/* -------------------------------------------------------------------------- Sportsvite | Home 2.0 Copyright © 2004-2009, Sportsvite, LLC. Don't Steal. ----------------------------------------------------------------------------- */ /* (bn) Reset */ * { margin: 0; padding: 0; outline: none; vertical-align: baseline; font-size: 10px; } body { font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif; font-size: 1em; color: #333; background: #e2e2e2; } :focus { outline: 0; } table, td, form, fieldset { border-collapse: collapse; border-spacing: 0; border: none; } img { border: none; } legend, hr { display: none; } /* Clearfix (or manual clear) */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear { clear: both; height: 0; } .current, *.current, .current a { cursor: default !important; } .hide { display: none; } /* Core Elements */ body {} .wrap { width: 930px; margin: 0 auto; padding: 20px; } /* Core Typography */ p { margin-bottom: 1em; font: normal normal 1.2em/1.4em "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; color: #444; } a { font-size: 1em; color: #3574c2; cursor: pointer; } a:hover { color: #18437e; text-decoration: none; } a.btn { padding: 5px 12px; font: normal bold 1.3em/2em "Helvetica Neue", Helvetica, Arial, sans-serif; background: #f3f3f3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-decoration: none; } a.btn:hover { color: #eee; background: #3574c2; } a.btn.callout { color: #e16a00; background: #f3d4b1; } a.btn.callout:hover { color: #eee; background: #e16a00; } a.btn em { font: italic normal .9em/1em Georgia, serif; } h1 {} h2 { margin-bottom: 1.2em; font: normal bold 1.8em/1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; text-shadow: #ffffff 1px 1px 1px; letter-spacing: -1px; } h2 em { display: block; padding-top: 1px; font: normal normal .65em/1.1em "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; color: #888; letter-spacing: 0; } h2 em a { text-shadow: none; } h2 del { font-size: 1em; color: #bbb; } h4 { margin-bottom: .3em; font: italic normal 1.3em Georgia, serif; color: #3574c2; } li { list-style: none; } strong { font-size: 1em; } em { font-size: 1em; } sup { position: relative; top: -.2em; } /* Header */ #header { margin-bottom: 42px; background: #2964b4 url(/images/maven/h2/hdr-bg.gif) 0 top repeat-x; border-bottom: 1px solid #fff; } #hdr-art { background: transparent url(/images/maven/h2/hdr-art.gif) center top no-repeat; border-bottom: 1px solid #244b80; } #header a.logo { position: relative; top: 36px; left: 10px; } #header h1 { height: 84px; text-indent: -5000px; } #header .wrap { position: relative; width: 946px; padding: 0; } #header ul { position: absolute; top: 47px; left: 375px; } #header li { float: left; margin-right: 6px; } #header li a { display: block; width: 70px; height: 27px; text-indent: -5000px; background: transparent url(/images/maven/h2/hdr-btns.png) 0 0 no-repeat; } #header li#fb-home a { text-indent: 0; background: none; width: 88px; height: 21px; padding-top: 6px; padding-left: 12px; background: transparent url(/images/maven/h2/hdr-btns.png) -235px 0 no-repeat; } #header li#fb-home a:hover { background-position: -235px -27px; } #header li#fb-home a#login-btn { display: none; } #header li a#signup-btn:hover { background-position: 0 -27px; } #header li a#login-btn { width: 64px; background-position: -70px 0; } #header li a#login-btn:hover { background-position: -70px -27px; } #header li a#tour-btn { width: 99px; background-position: -136px 0; } #header li a#tour-btn:hover { background-position: -136px -27px; } /* Features */ #features { position: relative; top: 46px; height: 163px; padding: 0 8px; background: transparent url(/_i/home-cta-v2.gif) center bottom no-repeat; } #features .feature { position: relative; float: left; width: 302px; height: 163px; margin-right: 12px; } #features .feature.last { margin-right: 0; } #features .content { } #features h2 { text-indent: -5000px; margin: 0; padding: 0; font-size: 1px; } #features p { margin: 0; padding: 70px 14px 12px 15px; font-size: 11px; line-height: 14px; color: #6099d7; text-shadow: #124180 -1px -1px 0; text-align: center; } #features .action { text-align: center; } #features .action a { position: absolute; bottom: 11px; left: 50%; margin-left: -97px; display: block; width: 195px; height: 32px; background: transparent url(/_i/home-btns-v2.gif) 0 0 no-repeat; text-indent: -5000px; } #features .action a:hover { background-position: 0 -40px; } #features .action a.connect-btn { background-position: 0 -80px; } #features .action a.connect-btn:hover { background-position: 0 -120px; } #features .action a.organize-btn { background-position: 0 -160px; } #features .action a.organize-btn:hover { background-position: 0 -200px; } /* Regions */ #regions { border-bottom: 1px solid #bbb; } #regions h2 { padding-left: 40px; background: transparent url(/images/maven/h2/section-icons.gif) -2px 4px no-repeat; } #regions form { float: left; position: relative; left: 2px; width: 215px; padding: 2px 3px 3px 3px; background: #2964b4; border-top: 1px solid #183a68; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #regions form p { margin: 0; } #regions form input#cityString { width: 205px; margin: 1px 0 0 1px; padding: 4px; font-size: 1.1em; color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none; } #regions form p#city-alert-display { float: left; width: 161px; margin: 6px 0 0 4px; padding: 2px 1px 2px 3px; font-size: 1em; color: #8badda; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #regions form input.btn { float: right; display: block; width: 39px; height: 24px; margin-top: 3px; background: transparent url(/images/maven/h2/go-btn.gif) 0 0 no-repeat; text-indent: -5000px; border: none; cursor: pointer; } #regions form input.btn:hover { background-position: 0 -24px; } #regions ul.region-list { float: left; width: 684px; padding-left: 21px; } #regions ul.region-list li { float: left; margin: 0 6px 7px 0; } /* Sports */ #sports { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; } #sports h2 { padding-left: 40px; background: transparent url(/images/maven/h2/section-icons.gif) -1px -63px no-repeat; } #sports li { float: left; width: 76px; margin: 0 8px 4px 0; text-align: center; } #sports li a { display: block; padding-top: 56px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f3f3f3 url(/images/maven/h2/sport-icons.gif) center 9px no-repeat; border-top: 1px solid #cacaca; text-decoration: none; } #sports li#sport-basketball a { background-position: center 9px; } #sports li#sport-soccer a { background-position: center -68px; } #sports li#sport-softball a { background-position: center -142px; } #sports li#sport-volleyball a { background-position: center -292px; } #sports li#sport-football a { background-position: center -215px; } #sports li#sport-tennis a { background-position: center -365px; } #sports li#sport-baseball a { background-position: center -436px; } #sports li#sport-dodgeball a { background-position: center -516px; } #sports li#sport-kickball a { background-position: center -592px; } #sports li#sport-frisbee a { background-position: center -664px; } #sports li#sport-all a { background-position: center -735px; border-top: none; } #sports li a strong { display: block; padding: 4px 0 5px 0; color: #eee; font-weight: bold; background: #2964b4; border-top: 1px solid #174f9a; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } #sports li a:hover strong { background: #e16a00; border-color: #bb5800; } /* Inside Svite */ #inside-svite { background: #fff; /* border-bottom: 1px solid #e2e2e2; */ } #inside-svite h2 { padding-left: 40px; background: transparent url(/images/maven/h2/section-icons.gif) -2px -204px no-repeat; } #inside-svite h2 em { color: #999; text-shadow: none; } #inside-svite div.inside { position: relative; float: left; width: 221px; min-height: 169px; margin: 0 14px 5px 0; padding: 12px 0 21px 0; background: #f3f3f3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-top: 1px solid #cacaca; text-align: center; } #inside-svite div.inside strong.title { position: absolute; bottom: 0; left: 0; width: 221px; padding: 4px 0 6px 0; font: normal bold 1.3em/1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #e2e2e2; text-shadow: #174f9a 1px 1px 1px; background: #2964b4; border-top: 1px solid #174f9a; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } #inside-svite div.inside strong.title a { color: #e2e2e2; text-decoration: none; } #inside-svite div.inside strong.title a:hover { color: #fff; } #inside-svite div.inside.videos { margin-right: 0; } #inside-svite div.inside a.prev, #inside-svite div.inside a.next { position: absolute; top: 59px; left: 27px; width: 17px; height: 16px; background: transparent url(/images/maven/h2/arrows.gif) 0 0 no-repeat; } #inside-svite div.inside a.next { left: 177px; background-position: -17px 0; } #inside-svite div.inside a.prev:hover { background-position: 0 -16px; } #inside-svite div.inside a.next:hover { background-position: -17px -16px; } #inside-svite div.inside a.img { display: block; width: 100px; height: 100px; margin: 0 auto 1em auto; padding: 2px; background-color: #fcfcfc; border: 1px solid #ccc; } #inside-svite div.inside a.img:hover { border-color: #3574c2; background-color: #fff; } #inside-svite div.inside p { padding: 0 12px; font-size: 1em; color: #999; } #inside-svite div.inside p em { color: #bbb; } #inside-svite div.inside p a.main { font-size: 1.2em; font-weight: bold; } #inside-svite div.inside p a.alt { font-size: 1.1em; color: #e16a00; font-weight: normal; } #inside-svite div.inside p a.subtle { font-size: 1em; text-decoration: none; color: #999; } #inside-svite div.inside p a.subtle:hover { color: #777; text-decoration: underline; } #inside-svite div.inside.videos a.img { width: 166px; height: 125px; } #inside-svite div.inside.videos a.prev { left: 20px; } #inside-svite div.inside.videos a.next { left: 184px; } #inside-svite img.ajax-loader { position: relative; top: 45px; left: 2px; } /* Blogs */ #blogs { background: #fff; } #blogs .wrap { padding-bottom: 7px; } #blogs h2 { padding-left: 40px; background: transparent url(/images/maven/h2/section-icons.gif) -3px -136px no-repeat; } #blogs h3 { margin-bottom: .5em; font: normal bold 1.4em/1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; } #blogs h3 a { text-decoration: none; } #blogs h3 em.date { color: #aaa; font-style: normal; } #blogs .col { float: left; width: 447px; } #blogs .col.left { padding: 0 15px 0 2px; } #blogs .col.right { padding-left: 15px; } #blogs a.btn { background: #e6e6e6; } #blogs a.btn:hover { background: #3574c2; } #blogs ol { display: none; } /* Footer */ #footer { margin: 0; padding-top: 42px; background: #1d4483 url(/_i/home-footer-top.gif) 0 0 repeat-x; } #footer .wrap { width: auto; margin: 0; padding: 0; } #footer hr { display: none; } #feedback-v2, #footer_links { position: relative; margin: 0 auto; } #feedback-v2 { color: #ddd; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.05); } #feedback-v2 p { width: 890px; padding: 12px 0 12px 38px; font-size: 11px; color: #ddd; background: transparent url(/_i/feedback-icon.png) -1px 65% no-repeat; margin: 0 auto; } #feedback-v2 a { color: #f8810a; font-weight: bold; border: none; } #feedback-v2 a:hover { color: #fff; text-decoration: none; } #footer h4 { font: normal bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 5px; color: #eee; text-shadow: 1px 1px 1px rgba(0,0,0,.21); } #footer_links { width: 928px; padding: .8em 0 1.4em 0; } #footer_links ul { float: left; width: 220px; padding-left: 15px; } #footer_links ul.first { padding-left: 0; } #footer_links li { font-size: 10px; color: rgba(255,255,255,.3); line-height: 1.3em; list-style: none; } #footer_links li a { color: rgba(255,255,255,.48); } #footer_links li.spacer { padding-top: .9em; } #footer_links li strong { font-weight: normal; color: rgba(255,255,255,.48); } #footer_links li a:hover { color: #eee; border-color: #999; } #footer abbr { border: none; outline: none; } p#copyright { width: 866px; margin: 0 auto; padding: 12px 0 21px 60px; font-size: 10px; color: rgba(255,255,255,.21); line-height: 13px; background: transparent url(/_i/sv-footer.png) 0 14px no-repeat; } p#copyright em { position: relative; left: -4px; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-style: normal; color: rgba(255,255,255,.21); } /* City Input & Autocomplete */ div.ac_results * { margin: 0; padding: 0; border: none; background: transparent; } div.ac_results { position: relative; width: 205px !important; margin: 30px 0 0 4px; border-top: 1px solid #0f2c52; overflow: hidden; background: transparent; } div.ac_results ul { margin-top: -1px; padding-bottom: 7px; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; background: #e16a00; } div.ac_results li { zoom: 1; padding: 4px 7px; font-size: 1.1em; line-height: 1.2em; cursor: pointer; overflow: hidden; color: #eee; border-bottom: 1px solid #0f2c52; border-top: 1px solid #2b5184; background: #183a68; } div.ac_results li strong { color: #eee; } div.ac_results li em { display: block; color: #888; } div.ac_results .ac_loading { background: url('/jquery/img/indicator.gif') right center no-repeat; } div.ac_results .ac_over { background: #295b98 !important; } div.ac_results .ac_over em strong { color: #fff; } div.ac_results .ac_over em { color: #aaa; } div.ac_results.ac_results iframe { display: none; /*Windoze*/ display/**/: block; /*Windoze*/ position: absolute; top: 0; left: 0; z-index: -1; width: 3000px; height: 3000px; } /* == OVERLAY SCRIPT DEPENDENCIES -------------------------------------------------------------------------------- */ #TB_overlay { position: fixed; z-index: 7000; top: 0px; left: 0px; height: 100%; width: 100%; } .TB_overlayMacFFBGHack { background: transparent url(/images/maven/global/dark_69.png) 0 0 repeat; } .TB_overlayBG { background-color: #000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; padding: 0 !important; background: transparent; z-index: 7002; display: none; text-align: left; top: 50%; left: 50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* ----------------------------------------------------------------------------- TELL YOUR TEAMMATES ----------------------------------------------------------------------------- */ #tyt-home { margin: 0 0 25px; position: relative; } #tyt-home p { font-size: 1.4em; color: #fff; text-align: left; margin: 0; } #tyt-home p a { display: block; background: #3574C2 url(/images/maven/friends/blowhorn-blues.gif) no-repeat 0 -21px; padding: 20px 15px 21px 95px; width: 820px; color: #fff; text-decoration: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #tyt-home p a:hover { background-color: #12418E; background-position: 0 -137px; } #tyt-home p a span { text-decoration: underline; font-size: .9em; text-transform: uppercase; } #tyt-home #contest-ribbon { display: block; position: absolute; width: 67px; height: 67px; background: url(/images/maven/friends/ribbon-small-grey.gif) no-repeat; top: -4px; left: -4px; } #tyt-home p a:hover span#contest-ribbon { background-position: 0 -67px; } /* ----------------------------------------------------------------------------- LEAGUE CALLOUT ----------------------------------------------------------------------------- */ #home-callout { margin-bottom:-5px; padding-top:15px; } #home-callout .callout-content { background:#fff; border:1px solid #ddd; padding:15px; position:relative; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; border-bottom-left-radius:0; border-bottom-right-radius:0; height:150px; } #home-callout .callout-content .container { float:left; width:325px; } #home-callout .callout-content .container.end { width:545px; margin-top: 10px; } #home-callout .referral { float:left; position: relative; background-color:#eeeeee; border:1px solid #d1d1d1; border-top: none; width: 908px; height: 35px; padding: 10px; text-align: center; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-top-left-radius:0; border-top-right-radius:0; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .callout-content span.new { position: absolute; } .callout-content span.new { background: transparent url(/_i/_leagueapps/new.png) 0 0 no-repeat; height: 73px; right: -4px; top: -2px; width: 73px; z-index: 100; } #home-callout .callout-content .container.end strong { color:#2D6CBE; font-size:16px; line-height:1.25; margin-bottom:3px; display:block; } #home-callout .callout-content .container.end span.phone { display:block; margin:10px 0 0; font-size:12px; font-weight:700; } #home-callout .callout-content .container.end span.phone strong { color:#555; font-size:16px; margin:0; display:inline; } #home-callout .referral span.money { background:transparent url(/_i/_leagueapps/money-symbols.png) 0 0 no-repeat; margin: 2px 0 0 115px; height:32px; width:46px; display:block; float: left; position: absolute; } #home-callout .referral p { font-size: 13px; line-height: 14px; color: #999; text-shadow: #fff 1px 1px 0; padding: 0; margin: 10px 0 0 35px; } #home-callout .referral a { font-weight: bold; } .callout-content span.logo { background:transparent url(/_i/_leagueapps/la-logo.png) 0 0 no-repeat; display:block; height:111px; width:298px; z-index:101; margin:-8px 0 15px -5px; } .callout-content h2 { background:transparent url(/_i/_leagueapps/introducing-text.png) 0 0 no-repeat; color:#2d6cbe; height:24px; width:97px; display:block; text-indent:-9999px; margin-bottom:8px; } .callout-content p { color:#555; font-size:12px; line-height:17px; margin-bottom:21px; } .core-btn,.core-alt-btn { background:#2d6cbe url(/_i/new-nav-gloss.png) 0 center repeat-x; border:2px solid rgba(0,0,0,.21); color:#fff!important; cursor:pointer; font:normal bold 13px/12px "Helvetica Neue",Helvetica,Arial,sans-serif; padding:3px 10px 4px; text-decoration:none; text-shadow:rgba(0,0,0,.42) -1px -1px 0; -moz-border-radius:17px; -webkit-border-radius:17px; border-radius:17px; -moz-box-shadow:0 1px 2px rgba(0,0,0,.21); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.21) } .core-alt-btn { background-color:#f8810a; margin-right:8px; } .core-btn:hover { background-color:#1d4483; text-decoration:none!important; } .core-alt-btn:hover { background-color:#fc4d0b; text-decoration:none!important; }