/* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 5_0: Reset CSS, reorganize sections /* 5_1: Split CSS into separate files /* 5_2: Added module.css ------------------------------------------------------------------------*/ @import url("reset.css"); @import url("structure.css"); @import url("navigation.css"); @import url("html.css"); @import url("misc.css"); @import url("module.css"); @import url("sifr.css"); @import url("gallery.css"); .cl_logo img { width:100px; } .cl_addition_photo li { float:left; list-style:none; background:none!important; } .cl_addition_photo li a img { width:210px!important; } .cl_logo { position:absolute; top:-105px; left:55px; z-index:100; } .cl_breadcrumb li { float:left; list-style:none!important; background:none!important; } .cl_breadcrumb { clear:both; list-style:none!important; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 4_6: Added base faq and newsletter styles, and added Portal News styles (news list/portal news/homework) /* 4_7: Removed unused CSS, updated defaults [TO DO: Portal CSS] [Author: Landon Durnan] /* 5_0: Better defaults: news, detail, faqs [Author: Landon Durnan] /* 5_1: Moved FAQ and Barcharts to separate files [Author: Landon Durnan] /* NEWS STYLES ********************************************************************************/ /* ----------------------------------------------------------------------------- =News-List ----------------------------------------------------------------------------- */ .news-list{ } .layout-n1-p1-s0-c .pc .news-list { width: 441px; } .news-list h2 { text-transform: uppercase; font-size: 1.7em; font-family: Arial, Helvetica, sans-serif; margin-bottom: .4em; } .news-list ul.news { list-style: none; margin: 0; padding: 0; font-size: 11px; } .news-list ul.news li { background-repeat: no-repeat; background-position: left bottom; padding: 0 0 1.3em 0; margin: 0 0 1.1em 0; } .layout-n0-p1-s0 .pc .news-list ul.news li, .layout-n1-p1-s0 .pc .news-list ul.news li { background-image: url(../images/news-divider-n1p1s0.gif); } .layout-n0-p1-s1 .pc .news-list ul.news li { background-image: url(../images/news-divider-n0p1s1.gif); } .layout-n1-p1-s1 .pc .news-list ul.news li, .layout-n1-p1-s0-c .pc .news-list ul.news li { background-image: url(../images/news-divider-n1p1s1.gif); } .sc .news-list ul.news li { background-image: url(../images/news-divider-sc.gif); } .tc .news-list ul.news li { background-image: url(../images/news-divider-tc.gif); } .news-list ul.news li.last-child, .news-list ul.news li.only-child { background-image: none!important; padding: 0; } .news-list ul.news li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .news-list ul.news li * { margin: 0; padding: 0; } .news-list ul.news li ul { list-style: none; margin: 0 0 1.8em 0; } .news-list ul.news li ul li { margin-bottom: .6em; padding: 0 0 0 10px; background-image: url(../images/list-bullet.gif)!important; background-repeat: no-repeat; background-position: 0 .6em; } .news-list ul.news li h4{ font-size: 12px; font-weight: bold; color: #622500; margin-bottom: .3em; line-height: 1.4em; } .news-list ul.news li h5, .news-list ul.news li h6 { color: #837d76; font-weight: normal; font-size: 1em; margin-bottom: .6em; } .sc .news-list ul.news li h5, .tc .news-list ul.news li h5, .sc .news-list ul.news li h6, .tc .news-list ul.news li h6 { color: #B7B5B3; } .news-list ul.news p { display: inline; } .news-list ul.news a.readmore { color: #CE5321; padding-left: 3px; } .news-list ul.news .thumb { float: left; margin: 2px .7em .2em 0; } .news-list ul.news .thumb img{} .news-list ul.news .thumb-file {} /* ----------------------------------------------------------------------------- =News-Detail ----------------------------------------------------------------------------- */ .news-detail{} .news-detail h1{ } .news-detail h3{ } .news-detail h4{ } .news-detail p{ } /* ----------------------------------------------------------------------------- =Newsletter ----------------------------------------------------------------------------- */ .newsletter ul.news { } .newsletter ul.news li { } .newsletter ul.news li.last-child { } .newsletter ul.news li h4{} .newsletter ul.news li h5, .newsletter ul.news li h6 { } .newsletter ul.news p{} .newsletter ul.news a.readmore {} .newsletter ul.news .thumb {} .newsletter ul.news .thumb img{ } .newsletter ul.news .thumb-file {} /* PORTAL NEWS STYLES ******************************************************************************* PORTAL NEWS LIST ----------------------------------------------------------------------------- */ .portal-news-list ul.news { /*margin: 0;*/ padding: 0; list-style: none; } .portal-news-list ul.news li { background: none; padding: 0; margin: 0; } .portal-news-list ul.news li * { margin: 0; padding: 0; } .portal-news-list ul li h4 { display: inline; font-size: .92em; font-weight: normal; padding-right: 0.4em; padding-left: 10px; } .portal-news-list ul li h5 { display: inline; font-size: 1em; padding-right: 0.4em; font-weight: normal; } .portal-news-list ul li h6 { display: inline; font-size: 1em; padding-right: 0.4em; font-weight: normal; color: #666; } /* CLASS HOMEWORK ----------------------------------------------------------------------------- */ .homework { margin-bottom: 10px; } .homework h2 { /*font-size: 1.17em; font-weight: bold; margin: 5px 0; padding: 0;*/ } .homework .module-header { /*position: relative; font-weight: bold; background-color: #E0E0E0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 3px 5px; line-height: 13px;*/ } .homework.module .module-header h2 { font-size: 1.3em; } .homework .module-header span { font-size: .92em; margin: 5px 0; padding: 0; } .homework .module-header span.col2 { position: absolute; top: 3px; right: 10px; margin: 0; } .homework ul.news { margin: 5px 0; padding: 0; list-style: none; } .homework ul.news li { background: none; padding: 0; margin: 0; } .homework ul.news li h4 { display: inline; font-size: .92em; font-weight: normal; padding: 0; margin: 0; padding-left: 10px; } .homework ul.news li h4 span { display: block; color: #000; } .homework ul.news li h5 { float: right; clear: right; padding: 0; margin: 4px 0 0 0; } .homework ul.news li h6 { display: block; margin-left: 20px; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 4_6: Added base styles to main calendar view and block view, and added portal calendar styles /* 4_7: Re-organized the css, added missing elements, and cleaned up defaults [Author: Landon Durnan] /* 5_0: Standardized tables (mini-block, month, week), updated detail, fixed customize, better defaults [Author: Landon Durnan] /* CALENDAR STYLES ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- =GENERAL CALENDAR STYLES ----------------------------------------------------------------------------- */ dl.calendar-day dd span.time, dl.calendar-day dd span.thru, dl.calendar-day dd span.location, dl.calendar-day dd span.url, dl.calendar-day dd span.readmore{ /*display: block;*/ margin: 0; padding: 0 10px 0 0; /*white-space: nowrap;*/ } dl.calendar-day dd span.time em, dl.calendar-day dd span.thru em, dl.calendar-day dd span.location em{ font-style: normal; } /* ----------------------------------------------------------------------------- =BUTTONS ----------------------------------------------------------------------------- */ .calendar-prevnext { display: inline; float: right; } .calendar-prevnext a { float: left; } .calendar-prevnext a.prev, .calendar-prevnext a.prev-day { margin-right: 4px; display: block; } .calendar-prevnext a.next, .calendar-prevnext a.next-day { } .calendar-customize { } .calendar-views { display: inline; float: left;} .calendar-views span.view-label {} .calendar-views a { float: left; margin-right: 4px; display: block; } .calendar-views a.view-list {} .calendar-views a.view-month {} .calendar-views a.view-week {} .calendar-views a.view-oneweek {} .calendar-views a.view-twoweek {} .calendar-views a.view-print {} /*.calendar-customize { float: left; } .calendar-customize a { float: left; margin-right: 4px; } */ /* ----------------------------------------------------------------------------- =CALENDAR-LIST ----------------------------------------------------------------------------- */ .calendar-list { } .module { border-bottom:none!important; } .sc .module.calendar-list { background-image: none; padding: 0; } .tc .module.calendar-list { background-image: none; padding: 0 0 0 13px; } .layout-n1-p1-s0-c .module.calendar-list { width: 441px; } .calendar-list h2 { font-family: Arial,Helvetica,sans-serif; font-size: 1.7em; text-transform: uppercase; margin-bottom: .4em; } .sc .calendar-list h2, .tc .calendar-list h2 { background-image: none; margin: 0 0 .4em 0; padding: 0; color: #700B22; } .sc .calendar-list h2 { width: 242px; } .tc .calendar-list h2 { width: 195px; } .sc .calendar-list .module-divider, .tc .calendar-list .module-divider { display: none; } .calendar-list dl.calendar-day { clear: both; float: none; margin-bottom: .5em; font-size: .9em; } .calendar-list dl.calendar-day:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .calendar-list dl.calendar-day dt { display: block; position: relative; padding: 0; margin: 0 0 .6em 0; background-repeat: no-repeat; background-position: 0 0; color: #FFF; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.6em; } .calendar-list dl.calendar-day dt span.block { display: block; background-repeat: no-repeat; background-position: left bottom; padding: 8px 6px 8px 6px; } .layout-n0-p1-s0 .pc .calendar-list dl.calendar-day dt, .layout-n1-p1-s0 .pc .calendar-list dl.calendar-day dt { background-image: url(../images/cal-n1p1s0-top.gif); } .layout-n0-p1-s0 .pc .calendar-list dl.calendar-day dt span.block, .layout-n1-p1-s0 .pc .calendar-list dl.calendar-day dt span.block { background-image: url(../images/cal-n1p1s0-btm.gif); } .layout-n0-p1-s1 .pc .calendar-list dl.calendar-day dt { background-image: url(../images/cal-n0p1s1-top.gif); } .layout-n0-p1-s1 .pc .calendar-list dl.calendar-day dt span.block { background-image: url(../images/cal-n0p1s1-btm.gif); } .layout-n1-p1-s1 .pc .calendar-list dl.calendar-day dt, .layout-n1-p1-s0-c .pc .calendar-list dl.calendar-day dt { background-image: url(../images/cal-n1p1s1-top.gif); } .layout-n1-p1-s1 .pc .calendar-list dl.calendar-day dt span.block, .layout-n1-p1-s0-c .pc .calendar-list dl.calendar-day dt span.block { background-image: url(../images/cal-n1p1s1-btm.gif); } .sc .calendar-list dl.calendar-day dt { background-image: url(../images/cal-sc-top.gif); } .sc .calendar-list dl.calendar-day dt span.block { background-image: url(../images/cal-sc-btm.gif); } .tc .calendar-list dl.calendar-day dt { background-image: url(../images/cal-tc-top.gif); } .tc .calendar-list dl.calendar-day dt span.block { background-image: url(../images/cal-tc-btm.gif); } .calendar-list dl.calendar-day dd { padding: 0 .5em; margin-bottom: 1.6em; /*margin: 0 0 0.4em 65px; padding: 0.4em 0 0.4em 0; border-bottom: 1px solid #999;*/ } .calendar-list dl.calendar-day dd.only-child { /*margin-bottom: 0;*/ } .calendar-list dl.calendar-day dd.last-child { /*margin-bottom: 0;*/ } .calendar-list dl.calendar-day dd * { /*margin: 0; font-weight: normal;*/ } .calendar-list dl.calendar-day dd h4 { color: #622500; font-size: 12px; font-weight: bold; margin-bottom: 0.1em; line-height: 1.4em; } .calendar-list dl.calendar-day dd h4 a { color: #622500; } .calendar-list dl.calendar-day dd h5, .calendar-list dl.calendar-day dd h6, .calendar-list dl.calendar-day dd span { color: #B7B5B3; font-size: 11px; font-weight: normal; margin-bottom: 0; display: block; line-height: 1.4em; } .calendar-list dl.calendar-day dd h4 span, /* Category */ .calendar-list dl.calendar-day dd h5, .calendar-list dl.calendar-day dd h6 { /*font-weight: normal; font-size: 95%;*/ } .calendar-list .calendar-list-more { padding-left: 5px; } .calendar-list a.edit { } /* ----------------------------------------------------------------------------- =DETAIL ----------------------------------------------------------------------------- */ .calendar-detail { } /* .calendar-detail h1 { } .calendar-detail h2 { }*/ .calendar-detail h3 { } /* Title */ .calendar-detail h3 .athletic-location {} .calendar-detail h3 .category{} .calendar-detail h3 .contesttype{} .calendar-detail h4{} .calendar-detail h4.date{} .calendar-detail h4.result{} .calendar-detail h4.submodule{ font-weight: normal; } .calendar-detail h5{ font-weight: normal; } .calendar-detail h5 span{} .calendar-detail h5.time{} .calendar-detail h5.location{} .calendar-detail h5.dismissal{} .calendar-detail h5.return{} .calendar-detail h5.transportation{} .calendar-detail p.memo{ margin-top: 1em; } .calendar-detail a.url{} .calendar-detail dl.directions{} .calendar-detail dl.directions dt{} .calendar-detail dl.directions dd{} .calendar-detail dl.directions dd address{} .calendar-detail dl.directions dd .directions-container{} .calendar-detail dl.directions dd .directions-container .travel-time{} .calendar-detail a.back{} /* ----------------------------------------------------------------------------- =CALENDAR-TABLES Mini-block, Block, Week Available Classes: table.month# table th.first-child / last-child table tr.first-child / last-child / week# table td.first-child / last-child / other-month / other-month-day# / day# / today table dl dd.first-child / last-child / only-child / alt Colors: Table Borders: #CCC Table Heading: #999 Table TD: #FFF Other Month TD: #EFEFEF Today: #DFDFDF Event: #E4DED2 DT: #E1E1E1 ----------------------------------------------------------------------------- */ .table-container { margin-bottom: .75em; clear: both; padding-top: 1em; } .table-container span { display: block; } .table-container .outer { background: url(../images/cal-block-n1p1s0-btm.gif) no-repeat left bottom; } .table-container .inner { background: url(../images/cal-block-n1p1s0-top.gif) no-repeat 0 0; padding: 7px 8px 7px 7px; } .layout-n0-p1-s1 .table-container .outer { background-image: url(../images/cal-block-n0p1s1-btm.gif); } .layout-n0-p1-s1 .table-container .inner { background-image: url(../images/cal-block-n0p1s1-top.gif); } .layout-n1-p1-s1 .pc .table-container .outer { background-image: url(../images/cal-mini-n1p1s1-btm.gif); } .layout-n1-p1-s1 .pc .table-container .inner { background-image: url(../images/cal-mini-n1p1s1-top.gif); } .layout-n0-p1-s0 .pc .table-container .outer { background-image: url(../images/cal-block-n0p1s0-btm.gif); } .layout-n0-p1-s0 .pc .table-container .inner { background-image: url(../images/cal-block-n0p1s0-top.gif); } .table-container table { border-collapse: collapse; border: 0; width: 100%; } .table-container table thead { } .table-container table th{ color: #FEFFFF; font-weight: normal; text-align: center; border-left: 1px solid #4D6C9B; background: #6486B9; padding: 0; } .table-container table th abbr{ display: block; padding: .4em; border: 1px solid #839EC7; border-bottom: 0; } .table-container table tr{ } .table-container table td{ background-color: #FFF; border: 1px solid #D1C7BB; border-right: 0; border-bottom: 0; vertical-align: top; width: 12%; } .table-container table td.first-child{ } .table-container table th.first-child{ border-left: 0; } .table-container table th.first-child abbr{ border-left: 1px solid #4D6C9B; } .table-container table th.last-child abbr{ border-right: 1px solid #4D6C9B; } .table-container table td.other-month{ background-color: #eaeade; } .table-container table td.today{ } .table-container table td.event{ } .table-container table td span{ /* other month */ } .table-container table td a{ } .table-container table td.today a{ } .table-container table td.event a{ } .table-container table td dl.calendar-day{ } .table-container table td dl.calendar-day dt{ } .table-container table td.other-month dl.calendar-day dt{ background-color: #e0e0cc; border-bottom: 1px solid #d2cac0; } .table-container table td.other-month dl.calendar-day dd { border-top: 1px solid #f4f4ed; } .table-container table td dl.calendar-day dd{ margin-bottom: 0.3em; } .table-container table td dl.calendar-day dd h4, .table-container table td dl.calendar-day dd h5{ display: block; line-height: normal; margin: 0; } .table-container table td dl.calendar-day dd h4{ } .table-container table td dl.calendar-day dd h5{ font-weight: normal; } .table-container table td dl.calendar-day dd span.time em, /* time/location labels for month/week/print views */ .table-container table td dl.calendar-day dd span.location em{ display: none; } /* ----------------------------------------------------------------------------- =CALENDAR-MINI ----------------------------------------------------------------------------- */ .calendar-mini { margin-bottom: 1.8em; } .tc .module.calendar-mini { padding: 0 13px 26px 5px; } .tc .module.calendar-mini h2 { margin-left: -5px; } .tc .module.calendar-mini .module-divider { margin-left: -5px; } .calendar-mini h2 { margin-top: 0; padding-top: 0; } .calendar-mini form select { margin: 6px auto; font-size: .92em; width: 100%; } .sc .calendar-mini .table-container, .tc .calendar-mini .table-container { border-bottom: 1px solid #D1C7BB; } .calendar-mini table th{ } .sc .calendar-mini table th, .tc .calendar-mini table th { border-top: 1px solid #4D6C9B; } .sc .calendar-mini table th.first-child, .tc .calendar-mini table th.first-child { border-left: 1px solid #4D6C9B; } .sc .calendar-mini table th.last-child, .tc .calendar-mini table th.last-child { border-right: 1px solid #4D6C9B; } .sc .calendar-mini table th.first-child abbr, .tc .calendar-mini table th.first-child abbr { border-left: 1px solid #839EC7; } .sc .calendar-mini table th.last-child abbr, .tc .calendar-mini table th.last-child abbr { border-right: 1px solid #839EC7; } .calendar-mini table tr{} .calendar-mini table td{ text-align: center; } .calendar-mini table td.first-child{} .sc .calendar-mini table td.last-child, .tc .calendar-mini table td.last-child { border-right: 1px solid #D1C7BB; } .calendar-mini table td.other-month{} .calendar-mini table td.today { background-color: #D95D39; color: #F8ECEC; } .calendar-mini table td.event{ background-color: #DDD6CE; } .calendar-mini table td span{} .calendar-mini table td a{ text-decoration: none; } .calendar-mini table td.today a{ color: #CE5321; font-weight: bold; } .calendar-mini table td.event a{ } .calendar-mini table td dl.calendar-day{} .calendar-mini table td dl.calendar-day dt{} .calendar-mini table td dl.calendar-day dd{} .calendar-mini table td dl.calendar-day dd h4{} .calendar-mini table td dl.calendar-day dd h5{} .calendar-mini .calendar-prevnext { float: none; clear: both; padding: 0 0 10px 0; display: none; } .calendar-mini .calendar-prevnext a { display: block; /* text-indent: -3000px; text-decoration: none; background-color: transparent; padding: 0; border: 0; */ } .module.calendar-mini { padding-bottom: 40px; } /* ----------------------------------------------------------------------------- =CUSTOMIZE ----------------------------------------------------------------------------- */ .calendar-customize {} form#customize { margin: 0;} form#customize.active { width: 242px; background: url(../images/module-sc-foot.gif) no-repeat left bottom; padding: 0 0 26px 0; position: absolute; top: 85px; left: 0px; display: block; } .calendar-customize h3 { background: url(../images/module-sc-head.gif) no-repeat 0 0; width: 206px; margin: 0; padding: 16px 18px 1px 18px; color: #FFF; } .calendar-customize .custom-container { background: url(../images/module-sc-h2.gif) no-repeat 0 0; padding: 20px 18px 0 18px; } .calendar-customize ul.calendar-formlist { clear: both; margin-bottom: 1.2em; } .calendar-customize ul.calendar-formlist li { background-image: none; padding-left: 0; } /*.calendar-customize ul.calendar-formlist { margin: 0 0 10px 0; padding: 0; list-style: none; list-style-image: none; clear: both; float: left; } .calendar-customize ul.calendar-formlist li { margin: 0 0 5px 0; padding: 0; background: none; clear: both; float: left; } .calendar-customize ul.calendar-formlist li input { float: left; margin-right: .5em; }*/ .calendar-customize .check-links{ margin: 0 0 .8em 0; float: left; width: 100%; } .calendar-customize .check-links a{ text-decoration: none;} .calendar-customize .check-links a:hover{ } .calendar-customize .check-links .check{ background: url(../images/checkall.gif) 0 3px no-repeat; padding-left: 12px; margin-right: 10px; } .calendar-customize .check-links .uncheck{ background: url(../images/uncheckall.gif) 0 3px no-repeat; padding-left: 12px; } .calendar-customize a.update.button { clear: both; } /* ----------------------------------------------------------------------------- =KEY ----------------------------------------------------------------------------- */ dl.key { display: none; } dl.key dt { font-weight: bold; } dl.key ul { list-style: none; list-style-image: none; } dl.key ul li { padding-left: 0; background: none; } dl.key ul li span{ width: 20px; height: 20px; display: block; float: left; margin: -2px 8px 0 0;} dl.key ul li.noevent span{ background-color: #E9F7FF; } dl.key ul li.today span{ background-color: #8DD3FF; } dl.key ul li.event span{ background-color: #CAE9FC; } /* ----------------------------------------------------------------------------- =WIDGET BUTTONS ----------------------------------------------------------------------------- */ .calendar-widgets{ float: left; width: 100%; } .calendar-widgets a{ position: relative; } /* this fixes a display issue in IE */ .calendar-widgets .calendar-customize{ float: left; margin-right: 30px; } .calendar-widgets .calendar-customize a { float: left; display: block; } .calendar-widgets .calendar-prevnext{ /*position: absolute; right: 0;*/} .calendar-widgets .calendar-prevnext a.prev, .calendar-widgets .calendar-prevnext a.next{ } /* ----------------------------------------------------------------------------- =MONTH/WEEK CALENDAR ----------------------------------------------------------------------------- */ .calendar-month{ margin-bottom: .75em; position: relative; } .calendar-month h2 { margin-bottom: 1em; } .calendar-month .month-select{ position: absolute; top: 0; right: 0; } .calendar-month .month-select select{ width: 160px; } /*.calendar-month .table-container .outer { background-image: url(../images/cal-month-btm.gif); } .calendar-month .table-container .inner { background-image: url(../images/cal-month-top.gif); }*/ .calendar-month table { width: 100%; } .calendar-month table th{ text-align: left; padding: .4em; } .calendar-month table th.first-child { border-left: 1px solid #4D6C9B; } .calendar-month table th.last-child { border-right: 1px solid #4D6C9B; } .calendar-month table th span { display: block; padding: .4em; margin: -.4em; border: 1px solid #839EC7; border-bottom: 0; } .calendar-month table th abbr{ display: inline; border: 0!important; padding: 0; } .calendar-month table tr{} .calendar-month table td{ /*width: 16%;*/ } .calendar-month table td.first-child { border-left: 0;} .calendar-month table td.other-month{} .calendar-month table td.today{} .calendar-month table td.event{} .calendar-month table td span{} .calendar-month table td a{} .calendar-month table td.today a{} .calendar-month table td.event a{} .calendar-month table td dl.calendar-day { margin-bottom: .8em; } .calendar-month table td dl.calendar-day dt{ padding: 0.4em; } .calendar-month table td.today dl.calendar-day dt{ background-color: #d95d39; border-bottom: 1px solid #ba5032; color: #F8ECEC; } .calendar-month table td dl.calendar-day dd{ padding: .6em 0.4em 0 0.4em; } .calendar-month table td dl.calendar-day dd h4 { font-size: 12px; line-height: 14px; } .calendar-month table td dl.calendar-day dd h5, .calendar-month table td dl.calendar-day dd span.time { display: block; font-size: 11px; line-height: 13px; } /* PORTAL CALENDAR STYLES ******************************************************************************* PORTAL CALENDAR EVENT LIST ----------------------------------------------------------------------------- */ .portal-calendar-list dl.calendar-day dt { font-weight: bold; background-color: #EEE; border-bottom: 1px solid #CCC; padding: 0.4em; margin-bottom: 0.6em; } .portal-calendar-list dl.calendar-day dd { margin-bottom: 0.6em; } .portal-calendar-list dl.calendar-day dd * { margin: 0; font-size: 1em; font-weight: normal; } .portal-calendar-list dl.calendar-day dd h5, .portal-calendar-list dl.calendar-day dd h6 { font-size: 1em; display: inline; padding-right: 0.4em; } .portal-calendar-list dl.calendar-day dd h4 span, /* Category */ .portal-calendar-list dl.calendar-day dd h5, .portal-calendar-list dl.calendar-day dd h6 { font-weight: normal; font-size: 0.91em; color: #666; } .portal-calendar-list dl.calendar-day dd .readmore { } .portal-calendar-list a.edit { } /* CLASS WEEK CALENDAR ----------------------------------------------------------------------------- */ #above-content .calendar-block-week { margin: 0; padding: 10px 0 0 0; } #above-content .calendar-block-week .calendar-widgets { padding: 0; margin: 0; } #above-content .calendar-block-week .calendar-widgets h2 { font-size: 1.08em; color: #4D417F; margin: 0; padding: 0; } #above-content .calendar-block-week .calendar-widgets a { margin-right: 5px; } #above-content .calendar-block-week .table-container { margin: 5px 0 0 0; padding: 0; } /* Customize Calendar ----------------------------------------------------------------------------- */ ul.calendar-formlist li { padding-left: 0; background-image: none; } ul.calendar-formlist li input { margin-right: .5em; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 4_6: Added empty teaser gallery css, renamed to teaser-gallery, and added portal teaser/file gallery css as seperate styles /* 5_0: Large changes for consistency: attachments, teasers, directional buttons. Improved default gallery-detail, gallery-file [Author: Landon Durnan] /* GALLERY AND FILE-LIST STYLES *******************************************************************************/ /* ----------------------------------------------------------------------------- =Gallery-Detail ----------------------------------------------------------------------------- */ .gallery-detail{} .gallery-detail h1{} .gallery-detail h3{} .gallery-detail p.description{} .gallery-detail dl.image{} .gallery-detail dl.image dt {} .gallery-detail dl.image dd {} .gallery-detail dl.image dd #SI_galleryImgNumOf{ margin-bottom: .4em; } .gallery-detail dl.image dd #SI_galleryImgTitle{ margin: 0 0 .4em 0; } .gallery-detail dl.image dd #SI_galleryImgDesc{ margin: 0; } .gallery-detail dl.image dd #SI_galleryImgDesc p{ margin: 0; line-height: normal; } /* Gallery Form */ #gallery-form{ margin: 0; } #gallery-form select, select.gallery-select { margin-bottom: 1em; } body#gallery #gallery-form select, body#gallery select.gallery-select { margin-left: 16px; } /* Gallery Paging */ .gallery-paging{ margin-bottom: .8em; } /* also #SI_gallerySets */ body#gallery .gallery-paging { margin-left: 16px; } .gallery-paging strong{} .gallery-paging span{} .gallery-paging span a{} /* Gallery Previous / Next Buttons */ .gallery-directional{ height: 3em; position: relative;} .gallery-directional .gallery-previous{ position: absolute; left: 0;} body#gallery .gallery-directional .gallery-previous{ left: 16px;} .gallery-directional .gallery-next{ position: absolute; right: 15px; } .gallery-directional .gallery-previous a{ display: block; } .gallery-directional .gallery-next a{ display: block; } /* Gallery Thumbnails */ .gallery-thumbnails{ float: left; background: url(/images/module/gallery-thumbnails-btm.gif) no-repeat left bottom; } .gallery-thumbnails ul#SI_galleryThumbs { list-style: none; margin: 0; float: left; background: url(/images/module/gallery-thumbnails-top.gif) no-repeat 0 0; padding: 14px 0 14px 16px; } .gallery-thumbnails ul#SI_galleryThumbs li{ background-color: #e1e1e1; display: inline; float: left; margin: 0 13px 12px 0; padding: 8px!important; background: url(/images/module/gallery-thumb.gif) no-repeat 0 0; border: 0; } .gallery-thumbnails ul#SI_galleryThumbs li.alt{ margin-right: 0; } .gallery-thumbnails ul#SI_galleryThumbs li.active{ background-image: url(/images/module/gallery-thumb-active.gif); } .gallery-thumbnails ul#SI_galleryThumbs li a{ display: block; height: 90px; overflow: hidden; position: relative; width: 90px; } .gallery-thumbnails ul#SI_galleryThumbs li.active a{} .gallery-thumbnails ul#SI_galleryThumbs li a.file{ background-position: 50% 50%; padding: 0 !important; text-indent: -9999px; } .gallery-thumbnails ul#SI_galleryThumbs li a img{ display: block; position: relative; margin: -50% 0% 0% -50%; } /* ----------------------------------------------------------------------------- =Teaser-Gallery ----------------------------------------------------------------------------- */ .sc .module.gallery-teaser { background-image: none; padding: 0; } .tc .module.gallery-teaser { background-image: none; padding: 0 0 0 13px; } .gallery-teaser dl.image { margin-bottom: 1em; } .gallery-teaser a.image {} .gallery-teaser a img {} .sc .gallery-teaser h2, .tc .gallery-teaser h2 { background-image: none; margin: 0 0 .4em 0; padding: 0; color: #700B22; font-size: 1.7em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; } .sc .gallery-teaser h2 { width: 242px; } .tc .gallery-teaser h2 { width: 195px; } .sc .gallery-teaser .module-divider, .tc .gallery-teaser .module-divider { display: none; } .gallery-teaser h3 {} .gallery-teaser h4 {} .gallery-teaser p { margin-bottom: 0; } .gallery-teaser a.button { margin-left: 8px; } .gallery-teaser a.edit {} .gallery-teaser select { margin-left: 8px; } .sc .module.gallery-teaser dl.block3 dt { background-image:url(../images/block3-top.gif); } .tc .module.gallery-teaser dl.block1 dt { background-image:url(../images/block1-top.gif); } .sc .module.gallery-teaser dl.block3 dt img { background-image:url(../images/block3-bot.gif); } .tc .module.gallery-teaser dl.block1 dt img { background-image:url(../images/block1-bot.gif); } /* ----------------------------------------------------------------------------- =Attachments-Gallery ----------------------------------------------------------------------------- */ .gallery-attachment {} .sc .module.gallery-attachment, .sc .module.teaser-gallery, .sc .module.mini-gallery { background-image: none; padding: 0; } .gallery-attachment h2 {} .sc .gallery-attachment h2, .sc .teaser-gallery h2, .sc .mini-gallery h2 { background-image: none; margin: 0 0 .8em 0; padding: 0; color: #700B22; width: 242px; } .sc .gallery-attachment .module-divider, .sc .teaser-gallery .module-divider, .sc .mini-gallery .module-divider { display: none; } .gallery-attachment .gallery-directional{} .gallery-attachment .gallery-directional .gallery-previous{} .gallery-attachment .gallery-directional .gallery-next{ right: 0; } .gallery-attachment .gallery-directional .gallery-previous a{} .gallery-attachment .gallery-directional .gallery-next a{} .gallery-attachment dl.image-list {} #alumni-center .gallery-attachment dl.image-list { margin-bottom: 4px; } .gallery-attachment dl.image-list dt { background:url(../images/block3-top.gif) no-repeat 0 0;} .sc .mini-gallery dl { clear: both; } .sc .mini-gallery dl dt { background-image:url(../images/block3-top.gif);} .gallery-attachment dl.image-list dt a{} .gallery-attachment dl.image-list dt a img { background-image:url(../images/block3-bot.gif); } .sc .mini-gallery dl dt a { padding: 0; margin: 0; display: block; } .sc .mini-gallery dl dt a img { padding: 6px 6px 12px 6px; background:url(../images/block3-bot.gif) no-repeat left bottom; } .gallery-attachment dl.image-list dt { background-image:url(../images/block3-top.gif); } .gallery-attachment dl.image-list dt a img { background-image:url(../images/block3-bot.gif); } .gallery-attachment dl.block1 dt { background-image:url(../images/block1-top.gif); } .gallery-attachment dl.block1 dt a img { background-image:url(../images/block1-bot.gif); } .gallery-attachment dl.block2 dt { background-image:url(../images/block2-top.gif); } .gallery-attachment dl.block2 dt a img { background-image:url(../images/block2-bot.gif); } .gallery-attachment dl.block3 dt { background-image:url(../images/block3-top.gif); } .gallery-attachment dl.block3 dt a img { background-image:url(../images/block3-bot.gif); } .gallery-attachment dl.block4 dt { background-image:url(../images/block4-top.gif); } .gallery-attachment dl.block4 dt a img { background-image:url(../images/block4-bot.gif); } .gallery-attachment dl.block5 dt { background-image:url(../images/block5-top.gif); } .gallery-attachment dl.block5 dt a img { background-image:url(../images/block5-bot.gif); } .gallery-attachment dl.image-list dd {} .gallery-attachment dl.image-list dd h3.gallery-title {} .gallery-attachment dl.image-list dd p.gallery-caption{ line-height: normal; margin: 0;} .sc .mini-gallery a#SI_miniNext, .sc .mini-gallery a#SI_miniPrev { background-color: #D95D39; border: 1px solid #BA5032; color: #F8ECEC; font: 11px normal Tahoma, Arial, Helvetica, sans-serif; padding: 1px 3px; text-decoration: none; margin-bottom: 10px; } .sc .mini-gallery a#SI_miniNext:hover, .sc .mini-gallery a#SI_miniPrev:hover { background-color: #E07A5C; color: #FFF; text-decoration: none; } .sc .mini-gallery a#SI_miniNext { float: right; } .sc .mini-gallery a#SI_miniPrev { float: left; } .mini-directional { } /* ----------------------------------------------------------------------------- =File Gallery ----------------------------------------------------------------------------- */ .gallery-file {} .gallery-file dl.file-group {} /* .gallery-file / .gallery-list */ dl.file-list, dl.file-list dt, dl.file-list dd { margin: 0; padding: 0; } dl.file-list dt, dl.file-list dt strong { color: #700B22; font-size: 1.1em; line-height: 1.2em; margin-bottom: 1em; font-weight: normal; } dl.file-list dd p { padding: 0; margin: 0 0 1em 0; } dl.file-list dd p p { padding: 0; margin: 0; } dl.file-list ul { list-style: none; padding: 0; margin: 0; } dl.file-list ul dl.images { margin-bottom: .6em; } dl.file-list ul dl.images dt { margin-bottom: .3em; } dl.file-list ul li { background: none; padding-left: 0; } dl.file-list ul li a { } dl.file-list ul li p { } .gallery-file a.edit {} .gallery-file dl.file-list { margin-bottom: 1.8em;} .gallery-file dl.file-list dt{} .gallery-file dl.file-list dd{} .gallery-list dl.file-list{} .gallery-list dl.file-list dt{} .gallery-list dl.file-list dd{} /* ----------------------------------------------------------------------------- /* Below is condensed temporarily - Not frequently used ----------------------------------------------------------------------------- /* GRID GALLERY ----------------------------------------------------------------------------- */ .gallery-grid { position: relative; } .select-paging { width: 30%; } .gallery-grid .paging-container:after, .column-container:after { content: "."; display: list-item; height: 0; clear: both; visibility: hidden; } .column-container div { float: left; } .column-container .col-1 { margin-right: 24px; } .gallery-grid dl.gallery-image { border: 1px solid #DDD; background-color: #EEE; padding: 8px; } .gallery-grid dl.gallery-image img { background-color: #FFF; padding: 3px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; } .gallery-grid dl.gallery-image p { margin: 4px 0 0; } .gallery-grid .paging-container { position: relative; padding: 0 30px 0 32px; float: left; } .gallery-grid .paging-container span { color: #999; } .gallery-grid .paging-container .prev-btn, .gallery-grid .paging-container .next-btn { position: absolute; top: 0; width: 28px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #DDD; background-color: #EEE; } .gallery-grid .paging-container .prev-btn { left: 0; } .gallery-grid .paging-container .next-btn { right: 0; } .gallery-grid .paging-container ul { list-style: none; padding: 0; } .gallery-grid .paging-container li { float: left; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #DDD; background-color: #EEE; margin-right: 2px; } .gallery-grid .paging-container li.active { background-color: #999; } .gallery-grid .paging-container li.active a { color: #FFF; } .gallery-grid .gallery-desc { clear: both; padding-top: 0.6em; } /* GALLERY LIST WITH THUMBS ----------------------------------------------------------------------------- */ .gallery-thumblist { } .gallery-thumblist .gallery { margin-bottom: 10px; } .gallery-thumblist .gallery .picturebox { padding: 0; margin: 0; } .gallery-thumblist .gallery .picturebox a, .gallery-thumblist .gallery .picturebox img { margin: 0; padding: 0; } .gallery-thumblist .gallery .picturebox a.file { /*text-indent: -9999px; padding: 0 !important;*/ background-position: 50% 50%; height: 50px; width: 50px; } .gallery-thumblist .gallery p { } /* PORTAL GALLERY STYLES ******************************************************************************* PORTAL FILE GALLERY ----------------------------------------------------------------------------- */ .portal-gallery-file { } .portal-gallery-file dl.file-group { } .portal-gallery-file dl.file-list { margin: 0 0 0 10px; padding: 0; } .portal-gallery-file dl.file-list dt { padding: 0; margin: 0; } .portal-gallery-file dl.file-list dt , .portal-gallery-file dl.file-list dt strong { } .portal-gallery-file dl.file-list dd p { padding: 0; margin: 0 0 5px 0; } .portal-gallery-file dl.file-list dd p p { padding: 0; margin: 0; } .portal-gallery-file dl.file-list ul { list-style: none; padding: 0; margin: 0; } .portal-gallery-file dl.file-list ul li { background: none; padding-left: 0; } .portal-gallery-file dl.file-list ul li a { } .portal-gallery-file dl.file-list ul li p { } .portal-gallery-file a.edit { } .portal-gallery-file p.login-link { } /* PORTAL TEASER GALLERY ----------------------------------------------------------------------------- */ .portal-gallery-teaser{ } .portal-gallery-teaser a.image { } .portal-gallery-teaser a img { } .portal-gallery-teaser h2 { } .portal-gallery-teaser h3 { } .portal-gallery-teaser h4 { } .portal-gallery-teaser p { } .portal-gallery-teaser a.more { } .portal-gallery-teaser a.edit { } .portal-gallery-teaser p.login-link { } /* MASTER GALLERY - need to clean this up! ----------------------------------------------------------------------------- */ /* Gallery List */ .gallery-list { margin: 0; padding: 0; } .gallery-list ul.images { list-style: none; position: relative; margin: 0 0 0 -1em; padding: 0; } .gallery-list ul.images:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .gallery-list ul.images li { list-style-image: none; background: none; margin: 0 0 1em 1em; padding: 0; float: left; width: 100px; } .gallery-list ul.images li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .gallery-list ul.images li a { display: block; width: 100px; height: 70px; overflow: hidden; border: 1px solid blue; } .gallery-list ul.images li a img { width: 100px; min-height: 70px; } .gallery-list ul.images li p { margin: 0; padding: 0; font-size: 80%; text-align: center; } .gallery-list ul.images li p.caption { } .gallery-list ul.images li p.description { } .gallery-list ul.images li p.total { font-size: 70%; color: #999; } /* Gallery Index */ .gallery-index ul.images li { width: 200px; } .gallery-index ul.images li a { width: 200px; height: 125px; } .gallery-index ul.images li a img { width: 200px; min-height: 125px; } .gallery-index ul.images li p.description { display: none; } /* Gallery Album */ .gallery-album ul.images li { width: 150px; margin-bottom: 0; min-height: 180px; height:auto !important; height:180px; } .gallery-album ul.images li a { width: 150px; height: 100px; } .gallery-album ul.images li a img { width: 150px; min-height: 112px; } .gallery-album ul.images li p.description { display: none; } /* Gallery Detail */ .gallery-detail ul.images li p.caption { display: none; } .gallery-detail ul.images li p.description { display: none; } /* Gallery Slideshow */ .gallery-slide ul.images li { width: 300px; } .gallery-slide ul.images li a { width: 300px; height: auto; } .gallery-slide ul.images li a img { width: 300px; min-height: 1px; } .gallery-slide ul.images li p { text-align: left; } .gallery-slide ul.images li p.caption { font-weight: bold; } .gallery-slide #ticker-pager a { margin-right: .2em; } .gallery-slide #ticker-pager a { margin-right: .2em; } .gallery-slide #ticker-pager a.activeSlide { background: blue; color: #FFF } /* Gallery Full Info */ .gallery-full ul.images { margin-left: 0; } .gallery-full ul.images li { position: relative; float: none; width: 100%; min-height: 112px; margin-left: 0; margin-bottom: 1em; } .gallery-full ul.images li a { position: absolute; top: 0; left: 0; } .gallery-full ul.images li .info { position: relative; margin-left: 165px; width: auto; } .gallery-full ul.images li p { text-align: left; } .gallery-full ul.images li p.caption { display: block; font-weight: bold; } .gallery-full ul.images li p.description { display: block; margin: .5em 0; } .gallery-full ul.images li p.total { } /* Gallery Detail Full Info */ .gallery-detail-full ul.images li { min-height: 75px; } .gallery-detail-full ul.images li .info { margin-left: 115px; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 4_6: Added base css for Curriculum Search, Class Info, and Class Lists /* ACADEMICS STYLES ******************************************************************************* MY CLASSES LIST ----------------------------------------------------------------------------- */ .class-list .myclasses-list { list-style: none; padding: 0; margin: 0 0 12px 0; } .class-list .myclasses-list li { background: none; line-height: 1.4em; margin: 0 0 0.3em; padding: 0; } .class-list .myclasses-list .class { list-style: none; padding: 0; margin: 0 0 10px 0; } .class-list .myclasses-list .class li { background: none; padding: 0; margin: 0; } .class-list .myclasses-list .class li a { font-weight: bold; } .class-list .myclasses-list .class li.person a { font-weight: normal; } .class-list a.edit { } /* CLASS LIST ----------------------------------------------------------------------------- */ .classes-group { } .classes-group ul.class-list { list-style: none; padding: 0; } .classes-group ul.class-list li { background: none; padding-left: 0; } .classes-group ul.class-list li a { } /* CLASS INFO ----------------------------------------------------------------------------- */ .class-info { } .class-info ul.department-list { list-style: none; padding: 0; } .class-info ul.department-list li { background: none; padding-left: 0; } .class-info ul.teacher-list { list-style: none; padding: 0; } .class-info ul.teacher-list li { background: none; padding-left: 0; } /* CURRICULUM DROPDOWN/SEARCH ----------------------------------------------------------------------------- */ #CurSearch table, #CurSearch table th, #CurSearch table tr, #CurSearch table td, #CurSearch table { border: none; padding: 0; margin: 0; } #CurSearch .btn-search { margin-left: 5px; } dl.class-descriptions { margin: 5px 6px; } dl.class-descriptions dt { } dl.class-descriptions dt strong { } dl.class-descriptions dt strong span { margin-left: 5px; } dl.class-descriptions dd { } dl.class-descriptions dd p { margin-left : 0; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 5_0: Organize new defaults and process, improve cascade [Author: Landon Durnan] /* ATHLETIC STYLES ******************************************************************************* Upcoming Games Recent Scores Team List Select Team Team Page Directions Coaches */ /* ----------------------------------------------------------------------------- =Upcoming Games ----------------------------------------------------------------------------- */ .upcoming-games{} .upcoming-games #games{} /* Tabs */ .upcoming-games #filter-games{} .upcoming-games #filter-games dl.calendar-day{} /* Cascades from calendar.css */ .upcoming-games #filter-games dl.calendar-day dt{} .upcoming-games #filter-games dl.calendar-day dd{} /* ----------------------------------------------------------------------------- =Recent Scores ----------------------------------------------------------------------------- */ .scoreboard{} .scoreboard .scoreboard{} /* necessary? */ .scoreboard h2{} .scoreboard dl.scoreboard-day { margin-bottom: 1.3em; } .pc .scoreboard dl.scoreboard-day dt { font-size: 1.1em; font-weight: normal; line-height: 1.3em; margin-bottom: 0.7em; color: #700B22; } .sc .scoreboard dl.scoreboard-day dt { font-size: 1.1em; font-weight: bold; line-height: 1.3em; margin-bottom: 0.3em; color: #484845; } .scoreboard dl.scoreboard-day dd{ margin: 0; padding: 0; } .pc .scoreboard-day div.table-bottom { margin-bottom: 1em; } .sc .scoreboard-day div.table-bottom { background-image: none; margin: 0 0 5px 0; } .sc .scoreboard-day div.table-top { background-image: none; padding: 0; } .sc .scoreboard dl.scoreboard-day dd table.styled { border: 1px solid #DFD8CF; border-width: 1px 1px 0 1px; line-height: 1.3em; } .sc .scoreboard dl.scoreboard-day dd table.styled tr { background-image: none; background-color: #F5F4F0; } .sc .scoreboard dl.scoreboard-day dd table.styled tr.alt { background-image: none; background-color: #EBE8E1; } .sc .scoreboard dl.scoreboard-day dd table.styled td { padding: 4px 6px 5px 6px; } .scoreboard dl.scoreboard-day dd table{ width: 100%; margin: 0; padding: 0; border: 0; } .scoreboard dl.scoreboard-day dd table tr{} .scoreboard dl.scoreboard-day dd table tr.first-child{} .scoreboard dl.scoreboard-day dd table tr.last-child{} .pc .scoreboard dl.scoreboard-day dd table tr td { padding: 6px 10px 8px 10px; } .scoreboard dl.scoreboard-day dd table tr td.first-child{} .scoreboard dl.scoreboard-day dd table tr td.last-child{} .scoreboard dl.scoreboard-day dd table tr td.team{} .scoreboard dl.scoreboard-day dd table tr td.score{} .scoreboard dl.scoreboard-day dd table tr td.result{} .scoreboard dl.scoreboard-day dd table tr td.score, .scoreboard dl.scoreboard-day dd table tr td.result{ width: 1.2em; text-align: left; white-space: nowrap; padding-left: 0; } .scoreboard dl.scoreboard-day dd table tr td.result { width: 3.8em; } .scoreboard dl.scoreboard-day dd table tr td.score { text-align: right; } .scoreboard-chart ul.scoreboard-day div.table-bottom { background-image: none; margin: 0 0 5px 0; } .scoreboard-chart ul.scoreboard-day div.table-top { background-image: none; padding: 0; } /* ----------------------------------------------------------------------------- =Team List ----------------------------------------------------------------------------- */ .seasons{} .seasons #fall{} .seasons #winter{} .seasons #spring{} dl.team{ margin: 1.0em 0; width: 48%; float: left; } dl.team dt{ font-weight: bold; } dl.team dd{} dl.team dd ul{ list-style: none; margin: 0; padding: 0; } dl.team dd ul li{ background: none; padding: 0; } /* ----------------------------------------------------------------------------- =Select Team / Select Year ----------------------------------------------------------------------------- */ .teamselect{ /*margin-bottom: 1.8em;*/ } .teamselect select{ width: 100%; } .team-select form{ float: right; margin-bottom: -1.8em;} /* want to redo this like below */ .yearselect{ float: right; } .yearselect label{} .yearselect select{} .module.year-select-module .module { background-image: none; padding: 0; } .module.year-select-module .module.team-select form { float: none; } /* ----------------------------------------------------------------------------- =Team Page ----------------------------------------------------------------------------- */ #teampage{} #teampage h1{} /* Team Title */ #teampage .teamselect{ width: 200px; float: right; } #teampage .tab-row{} #teampage .team-info{} #teampage .team-info h2{} #teampage .team-info p{} #teampage .team-info .gallery-attachment{ /*float: right; margin-left: 1.3em;*/ } #teampage .team-info .gallery-attachment dl.image { /*margin-left: 0!important;*/ } #teampage .team-info .gallery-attachment .gallery-directional { height: 2.2em; } #teampage .team-info .gallery-attachment .gallery-directional .gallery-previous { left: 6px; } #teampage .team-info .gallery-attachment .gallery-directional .gallery-next { right: 6px; } #teampage .team-info .gallery-attachment dl.image-list dd{ display: none; } #teampage h3.record{ float: right; padding: .5em; width: 11em; border: 1px solid #BA5032; background: #D95D39; color: #FFF; } #teampage h3.record span{} .fullschedule h3.record{ display: none; } /* Print Version */ #teampage a.schedule, #teampage span.directions{ float: right; margin-left: 1em; padding-left: 18px; } #teampage a.schedule{ background: url(../images/icon_schedule.gif) 0 2px no-repeat; } #teampage span.directions{ background: url(../images/icon_car.gif) 0 2px no-repeat; } /* ----------------------------------------------------------------------------- =Schedule - Team Schedule Availdable TR classes: .first-child, .last-child, .alt, .home, .away Available TH / TD classes: .date, .opponent, .away, .start, .end, .result, .more ----------------------------------------------------------------------------- */ .team-schedule{} .team-schedule tr{} .team-schedule tr th{ } .team-schedule tr td{ } /* ----------------------------------------------------------------------------- =Directions ----------------------------------------------------------------------------- */ .direction-select{ width: 47%; float: right; } .direction-select h2{} .direction-select select{ width: 99%; display: block; } .opponent-select{ float: left; width: 47%; margin-bottom: 12px; } .alternate-select{ } #directionsselectform span { display: block; margin: 6px 0; } .direction-result{ margin-top: 10em; } .direction-result h2{ font-size: 1.4em; margin-top: 1.5em;} .direction-result dl.directions{} .direction-result dl.directions dt{ font-weight: bold; } .direction-result dl.directions dd{ margin-bottom: 1.0em; } /* ----------------------------------------------------------------------------- To be completed later: ----------------------------------------------------------------------------- */ /* SCOREBOARD CHART ----------------------------------------------------------------------------- */ table.scoreboard-chart { clear: both; } .scoreboard-chart tr.seasons {} .scoreboard-chart ul.season-list { list-style: none; margin: 0 0 .6em 0; padding: 0; float: left; width: 100%; } .scoreboard-chart ul.season-list li { float: left; margin: 0 5px 0 0; padding: 0; background-image: none; } .scoreboard-chart ul.season-list li.active { font-weight: bold; } .scoreboard-chart tr.alt {} .scoreboard-chart tr th {} .scoreboard-chart tr td { padding: 5px 0; vertical-align: middle; line-height: 1.2em; } .scoreboard-chart tr td.team { width: 55%; padding-right: 10px; } .scoreboard-chart tr td.win { width: 15%; } .scoreboard-chart tr td.loss { width: 15%; } .scoreboard-chart tr td.tie { width: 15%; } .scoreboard-chart td.no-content {} /* SCOREBOARD BY TEAM ----------------------------------------------------------------------------- */ .scoreboard-team {} .scoreboard-team ul.scoreboard-day { list-style: none; padding: 0 0 0 1px; margin: 0; } .scoreboard-team ul.scoreboard-day li { padding: 0; margin: 0; background-image: none; } .scoreboard-team ul.scoreboard-day li.alt {} .scoreboard-team ul.scoreboard-day li table { width: 100%; border: 1px solid #DFD8CF; border-width: 0 1px 0 1px; line-height: 1.3em; margin-bottom: 1.3em; } .scoreboard-team ul.scoreboard-day li table tr { background-image: none; background-color: #F5F4F0; } .scoreboard-team ul.scoreboard-day li table tr.alt { background-image: none; background-color: #EBE8E1; } .scoreboard-team ul.scoreboard-day li table td { padding: 4px 6px 5px 6px; } .scoreboard-team ul.scoreboard-day li table td.first-child { border: 1px solid #BA5032; font-size: 1.2em; background: #D95D39; color: #FFF; } .scoreboard-team ul.scoreboard-day li table td.first-child a { color: #FFF; text-decoration: none; } .scoreboard-team ul.scoreboard-day li table td.first-child a:hover { color: #FFF; text-decoration: underline; } .scoreboard-team ul.scoreboard-day li table td.date {} .scoreboard-team ul.scoreboard-day li table td.opponent {} .scoreboard-team ul.scoreboard-day li table td.score {} /* TEAMS & SCHEDULES - CHART ----------------------------------------------------------------------------- */ table.teams { border-collapse: collapse; width: 100%; } table.teams th { background-color: #999; border-bottom: 1px solid #888; padding: 2px 4px 1px; color: #FFF; font-weight: bold; } table.teams th.season { background-color: #CCC; border-top: 1px solid #FFF; border-bottom: 1px solid #BBB; color: #333; font-weight: normal; } table.teams td { width: 33%; } table.teams dl.team { width: auto; float: none; margin: 0 0 1.0em; font-size: 0.92em; } table.teams dl.team dt { background-color: #EEE; border-bottom: 1px solid #DDD; border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 2px 4px 1px; } table.teams td.last-child dl.team dt { border-right: none; } table.teams dl.team dd { padding: 2px 4px; } /* MY SPORTS LIST ----------------------------------------------------------------------------- */ .team-list ul { list-style: none; padding: 0; margin: 0 0 12px 0; } .team-list ul li { line-height: 1.4em; margin: 0 0 0.3em; padding: 0; background-image: none; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 4_6: Added Birthday styles and added to directory list/search /* 4_7: Adjusted list and birthday styles, also added Update, Recent Logins, Groups, and Friends /* DIRECTORY STYLES ******************************************************************************* Directory List ----------------------------------------------------------------------------- */ ul.directory-list { padding: 5px; margin: 0 0 1.5em 0; list-style: none; list-style-image: none; background: #E5E0D7 url(../images/directory-ul.gif) no-repeat 0 0; border: 1px solid #D3CCC1; } ul.directory-list li { background: none; margin: 0; padding: 5px 12px; border: 1px solid #DFD8CF; border-top: 0; background: #EBE8E1; } ul.directory-list li.first-child { border-top: 1px solid #DFD8CF; } ul.directory-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.directory-list li.alt { background-color: #F5F4F0; } ul.directory-list h3, ul.directory-list h4, ul.directory-list h5, ul.directory-list h6, ul.directory-list p { text-transform: none; font-size: 1.0em; font-weight: normal; line-height: 1.2em; margin: 0; } ul.directory-list h4{ display: inline; } ul.directory-list h4, ul.directory-list p { margin-bottom: 0.4em; } ul.directory-list .thumb { float: right; } p#dir-paging { float: none; clear: both; } /*Directory Search ----------------------------------------------------------------------------- */ .directory-search { padding: 0 5px; } .sc .module.directory-search { padding: 0 20px 26px 20px; width: 202px; float: left; } .directory-search label { display: block; } .directory-search label span { display: block; margin-bottom: 3px; } .directory-search label span input { } .directory-search input.button { margin: 7px 0 0 0; float: left; display: block; } .directory-search label span select { width: 150px; } .directory-search form { margin-bottom: 4px; float: left; width: 100%; } .directory-search a.button.advanced { margin: 2px 0 0 0; float: left; display: block; } /* Directory Update ----------------------------------------------------------------------------- */ .relateupdate { position: relative; height: 17px; } .relateupdate #relateselect { position: absolute; right: 10px; top: 3px; } .formcontainer { } .formcontainer .tableform { } .formcontainer .tableform table { } .formcontainer .tableform table tr { } .formcontainer table tr td { padding-bottom: 1em; vertical-align: top; } .formcontainer table tr td.labelcell { padding-right: .4em; } .formcontainer .tableform table tr td label { } .formcontainer .tableform table tr td input { } .formcontainer .tableform table tr td select { } .formcontainer .tableform table tr td textarea { } .formcontainer .tableform table tr td.submit { padding: 5px 0; } .formcontainer .tableform table tr td.submit input#submit { } .formcontainer .tableform table tr td.submit input#reset { margin-left: 10px; } .formcontainer .tableform ul.interestsprofile { } .formcontainer .tableform ul.interestsprofile li { padding-left: 0; background-image: none; } .formcontainer .tableform ul.interestsprofile li input { } /* Recent Logins ----------------------------------------------------------------------------- */ .recent-logins{ padding: 0 5px; } .recent-logins ul{ margin: 0; padding: 0; } .recent-logins ul li{ margin: 0; padding: 0; background-image: none; } /* Birthday Widget ----------------------------------------------------------------------------- */ .birthday-list{ padding: 0 5px; } .birthday-list .birthday { list-style: none; margin: 0; padding: 0; } .birthday-list .birthday li { float: none; clear: both; background: none; padding: 0; margin: 0 0 .6em 0; } .birthday-list .birthday li h4 { float: none; clear: both; padding: 0; margin: 0; } .birthday-list .birthday li p { padding: 0; margin: 0; } .birthday-list .birthday li p span { } .birthday-list .birthday li .thumb { float: left; clear: left; padding: 0; margin: 0 11px 10px 0; border: 1px solid #8D8D8D; } .birthday-list .birthday li .thumb a , .birthday-list .birthday li .thumb a img { padding: 0; margin: 0; } .birthday-list p { margin-left: 0-px; } /* Groups and Friends ----------------------------------------------------------------------------- */ .sendnote, .addafriend, .removefriend{ float: right; margin-right: 1em; margin-top: -1.25em;} .sc .module .sendnote, .sc .module .addafriend, .sc .module .removefriend { float: none; margin-right: 0; margin-top: 0; } #yourlists ul.buddy-lists { padding: 5px; margin: 0 0 1.5em 0; list-style: none; list-style-image: none; background: #E5E0D7 url(../images/directory-ul.gif) no-repeat 0 0; border: 1px solid #D3CCC1; } .sc #yourlists ul.buddy-lists { padding: 0; margin: 0; background-color: transparent; background-image: none; border: 0; } #yourlists ul.buddy-lists li{ background: none; margin: 0; padding: 5px 12px; border: 1px solid #DFD8CF; border-top: 0; background: #EBE8E1; } .sc #yourlists ul.buddy-lists li{ padding: 0 0 14px 0; border: 0; background-color: transparent; background: url(/images/module/news-divider-sc.gif) no-repeat 50% bottom; margin: 0 0 8px 0; } .sc #yourlists ul.buddy-lists li.last-child{ padding-bottom: 0; margin-bottom: 0; background-image: none; } #yourlists ul.buddy-lists li.alt{ background-color: #F5F4F0; } .sc #yourlists ul.buddy-lists li.alt{ background-color: transparent; } #yourlists ul.buddy-lists li.first-child { border-top: 1px solid #DFD8CF; } #yourlists ul.buddy-lists li strong { font-weight: normal; } ul.buddy-lists input{ float: left; margin-right: .5em;} #groups label, #groups select{ display: block; } #groups .createinput input{ float: left; margin-bottom: 10px; margin-right: .5em;} #groups .createinput #listname{ float: none; } #groups ul{ margin: 0; padding: 0; } #groups h2{ margin-top: 1em;} #groups ul a.remove-link{ margin-left: .5em;} /*.sc #listcontact { padding: 0 5px; } #listcontact h2 { margin: 5px 0 0 0; }*/ #listcontact #listname{ margin-left: 0px; margin-bottom: 6px; } #listcontact input{ margin-right: 5px; } #listcontact input.create{ margin: 5px 0; } #listcontact span.discuss{ margin: 10px 0 3px 0; display: block;} #listcontact select{ margin: 0 0 10px 0;} #listcontact .createinput{ padding-top: 5px; } #listcontact .createinput label, #editlist label {/*font-weight: bold; font-size: 12px;*/ display: block;} #listcontact .createinput strong, #editlist strong {font-size: 12px; display: block;} #listcontact .createinput .public, #editlist .public{ display: block; margin: -18px 5px 0px 15px; } #editlist input#ListDesc { margin-bottom: 10px; } #listcontact #contactlist { margin: 0 0 10px 0; } #listcontact #contactlist input{ margin: 0 5px 0 5px; } .remove-link{ padding-left: 5px; } .sc .my-friends ul{ list-style: none; margin: 8px 0 0 -9px;} .sc .my-friends ul li{ margin: 0; padding: 0; } /* Action Select ----------------------------------------------------------------------------- */ form#dirAction #actionselect { float: left; width: 100%; padding: 10px 0 20px 0; } form#dirAction .selectchk { clear: both; padding-bottom: 3px; } form#dirAction .selectchk a { margin-right: 12px; } /* Request Table ----------------------------------------------------------------------------- */ table.request td { padding: 0.4em 1em 0.4em 0; vertical-align: top; } table.request td input.button { margin-bottom: 8px; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 4_6: Added base css for Discussion Boards /* 4_7: Updated notes and discussion styling, also added Image Form /* 5_0: Updated notes styles to reflect new css standards and added all note forms [TODO: Discussions] [Author: Corbin Bentley] /* 5_1: Updated discussion styles to reflect new css standards and added all discussion forms [Author: Corbin Bentley] /* NOTES STYLES ********************************************************************************/ /* ----------------------------------------------------------------------------- =NoteList ----------------------------------------------------------------------------- */ ul.note-list { margin: 0; padding: 0; list-style: none; list-style-image: none; } ul.note-list li { padding: 0 0 1.3em 0; margin: 0 0 1.1em 0; /*border-bottom: 1px solid #CDCCCB;*/ list-style: none; list-style-image: none; background-repeat: no-repeat; background-position: left bottom; } .layout-n0-p1-s0 .pc ul.note-list li, .layout-n1-p1-s0 .pc ul.note-list li { background-image: url(/images/module/news-divider-n1p1s0.gif); } .layout-n0-p1-s1 .pc ul.note-list li { background-image: url(/images/module/news-divider-n0p1s1.gif); } .layout-n1-p1-s1 .pc ul.note-list li { background-image:url(/images/module/news-divider-n1p1s1.gif); } .sc ul.note-list li { background-image: url(/images/module/news-divider-sc.gif); } ul.note-list li.last-child, ul.note-list li.only-child { background-image: none!important; padding: 0; } ul.note-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.note-list li.alt { } ul.note-list li h4 { } ul.note-list li h4 a { } ul.note-list li h4 a span { } ul.note-list li h5 { } ul.note-list li h5 a { } ul.note-list li h5 a span { } ul.note-list li h6 { /*font-size: 10px; text-transform: uppercase; margin: 0; padding: 0;*/ } ul.note-list li p { margin-bottom: .6em; } ul.note-list li div.thumb { } ul.note-list li div.thumb a { } ul.note-list li div.thumb a img { } ul.note-list li span { } ul.note-list li span a.edit { } ul.note-list li span a.delete { } /* ----------------------------------------------------------------------------- =General NoteList ----------------------------------------------------------------------------- */ .notelist { } .notelist ul.note-list { } .notelist ul.note-list li { } .notelist ul.note-list li:after { } .notelist ul.note-list li.alt { } .notelist ul.note-list li h4 { } .notelist ul.note-list li h4 a { } .notelist ul.note-list li h4 a span { } .notelist ul.note-list li h5 { } .notelist ul.note-list li h5 a { } .notelist ul.note-list li h5 a span { } .notelist ul.note-list li h6 { } .notelist ul.note-list li p { } .notelist ul.note-list li div.thumb { } .notelist ul.note-list li div.thumb a { } .notelist ul.note-list li div.thumb a img { } .notelist ul.note-list li span { } .notelist ul.note-list li span a.edit { } .notelist ul.note-list li span a.delete { } /* ----------------------------------------------------------------------------- =ClassNotes NoteList ----------------------------------------------------------------------------- */ .classnotes { } .classnotes ul.note-list { } .classnotes ul.note-list li { } .classnotes ul.news li { background-image: none; padding-left: 0; } .classnotes ul.note-list li:after { } .classnotes ul.note-list li.alt { } .classnotes ul.note-list li h4 { font-size: 12px; font-weight: bold; margin-bottom: .3em; } .classnotes ul.note-list li h4 a { } .classnotes ul.note-list li h4 a span { } .classnotes ul.note-list li h5 { } .classnotes ul.note-list li h5 a { } .classnotes ul.note-list li h5 a span { } .classnotes ul.note-list li h6 { color: #837D76; font-size: .9em; font-weight: normal; } .classnotes ul.note-list li p { } .classnotes ul.note-list li div.thumb { float: right; } .classnotes ul.note-list li div.thumb a { display: block; } .classnotes ul.note-list li div.thumb a img { } .classnotes ul.note-list li span { } .classnotes ul.note-list li span a.edit { } .classnotes ul.note-list li span a.delete { } .classnotes .readmore { font-size: .9em; font-weight: bold; } /* ----------------------------------------------------------------------------- =Recent NoteList ----------------------------------------------------------------------------- */ .recentnotes { } .recentnotes ul.note-list { } .recentnotes ul.note-list li { } .recentnotes ul.note-list li:after { } .recentnotes ul.note-list li.alt { } .recentnotes ul.note-list li h4 { } .recentnotes ul.note-list li h4 a { } .recentnotes ul.note-list li h4 a span { } .recentnotes ul.note-list li h5 { } .recentnotes ul.note-list li h5 a { } .recentnotes ul.note-list li h5 a span { } .recentnotes ul.note-list li h6 { } .recentnotes ul.note-list li p { } .recentnotes ul.note-list li div.thumb { } .recentnotes ul.note-list li div.thumb a { } .recentnotes ul.note-list li div.thumb a img { } .recentnotes ul.note-list li span { } .recentnotes ul.note-list li span a.edit { } .recentnotes ul.note-list li span a.delete { } /* ----------------------------------------------------------------------------- =Blog NoteList ----------------------------------------------------------------------------- */ .comments { } .comments ul.note-list { } .comments ul.note-list li { } .comments ul.note-list li:after { } .comments ul.note-list li.alt { } .comments ul.note-list li h4 { } .comments ul.note-list li h4 a { } .comments ul.note-list li h4 a span { } .comments ul.note-list li h5 { } .comments ul.note-list li h5 a { } .comments ul.note-list li h5 a span { } .comments ul.note-list li h6 { } .comments ul.note-list li p { } .comments ul.note-list li div.thumb { } .comments ul.note-list li div.thumb a { } .comments ul.note-list li div.thumb a img { } .comments ul.note-list li span { } .comments ul.note-list li span a.edit { } .comments ul.note-list li span a.delete { } /* ----------------------------------------------------------------------------- =New/Edit Note Form ----------------------------------------------------------------------------- */ .noteform { } .noteform label { } .noteform label span { display: block; } .noteform label span input { } .noteform label span select { } .noteform label span textarea { } .noteform input#submit { margin-top: 5px; } /* ----------------------------------------------------------------------------- =Search Note Form ----------------------------------------------------------------------------- */ .searchform { } .searchform label { margin-bottom: .3em; display: block; } .searchform label span { display: block; } .searchform label span input { } .searchform label span select { } .searchform label span textarea { } .searchform input#submit { margin-top: 8px; } /*.searchform input#clear { margin-top: 5px; } */ /* ----------------------------------------------------------------------------- =Attachments Form ----------------------------------------------------------------------------- */ .imageform { } .imageform p { } .imageform label { display: block; margin-bottom: .6em; } .imageform label span { display: block; } .imageform label span input { } .imageform label span input.Input { } .imageform input.button { margin-top: 5px; } /* DISCUSSION STYLES ********************************************************************************/ /* ----------------------------------------------------------------------------- =General Styles ----------------------------------------------------------------------------- */ .discussions { } .discussions h2 { } .discussions .module-header { /* position: relative; font-weight: bold; background-color: #E0E0E0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 3px 5px; line-height: 13px;*/ } .discussions.module .module-header h2 { font-size: 1.3em; } .discussions .module-header span { font-size: .92em; margin: 5px 0; padding: 0; } .discussions .module-header span.col2 { position: absolute; top: 3px; right: 10px; margin: 0; } .discussions .module-footer { position: relative; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; padding: 5px 10px; line-height: 15px; } .discussions .module-footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .discussions .module-footer a, .discussions .module-footer a.more, .discussions .module-footer a.edit { } .discussions .module-footer a.right { position: absolute; top: 5px; right: 10px; } .discussions .module-footer a.home { position: absolute; left: 110px; top: 2px; } .discussions ul { list-style: none; list-style-image: none; padding: 0; margin: 0; } .discussions .notes { padding: 0; margin: 1px 0 0 0; } .discussions .notes li { } .discussions .notes li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ----------------------------------------------------------------------------- =Thread View ----------------------------------------------------------------------------- */ .thread-view { } .thread-view .notes { margin: 0; padding: 0; } .thread-view .notes li { padding: 8px 6px; margin: 0 2px; background-image: none; } .thread-view .notes li.first-child { padding-top: 0.5em; border-top: 0; } .thread-view .notes li.alt { background-color: #F5F4F0; } .thread-view .notes h3 { padding: 0; margin: 0; font-weight: normal; font-size: 1.1em !important; } .thread-view .notes h4 { float: none; clear: both; display: block; padding: 0; margin: 0; font-weight: normal; font-size: .91em; } .thread-view .notes h5 { float: right; clear: right; display: block; padding: 0; margin: 0; font-weight: normal; font-size: .92em; } .thread-view .notes h6 { float: right; clear: right; display: block; padding: 0; margin: 0; font-weight: normal; } .thread-view .notes h6 a { font-size: .92em; padding: 0; margin: 0; } .thread-view .notes p { display: block; margin: 0; } .thread-view .notes a.url { padding: 0; margin: 0; } /* ----------------------------------------------------------------------------- =List View ----------------------------------------------------------------------------- */ .list-view { } .list-view h3 { } .list-view .notes { padding: 0; margin: 0; } .list-view .notes li { padding: 0; margin: 0; background-image: none; } .list-view .notes ul { margin-left: 20px; } .list-view .notes li .bb-note-body { padding: 8px 6px; margin: 0; } .list-view .notes li .alt { background-color: #F5F4F0; } .list-view .notes h3 { margin: 0 0 2px 0; padding: 0; font-weight: normal; font-size: 1em; } .list-view .notes h4 { } .list-view .notes h5 { float: right; clear: right; display: block; padding: 0; margin: 0; font-weight: normal; font-size: .92em; color: #828282; } .list-view .notes h6 { float: right; clear: right; display: block; padding: 0; margin: 0; font-weight: normal; } .list-view .notes h6 a { font-size: .92em; padding: 0; margin: 0; } .list-view .notes p { display: block; margin: 0; line-height: 1.2em; } .list-view .notes a.url { margin: 0; } /* ----------------------------------------------------------------------------- =Single View ----------------------------------------------------------------------------- */ .single-view { } .single-view .notes { list-style: none; padding: 0; margin: 0; } .single-view .notes li { list-style: none; list-style-image: none; padding: 0 0 10px 0; margin: 0; background-image: none; } .single-view .notes h4 { } .single-view .notes ul { } .single-view .notes .bb-note-body { margin: 0; padding: 5px 0; } .single-view .notes h3 { margin: 0; padding: 2px 0; font-weight: normal; font-size: 1em; } .single-view .notes h5 { /*float: none; clear: both;*/ display: block; padding: 0; margin: 0 0 10px 0; font-weight: normal; font-size: .92em; } .single-view .notes h6 { float: right; clear: right; display: block; padding: 0; margin: 10px 10px 0 0; font-weight: normal; } .single-view .notes h6 a { font-size: .92em; padding: 0; margin: 0; } .single-view .notes p { display: block; margin: 0 0 10px 0; margin-right: 110px; } .single-view .notes a.url { margin: 0; padding: 0; } /* ----------------------------------------------------------------------------- =Forms ----------------------------------------------------------------------------- */ .form-view { } .form-view #noteForm { } .form-view #noteForm strong { } .form-view #noteForm h4 { } .form-view #noteForm input { margin-bottom: 1em; } .form-view #noteForm textarea { margin-bottom: 1em; } .form-view #noteForm #submit { } .form-view #FileEditForm { } .form-view #FileEditForm label { display: block; margin-bottom: 5px; } .form-view #FileEditForm label span { margin-left: 10px; } .form-view #FileEditForm label span input { } .form-view #FileEditForm label span textarea { } /* ----------------------------------------------------------------------------- =Post Class Note ----------------------------------------------------------------------------- */ #postclassnote table { margin-bottom: 8px; width: 80%; } #postclassnote table th { font-weight: normal; } #postclassnote table td { padding-bottom: 4px; } #postclassnote .note-message textarea { width: 100%; } /* VERSIONS /* 4_5: Initial css version, with most recent production improvements /* 4_6: Removed unused CSS, updated defaults /* RESOURCE LIST STYLES ********************************************************************************/ /* ----------------------------------------------------------------------------- =Full, Single, Categories Lists ----------------------------------------------------------------------------- */ div.resource-list { width: 100%; } div.resource-list dl { margin: 0 0 .5em 0; padding: 0; } div.resource-list dt { font-weight: bold; margin: 0; padding: 0; font-size: 1.2em; } /*div.resource-categories div.resource-list dt a { font-size: 1em; font-weight: normal; }*/ div.resource-list dd { margin: 0; padding: 0; } div.resource-list dd p { margin: 0 0 .5em 0; } div.resource-list ul { margin: 1em 0 1.5em 0; padding: 0; list-style: none; } div.resource-list ul li { list-style-image: none; background: none; margin: 0 0 .5em 0; padding: 0; } div.resource-list ul li.alt { /* suggest using tr.alt style from table.styled */ } div.resource-list ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.resource-list ul li p { margin: 0 0 .5em 0; } div.resource-list ul li h4, div.resource-list ul li h5, div.resource-list ul li h6 { font-size: 1em; display: inline; margin: 0; padding: 0; } div.resource-list ul li h4 { /* resource title */ font-size: 1em; display: block; font-weight: bold; } div.resource-list ul li h5 { /* source */ } div.resource-list ul li h6 { /* status */ } div.resource-list ul li .thumb { position: relative; float: right; margin: -1.2em 0 .4em .8em; /* set top margin to equal negative value of h4 font-size above to align with title */ } div.resource-list ul li .thumb img { } /* VERSIONS /* 1_0: Default FAQ /* ----------------------------------------------------------------------------- =FAQ ----------------------------------------------------------------------------- */ .faq {} .faq dl.faq-list {} .faq dl.faq-list dt, .faq dl.faq-list dd{ position: relative;} .faq dl.faq-list dt span, .faq dl.faq-list dd span { color: #6486B9; position: absolute; top: 0; left: 0; font-size: 20px; line-height: 1em; } .faq dl.faq-list dt { font-weight: normal; margin: 1.2em 0 .6em 0; padding: .2em 0 0 2em; } .faq dl.faq-list dd { padding: 0 0 0 2em; } .faq dl.faq-list dt p, .faq dl.faq-list dd p { } .faq dl.faq-list dt p a { position: relative; } .faq dl.faq-list dd {} .faq dl.faq-list dd span{} .faq dl.faq-list dd p { } .faq a.showall, .faq a.hideall { background-color: #D95D39; border: 1px solid #BA5032; color: #F8ECEC; font: 11px normal Tahoma, Arial, Helvetica, sans-serif; padding: 1px 3px; text-decoration: none; } .faq a.showall:hover, .faq a.hideall:hover { background-color: #E07A5C; color: #FFF; text-decoration: none; } /* ----------------------------------------------------------------------------- =SHOW HIDE ----------------------------------------------------------------------------- */ .faq dl.faq-list.show-hide dt { margin: 0; padding: 0; } .faq dl.faq-list.show-hide dd { padding: 0; } /* Homepage stylesheet to override styles and do special treatments */ /* STRUCTURE ----------------------------------------------------------------------------- */ #inner-container { background-image: none; } #content { margin: 0 24px; padding: 0 0 30px 0; } body#home #primary-content { margin: 0; padding: 0; width: 932px; margin-top: 10px; } #footer-container { background-image: url(../images/bg-footer.gif); } #breadcrumbs { display: none; } /* LAB LIFE ----------------------------------------------------------------------------- */ #lablife { background: url(../images/lablife-bg.png) no-repeat right 0; padding: 0 2px; /*float: left;*/ width: 601px; font-family: Helvetica, Arial, sans-serif; color: #3B361B; font-size: 1.15em; line-height: 1.5em; margin: 0 auto; /*position: relative;*/ } #lablife h2 { width: 331px; height: 98px; background: url(../images/lablife-hdr.gif) no-repeat 0 0; margin: 0; text-indent: -3000px; position: absolute; top: 0; right: 2px; } #lablife #slideshow { margin: 0; padding: 0; float: left; width: 100%; } #lablife #slideshow dl.images { float: left; margin: 0; padding: 0; width: 601px!important; height: 275px!important; overflow: hidden; } #lablife #slideshow dl.images dt { float: left; margin: 0; padding: 0; width: 601px!important; height: 275px!important; } #lablife #slideshow dl.images dt a { display: block; } #lablife #slideshow p { float: right; width: 299px; clear: right; padding: 15px 16px 10px 16px; margin-bottom: 0; } #lablife-cap { height: 2px; clear: both; width: 601px; margin: 0 auto;} #nav-util li a,.cl_sas li a {color: #700B22!important;} /* COLUMN #1 * # ----------------------------------------------------------------------------- */ .cl_in2 * { font-family: Arial, Helvetica, sans-serif!important; font-size: 14px!important; background:none; } .cl_in2 h1 { font-size: 2.2em!important; } .cl_in2 h2 { font-size: 2em!important; } .camera_wrap .camera_pag .camera_pag_ul li { padding:0px; } #column1 { float: left; width: 236px; margin: 0 10px 0 0; } #quicklinks-module { min-height: 166px; margin-bottom: 14px; font-family: Arial, Helvetica, sans-serif; background: #cbc4b7; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aba396'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#cbc4b7), to(#aba396)); /* for webkit browsers */ background: -moz-linear-gradient(top, #cbc4b7, #aba396); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #cbc4b7, #aba396); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cbc4b7, #aba396); /* IE10+ */ border:2px groove #ccc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #quicklinks-module .resource-list { background: url(../images/quicklinks-bot.gif) no-repeat left bottom; margin-bottom: 0; padding: 20px 14px 20px 28px; width: auto!important; } #quicklinks-module .resource-list dl { margin-bottom: 0; } #quicklinks-module .resource-list dl dt { width: 115px; height: 14px; margin: 0 0 11px 0; } #quicklinks-module .resource-list ul { margin: 0; } #quicklinks-module .resource-list ul li { margin-bottom: .5em; padding: 0 0 0 10px; background: url(../images/list-bullet.gif) no-repeat 1px .5em; } #quicklinks-module .resource-list ul li h4 { font-weight: normal; } #quicklinks-module .resource-list ul li h4 a { color: #AA6339; text-decoration: none; } #quicklinks-module .resource-list ul li h4 a:hover { color: #622500; } #button-list div.resource-list dl { margin: 0; } #button-list div.resource-list ul { margin: 0; } #button-list div.resource-list ul li { margin: 0 0 5px 0; } #button-list div.resource-list ul li .thumb { float: none; margin: 0; background-color: transparent; border: 0; padding: 0!important; } #button-list div.resource-list ul li .thumb a { display: block; } /* COLUMN #2 ----------------------------------------------------------------------------- */ #column2 { float: left; width: 686px; margin: 0; } #featured-news { background: url(../images/featured.gif) no-repeat 0 0; float: left; width: 686px; margin-bottom: 14px; color: #FFF; } #featured-news ul.news { background: url(../images/featured-btm.gif) no-repeat left bottom; padding: 10px 20px 10px 10px; margin-bottom: 0; float: left; width: 656px; /*min-height: 146px;*/ } #featured-news ul.news li { background-image: none; padding: 0; margin: 0; line-height: 1.7em; font-size: 12px; } #featured-news ul.news li h4 { color: #FAF3EA; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; text-transform: uppercase; font-weight: normal; margin-bottom: .5em; } #featured-news ul.news li .thumb { background-color: transparent; border: 7px solid #FFF; padding: 0!important; margin: 0 12px 0 0; } .myButton { float:right; -moz-box-shadow:inset 0px 1px 0px 0px #cf866c!important; -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c!important; box-shadow:inset 0px 1px 0px 0px #cf866c!important; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315))!important; background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%)!important!important; background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%)!important; background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%)!important; background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%)!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0)!important; background-color:#d0451b!important; -moz-border-radius:11px!important; -webkit-border-radius:11px!important; border-radius:11px!important; border:1px solid #942911!important; display:inline-block!important; color:#ffffff!important; font-family:arial!important; font-size:13px!important; font-weight:normal!important; padding:6px 24px!important; text-decoration:none!important; text-shadow:0px 1px 0px #854629!important; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b))!important; background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important; background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important; background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important; background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%)!important; background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%)!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0)!important; background-color:#bc3315!important; } .myButton:active { position:relative!important; top:1px!important; } #featured-news ul.news a.readmore { color: #622500; } #news-home { float: left; width: 375px; margin-right: 41px; } #news-home .news-list ul.news li { background-image: url(../images/news-divider.gif); } #news-home .news-list ul.news li h5, #news-home .news-list ul.news li h6 { color: #B7B5B3; } .thumb{ background-color: #F4F3F2; border: 1px solid #C8C3BF; padding: 3px !important; margin: 0 0 1em 1em; } #calendar-home { float: left; width: 260px; } #calendar-home .calendar-list dl.calendar-day dt { background-image: url(../images/date-top.gif); } #calendar-home .calendar-list dl.calendar-day dt span.block { background-image: url(../images/date-btm.gif); } #news-alert { background: url(../images/alert-mid.gif) repeat-y 0 0; margin-bottom: 10px; position: relative; } #news-alert .top-container { background: url(../images/alert-top.gif) no-repeat 0 0; } #news-alert .bottom-container { background: url(../images/alert-btm.gif) no-repeat left bottom; padding: 20px; } #news-alert ul.news li { padding-bottom: 0; background-image: none; } #news-alert .news-rsslink { position: absolute; top: 17px; right: 18px; } .ctl00_UCHeader_ConstituentMenu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; } .ctl00_UCHeader_ConstituentMenu1_1 { text-decoration:none; } .ctl00_UCHeader_ConstituentMenu1_2 { } .ctl00_UCHeader_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; } .ctl00_UCHeader_Menu1_1 { text-decoration:none; } .ctl00_UCHeader_Menu1_2 { } .ctl00_UCFooter_UtilityMenu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; } .ctl00_UCFooter_UtilityMenu1_1 { text-decoration:none; } .ctl00_UCFooter_UtilityMenu1_2 { }