/* Theme Name: Ragbi Theme URI: http://medodesign.co.uk/ Description: Theme for West London RFC Author: Rade Brujic (Medo Design) Version: 1.0 (Beta) */ html { overflow-y: scroll; } body { font-size: 62.5%; font-family: "proxima-nova-1","proxima-nova-2", helvetica neue, helvetica, arial, sans-serif; line-height: 20px; color: #444; background: #f5f5f5 url('../../assets/img/body.png') repeat 0 0; /*border-top: 3px solid rgba(21,27,31,.9);*/ /*text-shadow: #ccc 0 1px 1px;*/ } body.ragbi, body.ragbi-report { background: rgb(43,48,52) url(../../assets/img/body-bk.png) repeat 0 0; } /* 01: RESET */ * { margin: 0; padding: 0; /*list-style: none;*/ } /* meyerweb.com/eric/tools/css/reset/ ---------------------------------------- */ /* remember to define focus styles! */ :focus { outline: none; /*outline: 0;*/ } /* Removes list-style from lists */ /*ol, ul { list-style: none; }*/ /* Normalises font-style and font-weight to normal */ address, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } /* Removes border from table - tables still need 'cellspacing="0"' in the markup */ table { /*border-collapse: collapse;*/ border-spacing: 0; } /* Left-aligns text in caption, th and td */ th, td, caption { text-align: left; font-weight: normal; } /* Removes quotation marks from q */ q:before, q:after, blockquote:before, blockquote:after { content: ""; } blockquote, q { quotes: "" ""; } /* Removes border from fieldset and img */ a img, a:hover img, fieldset { border: 0; } /* 02. HEADINGS (Typography) */ /*h1, h2, h3, h4, h5 { font-weight: normal; }*/ h1 { font-size: 3.6em; font-family: "adrianne-1","adrianne-2",serif; font-style: italic; line-height: 40px; margin-bottom: 40px; text-align: center; } h2 { font-size: 4em; line-height: 40px; margin-bottom: 20px; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Trebuchet MS", sans-serif; font-weight: normal; } h2 span { color: #960903; } .contact h2 { font-size: 2.8em; } /*#promotional h2 { font-size: 3em; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; line-height: 30px; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 20px; } #promotional a:hover h2 { color: #f5f5f5; background: rgb(226,17,13); background: rgba(226,17,13,.8); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 20px; }*/ /*.home h2:first-child { margin: 10px 0 20px 0; }*/ .search h2 { /*font-size: 1.6em;*/ text-transform: uppercase; } h3 { font-size: 2.1em; line-height: 20px; /*margin-bottom: 20px;*/ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Trebuchet MS", sans-serif; font-weight: normal; } /*.about h3,*/ .contact h3 { font-size: 1.4em; margin-bottom: 0; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; text-transform: uppercase; letter-spacing: 1px; } .play h2, .play h3 { text-align: center; } h4 { font-size: 1.3em; font-weight: bold; text-align: center; } #posts-month h4, #posts-category h4 { padding-top: 10px; } h5 { } /*h5 + p { display: inline; }*/ /* 03. TEXT DEFAULTS */ p, li > p, dt, dd { font-size: 1.4em; margin-bottom: 20px; } .play h1 + p { font-size: 3em; line-height: 30px; text-align: center; } ul, ol, dl { margin-bottom: 20px; } ul { list-style: none; /*list-style-type: disc;*/ } ol { list-style-type: decimal; } dl { } dt { font-weight: bold; } dd { margin-left: 20px; } strong { font-weight: bold; } em, dfn { font-style: italic; } a, a:visited { color: #02658d; text-decoration: none; outline: none; } a:hover { color: #af0a03; text-decoration: none; } a:active, a:focus { color: #af0a03; text-decoration: none; } p:nth-last-child(1) { margin-bottom: 0; } /* 04: CORE LAYOUT (GRID) */ #page { width: 100%; min-width: 940px; } #header { height: 120px; background: rgb(175,10,3) url(../../assets/img/header.png) repeat 0 0; } #content { } .home #promotional { } .home #recruit { background: #af0a03 url(../../assets/img/body-bk.png) repeat 0 0; overflow: hidden; } .about #demographic { background: #ebeeef url(../../assets/img/body-gy.png) repeat 0 0; overflow: hidden; } .ragbi #content-stats { background: rgba(21,21,25,.5); margin-bottom: 40px; overflow: hidden; } #footer { border-top: 2px dotted #eee; } .ragbi #footer { border-top: 2px dotted #b3b3a0; } .grid { width: 940px; margin: 0 auto; position: relative; padding: 40px 20px; } .grid:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; } .home #promotional .grid { padding: 40px 0 0 0; } .home #recruit .grid { /*padding: 40px 0 0 0;*/ } #footer .grid { padding: 40px 0; } .hide, .hidden { display: none; } /* 05: HEADER */ #logo { position: absolute; top: 16px; left: 40px; z-index: 1; } #establish { position: absolute; top: 30px; right: 20px; font-family: "adrianne-1","adrianne-2"; font-size: 1.2em; font-style: italic; color: #EBA8A5; } #logo span, #logo span a { margin: 0; text-decoration: none; border-bottom: 0; } #skip-link { display: none; } /* 06: FOOTER */ #footer p { font-size: 1.3em; color: #848484; } #footer p:first-child { margin-bottom: 10px; } #footer a[rel="top"] { position: absolute; top: 40px; right: 0; width: 60px; height: 48px; background: url(../../assets/img/logo-mini.png) no-repeat 0 -48px; text-indent: -9999px; z-index: 50; } #footer a[rel="top"]:hover { background: url(../../assets/img/logo-mini.png) no-repeat 0 0; } #footer a[rel="top"]:active, #footer a[rel="top"]:focus { top : 31px; } /* 07: NAVIGATION */ #navigation { position: absolute; top: 70px; left: 180px; margin-bottom: 0; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; font-size: 1.8em; text-transform: uppercase; } #navigation li { display: inline; } #navigation li a { color: #EBA8A5; padding: 50px 6px 6px 6px; background: url(../../assets/img/nav_unactive.png) no-repeat center 10px; margin-right: 30px; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -o-transition: all .8s ease; line-height: 1; /*text-decoration: none;*/ } #navigation li a:hover { color: #2b3034; background: url(../../assets/img/star-mini.png) no-repeat center 10px; } #navigation li.active a { padding-top: 50px; color: #fff; background: url(../../assets/img/star-mini.png) no-repeat center 10px; } /* 08. SEARCH */ .searchform { position: absolute; top: 65px; right: 20px; display: inline-block; zoom: 1; /* ie7 hack for display:inline-block */ } .searchform input { vertical-align: middle; } .searchform .searchfield { width: 156px; padding: 6px 6px 6px 22px; border: solid 1px #af0b04; background: #960903 url(../../assets/img/search2.png) no-repeat 7px 7px; color: #EBA8A5; outline: none; vertical-align: middle; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } .search #press-items { width: 460px; margin: 0 auto; } .search .post { margin: 20px auto 0 auto; } #press-pubs h3 { font-size: 1.1em; text-transform: uppercase; text-align: center; padding: 8px 15px 8px; background: #d8d8d8; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; color: #f5f5f5; } p.nav-next { text-align: right; } p.nav-previous { text-align: left; } /* 09. HOMEPAGE */ /*#strapline-club { } #strapline-club a { color: #f5f5f5; } #strapline-club a:hover { color: #960903; }*/ .home h1 { color: #f5f5f5; } #strapline-club h2 { /*font-size: 3em;*/ text-align: center; /*line-height: 20px;*/ margin: 0; padding-bottom: 60px; background: url('../../assets/img/stars.png') no-repeat bottom; } #recruit h2 { margin: 0; font-size: 3em; text-align: center; text-transform: uppercase; } #recruit p { font-size: 2.1em; line-height: 30px; margin: 20px 0 0 0; color: #f5f5f5; } #recruit p span { display: block; text-align: center; font-size: .5em; text-transform: uppercase; } #sponsor-ad { float: left; margin-right: 20px; } #sponsor-ad li { width: 440px; padding: 10px; background: rgb(230,230,230); background: rgba(230,230,230,.3); } #sponsor-ad li img { margin: 0; padding: 10px; background: rgb(255,255,255); background: rgba(255,255,255,.8); display: block; /* Removes extra white-space at bottom of image */ } #ragbi-summary { float: right; width: 940px; /*background: url(../../assets/img/line-bg-x.png) repeat-x bottom;*/ } #ragbi-summary .nav { overflow: hidden; margin: 0 0 20px 0; } #ragbi-summary .nav li { float: left; display: inline; margin: 0 10px 0 0; } #ragbi-summary .nav li.last { margin-right: 0; } #ragbi-summary .nav li a { display: block; padding: 4px 15px 4px; background: #2b3034; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; font-size: 1em; text-transform: uppercase; color: #f5f5f5; } #ragbi-summary .nav li a:hover, #on-the-field .nav li a:focus { background: #EBA8A5; color: #af0a03; } #ragbi-summary .nav li:last-child a { border: none; } #ragbi-summary li.nav-results a.current, #ragbi-summary li.nav-fixtures a.current, #ragbi-summary li.nav-leagues a.current { background: #af0a03; color: #f5f5f5; } /* Generic Utility */ .hide { position: absolute; top: -9999px; left: -9999px; } /*#ragbi-summary ul { list-style: none; }*/ #ragbi-summary ul li a { } #hot-press { float: right; width: 460px; } /*.home #hot-press h3 + p { margin-bottom: 0; }*/ .home #hot-press li { } .home #hot-press li > p { font-size: 1.3em; } .home #hot-press p.postmetadata { font-size: 1.2em; text-transform: uppercase; color: #aaaaaa; margin-bottom: 0; } .home #hot-press p a.more-link { display: none; } .home ul#newsletter { margin-bottom: 20px; } .home ul#press { background: url(../../assets/img/line-bg-x.png) repeat-x top; padding-top: 20px; } .home ul#press li { /*padding-top: 20px;*/ } .news-events { margin-bottom: 20px; } .news-events-summary h3 { margin-bottom: 5px; text-transform: none; } .news-events-summary { margin-top: 20px; } .archive .newsletter, .archive .news-events { width: 620px; margin: 0 auto; } .archive .news-events h3, .archive .news-events p { padding: 0 80px; } .archive .postmetadata { position: absolute; top: 80px; left: 20px; width: 140px; } .archive #press-categories { position: absolute; top: 40px; left: 20px; } #press-categories li { font-size: 1.2em; text-align: right; } li.datetime { font-size: 1.6em; margin-bottom: 20px; } li.category a { display: block; padding: 4px 0; } .archive h4 { border: 1px solid #eceae9; border-width: 1px 0; line-height: 20px; margin-bottom: 20px; } /* 10. ABOUT PAGE */ #club { float: left; width: 460px; overflow: hidden; } #club h3, #club p { clear: left; float: left; width: 440px; } #supplementary { float: right; width: 460px; overflow: hidden; position: relative;} #affiliations { float: left; width: 460px; padding: 20px 0; background: url(../../assets/img/line-bg-x.png) repeat-x bottom; } #affiliation-org { margin-left: -20px; } #affiliation-org li { float: left; width: 220px; margin: 0 0 20px 20px; } #affiliation-org li p { margin: 0; } #affiliation-org li img { float: left; margin: 0 10px 0 0; } .about #recruit-ad { float: left; width: 460px; margin-top: 40px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-image: url('../../assets/img/star-mini.png'), url('../../assets/img/star-mini.png'), url(../../assets/img/body-bk.png); background-repeat: no-repeat, no-repeat, repeat; background-position: 20px center, 420px center; color: #f90; text-align: center; } .about #recruit-ad h3 { font-size: 1.8em; margin-bottom: 0; text-transform: uppercase; } .about #recruit-ad h3 + p { margin-bottom: 0; } .about #recruit-ad a h3 { color: #b3b3a0; padding: 10px 60px; } .about #recruit-ad a:hover h3 { color: #f90; background: rgb(226,17,13); background: rgba(226,17,13,.6); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #slider { float: left; width: 460px; margin: 0 0 20px 0; padding-bottom: 40px; background: rgb(43,48,52); background: rgba(21,27,31,.9); } #slider ul, #slider li { margin: 0; padding: 0; list-style: none; } #slider li { width: 458px; height: 340px; overflow: hidden; } /* define width and height of list item (slide) */ /* Slider Controls */ ol#controls { position: absolute; top: 350px; left: 100px; height: 28px; margin: 0 0; padding: 0; } ol#controls li { float: left; width: 20px; height: 20px; margin: 0 10px; padding: 0; list-style: none; line-height: 20px; text-indent: -9999px; } ol#controls li a { float:left; width: 20px; height: 20px; line-height: 20px; text-decoration: none; background: url(../../assets/img/slider/slide-unactive.png) no-repeat 2px 2px; } ol#controls li.current a { background: url(../../assets/img/slider/slide-active.png) no-repeat 2px 2px; } ol#controls li a:focus { outline:none; } #international { } #international h2 { text-align: center; } #international ul { width: 960px; margin: 0 0 0 -20px; overflow: hidden; } #international li { float: left; width: 140px; position: relative; border-top: 1px solid #d7d7d7; margin: 20px 0 0 20px; padding-top: 180px; } #international li p { margin: 0; padding: 5px; line-height: 20px; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; text-align: center; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #2b3034 url(../../assets/img/body-bk.png) repeat 0 0; } #international li img { margin: 0 auto 10px auto; position: absolute; bottom: 30px; left: 46px; } #international li p:before { position: absolute; bottom: 1px; left: 5px; } #international li p:after { position: absolute; bottom: 1px; right: 5px; } #international li p:before, #international li p:after { content: url(../../assets/img/star-mini.png); padding: 0 2px; } #international li.hrv { background: url(../../assets/img/country/hrv-map.png) no-repeat center 10px; } #international li.eng { background: url(../../assets/img/country/eng-map.png) no-repeat center 10px; } #international li.ltu { background: url(../../assets/img/country/ltu-map.png) no-repeat center 10px; } #international li.nzl { background: url(../../assets/img/country/nzl-map.png) no-repeat center 10px; } #international li.irl { background: url(../../assets/img/country/irl-map.png) no-repeat center 10px; } #international li.aus { background: url(../../assets/img/country/aus-map.png) no-repeat center 10px; } #international li.wal { background: url(../../assets/img/country/wal-map.png) no-repeat center 10px; } #international li.zim { background: url(../../assets/img/country/zim-map.png) no-repeat center 10px; } #international li.usa { background: url(../../assets/img/country/usa-map.png) no-repeat center 10px; } #international li.rsa { background: url(../../assets/img/country/rsa-map.png) no-repeat center 10px; } #international li.ind { background: url(../../assets/img/country/ind-map.png) no-repeat center 10px; } /* 12. CONTACT PAGE */ #contact { overflow: hidden; width: 960px; margin-top: -20px; margin-left: -10px; } #contact li.vcard { float: left; width: 278px; margin: 20px; border: 1px solid #eee; border-width: 1px; background: #f8f7f7; -webkit-box-shadow: 0 3px 20px #7e8a94; -moz-box-shadow: 0 3px 20px #7e8a94; box-shadow: 0 3px 20px #7e8a94; } #contact li .ime { margin: 10px; padding: 15px 0 10px 0; background: rgb(43,48,52) url(../../assets/img/body-bk.png) repeat 0 0; } #contact li h2.fn { margin: 0; padding-bottom: 20px; background: url(../../assets/img/star-mini.png) no-repeat 121px 38px; } #contact li h3.role { margin: 0; } #contact li h2.fn, .contact #contact li h3.role { color: #f5f5f5; text-align: center; } #contact ul { margin-bottom: 10px; } #contact li > p { margin: 0 10px; text-align: right; } #contact li li .tel { background: url(../../assets/img/tel.png) no-repeat right 0; padding-right: 30px; } #contact li li .email { background: url(../../assets/img/email.png) no-repeat right 0; padding-right: 30px; } /* 13. LOCATION PAGE */ #clubhouse { float: left; width: 100%; padding: 20px 0; } #clubhouse p { clear:left; float:left; width: 280px; } #clubhouse img { float: right; margin-bottom: 20px; padding: 4px; border: 1px solid #eee; -webkit-box-shadow: 0 3px 20px #7e8a94; -moz-box-shadow: 0 3px 20px #7e8a94; box-shadow: 0 3px 20px #7e8a94; } #directions h3, #directions p { clear:left; float:left; width: 440px; } #directions .org { display: block; font-weight: bold; } #directions .map { float: right; width: 450px; height: 410px; padding: 4px; background: #f5f5f5; border: 1px solid #eee; -webkit-box-shadow: 0 3px 20px #7e8a94; -moz-box-shadow: 0 3px 20px #7e8a94; box-shadow: 0 3px 20px #7e8a94; } /* 14. RECRUITMENT PAGE */ /* 404 PAGE */ /* 11. RUGBY PAGE */ ol.results, ol.fixtures { margin-left: -20px; } ol.results li, ol.fixtures li { float: left; margin: 0 0 20px 20px; position: relative; background: rgba(21,21,25,.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); list-style: none; } ol.fixtures li { background: rgba(2,101,141,.8); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 1px 2px rgba(33,41,57,.2); box-shadow: inset 0 1px 2px rgba(33,41,57,.2); } ol.results li .fixture-meta h4, ol.fixtures li .fixture-meta h4, ol.results li div.fixture-meta p.scoreboard { font-size: 2.1em; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; line-height: 20px; margin: 10px; font-weight: normal; } ol.results li .fixture-meta, ol.fixtures li .fixture-meta { width: 220px; height: 90px; overflow: hidden; } ol.results li .fixture-meta h4, ol.fixtures li .fixture-meta h4 { text-align: left; } ol.results li p.fixturemetadata, ol.fixtures li p.fixturemetadata { font-size: 1.1em; text-align: right; margin: 0 10px 10px 10px; } .ragbi h3 { clear: both; } .ragbi h4 { color: #f5f5f5; } ol.results li p.scoreboard span { color: #f5f5f5; } .home ol.results li p.scoreboard { color: #444; } .home ol.results li p.scoreboard span { color: #444; } .home ol.results li, .home ol.fixtures li { /*background: rgb(43,48,52);*/ background: rgba(43,48,52,.1); } /*ol.fixtures li { background: rgba(2,101,141,.8);*/ span.home-points { position: absolute; top: 10px; right: 10px; } span.away-points { position: absolute; top: 40px; right: 10px; } ol.results li .fixture-meta a.fixture-over { display: none; position: absolute; top: 0; left: 0; width: 220px; height: 90px; margin: 0; text-decoration: none; color: #888; background: rgb(226,17,13); background: rgba(226,17,13,.9); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-bottom: 0; font-size: 1.6em; font-family: "adrianne-1","adrianne-2",serif; font-style: italic; } /* revealed on hover with jQuery */ ol.results li .fixture-meta a.fixture-over strong { display: block; margin: 0; color: #fff; text-align: center; padding-top: 35px; } .ragbi-report .fixture-meta p { font-size: 2.5em; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; } /*.ragbi #sub-navigation { margin-bottom: 0; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; font-size: 2.2em; text-transform: uppercase; } .ragbi #sub-navigation li { display: inline; padding-top: 30px; } .ragbi #sub-navigation li a { float: left; width: 40px; height: 40px; color: #333; text-align: center; margin-right: 20px; padding: 10px; background: rgb(221,168,0); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .ragbi #sub-navigation li a:hover { color: #f90; background: rgb(226,17,13); background: rgba(226,17,13,.6); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }*/ .team-overview, .team-squad { float: left; width: 220px; margin: 0 20px 0 0; } #vets { margin: 0; } /*.home .team-overview { } .home .team-overview ul { float: right; width: 700px; margin-bottom: 0; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; font-size: 1.6em; text-transform: uppercase; } .home .team-overview li { float: left; width: 220px; margin-right: 20px; padding-top: 60px; background: url('../../assets/img/star.png') no-repeat top center; } .home .team-overview li:last-child { margin-right: 0; }*/ .team-squad h2 { color: #f5f5f5; text-align: center; /*-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #af0a03; text-shadow: #640602 0 1px 1px;*/ /*text-shadow: #aa8100 0 1px 1px;*/ } .team-squad h3 { font-size: 1.6em; margin-bottom: 20px; border-bottom: 1px solid #eceae9; color: #f5f5f5; text-transform: uppercase; text-align: center; } .ragbi, .ragbi-report { color: #f5f5f5; } .ragbi-report .post { width: 780px; margin: 0 auto; } .ragbi-report .entry { margin-top: 40px; word-wrap: break-word; } .ragbi-report .entry p { padding: 0 160px; } .post img { padding-bottom: 3px; border-bottom: 5px solid #B81414; } .ragbi-report .post img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 50px solid #191919; } /*.ragbi-report #content-main { position: relative; }*/ table { } table.fixture-result { margin: 0 0 20px 0; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; } th { font-size: 1.1em; text-align: center; text-transform: uppercase; color: #f5f5f5; line-height: 1; } td { /*text-align: left; padding: 8px 5px;*/ } .fixture-result th { display: none; } .fixture-result td { font-size: 5em; padding: 25px 0; } th.col-team { width: 320px; } th.col-points { width: 60px; } td.home-team, td.away-team { width: 300px; text-align: center; background: rgba(21,21,25,.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } td.home-team { float: left; margin-right: 20px; } td.away-team { float: right; margin-left: 20px; } td.home-points, td.away-points { width: 60px; text-align: center; background: rgba(21,21,25,.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } td.seperator { width: 20px; font-size: 6em; text-align: center; } ul#match-results li .fixture-result td { font-size: 1.6em; line-height: 1; padding: 10px 0; } #res { float: left; width: 940px; } .statistic { float: left; border-top: 1px solid #2b3034; margin-right: 20px; } .statistic h3 { margin-top: 20px; } #league-progress { width: 460px; } .chart { width: 460px; height: 300px; background: url('../../assets/img/chart2.png') no-repeat center center; } #player-points, #player-tries { width: 220px; } #player-tries { margin-right: 0; } ol.stats-list { font-size: 1.6em; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2"; line-height: 20px; text-transform: uppercase; list-style-type: decimal-leading-zero; margin-bottom: 0; padding-left: 25px; } ol.stats-list li { margin-top: 20px; } p.chart-description { padding-top: 210px;text-align: center; } p.feature-release { width: 400px; position: absolute; top: 40px; left: 260px; padding: 10px 10px 10px 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #af0a03 url('../../assets/img/star-mini.png') no-repeat 20px center; color: #eba89d; text-transform: uppercase; } /* GRID OVERLAY */ #grid { /* Vertical grid lines */ background: url(../../bg-grid-980.gif) repeat-y 0 0; /* Dimensions - same width as your grid with gutters */ width: 980px; /* Grid (left-aligned) */ /*position: absolute; top: 0; left: 0; */ /* Grid (centered) */ position: absolute; top: 0; left: 50%; margin-left: -490px; } /** * Classes for multiple grids * * When using more than one grid, remember to set the numberOfGrids * option in the hashgrid.js file. */ #grid.grid-1 { /* Vertical grid lines for grid 1 */ background: url(../../assets/bg-grid-980-2.gif) repeat-y 0 0; } #grid.grid-2 { /* Vertical grid lines for grid 2 */ background: url(bg-grid-660.gif) repeat-y 160px 0; /* Adjustments */ padding: 0 160px; width: 660px; } /** * Horizontal grid lines, defined by your base line height * * Remember, the CSS properties that define the box model: * visible height = height + borders + margins + padding */ #grid div.horiz { /* 20px line height */ height: 19px; border-bottom: 1px dotted #aaa; margin: 0; padding: 0; }