CSS - http://www.socialweb.net/Clients/Clark/ * Collapse All * Expand All http://www.socialweb.net/Clients/Clark/ Embedded Styles from http://www.socialweb.net/Clients/THBG/ DIV.socialweb FORM { margin: 0px; } DIV.socialweb IMG.eventimage { float: right; padding: 0px 0px 0px 10px; } DIV.socialweb P.modified { text-align: right; color: #999; } DIV.socialweb TD.noevents { text-align: center; font-style: italic; } DIV.socialweb P.contact SPAN, DIV.socialweb P.cost SPAN, DIV.socialweb P.audiences SPAN, DIV.socialweb P.location SPAN, DIV.socialweb P.sponsor SPAN, DIV.socialweb P.restaurants SPAN, DIV.socialweb P.hours SPAN, DIV.socialweb P.format, DIV.socialweb P.categories { font-weight: bold; } DIV.socialweb TABLE.gridcalendar { border-collapse: collapse; margin: 0px 0px 1em 0px; width: 100%; } DIV.socialweb TABLE.gridcalendar TD { padding: 3px; border-color: #bbb; border-width: 1px; border-style: solid; vertical-align: top; width: 14.28%; height: 5em; } DIV.socialweb TABLE.gridcalendar TH { padding: 3px; border-color: #bbb; border-width: 1px; border-style: solid; } DIV.socialweb UL { padding-left: 25px; margin-left: 0px; } DIV.socialweb LI { margin-bottom: .5em; } DIV.socialweb LI.recurring { list-style-image: url(http://www.socialweb.net/Images/recurring.gif); } DIV.socialweb LI.today { list-style-image: url(http://www.socialweb.net/Images/today.gif); } DIV.socialweb TD.calendartime, DIV.socialweb TABLE.searchbox TH { text-align: right;} DIV.socialweb TABLE.calendar TD, DIV.socialweb TABLE.calendarmini TD, DIV.socialweb TABLE.searchbox TD { padding: 2px; } DIV.socialweb TABLE.calendarmini TD, DIV.socialweb TH.calendarminidow, DIV.socialweb TABLE.searchbox TH.searchtitle, DIV.socialweb P.addeditrss, DIV.socialweb TABLE.searchbox TH.searchhead { text-align: center; } http://www.clarku.edu/assets/css/global.css /* Level 2 Styles ***************** this includes any style that is non-color specific includes general typography, main structure, red header with logo, header text styles, directions link, main and subnavigation, general content and sidebar styles (not color specific styles), and footer style ************* ****************************** */ /* main body/html settings */ body, html { margin:0; padding:0; background:#FFF; color:#666; } /* set body min-width to same as main wrapper for smaller browser windows */ body { max-width: 800px; } p, h1, h2, h3, h4, h5, h6, td, li, fieldset { font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size:14px; color: #666666; } p, td, li, fieldset { font-size: 11px; } a:link, a:active, a:visited { font-family: 'Verdana', Arial, Helvetica, Sans-Serif; font-size: 11px; color:#606060; text-decoration: underline; } a:hover { color: #000; text-decoration: underline; } /* main wrapper has a set width, margins set to auto will center the div on the page */ #wrap { text-align: left; background-color: white; margin: auto; /* subtracts the window size from the width and splits the diff between left and right margins */ width: 800px; position: relative; } #homewrap { text-align: left; background: url(/assets/homepage/homewrap_bg.gif) no-repeat bottom left; margin: auto; width: 800px; } /* header div contains the Tower Hill logo, address text, directions link, and main navigation */ #header { background:#006033 url(/assets/headerimages/homeheader_bg.gif) no-repeat scroll left top; border:0 none; height:135px; margin:0; padding:0; position:relative; width:800px; } /* homelinks are for the logo linking to the homepage */ #homelink1 img { position: absolute; left: 0; top: 0; } #homelink2 img { position: absolute; left: 0; bottom: 0; } /* styling the headercontent.htm include */ #header p { text-align: right; margin: 0; position: absolute; right: 13px; top: 15px; } /* directions link rollover effect */ #header a.directions:link, a.directions:visited { display: block; width: 85px; height: 25px; background: url(/assets/homeimages/directions.gif) no-repeat; text-align: right; padding-top: 7px; color: #FC3; text-decoration: none; position: absolute; right: 0px; } #header a.directions:hover { background: url(/assets/homeimages/directions_over.gif) no-repeat; color: #FFF; } /* begin mainnavigation styles - hybrid CSS 2 level horizontal menu ******** *************************************************************************************** ******************************* */ #header #nav { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; position: absolute; bottom: 0; right: 0; width: 800px; height: 50px; background-color: #006033; } #header #nav ul { list-style-type: none; margin: 0px; padding: 0px; } #header #nav ul li { margin: 0px; padding: 0px; padding-left: 0px; list-style-type: none; float: left; display: block; height: 23px; } #header #nav li a { color: #222222; display: block; height: 23px; float: left; line-height: 23px; border: 0; text-decoration: none; overflow: hidden; font-size: 11px !important; } #header #nav li a:hover { color: #FFF; } #nav li a.home, #nav li a.gardens, #nav li a.donate, #nav li a.education, #nav li a.rentals, #nav li a.calendar, #nav li a.contact, #nav li a.caryaward { background: #ebffc8 repeat-x; text-align: center; } a.home { width: 75px; } #nav li a.home:hover { background: #7DA040 url(/assets/hybridnavimages/home_bg.gif) repeat-x; } a.gardens { width: 90px; } #nav li a.gardens:hover { background: #7DA040 url(/assets/hybridnavimages/gardens_bg.gif) repeat-x; } a.donate { width: 85px; } #nav li a.donate:hover { background: #7DA040 url(/assets/hybridnavimages/donate_bg.gif) repeat-x; } a.education { width: 75px; } #nav li a.education:hover { background: #7DA040 url(/assets/hybridnavimages/education_bg.gif) repeat-x; } a.rentals { width: 164px; } #nav li a.rentals:hover { background:#7DA040 url(/assets/hybridnavimages/rentals_bg.gif) repeat-x; } a.calendar { width: 85px; } #nav li a.calendar:hover { background: #7DA040 url(/assets/hybridnavimages/calendar_bg.gif) repeat-x; } a.contact { width: 118px; } #nav li a.contact:hover { background: #7DA040 url(/assets/hybridnavimages/contact_bg.gif) repeat-x; } a.caryaward { width: 108px; } #nav li a.caryaward:hover { background: #7DA040 url(/assets/hybridnavimages/caryaward_bg.gif) repeat-x; } #header #nav li.off ul, #header #nav li.on ul { position: absolute; top: 23px; left: 0; height: 23px; _height: 24px; width: 955px; display: none; } #header #nav li.off:hover ul, #nav li.over ul { display: block; z-index: 6000; } #header #nav li.off ul a, #nav li.on ul a, #nav li.over a { color:#FFF; padding-right: 14px; overflow: hidden; } a.subhome1 { padding-left: 14px; } #header #nav li.off ul.subhome li a:hover, #nav li.on ul.subhome li a:hover { color:#e1e8ee; } a.subgardens1 { padding-left: 20px; } #header #nav li.off ul.subgardens li a:hover, #nav li.on ul.subgardens li a:hover { color: #fffb82;} a.subdonate1 { padding-left: 145px; } #header #nav li.off ul.subdonate li a:hover, #header #nav li.on ul.subdonate a:hover { color: #fffb82;} a.subeducation1 { padding-left: 150px; } #header #nav li.off ul.subeducation li a:hover, #header #nav li.on ul.subeducation li a:hover { color:#fffb82; } a.subrentals1 { padding-left: 300px;} #header #nav li.off ul.subrentals li a:hover, #nav li.on ul.subrentals li a:hover { color:#fffb82; } a.subcalendar1 { padding-left: 20px;} #header #nav li.off ul.subcalendar li a:hover, #nav li.on ul.subcalendar li a:hover { color:#fffb82; } a.subcontact1 { padding-left: 600px; } #header #nav li.off ul.subcontact li a:hover, #header #nav li.on ul.subcontact li a:hover { color:#fffb82; } a.subcaryaward1 { padding-left: 20px; } #nav li.off ul.subcaryaward li a:hover, #nav li.on ul.subcaryaward li a:hover { color:#fffb82; } a.subhome1 { padding-left: 20px; } #header #nav li.off ul.subhome li a:hover, #nav li.on ul.subhome li a:hover { color:#fffb82; } li#active a.subhome1, li#active a.subshop1, li#active a.subvisit1, li#active a.subvisit2,li#active a.subvisit3, li#active a.subvisit4, li#active a.subeducation1, li#active a.subeducation2, li#active a.subeducation3, li#active a.subeducation4, li#active a.subrentals1, li#active a.subrentals3, li#active a.subcalendar1, li#active a.subcalendar2, li#active a.subcalendar3, li#active a.subcontact1, li#active a.subcontact2,li#active a.subcontact3, li#active a.subcontact4, li#active a.subhome1, li#active a.subhome4 { font-weight: bold; color: #FFF !important; } /* end main navigation styles */ /* end main navigation styles */ /* links for subcalendars */ #linkscontainer { background-color: #FFF; color: #C0C0C3; text-align:left; line-height: 1.3; padding-left: 10px; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; margin: 10px 0; } #linksblock { background-color: #FFF; color: #C0C0C3; float: right; text-align: right; line-height: 1.3; padding-right: 10px; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; margin: 10px 0; } #instructions { background-color: #FFF; color: #666666; line-height: 1.3; padding-left: 10px; clear: both; font-size: 11px; font-style:italic; font-family: verdana, arial, helvetica, sans-serif; margin: 10px 0; } /* adds the shadow below the header */ #shadowbar { background-image: url(/images/toplevelnavimages/bar_shadow_bg.gif); background-repeat: repeat-x; width: 780px; height: 11px; margin: 0 0 10px 0; } /* sidebar div is floated right, allowing main content area to remain unfloated */ #sidebar { background: #FFF; float: right; width: 252px; margin-bottom: 10px; line-height: 13px; } #sidebar form { width: 252px; height: auto; padding: 0; margin: 0; } .sidebarimg { background-color: #F3F3F4; border: 1px #EAEAEB solid; padding: 6px 0px; text-align: center; width: 250px; } .sidebarimg p { padding: 0 4px; } .sidebarimgnoborder { text-align: center; width: 252px; } .sidebarimgfull { padding:0; margin:0; border:0; text-align: center; } #sidebar br { line-height: .35em; } .sidebarnav { width: 250px; background: #F3F3F4 url(/assets/sidebar/gray_bg.gif) no-repeat top left; border: 1px #EAEAEB solid; padding-bottom: 5px; } .sidebarnav h3 { margin-top: 0; margin-bottom: .85em; position: relative; top: 4px; left: 5px; font-size: 12px; color: #6A747C; } .sidebarnav p { margin: 0; padding: 4px 10px 3px 15px; } .sidebarnav ul { margin: 0; padding: 4px 10px 3px 25px; list-style-type: none; } .sidebarnav ul li.reddownarrow { background: url(/assets/specialtyimages/red_down_arrow_small.gif) no-repeat top left; margin: 0; padding: 8px 0 0 22px; } .sidebarnav a { font-size: 11px; color: #666; text-decoration: none; } .sidebarnav a:visited { text-decoration: none; } .sidebarnav a.special { text-decoration: underline; } .sidebarnav a:hover { color: #000; text-decoration: underline; } .sidebarnav table { position: relative; left: 8px; margin-left: 10px; } .sidebarnav tr { vertical-align: top; } .sidebarnav td { font-size: 11px; color: #666; padding-right: 6px; } /* main content area ************ note: topcontent styles are color specific and are included in the color specific stylesheets */ #content { padding: 0; margin: 0 258px 10px 0; background: none; } /* topcontent styles would go here */ #content h1 { font-size: 14px; color: #C03; letter-spacing: .06em; } #content h2 { font-size: 12px; color: #C03; font-weight: 400; margin: 15px 0 4px 0; } #content h3 { font-size: 11px; color: #C03; font-weight: 400; margin: 20px 0 0 0; } #content p { padding: 0 15px 0 0; margin: 5px 0 10px 0; } #content ul, #content ol { padding: 0 15px 0 25px; } /* footer contains the privacy statement and copyright */ #footer { clear: both; background-color: #FFF; color: #C0C0C3; text-align: right; line-height: 1.2; padding-right: 10px; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; margin: 10px 0; } #footer a { color: #C0C0C3; text-decoration: none; } #footer a:hover { color: #000; text-decoration: underline; } /* ****************************************************** main typography styles */ p, h1, h2, h3, h4, h5, h6, td, li, fieldset { font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #666666; } p, td, li, fieldset { font-size: 11px; } fieldset.search { margin: 0; padding: 0 0 4px 6px; border: 1px solid #999; } legend.search { font-size: 12px; color: #6A747C; font-weight: bold; margin-bottom: 3px; } label.search { display: block; margin-bottom: 2px; } input.search { font-size: 11px; } /* typography and link styles */ a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited { font-size: 10px; color: #FFF; text-decoration: none; } a.breadcrumb:hover { text-decoration: underline; } .address { font-size: 9px; color: #FFF; text-decoration: none; } .subhead1 { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; } .red { color: #C03; } /* list styles */ ul.redtriangle { list-style-type: none; padding: 10px; } ul.redtriangle li { list-style-type: none; background: url(/assets/specialtyimages/red_trianglearrow_small.gif) no-repeat top left; padding: 3px 0 3px 15px; } ul.redtriangle li ol { margin: 8px 0; } ul.redtriangle li ol li { list-style-type:decimal; background: none; padding: 3px 5px 3px 0; } http://www.clarku.edu/assets/css/calendars.css /* Calendars styles for level 2 and level 3 pages */ /* Calendars specific sidebar box */ .calendarssidebar { width: 250px; background: #F3F3F4 url(/assets/sidebar/calendars_bg.gif) no-repeat top left; border: 1px #006033 solid; padding-bottom: 5px; } .calendarssidebar h3 { margin-top: 0; margin-bottom: .85em; position: relative; top: 4px; left: 5px; font-size: 12px; color: #FFF; } .calendarssidebar p { margin: 0; padding-top: 4px; padding-left: 15px; padding-bottom: 3px; } .calendarssidebar a { font-size: 11px; color: #666; text-decoration: none; } .calendarssidebar a.special { text-decoration: underline; } .calendarssidebar a:hover { color: #000; text-decoration: underline; } .calendarssidebar table { position: relative; left: 8px; margin-left: 10px; } .calendarssidebar tr { vertical-align: top; } .calendarssidebar td { font-size: 11px; color: #666; padding-right: 6px; } /* topcontent styles are the secondary navigation with rollover and text colors specific to students as well as the students color corner image for the lower right corner */ #topcontent { width: 517px; background: #F3F3F3 url(/assets/secondarynav/calendars_topcontent_bg.gif) no-repeat bottom right; position: relative; padding: 12px 0; margin: 0; } #submenu { width: 145px; float: left; } #submenu ul { padding: 0 15px 0 0; margin: 0 0 10px 10px; list-style-type: none; } #submenu ul li { padding-top: 2px; } #submenu ul a { display: block; width: 121px; height: 17px; line-height: 17px; color: #FFF; background: url(/assets/secondarynav/calendars-sidenav.gif) no-repeat top left; font-size: 9px; color: #666666; text-decoration: none; text-align: center; } #submenu ul li a:hover { color: #006033; } #submenu ul li.active a { color: #FFF; background: url(/assets/secondarynav/calendars-sidenav-on.gif) no-repeat top left; } .submenutext { padding: 0 15px 0 0; margin: 0; float: left; width: 350px; } .submenutextfull { padding: 0 15px 0 0; margin: 0 0 0 15px; } .submenutext h1, .submenutextfull h1 { font-size: 16px !important; font-weight: bold; letter-spacing: .06sem; color:#006033 !important; margin: 0; padding: 0; } .submenutext p, .submenutextfull p { padding: 0; margin: 0; } .submenutextfull br { line-height: .35em; } /* calendars faqs style */ #content dl.question { padding: 10px 0 5px 5px; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; } #content dl.question dt { padding: 7px 0 4px 35px; font-weight: bold; background: url(/assets/specialtyimages/calendars_question.gif) no-repeat top left; } #content dl.question dd { background: none; padding: 4px 0; margin: 0 14px 12px 35px; } #content dl.question ul { padding: 5px 0 3px 25px; margin: 0; }