/** CodeJoust! CJR Website File *** @author - Iain *** @date - 3/20/10 *** Copyright... please learn, don't copy. **/ /*-- Globals --*/ * { margin:0; padding:0; } hgroup, section, header, footer, aside, article { display:block; } /*--Standard Library Classes--*/ .right { text-align:right; } .f-right, img.right { float:right; } .f-left, img.left { float:left; } .center { text-align:center; margin:0 auto; } .clear { clear:both; } a {text-decoration:none; color:#333; } a:hover {text-decoration:underline; color:#555;} a:active {color:#444;} a:visited {color:#454545;} /*--Standardize Definition Lists--*/ dl { } dl dt { font-family:MonoBold; padding-top:12px; } dl dd { margin-left:40px !important; } h1,h2,h3,h4,h5,h6 { color:#555; font-family:MonoCaps; padding-bottom:12px; margin-top:15px; font-size:145%; } strong, b { color:#353535; font-family:MonoBold; } hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 { display:inline; } .cjr1 { color: #00c800; } .cjr2 { color: #dedede; } #header { color:#f2f2f2; clear:both; background:url("./images/headerbg.jpg"); padding-top:15px; } #header nav { padding:5px 8px; margin:4px; font-family:courier new, monospace; font-weight:bold; font-size:19px; } #header nav ol, #header nav ul { position:relative; text-align:center; } #header nav li { list-style:none; list-style-type:none; float:left; padding: 6px 7px; margin: 0; line-height:20px; } #header nav li a { color:#AFAA9F; padding:5px; } #header nav li a:hover { color:#DD6600 !important; text-decoration:none; } #header nav li a:hover:visited { } #header nav li a:visited { color:#AFAFAF; } #header nav li a:active { color:#772D23; } #header .sep { background: url("./images/headersep.png") top center; height:20px; margin-bottom:-20px; margin-left:-16px; width:105%; z-index:10; position:relative; } /*--PageList Widget--*/ ul.pagelist { clear:both; width:650px; position:relative; } ul.pagelist li { line-height:40px; font-size:225%; padding:35px; list-style:none; list-style-type:none; margin:0 !important; position:relative;width:240px; text-align:left; display:block; height:40px; } ul.pagelist li.even-cell { float:right; } ul.pagelist li.even-cell a { } ul.pagelist li.odd-cell a { } ul.pagelist li span { color: darkgreen; } ul.pagelist li.odd-cell { float:left; } ul.pagelist li a:hover { text-decoration:none; } ul.pagelist li a { position:absolute; } /*--Misc Navigation--*/ nav.breadcrumbs { padding: 16px 16px 0 16px; } nav.breadcrumbs a {} nav.breadcrumbs span.breadcrumb-seperator {} nav.breadrumbs span.breadcrumb-current { font-weight:bold; } /*--Articles Formatting--*/ section.articles { margin-left:20px; } section.articles article { border-bottom: 2px grey solid; width: 560px; } section.articles article p { margin:0; padding:2px 0; } section.articles article p.read-more { float:right; font-family:MonoBold; color:#772D23; } section.articles article footer { font-size: 75%; margin-bottom: 25px;color:#772D23; } body section#content section.articles .entry-excerpt * {font-size:inherit !important; display:inline; margin:0 !important; padding:0 !important; } body section#content section.article .entry-excerpt { padding-bottom:14px; } /*--Body Layouts--*/ body { font-family: MonoRegular; font-weight:normal; background:#000; min-height:100%; color:#454545; } body.super, body.super #wrap { width:1010px; margin: 0 auto; padding:2px; } /*body #page.large { width:1000px; }--needed?*/ body.super #content {margin:0; padding:0; } body.super iframe { margin:0 auto; } body.super #header nav { width:700px; } #content { min-height:450px; } /*--Page Layouts--*/ body #wrap { width:700px; margin:0 auto; } body #wrap #page { background:#f2f2f2; background:url(./images/pagebg.jpg); z-index:5; } body #wrap #header { padding: 16px 14px; } body #wrap #header h3, body #wrap #header h1 { color:#eee; } body #wrap #header h3 { font-size:52px; } body #wrap #header h3 img { margin-bottom:5px; padding-left:12px; } body.no-col #wrap #page #content, body.no-col #wrap #page #content { padding: 10px 4px; } body.col-2 #wrap #page section section { padding:5px;} body section p { padding:10px 0; } body #wrap #page .col { } body #page #col-r, body #page .col-r { float:right; width:380px; z-index:20; position:relative; margin:0 8px; } body #page #col-l, body #page .col-l { float:left; width:300px; z-index:5; } body.col-2 aside#col2.small { width:281px; padding-left:8px; float:right; } body.col-2 .col1 { float:left; width:380px; } /*--Page Footer--*/ footer#pgfooter { position:relative; padding-top:35px; height:30px; } footer#pgfooter a { padding:4px; margin:2px; } footer#pgfooter a.right { position:absolute; right:0; } footer#pgfooter a.left { position:absolute; left:0; } footer#pgfooter a.center{ position:absolute; left:45%; } footer#pgfooter .clear { height:10px; } /*--Coaches' Page--*/ body.coaches #page article { height: auto; padding-bottom:50px; } body.coaches #page article .content { float:right; width:500px; } body.coaches #page article .content header { font-size:125%; } body.coaches #page article .content p {} body.coaches #page article .content footer.email-me a.email { padding-left:120px; background:url(./images/message-me.png) no-repeat left; } body.coaches #page article .content footer.email-me {} body.coaches #page article .content footer {} body.coaches #page article aside.coach-image{ width:280px; } body.coaches #page article aside.coach-image img { } body.coaches header { font-family:MonoCaps; } /*--Videos Page--*/ body.videos #wrap #page div, body.videos #wrap #page section { padding:0; margin:0; } section.videos article { margin-bottom: 70px; } section.videos article .frame { margin-left:-5px; background:url("./images/frames/video-bg.png") no-repeat left; width:715px; height:470px; } section.videos article .frame img { padding-top:35px; position:relative; width:620px; margin:0 auto; } section.videos article .frame a.video { height:400px; width:625px; margin:0 auto; display:block; } body section.videos article section.description { margin-left:40px; } section.videos article h2 { padding:6px; margin: -50px 0 0 0; } /*--Backgrounds--*/ body.col-2 #wrap section#page { background:url("./images/2col2.jpg") 0 -1000px; } body.col-r #wrap section#page { background:url("./images/2colrt.jpg") 0 -1000px; } hgroup#main-header { background:url(./images/headers/main-header.png); height:50px; width:559px; } h1#short-header { background:url(./images/headers/short-header.png); height:50px; width:30px; position:relative; font-size:54px; } body hgroup.re *, body hgroup.re, h1.re { background-repeat: no-repeat !important; text-indent:-9999px; color:transparent !important; } body.home .welcome .note { text-indent:-9999px; position:relative; margin-top:-80px; margin-left:10px; } body.home #home-welcome-header { margin-top:14px; font-size:135%; } .imgframe { margin-left:-20px; background:url("./images/frames/video-bg.png") no-repeat left; width:734px; height:476px; position:relative; clear:both; } .imgframe > * { margin-left:65px; margin-top:35px; width:600px; height:350px; position:absolute; overflow:hidden; } /*-Page Specific Text-*/ body.home #page { font-size:18px; } body.home .note { display:none; } body.home hgroup.smallc { font-size:23px; padding-bottom:18px; } body.home aside.recent-news li.news-snippet { margin-left:30px; line-height:135%; } .large li { margin-left:30px; line-height:135%; } /*== Parents + Rowers Pages ==*/ body.forms li { display:block; } body.forms li img { display:block; margin:15px; } body.forms img { /* @include .box-shadow */ -moz-box-shadow: 3px 3px 4px #999; -webkit-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#999999'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#999999')" } /*-- Image Formatting --*/ img, a img, a:hover img { border: 0 none; } .shadow { -moz-box-shadow: 3px 3px 4px #999; -webkit-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#999999'); -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#999999')" } /*==The dark dunegon of what has been used in the design and reworked, but might want to pull out again...==*/ /*--Skipping Static Headers -- opted for dynamic headers--*/ /*hgroup#home-welcome-header { background:url(./images/headers/home-welcome-header.png); height:28px; width:337px; padding-bottom:10px; }*/ /*body.home .welcome { background:url(./images/frames/welcome-sq.png) no-repeat top center; height:400px; } body.home .welcome img { margin: 40px 0 0 20px; border:15px #383838; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg);} body.home #wrap #page section .welcome .note { background:url(./images/frames/pavement-scrap.png) no-repeat; margin-left:15px; padding-left:20px; padding-top:12px; height:75px; width:215px; position:absolute; -webkit-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg); } body.home #wrap #page section .welcome .note .text { }*/ /*--Standardize headers--*/ /*h1 { margin: .8em 0; font-size:46px; } h2 { margin: .85em 0; font-size:40px; } h3 { margin: .83em 0; font-size:36px; } h4 { margin: 1.33em 0; font-size:24px; } h5{ margin: 1.67em 0; font-size:20px; } h6 {margin:2.33em 0; font-size:18px; }*/ /**=Fonts=**/ @font-face { font-family: 'MonoRegular'; src: url('type/latinmono/lmmono10-regular.eot'); src: local('Latin Modern Mono'), local('type/latinmono/lmmono10-Regular'), url('type/latinmono/lmmono10-regular.woff') format('woff'), url('type/latinmono/lmmono10-regular.ttf') format('truetype'), url('type/latinmono/lmmono10-regular.svg#LMMono10-Regular') format('svg'); } @font-face { font-family: 'MonoBold'; src: url('type/latinmono/lmmonolt10-bold.eot'); src: local('Latin Modern Mono Light'), local('type/latinmono/lmmonoLt10-Bold'), url('type/latinmono/lmmonolt10-bold.woff') format('woff'), url('type/latinmono/lmmonolt10-bold.ttf') format('truetype'), url('type/latinmono/lmmonolt10-bold.svg#LMMonoLt10-Bold') format('svg'); } @font-face { font-family: 'MonoLight'; src: url('type/latinmono/lmmonoltcond10-regular.eot'); src: local('Latin Modern Mono Light Cond'), local('type/latinmono/lmmonoLtCond10-Regular'), url('type/latinmono/lmmonoltcond10-regular.woff') format('woff'), url('type/latinmono/lmmonoltcond10-regular.ttf') format('truetype'), url('type/latinmono/lmmonoltcond10-regular.svg#LMMonoLtCond10-Regular') format('svg'); } @font-face { font-family: 'MonoCaps'; src: url('type/latinmono/lmmonocaps10-regular.eot'); src: local('Latin Modern Mono Caps'), local('type/latinmono/lmmonoCaps10-Regular'), url('type/latinmono/lmmonocaps10-regular.woff') format('woff'), url('type/latinmono/lmmonocaps10-regular.ttf') format('truetype'), url('type/latinmono/lmmonocaps10-regular.svg#LMMonoCaps10-Regular') format('svg'); } /*-- End of CodeJoust! CJR Rowing CSS File --*/ /*== Slider Styles == .nivoSlider { position:relative; } .nivoSlider img{ position:absolute;top:0px;left:0px;} .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } .nivo-directionNav a { position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } */