/* ------------------------------------------------------ NBRC - Layout Stylesheet ------------------------------------------------------ */ /* Filename: layout.css Content: Main website stylesheet Creation Date: 17-04-09 Last Modification Date: Author: BeeOnline.co.nz Copyright: New Brighton Rugby */ @import "reset.css"; /* Selectors ----------------------------------------------------- */ body { font:12px/18px verdana, arial, helvetica, sans-serif; color:#322f31; background:url("../images/bg.png") repeat-x top #000; } /* Common ----------------------------------------------------- */ .left { float:left; } .right { float:right; } .top { vertical-align:top; } .clear { clear:both; } .center { text-align:center; } .bad { color:#f00; } /* Layout ----------------------------------------------------- */ #accessibility { display:none; } #wrapper { width:960px; margin:0 auto; } #logo { margin:8px 0 0 0; float:left; } #logo a { width:245px; height:16px; display:block; text-indent:-9999px; background:url("../images/logo.png") no-repeat; } #header { height:31px; float:right; margin:0; font-size:11px; } #header a { font-weight:normal; text-decoration:none; } #header a:hover { text-decoration:underline; } #header .separator { color:#d9ae03; } #header form, #header form div, #header form fieldset { display:inline; margin:0; padding:0; } #header form { margin:0 0 0 5px; position:relative; top:5px; } #header form legend { display:none; } #header form input.text { width:120px; height:14px; background:url("../images/bg-search.png") no-repeat; padding:3px 4px; border:none; color:#707070; font-size:11px; float:left; } #header form input.action { width:60px; height:20px; background:url("../images/bg-search-button.png") no-repeat; margin:0 0 0 5px; padding:2px 3px; text-transform:uppercase; color:#fff; border:none; cursor:pointer; text-indent:-9999px; float:left; } #banner { height:289px; background:url("../images/bg-banner.jpg") no-repeat; clear:both; } #banner h3 { margin:0; } #banner h3 a, #banner h3 a:hover { width:46px; height:61px; text-indent:-9999px; background:url("../images/logo.jpg") no-repeat; float:right; margin:203px 33px 0 0; } #banner ul { margin:251px 0 0 0; list-style:none; float:left; } #banner li { float:left; position:relative; } #banner a { color:#fff; font-weight:bold; font-size:11px; text-decoration:none; display:block; margin:0 2px 0 0; } #banner a span { display:block; padding:10px; } #banner a:hover, #banner a.current, #banner a.section { color:#000; background:url("../images/bg-nav.png") no-repeat left top #fff; } #banner a:hover span, #banner a.current span, #banner a.section span { background:url("../images/bg-nav-right.png") no-repeat right top; } #banner ul ul { display:none; position:absolute; top:38px; width:180px; background:#d1d1d1; z-index:99; margin:0; } #banner ul ul li { float:none; position:relative; border-bottom:1px solid #c7c7c7; } #banner ul ul li a, #banner ul ul li a span, #banner ul ul li a:hover, #banner ul ul li a.current, #banner ul ul li a.section, #banner ul ul li a.current span, #banner ul ul li a.section span, #banner ul ul li a:hover span { background:none; color:#000; padding:10px; } #banner ul ul li a:hover { background:#c2c2c2; } #banner ul li:hover ul, #banner ul li.hover ul { display:block; } #banner ul ul ul { display:none !important; position:absolute; left:180px; top:0; } #banner ul ul li:hover ul, #banner ul ul li.hover ul { display:block !important; } #banner ul ul ul ul { display:none !important; } #content { background:url("../images/bg-content.png") no-repeat top right #fff; z-index:1; } #content .contbottom { height:11px; display:block; background:url("../images/bg-bottom.png") no-repeat bottom; clear:both; } #leftcolhome { width:445px; float:left; margin:10px 0 0 9px; display:inline; } #leftcolhome #galleryhome { width:445px; height:273px; position:relative; overflow-x: hidden; overflow-y: hidden; } #leftcolhome #galleryhome span { position:absolute; top:300px; left:0; color:#fff; padding:15px; font-weight:bold; background-color:black; opacity:0.5; width:435px; filter:alpha(opacity=50); } #leftcolhome #copy { min-height:350px; } #rightcolhome { width:490px; float:right; margin:0 8px 0 0; display:inline; } #inside #leftcol { width:205px; background:#ccc; background:url("../images/bg-subnav.png") no-repeat top #efefef; float:left; display:inline; margin:10px 0 0 9px; } #inside #leftcol .bottom { height:8px; display:block; background:url("../images/bg-subnav-bottom.png") no-repeat bottom; } #inside #leftcol .margin { margin:20px; } #inside #leftcol ul { margin:3px 10px 3px 10px; } #inside #leftcol ul ul { margin:3px 10px 3px 20px; } #inside #leftcol ul ul ul { margin:3px 10px 3px 30px; } #inside #leftcol li { margin:3px 0; } #inside #rightcol { width:720px; margin:9px 8px 0 0; float:right; display:inline; } #inside #fullcol { width:925px; margin:9px 8px 0 0; float:right; display:inline; } #rightcol table { width:100%; } #rightcol table td { border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding:2px 4px; background:#f3f3f3; } #rightcol table tr.odd td { background:#bebebe !important; } #latestnews, #home-profile { width:490px; background:url("../images/bg-news.png") no-repeat top left #171717; margin:8px 0 0 0; } #latestnews .bottom, #home-profile .bottom { height:4px; background:url("../images/bg-news-bottom.png") no-repeat bottom left; display:block; clear:both; } #latestnews div { color:#EAEAEA; } #newsflash { width:445px; background:url("../images/bg-newsflash.png") no-repeat top left #171717; margin:8px 0; } #newsflash .bottom { height:4px; background:url("../images/bg-newsflash-bottom.png") no-repeat bottom left; display:block; clear:both; } #newsflash p { color:#EAEAEA; } #newsflash .margin { padding:3px 15px; } #newsflash a { color:#FAC601; } #news, #home-profile-image { width:220px; float:left; border-right:1px solid #454545; margin:15px 0 15px 15px; color:#fff; font-size:11px; display:inline; } #news h3 { color:#fac601; font-size:14px; border-bottom:1px solid #a2a2a2; margin:0 20px 0 0; text-transform:none; } #news h4 { color:#eaeaea; font-size:11px; margin:15px 0 10px 0; } #news p.date { color:#6e6e6e; margin:0; } #news a { color:#fff; display:block; margin:10px 0 0 0; text-decoration:none; float:left; clear:both; } #news a:hover { text-decoration:underline; } .newsletter { width:229px; height:94px; margin:8px 8px 0 0; background:url("../images/bg-newsletter.jpg") no-repeat; display:block; text-indent:-9999px; float:right; } .store { width:229px; height:94px; margin:8px 8px 0 0; background:url("../images/bg-store.jpg") no-repeat; display:block; text-indent:-9999px; float:right; } .join { width:229px; height:94px; margin:8px 8px 0 0; background:url("../images/bg-join.jpg") no-repeat; display:block; text-indent:-9999px; float:right; } #results { background:url("../images/bg-results.png") no-repeat top #d1d1d1; margin:8px 0 0 0; font-size:11px; min-height:315px; position:relative; } #results .bottom { width:100%; height:4px; background:url("../images/bg-results-bottom.png") no-repeat bottom; display:block; clear:both; position:absolute; bottom:0; } #results h3 { color:#000; font-size:14px; border-bottom:1px solid #a7a7a7; text-transform:none; margin:10px 0 10px 15px; } #upcoming { width:230px; margin:0 20px 0 0; float:left; } #upcoming ul { margin:0; list-style:none; } #upcoming li { margin:0 0 10px 15px; padding:0 0 10px 0; border-bottom:1px solid #c5c5c5; } #home-profile-image { text-align:center;} #home-profile-details { width:220px; min-height:207px; margin:15px 0 15px 15px; color:#fff; font-size:11px; float:left; } #home-profile-details a { color:#fac601; font-size:12px; display:block; } .results { width:230px; float:right; margin:10px 9px 5px 0; } #results table#results-page { width:47% !important; } .results caption, #results-page caption { color:#000; font-weight:bold; margin:10px 0 0 0; } .results th, #results-page th { background:#171717; color:#fff; font-weight:bold; padding:1px 5px; } .results td, #results-page td { padding:1px 5px; text-align:center; background:none !important; border:none !important; border-bottom:1px solid #c5c5c5 !important; } .team-name { text-align:left !important; } #facebook { margin: 10px 10px 0 10px; float: left; height: 80px; background-color: white;} #facebook iframe { border:none; overflow:hidden; width:230px; height:70px; } #callstoaction-home { width:445px; height:80px; background:url("../images/bg-ad.png") no-repeat; text-align:right; } #callstoaction-home a { height:80px; display:block; display:inline-table; vertical-align:middle; } #callstoaction-home a img { margin:12px 10px 0 0; } #callstoaction { clear:both; } #callstoaction a { width:308px; height:83px; display:block; float:left; text-indent:-9999px; margin:7px 0 0 9px; } #callstoaction .highlights { background:url("../images/bg-highlights.jpg") no-repeat; } #callstoaction .ad { background:url("../images/bg-matchreports.jpg") no-repeat; text-indent:0; float:left; text-indent:-9999px; } #callstoaction .ad img { margin:12px 0 0 0; } #callstoaction .profiles { background:url("../images/bg-profiles.jpg") no-repeat;text-indent:-9999px; float:left; } #footer { font-size:10px; color:#666; margin:0 0 20px 0; clear:both; } #footer ul { margin:20px 0 0 9px; list-style:none; float:left; } #footer li { float:left; } #footer a { text-decoration:none; color:#666; font-weight:normal; cursor:pointer; } #footer a:hover { color:#fff; } #footer .separator { color:#1f1f1f; padding:0 2px; } #footer p { clear:left; margin:3px 0 0 9px; float:left; } #footer li.last .separator { display:none; } #sponsors { float:right; margin:-34px 0 0 0; } #sponsors ul { float:right; margin:0 8px 0 0; clear:both; } #sponsors ul li { float:right; } #sponsors a { display:block; text-indent:-9999px; height:39px; margin:0 8px 0 0; } #sponsors li.inflight a { width:70px; background:url("../images/inflight.gif") no-repeat left 50%; } #sponsors li.fitz a { width:36px; background:url("../images/the-fitz-clubrooms.gif") no-repeat left 50%; } #sponsors li.eastcare a { width:68px; background:url("../images/bg-eastcare.png") no-repeat left 50%; } #sponsors li.crfu a { width:55px; background:url("../images/bg-crfu.png") no-repeat left 50%; } #sponsors li.speights a { width:33px; background:url("../images/bg-speights.png") no-repeat left 50%; } #sponsors li.hellers a { width:63px; background:url("../images/bg-hellers.png") no-repeat left 50%; } #sponsors li.sterling a { width:68px; background:url("../images/bg-sterling.png") no-repeat left 50%; } /* Specific Styles ------------------------------------------------- */ /* Login Form */ #MemberLoginForm_LoginForm fieldset { margin:10px; padding:20px; border:1px solid #eee; background:#f6f6f6; } #MemberLoginForm_LoginForm label.left { width:80px; } #MemberLoginForm_LoginForm input { margin:0 0 2px 0; } #MemberLoginForm_LoginForm #Remember { margin:0 0 0 80px; } #MemberLoginForm_LoginForm #Remember .right { float:none; font-size:10px; } #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_action_dologin { margin:0 0 0 100px; } #MemberLoginForm_LoginForm #ForgotPassword { margin:5px 0 0 100px; font-size:10px; } /* Password Reminder */ #MemberLoginForm_LostPasswordForm { margin:10px; padding:20px; border:1px solid #eee; background:#f6f6f6; } #MemberLoginForm_LostPasswordForm .left { width:80px; } #MemberLoginForm_LostPasswordForm #MemberLoginForm_LostPasswordForm_action_forgotPassword { margin:10px 0 0 80px; } /* Player Profiles and gallery */ .player-profiles, .official-profiles, #gallery { margin:0; list-style:none; } .player-profiles li, .official-profiles li, #gallery li { float:left; margin:0 10px 10px 0; padding:15px; border:2px solid #dedede; } .player-profiles li, .official-profiles li { width:130px; height:333px;} .official-profiles li { height:257px; } #gallery li { text-align:center; } /* Contact Form page */ #form-content { float:right; padding:15px; margin:0 15px 0 0; background:#fbfbfb; border:1px solid #c5c5c5; } #form-content label { font-size:12px !important; } #form-content fieldset { padding:0 !important; } #form-content .middleColumn, #form-content .action { margin:10px 0 0 0; } #form-content .text, #form-content textarea { width:100% !important; } #form-content .required { width:99% !important; display:block; margin:5px 0 0 0 !important; padding:5px !important; } #map { width:450px; height:300px; frameborder:0; scrolling:no; marginheight:0;marginwidth:0; }