/* --------- /stylesheets/blueprint/screen.css --------- */ /* ----------------------------------------------------------------------- Blueprint CSS Framework 0.7.1 http://blueprintcss.googlecode.com * Copyright (c) 2007-2008. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:4px 10px 4px 5px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* grid.css */ .container {width:950px;margin:0 auto;} .showgrid {background:url(/stylesheets/blueprint/src/grid.png);} body {margin:1.5em 0;} div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin:0;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;}/* --------- /stylesheets/app.css --------- */ /* Set some global defaults, override blueprint defaults -------------------------------------------------------------- */ /* Element overrides */ body { margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #404040; } * html body { /* Star HTML hack to target IE6 */ font-family: Helvetica, Arial, sans-serif; } body.no-team { background: #fff url(/images/non_team_bg.gif) repeat-x; } body.team { background: #fff url(/images/team_bg.gif) repeat-x 0 -43px; } a:link, a:visited { color: #0090b6; text-decoration: none; font-weight: bold; } a:hover, a:active { text-decoration: underline; color: #74420f; } a:focus { outline: none; } a.action { text-decoration: underline; font-size: 11px; } h1 { color: #626262; margin-top: .85em; margin-bottom: 1em; text-transform: lowercase; position: relative; letter-spacing: -1px; font-size: 2.5em; } h2 { font-size: 1.3333em; line-height: 1.1667em; } h4 { margin-bottom: 0em; } img.shadow { background: url(/images/shadow-1000x1000.gif) no-repeat right bottom; padding: 10px 15px 15px 10px; } img.shadow_thumb { background: url(/images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px; } .tiny_avatar { float: left; width: 60px; height: 45px; margin-right: 5px; overflow: hidden; text-align: center; } .tiny_avatar img { height: 40px; } .profile_link { margin-top: 8px; } #notifications .tiny_avatar { float: left; width: 55px; height: 45px; margin-left: 0; margin-right: 5px; overflow: hidden; text-align: center; } .new_photo, .edit_photo { border: 1px solid #aaa; color: #888; padding: 1px 3px; font-size: 9px; width: 25px; float: none; margin: 0; } a.edit_photo { border: none; color: #0090b6; } a.edit_photo:hover, a.edit_photo:active { text-decoration: underline; color: #74420f; } /* Container overrides */ .container { background: #fff; } div.border { border-right: 1px solid #ccc; } div.colborder { border-right: 1px solid #ccc; } /* Form-related overrides */ fieldset { background: #fff url(/images/grgrad.gif) repeat-x top; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 24px 24px 12px 36px; /*width: 320px;*/ } fieldset span { font-size: 1.3333em; margin-left: 0em; } legend { padding: .5em; } label { font-weight: normal; font-size: 1.3333em; margin-top: .4em; margin-bottom: -.5em; padding-bottom: 0; text-transform: lowercase; display: block; } label.for_checkbox { font-size: 1em; display: inline; text-transform: none; font-weight: bold; } label a { margin-left: 2em; } p.for_checkbox { margin-top: 2em; } input, textarea, select { background: #fff url(/images/inputBg.gif) no-repeat scroll left top; margin-top: 0; padding: 0; } textarea { margin-top: 1em; width: 30em; height: 10em; padding: 5px; } input.text, select { width: 16em; font-size: 1.1667em; font-weight: bold; color: #404040; } input.checkbox { display: inline; font-size: 1.1667em; } input.submit { font-size: 1.25em; padding: .4em; } input.image { background:none; padding:0; margin-left:-8px; } input.image:active { outline: none; /* hide dotted outline in Firefox */ } input#user_phone { letter-spacing: 1px; } input.fieldWithErrors { border: 1px solid #CC0000; } select { margin-top: 0.5em; padding: 0.3333em; width: 17em; } input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #5cb3ce; } div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { display: inline; } blockquote { margin: 0 0 2em 0; font-style: normal; } blockquote.featured { background: url(/images/start_quote.png) top left no-repeat; } blockquote.featured p { text-indent: 26px; background: #fff url(/images/end_quote.png) bottom right no-repeat 10px 0; } blockquote.featured p.attribution { text-indent: 0; background-image: none; } blockquote .attribution { text-indent: 0; font-weight: bold; margin-top: -1.3em; color: #404040; background: none; padding: 0; } /* Flash message overrides */ .alert, .notice { width: 398px; height: 58px; margin: 1.167em 0 .5em -.8em; padding: 1.25em 0 0 0; text-align: center; font-weight: bold; font-size: 1em; color: #fff; border: none; cursor: pointer; } .alert span, .notice span { width: 100px; color: #fff; } .alert { background: url(/images/bg_error.png) no-repeat; } .notice { background: url(/images/bg_notice.png) no-repeat; } caption { background: #fff; color: #404040; font-size: 1.4em; margin: 0; margin-bottom: .5em; text-transform: capitalize; } /* Main sections -------------------------------------------------------------- */ /* Stuff for the header */ #masthead { padding: 1em 0; background-color: #f5f2ee; height: 14.7em; } #masthead img { margin-top: 1em; } #masthead h1 { margin-top: 6.3em; font-size: 1.1667em; line-height: 1.25em; } * html #masthead h1 { /* Star HTML hack to target IE6 */ padding-left: 60px; } body.no-team #leaderboard { width: 728px; height: 90px; margin-top: 10px; margin-bottom: 0; } #team_container #leaderboard { width: 728px; height: 90px; margin-bottom: 10px; } * html #team_container #leaderboard { margin-left: 0px; } #team_container #topnav ul { margin-top: 8px; margin-left: 30px; width: 685px; font-size: 13px; } * html #team_container #topnav ul { width: 625px; } #team_container #topnav ul a:hover { -webkit-border-radius: 8px; -moz-border-radius: 8px; } #team_container #topnav ul li.last { float:right; margin: -5px 0 0 0; padding: 0; } * html #team_container #topnav ul li.last { /* Star HTML hack to target IE6 */ margin: -3px 0 0 0; } /* Highlight current page on menu */ #home #menulink-home, #sign-up #menulink-sign-up, #demo #menulink-demo, #about #menulink-about, #help #menulink-help, #my-profile #menulink-my-profile, #my-teampages #menulink-my-teampages, #sign-in #menulink-sign-in { color: #755725; font-weight: normal; background: #fff; cursor: default; } /*========================================================================*/ /* Team nav */ #team_menu { height: 60px; margin: 0 0 0 0; padding-left: 43px; background: url(/images/team_nav/teampage_nav_sliver.gif) repeat-x; } #team_menu ul { padding: 0; margin: 0; list-style-type: none; display: block; line-height: 1em; font-size: 1.5em; } #team_menu li { float: left; width: 171px; height: 60px; text-transform: lowercase; } #team_menu li a { float: left; padding: 6px 0 0 10px; width: 161px; height: 53px; color: #fff; font-weight: normal; text-decoration: none; /* background: url(/images/team_nav/teampage_nav_sliver_separator.gif) 169px 0px no-repeat;*/ } #team_menu li a:hover { /* background: url(/images/team_nav/teampage_nav_sliver_separator_ON.gif) 169px 0px no-repeat;*/ } #team_menu li a span { font-size: .6em; line-height: 1.1667em; margin: 5px 0 0 0; display: block; } #team_menu li.last a { background: none; } #team_menu li:hover { background: #11a1c7; } #team_menu ul #menulink_allianz a { background-image: url(/images/allianz/competition-link.gif); width: 176px; } #team_menu ul #menulink_allianz a:hover { background: url(/images/allianz/competition-link-hover.gif); width: 176px; } /* Highlight current page on menu */ #teampage #menulink_teampage, #players #menulink_players, #members #menulink_members, #events #menulink_events, #blog #menulink_blog, #photos #menulink_photos { /* background: url(/images/grgrancd.gif) repeat-x;*/ background: #0090b6; } #teampage #menulink_teampage a, #players #menulink_players a, #members #menulink_members a, #events #menulink_events a, #blog #menulink_blog a, #photos #menulink_photos a { color: #fff; cursor: default; } #teampage #menulink_teampage a:hover, #players #menulink_players a:hover, #members #menulink_members a:hover, #events #menulink_events a:hover, #blog #menulink_blog a:hover { /* background: url(/images/team_nav/teampage_nav_sliver_separator.gif) 169px 0px no-repeat;*/ } /* Content sections */ #title_flash { padding-top: 1.4em; } * html #title_flash { /* Star HTML hack to target IE6 */ margin-top: -3px; } #title_flash h1 { color: #555; margin-bottom: 1em; text-transform: lowercase; position: relative; letter-spacing: -1px; } #title_flash h1 span { background: url(/images/gradient_text/gradient-glossy.png) repeat-x; width: 100%; height: 30px; position: absolute; } * html #title_flash h1 span { background: none; } #main_content { /* padding-bottom: 2em;*/ /* min-height: 32em;*/ } #main_content h3 { color: #9f9f9f; } /* Home page-specific sections */ #home #title_flash { padding: 0; } #home #main_content { /* padding: 0; margin: 0; width: 950px; */ } * html #home #main_content { /* Star HTML hack to target IE6 */ margin-top: -18px; } #home .alert, #home .notice { margin: 1.5em 0 0 2.6em; } #login_signup { border-left: 1px solid #ccc; background: #edf8f9; width: 330px; height: 500px; float: right; margin-left: 2px; overflow: hidden; } #login_signup h2 { font-size: 1.1em; line-height: 1.25em; margin-bottom: 1em; padding-bottom: 0; color: #575656; font-weight: bold; } #login_signup p { margin-bottom: 0; text-align: left; } #login_signup img { margin: 1em 0 0 0; padding: 0; } #login_signup fieldset { background: #edf8f9; /*#d5e4ea;*/ border: 1px solid #ccc; } /* Login box */ #login { margin: 28px 33px 3px 43px; } #login fieldset { padding: 0em; border: none; width: 260px; margin: 2em 2em 1em 0; } #login p { margin-bottom: 10px; } #login p label { margin: 0; font-size: 12px; font-weight: bold; display: block; text-transform: lowercase; color: #888; } #login p input.text { width: 16em; margin: 0; display: block; } #login p small { font-weight: normal; } #login p a { font-size: 11px; margin-left: 58px; } * html #login { margin-right: 0; } .image_button { outline: none; } .image_button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } #signup { margin: 20px 33px 3px 40px; } #signup h2 { margin-bottom:0; } #signup .form_buttons { margin-left: -10px; } #benefits { background-color: #fff; float: left; margin-left: 55px; padding: 30px 0 0 0; width: 561px; height: 366px; /* border-right: 1px solid #ccc;*/ } * html #benefits { /* Star HTML hack to target IE6 */ margin-left: 30px; width: 550px; border-right: none; } #benefits img { padding-left: 14px; } #benefits h2 { padding-left: 20px; font-size: 1.1667em; font-weight: bold; color: #404040; } #benefits h3 { padding-left: 20px; padding-top: 12px; font-size: 1.4167em; font-weight: bold; color: #ff7d1a; } #benefits a { padding-left: 320px; } #benefits p { margin-bottom: 0; padding-left: 20px; color: #99999; font-size: 1.4167em; width: 350px; } #benefits #sms_footnote { color: #000; margin: 0; font-size: .85em; width: 100%; } #flow_movie { text-align:center; } #advertise h4 { color: #404040; } #advertise #contact_us { font-size: 1em; line-height: 1.25em; color: #606060; } #advertise dt { color: #808080; } #advertise #ad_formats dl { margin-left: 1em; } /* User Profile */ #profile { background-color: #fff; background: #fff url(/images/grgrad.gif) repeat-x top; padding: 3em; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #profile #photo { float: left; width: 250px; height: 300px; } #profile h2 { font-size: 2em; color: #404040; } #profile h2 span { background: url(/images/gradient_text/gradient-glossy.png) repeat-x; width: 100%; height: 30px; position: absolute; } #profile p { margin-bottom: .25em; font-size: 1.1667em; color: #404040; } #profile strong { color: #000; font-weight: bold; text-transform: lowercase; } #profile em { font-style: normal; color: #888; } #profile #profile_info .css_button_clear { margin-top: 1em; } #profile-photo-form { width: 200px; background-color: #fff; } /* team_page */ #team_container { min-height: 500px; } #team_container #masthead { background-color: #fff; height: 12em; } #team_container #masthead #logo { margin-left: 45px; margin-right: 0px; float: left; width: 160px; } * html #team_container #masthead #logo {/* Star HTML hack to target IE6 */ margin: 0 0 0 23px; } #team_container #topnav { margin: 0 0 0 15px; float:left; width:726px; } #team_container .form_buttons { margin-top: 2em; } #team_container #left_sidebar { min-height: 500px; margin: 0; padding: 0; } #team_container #gutter { min-height: 500px; margin: 0; padding: 0; } #team_container #main_content { padding-left: 12px; padding-right: 12px; margin-left: 2px; margin-right: 2px; } * html #team_container #main_content { /* overflow: hidden;*/ overflow: visible; } #team_container #right_sidebar { min-height: 500px; } * html #team_container #right_sidebar { overflow: visible; } #team_container #right_sidebar img { background: url(/images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px; } #team_container #right_sidebar .helios { margin:50px; } #team_container #main_content h1 { color: #505050; margin-top: .85em; margin-bottom: 1em; text-transform: lowercase; position: relative; letter-spacing: -1px; font-size: 2.5em; } #team_container #main_content h1 span { background: url(/images/gradient_text/gradient-glossy.png) repeat-x; width: 100%; height: 20px; position: absolute; } * html #team_container #main_content h1 span { background: none; } #team_container h2 { border-top: 1px solid #ccc; text-transform: none; color: #999; font-size: 1.6em; } #team_container p { font-size: 1em; } #team_content_wrap { margin-top: 29px; } #team_summary { width: 170px; margin: 10px 0 0 4px; background: #fff url(/images/grgrad.gif) repeat-x top; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 67px 15px 15px 15px; } #team_summary h2 { color: #404040; font-weight: bold; font-size: 1.5em; border-top: 3px solid #ccc; } #team_summary #photo_container { /* text-align: center;*/ } #team_summary #photo_container span { margin-left: 12px; } #team_summary img { border: 3px solid #fff; padding: 0; display: block; margin-left: auto; margin-right: auto } #team_summary p { margin: 0 0 12px 0; color: #404040; } #team_summary div { margin: 0 0 20px 0; } #document_summary { width: 240px; margin: 10px 0 0 0px; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 15px 15px 15px 15px; } #document_summary h2 { color: #404040; font-weight: bold; font-size: 1.5em; border-top: 3px solid #ccc; } #document_summary #photo_container { /* text-align: center;*/ } #document_summary #photo_container span { margin-left: 12px; } #document_summary img { border: 3px solid #fff; padding: 0; display: block; margin-left: auto; margin-right: auto } #document_summary p { margin: 0 0 12px 0; color: #404040; } #document_summary div { margin: 0 0 20px 0; } #notifications_summary { } #notifications_summary h2 { float: left; border: none; color: #333; } #notifications_summary h2 .cancellation { font-size: 12px; margin-top: 12px; margin-left: -2px; } #notifications_summary h2 small { font-size: 11px; font-weight: bold; } #notifications_summary #status { float: right; padding-top: 5px; } .attendance_count { border: 3px solid #bbb; float: left; margin-right: 5px; padding: 4px 16px 3px 16px; color: #fff; text-transform: uppercase; background-color: #008800; } #notifications { } #notifications_squad { width: 220px; margin-right: 20px; } #notifications_team { width: 490px; } #notifications_team img { margin: 2px 2px 2px 0; padding: 0; } #notifications_team .name { width: 200px; } #notifications_team .status { } #notifications_team .status p { width: 295px; vertical-align: top; margin: 0; padding: 0; } #notifications_team .status_block { border: 2px solid #ccc; float: left; width: 150px; margin-right: 5px; padding: 4px 2px 3px 2px; cursor: help; background: #888888; } #notifications_team .status_block span { background-color: #fff; float: left; width: 18px; height: 12px; margin: 0 5px 0 2px; border: 2px solid #cccccc; } #notifications_team .status_accepted { background: #008800; } #notifications_team .status_declined { background: #666; } #notifications_team .status_unsent { background: #ff8800; } #notifications_team .status_viewed { background: #bbbb00; } #notifications_team .status_block img { margin: 1px 0px 1px 3px; height: 10px; padding: 0; } #notifications_team .status_block strong { text-transform: lowercase; float: left; font-size: 12px; text-align: left; font-weight: bold; color: #fff; margin-top: 1px; } #notifications_team .location { font-weight:bold; color:#74420f } #notifications_alternates { width: 490px; } #notifications_alternates .name { width: 250px; } #notifications_alternates .order { } #notifications_alternates .order a img { padding: 0 2px; border: 3px solid #ccc; background-color: #fff; margin-right: 2px; } #notifications_alternates .order a:hover img { border: 3px solid #74420f; padding: 0px 2px; } #notifications table td { vertical-align: top; } #notifications table td small a { text-decoration: underline; } #notification_tips { border: 2px solid #ddd; background: #fff url(/images/grgrad.gif) repeat-x; padding: 10px 10px 10px 25px; margin: 0 0 12px 0; /* width: 500px;*/ font-size: 11px; color: #000; } .alert_panel { border: 2px solid #ddd; background: #fff url(/images/grgrad.gif) repeat-x; padding: 10px 10px 10px 25px; margin: 0 0 12px 0; /* width: 500px;*/ font-size: 11px; color: #a00; font-weight: bold; } #members { } #members td { vertical-align:top; } #members td small a { text-decoration: underline; } #member-form-wrapper { width:350px; float:left; } #member-form-wrapper #errorExplanation { width:350px; } #players .helios_wrapper { margin-top:36px; margin-left: 20px; } #events { } #events td a { /* font-size:1.2em;*/ } #events td small a { font-size:0.95em; } #events td { vertical-align: top; } .cancellation { font-weight: bold; color: #fff; background-color: #cc0000; padding: 3px 8px; border: 3px solid #bbb; text-transform: uppercase; width: 80px; margin: 16px 0 0 0; text-align: center } td .cancellation { margin: 3px 0; width:80px; text-align:center; } /* Target only Firefox */ html:not([lang*=""]) td .cancellation { padding-bottom: 2px; } .calendar td .cancellation { border: 0; line-height: 2.7em; margin: 0; font-size: 9px; } .meetup { font-weight: bold; color: #fff; background-color: #008800; padding: 3px; border: 2px solid #888; text-transform: uppercase; line-height: 2.7em; font-size: 12px; } /* Target only Firefox */ html:not([lang*=""]) .meetup { padding: 3px 8px; } #event_info_box { background-color:#eee; color: #555; padding: 12px; border: 5px solid #bbb; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #event_info_box p { font-size: 1.2em; line-height: 1.2em; margin: 0; } #event_info_box p small { font-size: .8em; line-height: .8em; } /* Validation errors */ #errorExplanation { width: 400px; border: 2px solid #c00000; padding: .5833em; padding-bottom: 1em; margin-bottom: 1.6667em; background-color: #f0f0f0; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: .4167em .4167em .4167em 1.25em; font-size: 1em; margin: -.5833em; background-color: #c00000; color: #fff; border: none; } #errorExplanation p { color: #333; margin-bottom: 0; padding: .4167em; padding-top: 1.25em; } #errorExplanation ul li { font-size: 1em; list-style: square; } #errorExplanation ul { margin-bottom: 0; } #samsung #errorExplanation { width: 250px; } #samsung fieldset { padding: 25px; } /* Notification */ #notification_info { background-color: #fff; } #notification_info h2 { font-size: 1.6em; color: #404040; text-transform: none; } #notification_info h2 span { background: url(/images/gradient_text/gradient-glossy.png) repeat-x; width: 100%; height: 30px; position: absolute; } #notification_info p { margin-bottom: .25em; font-size: 1.1667em; color: #404040; } #notification_info strong { color: #000; font-weight: bold; text-transform: lowercase; } #notification_info em { font-style: normal; color: #888; } #notification_info .css_button_clear { margin-top: 1em; } .accepted { color: #000; } .declined { color: #000; } .unresponded { color: #000; } #event {} #meetup select { width: 4em; } #blog h2 { border-top: 3px solid #ccc; margin: 0; padding: 5px 0 0 0; } #blog .info { border-bottom: 3px solid #ccc; padding: 0 0 5px 0; } #blog #team_summary h2 { padding: 0 0 13px 0; } #teampage h2 { border-top: 3px solid #ccc; } #teampage .info { border-bottom: 3px solid #ccc; padding: 0 0 5px 0; } #blog .info { border-bottom: 3px solid #ccc; padding: 0 0 5px 0; } #blog_post { margin: 0 0 0 0; } #blog_post div { font-size: 1.1667em; } #blog_post_container { float: left; width: 300px; } #blog_post_ad { float: right; width: 300px; } /* Comments */ .comment { float:left; font-size: 1em; margin: 1em 0 0 0; padding: 1em 0 0 0; } .comment .avatar { float:left; margin-right: 20px; width:80px; overflow:hidden; } .comment h3 { font-size: 1em; font-color: #000; border-top: 1px solid #ddd; padding-top: 5px; } .comment a.delete { float:right; display:inline; font-size: .9em; } .comment .text { float:right; width:530px; margin-right:30px; } .comment .text div { font-size: 1em; } #maintenance h1, #error-page h1 { color: #900;; } #error-page h2 { color: #000; } .helios_wrapper { float:right; } .helios { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; clear: both; } #leaderboard .helios div { width: 728px; margin-left: auto; margin-right: auto; text-align: center; } body.no-team #leaderboard .helios div { width: 728px; margin-left: 0; margin-right: 0; text-align: left; } .helios p { font-size:9px; margin-bottom: 0; } .s120x600 { width: 120px; height: 600px; } .s300x250 { width: 300px; height: 250px; } .s728x90 { width: 728px; height: 90px; } .s468x60 { width: 728px; height: 90px; } .badge_ad { float:right; width:220px; margin: 5px 0 10px 0; } html:not([lang*=""]) .badge_ad { margin-top: -25px; } * html .badge_ad { margin-top: -25px; } .badge_ad_vodafone { display: block; margin: 10px 0 10px 0; } /* CSS buttons. -------------------------------------------------------------- */ .css_button_clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; margin-bottom: 1.5em; padding-bottom: 1em; } .team .css_button_clear { margin-bottom: 0; padding-bottom: 0; } a.css_button { background: transparent url(/images/css_button/bg_button_a.gif) no-repeat scroll top right; color: #0090b6; display: block; float: left; font-size: 12px; font-weight: bold; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } #team_summary a.css_button { background: transparent url(/images/css_button/bg_button_a.gif) no-repeat scroll top right; } a.css_button span { background: transparent url(/images/css_button/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; text-transform: lowercase; } #team_summary a.css_button span { background: transparent url(/images/css_button/bg_button_span.gif) no-repeat; } a.css_button:active { background-position: bottom right; color: #404040; outline: none; /* hide dotted outline in Firefox */ text-decoration: none; } a.css_button:hover { color: #404040; text-decoration: none; } a.css_button img { margin: 0; padding: 0; display: inline; vertical-align: middle; } a.css_button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } /* Misc classes. -------------------------------------------------------------- */ /* Horizontal separator between sections */ .double_border { border-bottom: 1px solid #ccc; height: 1px; background: #fff; } * html .double_border { line-height: 2px; background: #fff; } .single_border { border-top: 1px solid #ccc; height: 2px; background: #fff; margin: 32px 0 32px 0; } /* A little bigger text */ .bigcopy { height: 45em; font-size: 1.1667em; line-height: 2em; color: #404040; } .note { font-size: .6em; } .center { text-align: center; } /* Autocompletion style -------------------------------------------------------------- */ div.autocomplete { position: absolute; width: 250px; background-color: white; border: 1px solid #888; margin: 0px; padding: 0px; } div.autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; } div.autocomplete ul li.selected { background-color: #ffb;} div.autocomplete ul li { list-style-type: none; display: block; margin: 0; padding: 2px; height: 20px; cursor: pointer; } /* Live Validation -------------------------------------------------------------- */ .LV_validation_message{ font-weight: bold; margin: 0 0 0 5px; } .LV_valid { color: #00CC00; } .LV_invalid { color: #CC0000; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { /* border: 1px solid #00CC00;*/ } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; } /* Pagination -------------------------------------------------------------- */ .pagination { padding: 3px; margin: 1px; } .pagination a { padding: 2px 3px 2px 3px; margin: 0; border: 1px solid #0090b6; text-decoration: none; /*color: #000099;*/ } .pagination a:hover, .pagination a:active { border: 1px solid #74420f; /*color: #000;*/ } .pagination span.current { padding: 2px 5px 2px 5px; margin: 1px; border: 1px solid #0090b6; font-weight: bold; background-color: #0090b6; color: #FFF; } .pagination span.disabled { padding: 2px 5px 2px 5px; margin: 1px; border: 1px solid #eee; color: #ccc; } .example { color: #aaa; } input.example { color: #aaa; } /* File type images -------------------------------------------------------------- */ .file_type { display:inline-block; padding:2px 0px 2px 20px; line-height:18px; min-height:18px; margin: 0; overflow:visible; } .file { background: transparent url(/images/fileicons/file.png) center left no-repeat; } .xhtml_xml { background: transparent url(/images/fileicons/xml.png) center left no-repeat; } .vnd_wave { background: transparent url(/images/fileicons/wav.png) center left no-repeat; } .mp4 { background: transparent url(/images/fileicons/video.png) center left no-repeat; } .vnd_oasis_opendocument_spreadsheet { background: transparent url(/images/fileicons/ods.png) center left no-repeat; } .x_rar_compressed { background: transparent url(/images/fileicons/rar.png) center left no-repeat; } .x_pkcs7_mime { background: transparent url(/images/fileicons/enc.png) center left no-repeat; } .png { background: transparent url(/images/fileicons/png.png) center left no-repeat; } .xml { background: transparent url(/images/fileicons/xml.png) center left no-repeat; } .x_latex { background: transparent url(/images/fileicons/tex.png) center left no-repeat; } .x_shockwave_flash { background: transparent url(/images/fileicons/swf.png) center left no-repeat; } .soap_xml { background: transparent url(/images/fileicons/xml.png) center left no-repeat; } .ogg { background: transparent url(/images/fileicons/ogg.png) center left no-repeat; } .vnd_rn_realaudio { background: transparent url(/images/fileicons/ram.png) center left no-repeat; } .html { background: transparent url(/images/fileicons/html.png) center left no-repeat; } .vnd_openxmlformats_officedocument_spreadsheetml_sheet { background: transparent url(/images/fileicons/xls.png) center left no-repeat; } .x_pkcs12 { background: transparent url(/images/fileicons/enc.png) center left no-repeat; } .javascript { background: transparent url(/images/fileicons/js.png) center left no-repeat; } .vorbis { background: transparent url(/images/fileicons/audio.png) center left no-repeat; } .css { background: transparent url(/images/fileicons/css.png) center left no-repeat; } .zip { background: transparent url(/images/fileicons/zip.png) center left no-repeat; } .mp4 { background: transparent url(/images/fileicons/audio.png) center left no-repeat; } .x_ms_wmv { background: transparent url(/images/fileicons/wmv.png) center left no-repeat; } .x_stuffit { background: transparent url(/images/fileicons/file.png) center left no-repeat; } .mpeg { background: transparent url(/images/fileicons/mpg.png) center left no-repeat; } .x_dvi { background: transparent url(/images/fileicons/dvi.png) center left no-repeat; } .csv { background: transparent url(/images/fileicons/csv.png) center left no-repeat; } .javascript { background: transparent url(/images/fileicons/js.png) center left no-repeat; } .quicktime { background: transparent url(/images/fileicons/mov.png) center left no-repeat; } .vnd_ms_excel { background: transparent url(/images/fileicons/xls.png) center left no-repeat; } .msword { background: transparent url(/images/fileicons/doc.png) center left no-repeat; } .vnd_mozilla_xul_xml { background: transparent url(/images/fileicons/file.png) center left no-repeat; } .ogg { background: transparent url(/images/fileicons/ogg.png) center left no-repeat; } .x_ms_wma { background: transparent url(/images/fileicons/wma.png) center left no-repeat; } .gif { background: transparent url(/images/fileicons/gif.png) center left no-repeat; } .vnd_oasis_opendocument_graphics { background: transparent url(/images/fileicons/odg.png) center left no-repeat; } .x_pkcs7_signature { background: transparent url(/images/fileicons/enc.png) center left no-repeat; } .jpeg { background: transparent url(/images/fileicons/jpeg.png) center left no-repeat; } .svg_xml { background: transparent url(/images/fileicons/image.png) center left no-repeat; } .vnd_microsoft_icon { background: transparent url(/images/fileicons/image.png) center left no-repeat; } .x_tar { background: transparent url(/images/fileicons/tar.png) center left no-repeat; } .x_pkcs7_certificates { background: transparent url(/images/fileicons/enc.png) center left no-repeat; } .octet_stream { background: transparent url(/images/fileicons/bin.png) center left no-repeat; } .xml_dtd { background: transparent url(/images/fileicons/xml.png) center left no-repeat; } .tiff { background: transparent url(/images/fileicons/image.png) center left no-repeat; } .http { background: transparent url(/images/fileicons/file.png) center left no-repeat; } .ogg { background: transparent url(/images/fileicons/ogg.png) center left no-repeat; } .vnd_oasis_opendocument_text { background: transparent url(/images/fileicons/odt.png) center left no-repeat; } .vnd_oasis_opendocument_presentation { background: transparent url(/images/fileicons/odp.png) center left no-repeat; } .json { background: transparent url(/images/fileicons/js.png) center left no-repeat; } .pdf { background: transparent url(/images/fileicons/pdf.png) center left no-repeat; } .mpeg { background: transparent url(/images/fileicons/mpg.png) center left no-repeat; } .x_ms_wax { background: transparent url(/images/fileicons/wma.png) center left no-repeat; } .plain { background: transparent url(/images/fileicons/txt.png) center left no-repeat; } .rtf { background: transparent url(/images/fileicons/rtf.png) center left no-repeat; } .vnd_ms_powerpoint { background: transparent url(/images/fileicons/ppt.png) center left no-repeat; } .vnd_openxmlformats_officedocument_wordprocessingml_document { background: transparent url(/images/fileicons/doc.png) center left no-repeat; } .x_www_form_urlencoded { background: transparent url(/images/fileicons/file.png) center left no-repeat; } .x_pkcs7_certreqresp { background: transparent url(/images/fileicons/enc.png) center left no-repeat; } /* Start custom button CSS here ---------------------------------------- */ .btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font-size: 9px; text-decoration:none; color:#333; } * html button.btn { padding-bottom:1px; } /*a.btn { color: #74420f; } *//* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin:0 -3px; } .btn span { background:#ddd url(/images/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .btn span { padding-top:0; } .btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span { border-right-width:0; } button.pill-l span span { border-right:1px solid #bbb; } button.pill-c span { border-right-style:none; border-left-color:#fff; } button.pill-c span span { border-right:1px solid #bbb; } button.pill-r span { border-left-color:#fff; } /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000; } .btn:active span { background-position:0 -400px; outline:none; } .btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for