/* ---------------------------------------------------------------------------- Company: CBS Interactive Advanced Media, CBSSports.com College Network Producer: Stanley J. Haag Designer: Julie Paray CSS Document: locl-14-display.css ---------------------------------------------------------------------------- */ /***//*** DEFAULT TYPE SELECTORS ***//***/ @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:100,400,300,700); body { background: url("http://grfx.cstv.com/schools/locl/graphics/locl-14-bg-1024.jpg") top center fixed no-repeat; color: #111111; font: 12px Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px; } body.skinAd {background-position:50% 100px!important;} @media (max-width: 1023px) { body{ background: url("http://grfx.cstv.com/schools/locl/graphics/locl-14-bg-768.jpg") top center fixed no-repeat; } } #Content { font: 12px/15px Arial, Verdana, Helvetica, sans-serif; } #Content td {font-family:"Roboto Condensed", sans-serif; font-weight:300; line-height:21px; font-size:14px;}} td { font: 14px 'Roboto Condensed', sans-serif; color: #111111; font-weight:300; line-height: 21px; } #columns pre { font-family: monospace; font-size: 11px; } #columns .presmall { font-family: monospace; font-size: 11px; } #columns pre a { font-family: monospace; } #columns a:hover { text-decoration: none; } a:hover img { filter: alpha(opacity=95); opacity: .95; } a:active img { filter: alpha(opacity=100); opacity: 1.0; } a:link, a:visited { color: #006648; text-decoration: none; } a:hover, a:active { color: #333333; text-decoration: none; } #revLayeredAd .revClickText { color: #FFFFFF; } h2, .storyheadline, .StoryHeadline, .page-header { color: #006648; font-weight: bold; font-size: 22px; } .storyteaser, .StoryTeaser { color: #999999; font-weight: bold; font-size: 13px; } header, header h1, nav, .accord-header, .widget h4, .instagramTitle, .vid-block h1 { font-family: 'Roboto Condensed', sans-serif; color: #FFFFFF; } /*** END DEFAULT TYPE SELECTORS ***/ /***//*** SECTION VALUES and COLORS ***//***/ #container-outer { padding-top: 130px; } #sport-body #container-outer, #sport-release #container-outer, #non-sport #container-outer { padding-top:180px;} #container { background: #fff; position: relative; padding: 0px 15px 0px 15px; z-index: 3;} .section-1 { overflow: hidden; z-index: 0; } .section-2 { padding: 15px 0px; text-align: center; } .section-3 { position: relative; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3); box-shadow: 0 5px 5px 0 rgba(0,0,0,.3); } .section-4 { display: inline-block; vertical-align: top; float: left; clear: none; } .section-5 { display: inline-block; vertical-align: top; margin-top: 0px; float: left; clear: none; width:100%; } .section-6 { display: inline-block; float: left;background: #FFF;padding: 0px 15px;width: 1000px;margin-left: -15px; } @media (max-width: 1023px) { .section-6 {width:758px;} } @media (max-width: 767px) { .section-6 {padding:0px; margin:0; width:480px;} } @media (max-width: 479px) { .section-6 {width:320px;} } .section-7 { background: #006648; display: inline-block; vertical-align: top; float: left; } .section-8 { background: #FFFFFF; clear: both; } .section-9 { background: #FFFFFF; clear: both; text-align: center; padding: 15px 0px; } img.portal-image { max-width: 115px; } #promo1 { width: 300px; margin: 50px auto 0; } #form-submit-bt button { background: none; border: none; width: 30px; height: 20px; text-align: center; font-size: 16px; color: #FFFFFF; line-height: 20px; } @media (min-width: 1024px) { .section-2 #holder-superleader-ad { width: 970px; } .section-3 .accordion { margin-top: -10px; } .section-9 { padding-top: 50px; } }/* END QUERY */ @media (max-width: 1023px) { #container-outer { padding-top: 132px; } .section-2 { position: static; border: none; overflow:hidden; } .section-4 { border: none; width:100%; height:185px!important; } .section-9 { padding-left: 0; overflow:hidden;} .accordion { width: 728px; height: 300px; } .accord-content { width: 728px; height: 449px; } body.page-story .accordion { width: 100%; height: auto; } #holder-story { width: 300px; margin: 0 auto; margin-top: 26px; } #promo1 { margin-top: 26px;} }/* END QUERY */ @media (max-width: 767px) { #container-outer { padding-top: 108px; } .accordion { width: 100%; height: auto; } #container { padding: 0px } .sport-body .section-1 { padding-top: 135px; } .section-5 { display: inline-block; vertical-align: top; margin-top: 0; } .section-2, .section-4, .section-6, .section-7, .section-8, .section-9 { display: block; } .section-2 { height: auto; } #fp-btn-nav-top { line-height: 25px; } .flexpanel.fp-sm .fp-btn { margin-left: -90px; } #fp-btn-nav-top { padding: 0px 10px; display: inline-block; } .hidenav {display:none!important;} }/* END QUERY */ @media (max-width: 479px) { .sport-body .section-1 { padding-top: 155px; } .section-7 { padding: 10px 0px; } #sortable_roster thead tr th:last-of-type, #sortable_roster tbody tr td:last-of-type { display: none; } body { /*width: 320px;*/ overflow: hidden; overflow-y: auto; } }/* END QUERY */ /***//*** END SECTION VALUES and COLORS ***//***/ /***//*** HEADER ***//***/ header { height: 130px; } #sticky-header { background: url("http://grfx.cstv.com/schools/locl/graphics/locl-14-mast-bg-1024.png") repeat-x bottom !important; box-shadow: 0px 5px 5px rgba(0,0,0,0.4); } #header-social img { margin: 0px 3px 0px 0px; } #header-social i {} #header-title h1 { margin-left: 5px !important; line-height: normal !important; } #header-title h1.medwordmark, #logo-medium, #header-title h1.smallwordmark, #logo-small{display:none;} #schooltext {position:absolute; font-size:16px; left: 215px; top:60px; letter-spacing:2px;font-weight:300;} #schooltext .social-icons {margin-left:90px; letter-spacing:6px; font-size:13px;} #schooltext .social-icons > a {color:#fff;} #schooltext .social-icons > a:hover {color:#dedede;} #header-logo, #header-logo img { width: 200px; height: auto; } #header-title h1 { line-height: normal !important; } .socials ul li { border-color: #61001D; } @media (max-width: 1023px) { #schooltext {position:absolute; font-size:13px; left: 215px; top:50px; letter-spacing:2px;font-weight:300;} #schooltext .social-icons {margin-left:60px;} #header-title h1.largewordmark, .medhide, #logo-large, #header-title h1.smallwordmark, #logo-small{display:none;} #header-title h1.medwordmark, #logo-medium{display:block;} #header-logo img {width:172px;} } @media (max-width: 767px) { #schooltext {position:absolute; font-size:13px; left: 65px; top:40px; letter-spacing:2px;font-weight:300;} #schooltext .social-icons {margin-left:30px;} #header-title h1.largewordmark, .medhide, #logo-large,#header-title h1.medwordmark, #logo-medium, .justtext{display:none;} #header-title h1.smallwordmark, #logo-small{display:block;} #header-logo img {width:172px;} #schooltext .social-icons {font-size:22px;} } /* Added Derek 4-30 */ #story-header { background: rgba(205, 205, 205, .95); background:#888\9; } .rb_visit_sel { color: #000 !important; } /* End Added Derek 4-30 */ @media (max-width: 1023px) { header { height: 120px; } #header-logo, #header-logo img { width: 165px; } #header-title h1 { max-width: 405px; line-height: normal !important; } #header-social { position: absolute; top: 0px; right: -15px; margin-top: 0px; } #header-social img { width: 17%; } #search-portal { top: 85px; right: 0px; } #search-portal #searchIMG { width: 77%; } #search-portal .open #searchIMG { width: 27%; } }/* END QUERY */ @media (max-width: 767px) { #sticky-header { background: url("http://grfx.cstv.com/schools/locl/graphics/locl-14-mast-bg-320.png") repeat-x bottom !important; } #header-title h1 span { color: #FFFFFF; } #header-logo, #header-logo img { width: 59px; margin-top:5px; } header { height: 104px; } #nav-top.flexpanel { } #search-portal { top: 46px; } #header-social {right:138px; top:40px;} #header-title h1 { max-width: 305px; line-height: normal !important; } #header-title h1 span { color: #FFFFFF; } }/* END QUERY */ @media (max-width: 479px) { .schoolname h1 span { color: white; } #header-title h1 { max-width: 180px; line-height: normal !important; } #header-social { top: 54px; right: -10px; margin-top: -12px; } #header-social img { margin: 0px 0px 0px 0px; } #search-portal { top: 80px !important; } .flexpanel.fp-sm .fp-btn { margin-left: 70px; } }/* END QUERY */ /***//*** END HEADER ***//***/ /***//*** NAVS ***//***/ #nav-top { padding: 0px 0px 0px 146px; z-index: 999; } .flexpanel.fp-sm .fp-btn { line-height: normal; } .flexpanel li { font-size: 14px; } @media (max-width: 1023px) { #nav-top { padding: 0px 0px 0px 156px; } .flexpanel li { font-size: 13px; } } /* Added Derek 4-30 */ .flexpanel .panel > ul > li { background: #424242; } .flexpanel .panel > ul > li:hover { background-color: #121212; background-color: rgba(0,0,0,0.8); } .flexpanel li ul.nav-panel li a.nav-column-header { color: #000 !important; text-transform:uppercase; } .flexpanel .panel > ul#sportnav > li, #nav-top.flexpanel .panel > ul > li { background: none; } .flexpanel.fp-sm li.has-child > i:after { border: 8px solid transparent !important; border-top-color: #FFFFFF !important; } .flexpanel.fp-sm li.has-child.open > i:after { border-bottom-color: #FFFFFF !important; border-top-color: transparent !important; } .flexpanel li a { color: #FFFFFF; } .flexpanel li a:hover { color: #FFFFFF; } .flexpanel li.nav-column a:hover { color: #006648; } .flexpanel li.nav-column a i { color: #006648; } .flexpanel li.nav-column a:hover i { color: #007748; } .flexpanel.fp-sm li.fah { display: none !important; } .flexpanel li ul.nav-panel { border-color: #111111; background-color: #121212; background-color: rgba(0,0,0,0.8); } .flexpanel.fp-sm .fp-btn+.panel { border-color: #111111; background-color: #121212; background-color: rgba(0,0,0,0.8); top: 30px; } .flexpanel.fp-sm li.has-child i:after { border-top-color: #888888; } .flexpanel.fp-sm li.has-child.open i:after { border-bottom-color: #888888; } .flexpanel.fp-sm ul li { border-bottom: 1px solid #1a1a1a; border-top: 1px solid #4d4d4d; } .flexpanel.fp-sm ul li a { background-color: #333333; } .flexpanel.fp-sm ul ul li { border-bottom: 1px solid #3b3b3b; border-top: 1px solid #6e6e6e; } .flexpanel.fp-sm ul ul li a { background-color: #555555; } .flexpanel.fp-sm ul ul li ul li { border-bottom: 1px solid #5e5e5e; border-top: 1px solid #919191; } .flexpanel.fp-sm ul ul li ul li a { background-color: #777777; } #form-submit-bt button { color: #FFFFFF; } /* End Added Derek 4-30 */ .flexpanel li ul.nav-panel { border-color: #111111; background: url('http://grfx.cstv.com/schools/locl/graphics/locl-14-panel-nav.png'); } .flexpanel.fp-sm li.has-child i:after { border-top-color: #888888; } @media (max-width: 1023px) { .flexPanel.fp-lg a { color: #FFFFFF; } .flexpanel .panel > ul > li { line-height: 40px; } }/* END QUERY */ body.sport-body #container { padding-top: 75px; } /* NAV SPORT Added 4-30 */ #nav-sport .nav-extra:after { border-color: rgba(136, 183, 213, 0); border-top-color: rgba(150, 1, 46, 0.9); } #nav-sport .nav-extra { background: #E1A818; /* background: linear-gradient(to bottom,#006648 0,#EEC158 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006648',endColorstr='#EEC158 ',GradientType=0);*/ } #nav-sport.flexpanel li.nav-extra ul.nav-panel { background: #FFFFFF; -webkit-box-shadow: 0px 2px 5px 0px #000000; box-shadow: 0px 2px 5px 0px #000000; } #nav-sport.flexpanel .panel > ul#sportnav > li.nav-extra { background: #E1A818; /* background: linear-gradient(to bottom,#006648 0,#EEC158 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006648',endColorstr='#EEC158 ',GradientType=0);*/ } #nav-sport.flexpanel li.nav-extra ul.nav-panel h1, #nav-sport.flexpanel li.nav-extra ul.nav-panel h2, #nav-sport.flexpanel li.nav-extra ul.nav-panel h3, #nav-sport.flexpanel li.nav-extra ul.nav-panel ul, #nav-sport.flexpanel li.nav-extra ul.nav-panel ul li, #nav-sport.flexpanel li.nav-extra ul.nav-panel a, #nav-sport.flexpanel li.nav-extra ul.nav-panel a { color: #000000 !important; } #nav-sport.flexpanel li.nav-extra ul.nav-panel a:hover { color: #006648 !important; } #nav-sport.flexpanel li.nav-extra ul.nav-panel h1, #nav-sport.flexpanel li.nav-extra ul.nav-panel h2, #nav-sport.flexpanel li.nav-extra ul.nav-panel h3 { color: #222222; } #nav-sport.flexpanel li.nav-extra ul.nav-panel a { color: #000000; } .section-1 { padding-top: 0!important; } #nav-sport .nav-extra { position: relative; } #nav-sport .nav-extra:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(225, 168, 24, 0); border-top-color: rgba(225, 168, 24, 1.0); border-width: 40px; margin-left: -40px; -webkit-transform:scale(1,.3); transform:scale(1,.3); margin-top: -28px; } #story-header h3 { width: auto; float: left; } #nav-sport { height: auto; float: right; width: auto; font-size: 1em; font-weight: normal; margin-top: 5px; } #nav-sport li { margin: 0; } #nav-sport a:hover { color: #006648; } #nav-sport .nav-extra { height: 62px; background: #006648; /* background: linear-gradient(to bottom,#006648 0,#EEC158 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006648',endColorstr='#EEC158 ',GradientType=0);*/ float: right; margin-top: -5px; padding-top: 5px; } #nav-sport.flexpanel li.nav-extra ul.nav-panel { background: #FFFFFF; width: 319px; right: 0; left: auto; -webkit-box-shadow: 0px 2px 5px 0px #000000; box-shadow: 0px 2px 5px 0px #000000; } #nav-sport.flexpanel li.nav-extra ul.nav-panel * { text-shadow: none; padding: 0; font-size: 100%; line-height: 150%; } #nav-sport.flexpanel li.nav-extra ul.nav-panel h1, #nav-sport.flexpanel li.nav-extra ul.nav-panel h2, #nav-sport.flexpanel li.nav-extra ul.nav-panel h3, #nav-sport.flexpanel li.nav-extra ul.nav-panel ul, #nav-sport.flexpanel li.nav-extra ul.nav-panel ul li { display: block; clear: both; white-space: normal; text-indent: 0; margin: 0; color: #000000; } #nav-sport.flexpanel li.nav-extra ul.nav-panel h1, #nav-sport.flexpanel li.nav-extra ul.nav-panel h2, #nav-sport.flexpanel li.nav-extra ul.nav-panel h3 { margin: 10px 0px 0px 0px; font-size: 125%; color: #222222; } #nav-sport.flexpanel li.nav-extra ul.nav-panel a { display: inline; padding-right: 5px; color: #000000; } #nav-sport.flexpanel a { font-weight: normal; padding: 0 5px; } #nav-sport.flexpanel .fp-btn { padding: 0; margin: 0; float: left; font-size: 100%; margin-right:320px;} #nav-sport.flexpanel.fp-sm .fp-btn+ .panel { margin-top: 0px; } #nav-sport.flexpanel.fp-sm li.nav-extra { margin: 0px; padding: 0px; float: left; } #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel { width: auto; max-width: 100%; right: auto; left: auto; margin-right: 0; -webkit-box-shadow: none; box-shadow: none; } #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel * { text-shadow: none!important; font-size: 100%!important; line-height: 150%!important; background: none!important; border: none!important; } #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel ul { display: block!important; } #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel h1, #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel h2, #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel h3 { padding: 0 0 0 42px; } #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel h1 a, #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel h2 a, #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel h3 a { padding: 0 0 0 0!important; } #nav-sport.flexpanel.fp-sm li.nav-extra ul.nav-panel a { display: inline!important; } #nav-sport.flexpanel li.has-child div { clear: both!important; max-width: 290px; } #nav-sport.flexpanel li.scrollPlease { overflow-x: hidden; overflow-y: auto; max-height: 300px; } #nav-sport.flexpanel li.scrollPlease a:hover { color: #006648; } .flexpanel.fp-sm ul, .flexpanel.fp-sm li { width: 99.5%; } #sec-headlines-wrap h1 a{font: 14px/16px "Roboto Condensed"} @media (max-width: 1023px) { #story-header { top: 120px; } #nav-sport li { margin: 0px; line-height: 33px; } #story-header h3 { line-height: 42px; } body.sport-body #container { padding-top: 54px; } }/* END QUERY */ @media all and (max-width: 1023px) and (min-width: 768px) { #story-header h3 { padding: 0px 0px 0px 0px; font-size: 1.7rem } #nav-sport .nav-extra { height: 40px; } }/* END QUERY */ @media (max-width: 767px) { #story-header { width: 100%; z-index: 0; top: 105px; } #story-header h3 { font-size: 150%; line-height: 130%; } }/* END QUERY */ /***//*** END NAVS ***//***/ /***//*** BSI ***//***/ .section-1 { height: 470px; } #bsi a:link, #bsi a:visited { color: #006648; text-decoration: none; } #bsi a:hover, #bsi a:active { color: #D0D0CE; text-decoration: none; } #bsi { height: 470px; } #bsi-sponsor {position:absolute; top:0px; right:0px; z-index:60;} /*Added 05/28 - Nich */ .bsi-png { background-size: cover; height: auto !important; } #bsi-block li { height: 470px; background: #fff; } .mini-index { display: none !important; } .bsi-caption { bottom: -5px; left: 0px; position: absolute; font-size: 100%; } .bsi-caption-wrapper h1 { margin: 0px 0px 5px 0px;width: 970px; padding: 7px 40px 7px 40px; position:absolute; bottom:54px; font:700 30px/32px "Roboto Condensed"; } p.synopsis { color: #000 !important; width: 100%; } p.synopsis .pubdate {font-weight:700;} p.synopsis a{font-weight:700;} #bsi-video { background: #000000; background: rgba(0,0,0,.8); width: 820px !important; height: 394px !important; left: 190px; top: 0px; } #bsi-video > div {padding-bottom:48%!important;} .bsi-bg img { height: auto; width: 780px; right: 0px; position: absolute; } .bsi-bg.is-photo { background: #292929; } .bsi-bg.is-video { background: #fff url('http://grfx.cstv.com/schools/locl/graphics/locl-14-bsi-video-bg.jpg') 99% 0% no-repeat;} @media (max-width: 1023px) { .bsi-bg.is-video {background:#fff;} } #bsi-minis { list-style: none outside none; margin: 0px; padding: 6px; position: absolute; text-align: center; text-indent: 0; top: 0px; z-index: 88; width: 190px; background: #006648; height: 394px; } .bsi-goto { margin-bottom: 6px; position: relative; } .bsi-goto img { width: 97%; height: auto; } #bsi-minis .bsi-vid-icon { opacity: .60; position: absolute; top: 18%; left: 33%; display: none; } #bsi-minis .bsi-vid-icon img { width: 50px; height: 50px; } #bsi-minis .is-video .bsi-vid-icon { display: block; } #bsi-controls {display:none;} @media (max-width: 1023px) { #bsi-block li { height: 395px; } .bsi-bg img { height: auto; width: 595px; right: 0px; position: absolute; } #bsi { height: 395px; } .section-1 { height: 395px; } .bsi-goto { margin-bottom: 10px; } #bsi-minis { height: 301px; width:138px; } .bsi-caption { top: 0px; left: 0px; position: absolute; font-size: 24px; } #bsi-video { width: 586px !important; height: 301px !important; left: 138px; top: 0px; } #secondary-headlines > li { max-width: 362px !important; } .ret-content { overflow: auto !important; } #bsi-minis .bsi-vid-icon img { width: 25px; height: 25px; } .section-2 #superleader-ad img { width: 100%;} .bsi-caption-wrapper h1 { bottom:84px;} }/* END QUERY */ @media (max-width: 767px) { #bsi-block li { height: 365px; } #bsi { height: 365px; margin: 0px; } .section-1 { height: 365px; } .bsi-bg img { width: 100%; right: 0px; } #bsi-minis { display: none; } .bsi-caption { width: 480px; height: 110px; bottom: 0px !important; line-height:26px; } .bsi-caption p.synopsis { width: 100%; } #bsi-video { width: 480px !important; height: 225px !important; left: 0px; top: 0px; } #secondary-headlines > li { max-width: 460px !important; } #secondary-headlines p.synopsis { width: auto; } .section-2 #superleader-ad { margin: 0px auto; width: 480px; height: 50px; overflow: hidden; } .section-2 #superleader-ad img, .section-2 #superleader-ad object, .section-2 #superleader-ad embed { width: 100%; height: auto !important; } #superleader-ad {-webkit-transform: scale(1); transform: scale(1); } .bsi-caption-wrapper h1 { bottom:114px;} } @media (max-width: 479px) { #nav-sport.flexpanel .fp-btn { margin-right:160px;} #bsi-block li { height: 265px; } #bsi { height: 265px; } #bsi-sponsor {display:none;} /*Added 05/28 - Nich */ .section-1 { height: 265px; } #bsi-minis { display: none; } p.synopsis { display:none;} .bsi-caption { width: 320px; height: 84px;top:30px; } .bsi-caption p.synopsis { width: 100%; font-size: 10px !important; height: 45px; overflow: hidden; } #bsi-video { width: 305px !important; height: 170px !important; left: 0px; top: 0px; } #secondary-headlines > li { max-width: 460px !important; } .section-2 #superleader-ad { margin: 0px; width: 320px; height: 50px; overflow: hidden !important; } .section-2 #superleader-ad img, .section-2 #superleader-ad object, .section-2 #superleader-ad embed { width: 100% !important; height: auto !important; } #superleader-ad {-webkit-transform: scale(1); transform: scale(1); } }/* END QUERY */ /***//*** END BSI ***//***/ /***//*** BSI: Controls ***//***/ /* Added Dave 3-5-15 */ @media (max-width: 767px) { #bsi-controls {display: block;position: absolute;z-index: 990;font-size: 200%;width: 100%;} #bsi #bsi-controls {top: 90px;} #bsi #bsi-controls #bsi-prev, #bsi #bsi-controls #bsi-next { display: block; position: absolute; width: 45px; height: 48px; line-height: 48px; background: #FFFFFF; color: #004A2C; opacity: .8; text-align: center; font-weight: bold; font-size: 1.25em; } #bsi #bsi-controls #bsi-prev {left: 0;} #bsi #bsi-controls #bsi-next {right: 0;} } @media (max-width: 479px) { #bsi #bsi-controls {top: 68px;} #bsi #bsi-controls #bsi-prev, #bsi #bsi-controls #bsi-next {width: 36px;height: 40px;line-height: 40px;font-size: 1.1em;} } /***//*** BSI: Controls END ***//***/ .section-2 #superleader-ad > img { height: 0px; } #story-top-ad div > img { height: 0px; } /***//*** ACCORDION ***//***/ /* Added Derek 4-30 */ table.calendar {border-collapse:collapse; width:100%;} table.calendar tr.calendar-date td {font-weight:700; text-transform:uppercase; padding:10px 0px;} table.calendar tr.calendar-headers td {background:#006648; color:#fff; padding:5px;} table.calendar tr.calendar-body td{border-bottom:1px dotted #ccc; width:25%; padding:4px;} #more-videos > li { background: #EEEEEE; } #more-videos > li a .vid-watch { background: #444444; color: #FFFFFF; } #more-videos > li a .vid-title { color: #000000; } #more-videos > li a .vid-info { color: #999999; } #secondary-headlines > li { margin: 0; padding: 0 10px 10px 10px; max-width: 100%} /* End Added Derek 4-30 */ #secondary-headlines > li a { padding: 0px; } #secondary-headlines > li h3 { color: #006648; margin: 0px; } #secondary-headlines > li p.synopsis { color: #111111; margin: 0px; } .responsivetabs dd > a { color: #656565; background: #ccc; } .responsivetabs dd > a:hover { background: #FFF; color: #000; } .responsivetabs dd.active-tab > a { color: #fff; background: #006648; } .responsivetabs dd.active-tab > .ret-content { background: #FFFFFF; } .vid-blk {font-family:"Roboto Condensed", sans-serif;} .vid-blk .vid-title, .vid-blk .vid-calltoaction {color:#006648;} .vid-blk .vid-info, .vid-blk .vid-premium, .vid-blk .vid-social {float:left; clear:both;} .vid-blk .vid-date, .vid-blk .vid-calltoaction, .vid-blk .vid-icon {float:right;} .vid-img { min-width: 140px; text-align: center; } .vid-blk .vid-info, .vid-blk .vid-calltoaction {font-weight:700;} #store-wrapper .bx-controls-direction a, #auction-wrapper .bx-controls-direction a { background: #FFFFFF; background: rgba(255,255,255,0.4); color: #CCCCCC; } #more-videos > li { background: #fff; } #secondary-headlines > li a { display: inline; } #more-videos > li a .vid-watch { background: #444444; color: #FFFFFF; } #more-videos > li a .vid-title { color: #006648; } #more-videos > li a .vid-info { color: #999999; } #secondary-headlines > li h3 { color: #006648; } #secondary-headlines > li p.synopsis { color: #111111; } /***//*** END ACCORDION ***//***/ /***//*** TWITTER ***//***/ .twtter-more-button { background: #fff; color:#000;} .twttr-avatar, .twttr-user { color:#000; display:block;} .twttr-widget-wrap .twttr-window li { color: #000; border-bottom: 1px dotted #006648; } .twttr-widget-wrap .twttr-element a { color: #006648; } .twttr-widget-wrap .twttr-element a:hover { color: #007748; } .twttr-extras a { color: #000 !important; } .twttr-text {font: 100 12px/12px 'Roboto', sans-serif;} .twttr-time a {color: #006648 !important; font: 400 10px/10px 'Roboto', sans-serif;} .twttr-reply a {color: #006648 !important; font: 400 10px/10px 'Roboto', sans-serif; text-transform:lowercase;} .twttr-retweet a {color: #006648 !important; font: 400 10px/10px 'Roboto', sans-serif; text-transform:lowercase;} .twttr-favorite a {color: #006648 !important; font: 400 10px/10px 'Roboto', sans-serif; text-transform:lowercase;} /***//*** END TWITTER ***//***/ /***//*** INSTAGRAM ***//***/ .modalDialog { background: #000000; background: rgba(0,0,0,.6); } .modalDialog > div { border-color: #000000; color: #f4f4f4; background: #000000; } .closeModal { color: #FFFFFF; } .closeModal:hover { color: #FFFFFF; } #openModal .bx-pager-item a:hover, #openModal .bx-pager-item a.active { background: #FFFFFF; } #openModal .bx-prev,#openModal .bx-next { color: #FFFFFF; } #openModal .bx-prev:hover ,#openModal .bx-next:hover { color: #FFFFFF; } .instagramTitle { color: #f4f4f4; background:#006648; } #widget-instagram { background: none; } #openModal .bx-pager a { background: #666666; } .defaultSlider .bx-wrapper .bx-pager, .defaultSlider .bx-wrapper .bx-controls-auto { bottom: 258px; text-align: right; } .defaultSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, .defaultSlider .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #EEEEEE; color: #EEEEEE !important; text-indent: -9999px; } .defaultSlider .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #2D2200; color: #2D2200 !important; border-radius: 0px; display: block; height: 20px; margin: 0 3px; outline: 0 none; text-indent: -9999px; width: 20px; } .bx-controls-direction { display: none !important; } /***//*** END INSTAGRAM ***//***/ /***//*** FOOTER ***//***/ @media (max-width: 479px) { #sponsors-wrap {height:100px;} #sponsors-wrap .bx-viewport{height:100px;} } #footer-sponsor-container img, #footer-logo-container img { padding: 0px 18px; } #sponsored-links { width: 100%; background: #000000; text-align: center; padding: 10px; overflow: hidden; } @media (max-width: 1023px) { #footer-sponsor-container img, #footer-logo-container img { padding: 0px 28px; } #sponsored-links { } }/* END QUERY */ #institution-logos { width:500px; margin:0px auto; clear:both; } #institution-logos > div{ float:left; margin:20px; } @media (max-width: 479px) { #institution-logos { width:320px; } } #footer { color: #fff !important; position: relative; z-index: 3;} #footer a { color: #fff !important; } #footer a:hover { text-decoration:underline; } .xl_25 a{color:#fff!important;display:block; margin:6px 0px; text-transform:uppercase; text-indent:10px; font-size:10px;} .xl_25 .subnav-heading {font-weight:700; text-indent:0px; text-transform:uppercase; font-size:12px;} .xl_25 {width:25%; float:left; padding:10px 30px;} @media (max-width: 479px) { .xl_25 {width:50%; float:left; padding:10px 30px;} } #footer-wrap-temp a { color: #000000 !important; } #store-footer-links { background: #FFFFFF; padding: 10px 0px 20px 0px !important; } #store-footer-links a { color: #006648 !important; } #footer-links { color: #000000 !important; } #footer-wrap-temp {background:none!important; clear:both;} @media (max-width: 767px) { .section-8 { height: 295px !important; } #sponsored-links { text-align: left; /*display: none;*/ } }/* END QUERY */ @media (max-width: 479px) { .closeMobile { background: #FFFFFF; color: #000000; } #footer-sponsor-container img, #footer-logo-container img { width: 50%; float: left; } .section-8 { height: 420px !important; } #sponsored-links { /*text-align: left; */display: none; } }/* END QUERY */ /***//*** END FOOTER ***//***/ /***//*** INTERIOR MISC ***//***/ /* Added 4-30 Derek */ #story-top-ad { background: #FFF; padding: 12px 0px 8px 0px; text-align: center; } #story-top-ad img { max-width: 100%; height: auto; } #story-rail-ad { padding: 10px; background: #006648; text-align: center; } .story-content { background: #FFFFFF; border-bottom: solid 1px #111111; } .section-story { color: #222222; padding: 0px 10px 10px 10px; } .section-story li {list-style-type:disc !important; margin:0px 0px 0px 25px !important;} .storyheadline { color: #006648; } .storyteaser, .story-time { color: #999999; } @media (max-width: 479px) { #story-top-ad { display: block; overflow: hidden; } #story-top-ad img { max-width: 100%; height: auto; } /*#right-side { margin-top: -26px; }*/ } #storyNavBar #sharebar-wrapper { padding-left:0px!important; } #promos div.bx-wrapper li { width:240px!Important; height:180px!important; margin:0px 1px 0px 2px!important; } @media (max-width: 1023px) { #promos div.bx-wrapper { height:145px; } #promos div.bx-wrapper li { width:180px!Important; height:145px!important; margin:0px 1px 0px 2px!important; } } @media (max-width: 767px) { #promos div.bx-wrapper { height:185px!important; } #promos div.bx-wrapper li { width:360px!Important; height:185px!important; margin:0px 85px!important; } } @media (max-width: 479px) { #promos div.bx-wrapper li { margin:0px 60px!important; } } #bio-container {position: relative;} #bio-container .player-name-number {background: none repeat scroll 0% 0% #006648; height: 65px; margin-top: 20px; } #bio-container .player-number {font:58px/60px "Roboto Condensed", sans-serif; color:#c9cdcc; position: absolute; right: 30px;} #bio-container .player-name {color: #FFF; font: 30px/35px "Roboto Condensed",sans-serif; position: absolute; left: 100px; text-transform: uppercase; top: 15px;} .bio-logo img { width: 67px; height: 74px; position: absolute; left: 20px; top: -20px; } #bio-container > table { position: absolute; top: 80px; left: 200px; } #bio-container table img{display:none;} #bio-container > table tr td table{background:none;} #bio-container > table tr td table tr td {padding:0px 0px 16px;} #bio-container > table tr td table tr td font {color:#000!important; font:15px/18px "Roboto Condensed";} #player-photo-container {width: 130px; height: 170px; background: url('http://grfx.cstv.com/schools/locl/graphics/locl-14-bio-mug-bg.png') repeat scroll 0% 0% transparent; margin-left:40px;} #player-photo {margin:12px;} @media (max-width: 479px) { .bio-logo{display:none;} #bio-container .player-name {left:10px;} #player-photo-container {margin-left:0px;} #bio-container > table {left:130px;} #bio-container > table tr td table tr td font{font:12px/13px "Roboto Condensed";} #bio-container > table > tbody > tr > td:nth-child(2) > table {margin-left:-60px;} } /*--- END BIO-TABLE ---*/ /* BIO TABLE Added 4-30 Derek */ #biotable-name { color: #FFFFFF; } #biotable-number { color: #006648 ; border: solid 1px #555; background: #000000; background: rgba(0,0,0,0.2); } #biotable-photo img { border: solid 4px #fff; } #biotable-info { color: #FFFFFF; } #biotable-info table * { color: #FFFFFF; } #biotable-info b { color: #ffcc00; } input.rb_visit_go { background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); border-color: #CCCCCC; } /* Everything Below Added 4-30 */ @media (min-width: 1024px) { /*-- ACCORDION --*/ body.page-story .accordion { border-top-color: #333333; } body.page-story .responsivetabs dd.active-tab > a { color: #FFFFFF; background: #006648; background: linear-gradient(to bottom,#006648 0,#EEC158 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006648',endColorstr='#EEC158 ',GradientType=0); } body.page-story .responsivetabs dd.active-acc > a { color: #006648 ; background: #FFFFFF; } body.page-story .responsivetabs dd > a:hover { color: #FFFFFF; background: #006648; background: linear-gradient(to bottom,#006648 0,#EEC158 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006648',endColorstr='#EEC158 ',GradientType=0); } body.page-story .responsivetabs dd.active-acc > a:hover { color: #006648 ; background: #eee; } body.page-story .responsivetabs dd.active-acc > .ret-content { background: #FFFFFF; } }/* END QUERY */ @media (max-width: 1023px) { /*-- NAV --*/ .flexPanel.fp-lg a { color: #FFFFFF; } }/* END QUERY */ @media (max-width: 480px) { /*-- INSTAGRAM --*/ .closeMobile { background: #FFFFFF; color: #000000; } }/* END QUERY */ /*styles for basketball box scores */ #team_stats_postgame {float:right; width:320px; border:1px solid #006648; background:#333; margin:0 0 1em 1em;} #linescore {width:100%;} #linescore thead tr th.teamdisplay {visibility:hidden;} #linescore thead tr th {background: #000; /*border-top-left-radius: 10px; border-top-right-radius: 10px;*/ color: #006648; padding:4px; font:13px/14px Verdana, sans-serif;} #linescore tbody tr td.hometeamblock {background: #006648; font-weight: bold; text-align:left;} #linescore tbody tr td.visitorteamblock {background: #006648; font-weight: bold; text-align:left;} #linescore tbody tr td.totalscoreblock {font-weight:700;} #linescore tbody tr td {background: #fff; text-align:center; padding:4px; font:13px/14px Verdana, sans-serif; } #linescore tbody tr td:nth-last-child(1) {background:#FFFFCC;} #playerstatTable {width:100%;} #playerstatTable thead tr th {background: #000; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #006648; padding:4px;} #playerstatTable tbody tr td {text-align:center; background:#fff; border:1px solid #000; padding:4px; font:12px/13px Verdana, sans-serif;} #playerstatTable tbody tr td.pointBlock {background:#ddd;} #playerstatTable tbody tr td.assistBlock {background:#ddd;} #playerstatTable tbody tr td.stealBlock {background:#ddd;} #playerstatTable tbody tr td.playerBlock {text-align:left; font-weight:700;} #playerstatTable tbody #playerstattotalBlock td {font-weight:700; background:#FFFFCC;} #playerstatTable tbody #playerstattotalBlock td:nth-child(1) {text-align:left;} #teamsummaryTable {width:100%;} #teamsummaryTable thead tr th {background: #000; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #006648; padding:4px;} #teamsummaryTable tbody tr td {text-align:center; background:#fff; border:1px solid #000; padding:4px; font:12px/13px Verdana, sans-serif;} #teamsummaryTable thead tr th.emptydisplay{visibility:hidden;} #teamsummaryTable tbody tr td.emptydisplay{visibility:hidden;} #teamsummaryTable tbody #teamstatTotalBlock td {font-weight:700; background:#FFFFCC;} #teamstatheader {text-align:center; width:98%; background: #006648; font: 600 13px/14px Verdana; padding:1px 0px; margin:3px auto;} #linestatheader {text-align:center; width:98%; background: #006648; font: 600 13px/14px Verdana; padding:1px 0px; margin:3px auto;} #playerstatheader {text-align:center; width:98%; background: #006648; font: 600 13px/14px Verdana; padding:1px 0px; margin:3px auto;} #key-stats-comp{width:360px;} .key-stats-m-baskbl{width:100%;} .key-stats-m-baskbl thead tr th{background:#000; color:#fff; padding:6px; text-transform:uppercase;} .key-stats-m-baskbl tbody tr td{padding:6px; border-top:2px solid #cecece; font: 14px/16px Arial,sans-serif !important; text-align:center;} .stats-m-baskbl td {padding:5px; border-bottom:1px solid #dedede;} .stats-m-baskbl thead {background: #000; color:#fff; font-weight:700; text-align:left;} .stats-m-baskbl thead tr th {border-bottom:2px solid #006648;} .m-baskbl-stat-category-heading {font: 700 14px/13px Verdana, Arial, sans-serif;} #key-stats-comp{width:360px;} .key-stats-w-soccer{width:100%;} .key-stats-w-soccer thead tr th{background:#000; color:#fff; padding:6px; text-transform:uppercase;} .key-stats-w-soccer tbody tr td{padding:6px; border-top:2px solid #cecece; font: 14px/16px Arial,sans-serif !important; text-align:center;} .stats-w-soccer td {padding:5px; border-bottom:1px solid #dedede;} .stats-w-soccer thead {background: #000; color:#fff; font-weight:700; text-align:left;} .stats-w-soccer thead tr th {border-bottom:2px solid #006648;} .w-soccer-stat-category-heading {font: 700 14px/13px Verdana, Arial, sans-serif;} #key-stats-comp{width:360px;} .key-stats-w-baskbl{width:100%;} .key-stats-w-baskbl thead tr th{background:#000; color:#fff; padding:6px; text-transform:uppercase;} .key-stats-w-baskbl tbody tr td{padding:6px; border-top:2px solid #cecece; font: 14px/16px Arial,sans-serif !important; text-align:center;} .stats-w-baskbl td {padding:5px; border-bottom:1px solid #dedede;} .stats-w-baskbl thead {background: #000; color:#fff; font-weight:700; text-align:left;} .stats-w-baskbl thead tr th {border-bottom:2px solid #006648;} .w-baskbl-stat-category-heading {font: 700 14px/13px Verdana, Arial, sans-serif;} .stats-w-lacros td {padding:5px; border-bottom:1px solid #dedede;} .stats-w-lacros thead {background: #000; color:#fff; font-weight:700; text-align:left;} .stats-w-lacros thead tr th {border-bottom:2px solid #006648;} .w-lacros-stat-category-heading {font: 700 14px/13px Verdana, Arial, sans-serif;} @media (max-width: 480px) { .stats-m-baskbl .mbbmlstatfta, .stats-m-baskbl .mbbmlstatftm, .stats-m-baskbl .mbbmlstatoreb, .stats-m-baskbl .mbbmlstatdreb, .stats-m-baskbl .mbbmlstatftm, .stats-m-baskbl .mbbmlstatmin, .stats-m-baskbl .mbbmlstatfgm, .stats-m-baskbl .mbbmlstatfga, .stats-m-baskbl .mbbmlstatfgm3, .stats-m-baskbl .mbbmlstatfga3, .stats-m-baskbl .mbbmlstatpf, .stats-m-baskbl .mbbmlstatdq {display:none;} }/* END QUERY */ #Content, .section-story{font-family:"Roboto Condensed", sans-serif; font-weight:300; line-height:21px; font-size:14px;} /*Lacrosse XML Box STARTS */ #mlax_boxscore {float:right; background:#fff; border:1px solid #999999; margin:0 0 10px 10px; background-color:#E8E8E8; padding:3px; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); font-family: "Roboto Condensed", sans-serif; font-weight: 300; } @media (max-width:480px) { #mlax_boxscore {width: 100%;} } #wlax_boxscore {float:right; background:#fff; border:1px solid #999999; margin:0 0 10px 10px; background-color:#E8E8E8; padding:3px; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); font-family: "Roboto Condensed", sans-serif; font-weight: 300; } #ts_goalheading:after {content:"Goals";} #ts_shotheading:after {content:"Shots";} #ts_sogheading:after {content:"Shots on Goal";} #ts_sogpheading:after {content:"Shots on Goal %";} #ts_savesheading:after {content:"Saves";} #ts_ppgaheading:after {content:"EMO Goals/Attempts";} #ts_fpgaheading:after {content:"Free Pos. Goals/Attempts";} #ts_gbheading:after {content:"Ground Balls";} #ts_toheading:after {content:"Turnovers";} #ts_ctheading:after {content:"Caused Turnovers";} #ts_dcheading:after {content:"Draw Controls";} #linescore_total:after{content:"Total";} .teamArecord:before, .teamBrecord:before{content:"(";} .teamArecord:after, .teamBrecord:after{content:")";} .hp_hometeam:after,.vp_vistteam:after{content:""} .hp_sogpblank, .vp_sogpblank{text-align:center;} .hp_sogpblank:after,.vp_sogpblank:after{content:"--";} #hp_goalheading:after,#vp_goalheading:after{content:"G";} #hp_assistheading:after,#vp_assistheading:after{content:"A";} #hp_shotheading:after,#vp_shotheading:after{content:"S";} #hp_sogheading:after,#vp_sogheading:after{content:"SOG";} #hp_sogpheading:after,#vp_sogpheading:after{content:"SOG%";} #hp_toheading:after,#vp_toheading:after{content:"TO";} #hp_gbheading:after,#vp_gbheading:after{content:"GB";} #hp_dcheading:after,#vp_dcheading:after{content:"DC";} #hp_ctheading:after,#vp_ctheading:after{content:"CT";} #hp_dsaveheading:after,#vp_dsaveheading:after{content:"DS";} #linescore {width:100%; margin-bottom:5px;} #linescore thead tr th {background:#000; color: #fff; padding:2px; border-bottom:1px solid #006648; font-size:12px;font-family: "Roboto Condensed", sans-serif;} #linescore tbody tr td {background: #fff; font-size:12px; padding:5px;text-align:center;font-family: "Roboto Condensed", sans-serif;} #linescore tbody td.score_column {font-weight:700;} #linescore tbody td.team_name {font-weight:700;} #linescore tbody td.score {text-align:center;} #linescore tbody tr td.visitorteamblock { background: none repeat scroll 0 0 #cecece; font-size: 11px; font-weight: bold; text-align: left; } #linescore tbody tr td.hometeamblock { background: none repeat scroll 0 0 #cecece; font-size: 11px; font-weight: bold; text-align: left; } #linescore tbody tr td:nth-last-child(1) { background: none repeat scroll 0 0 #dcdcdc; } #linescore #teamA, #linescore #teamB{text-align:left;} #linescore_heading, #teamstat_heading {background:url("http://grfx.cstv.com/schools/locl/graphics/locl-sm-20x20.png") no-repeat scroll 0px 0px #000 !important;} table#homeplayer, table#vistplayer, table#teamstats {font-size:12px; margin:5px 0px; width:100%;font-family: "Roboto Condensed", sans-serif;font-weight: 100;border-spacing: 1px !important;} #homeplayer tr td, #vistplayer tr td{background:#ddd; font-family: "Roboto Condensed", sans-serif;font-weight: 300;} #homeplayer tr:nth-child(odd) td, #vistplayer tr:nth-child(odd) td{background:#ccc;} #homeplayer thead tr th,#vistplayer thead tr th, #teamstats thead tr th{background:#000; color:#fff; padding:2px; height:20px;font-weight:300;} #hp_player thead tr th td {width:10%;} #homeplayer td, #vistplayer td, #teamstats td {font-family: "Roboto Condensed", sans-serif;font-weight: 300;} #homeplayer td:nth-child(1), #vistplayer td:nth-child(1), #teamstats td:nth-child(1) {font-weight: 500;width: 125px;} table#homeplayer tbody tr:hover td, table#vistplayer tbody tr:hover td {background:#004A2C;color:#ffffff;} .hp_player, .vp_player {font-weight:300; width:100px;} .ts_stats {font-weight:300; width:80px;} .vp_dsave,.hp_dsave,.vp_dc,.hp_dc,#ts_fpgaheading,.ts_fpga,#ts_dcheading,.ts_dc,.hp_sogs,.vp_sogs,.hp_sogp,.vp_sogp,.hp_sogpblank,.vp_sogpblank {display:none;} .ts_fowl,.vp_fowl,.hp_fowl,.ts_goals,.ts_shots,.ts_sog,.ts_sogp,.ts_saves,.ts_fpga,.ts_gb,.ts_to,.ts_ct,.ts_dc,.hp_goals,.hp_assists,.hp_shots,.hp_sogs,.hp_sogp,.hp_to,.hp_gb,.hp_dc,.hp_ct,.hp_dsave,.vp_goals,.vp_assists,.vp_shots,.vp_sogs,.vp_sogp,.vp_to,.vp_gb,.vp_dc,.vp_ct,.vp_dsave {text-align:center;} #hp_fowlheading:after, #vp_fowlheading:after {content:"FO";} #ts_fowlheading:after {content: "Faceoffs (W/A)";} .hp_fowlblank:after, .vp_fowlblank:after {content: "--";} .hp_fowlblank, .vp_fowlblank {text-align:center;} /*Lacrosse XML Box ENDS*/ /* special heading for releases */ h5 { font-family: "Roboto Condensed", sans-serif; font-weight: 700; /*text-transform: uppercase;*/ color: #006648; font-size: 24px; line-height: 22px; border-bottom-color: #006648; border-bottom-style: solid; border-bottom-width: 2px; } /*********************** END LOCL-14-DISPLAY.CSS **************************/