/* Theme Name: Dubai Marathon Theme URI: http://www.dubaimarathon.org Description: Dubai Marathon Version: 1 Author: Dubai Marathon Author URI: http://www.dubaimarathon.org Tags: Dubai, Marathon, Running, Athletes, Race */ @import "_links/css/reset.css"; @import "_links/css/jquery.countdown.css"; /* ----------------------------------------- COLOURS -------------------------------------------- */ /* ----------------------------------------- Black White Header Blue #00468C Cyan Blue #33ccff Light Grey #DCDCDC Dark Grey #676463 --------------------------------------------*/ /* ----------------------------------------- GLOBAL RESET EXTRAS & STYLING -------------------------------------------- */ a { text-decoration: none; } /* USE FOR HEADLINES */ .mainStyle h1 { font: normal 32px/35px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; margin-top: 27px; margin-bottom: 20px; color: #33ccff; } /* USE FOR STANDFIRST */ .mainStyle h2 { font: normal 20px/25px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 5px; margin-bottom: 20px; font-color: black;color: #202129; } /* USE FOR SUBHEAD */ .mainStyle h3 { font: normal 18px/22px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 5px; margin-bottom: 5px; font-color: black;color: #202129; } /* USE FOR SECONDARY HEADLINES */ .mainStyle h4 { font: normal 22px/30px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 20px; margin-bottom: 5px; font-color: black;color: #202129; } /* USE FOR CAPTION */ .mainStyle h5 { font: bold 12px/26px Arial, sans-serif; margin-top: 0px; margin-bottom: 20px; color: #7D7D7D; } /* ______________ */ .mainStyle h6 { font: normal 12px/20px Arial, sans-serif; margin-top: 0px; margin-bottom: 20px; color: #7D7D7D; } /* USE FOR TEXT */ .mainStyle p { font: normal 14px/20px Arial, sans-serif; margin-top: 0px; margin-bottom: 20px; color: #7D7D7D; } /* OTHER GENERAL STYLES */ .mainStyle ul, li { color: #7D7D7D; font: normal 14px/18px Arial, sans-serif; } .mainStyle ol { color: #7D7D7D; font: normal 14px/18px Arial, sans-serif; list-style-type: decimal; text-indent: 0px; margin-left: 20px; } .mainStyle #col2 ul { color: #7D7D7D; font: normal 14px/18px Arial, sans-serif; list-style-type: circle; text-indent: 0px; margin-left: 15px; } .mainStyle hr { color: #7D7D7D; background-color: #DCDCDC; height: 1px; text-align: left; margin: 20px 0px 20px 0px; border: 1px white; } .mainStyle a:link { color: #7D7D7D; font-family: Arial, sans-serif; } /* unvisited link */ .mainStyle a:visited { color: #7D7D7D; } /* visited link */ .mainStyle a:hover { color: black; } /* mouse over link */ .mainStyle a:active { color: black; } /* selected link */ /* ----------------------------------------- MAIN STRUCTURE FOR ALL PAGES -------------------------------------------- */ body { background: #141414 url('_links/img/bgDots.png') repeat 0px 0px; } /* hover fix for IE 6,7,8 */ body {behavior:url('_links/js/cssHoverFix.htc');} div#pageWrap { position: relative; width: 1000px; margin: 0 auto; } div#header { position: relative; width: 1000px; height: 275px; background: #003E86 url('_links/img/headerImage.jpg') no-repeat 0px 0px; margin-top: 0px; z-index: 100; } /* z-index to fix IE7 dropdown menu */ div#container { overflow: hidden; position: relative; width: 920px; padding: 20px 40px 40px 40px; background-color: white; } /* main page content area */ div#footer { position: relative; width: 1000px; } div.streaming {margin: 40px; margin-bottom: 40px;} /* ----------------------------------------- HEADER -------------------------------------------- */ /* socialMedia - original styling disabled */ /* ul#socialMedia { position: relative; display: inline; float: right; width: 920px; padding-left: 40px; padding-right:40px; background-color: white; height: 33px; padding-top: 7px; } ul#socialMedia li { float: right; margin-left: 20px; } ul#socialMedia li a p { position: relative; display: inline; top: -5px; } ul#socialMedia img { margin-left: 5px; } space between text and icon ul#socialMedia a:link { color: #676463; } unvisited link ul#socialMedia a:visited { color: #676463; } visited link ul#socialMedia a:hover { color: black; } mouse over link ul#socialMedia a:active { color: black; } selected link */ /* logo */ img#logo { position: absolute; top: 40px; left:40px; width: 100px; height: 130px; } .header-event-title { position: absolute; top: 40px; left:265px; width: 500px; height: 140px;} h2.tagline { display: inline; text-transform: uppercase; float: left; font: normal 40px/39px 'Lato', Arial, sans-serif; font-weight: 700; color: #eeeeee;} #tagline-event { color: #fff; text-transform: uppercase; font: normal 20px 'Lato', Arial, sans-serif; font-weight: 400; line-height: 20px; } /* ----------------------------------------- WORDPRESS HORIZONTAL PRIMARY MENU -------------------------------------------- */ div#mainNav { position: absolute; top:225px; right:0px; padding-left: 40px; width: 960px; height: 40px; background: black; } /* menu container */ div#mainNav ul { float: left; list-style: none; margin: 0; } /* menu ul style */ div#mainNav li { float: left; list-style: none; position: relative; } /* horizontal menu */ div#mainNav a { color: #eeeeee; display: block; line-height: 40px; padding: 0 20px; text-decoration: none; font: normal 12px/40px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } /* the link style of menu */ div#mainNav a:hover { background: #33ccff; color: #000000; } div#mainNav ul ul { display: none; position: absolute; top: 40px; left: 0; float: left; width: 180px; z-index: 1000; } /* The sub menu is hidden by default and its position is places right under the parent menu*/ div#mainNav ul ul ul { left: 100%; top: 0; } /* the third level menu (sub sub menu) is placed to the left side of its parent*/ div#mainNav ul ul a { background: #000000; font: normal 10px/20px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; padding: 5px 10px; width: 140px; height: auto; border-bottom: 1px solid #666; } div#mainNav ul li:hover ul { display: block; } /* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it.*/ /* ----------------------------------------- WORDPRESS VERTICAL SECONDARY MENU -------------------------------------------- */ /* targets 1st level of menu */ div#sideNav { width: 190px; } div#sideNav li a { height: 45px; display:block; margin: 2px 0px; color: #33ccff; background-color: black; padding-left: 10px; font: normal 18px/45px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } /* targets 2nd level of menu */ div#sideNav li li a { width: 180px; background: url('_links/img/menuArrowWhite.png') no-repeat; background-position: 170px 8px; height: 26px; display:inline-block; margin: 2px 0px; color: black; background-color: #33ccff; padding-left: 10px; font: normal 13px/26px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } /* display:inline-block; used to fix IE 6 problem with linebreaks after background bullet icons */ div#sideNav li li a:hover { color: white; background-color: black; } div#sideNav li li a:active { color: white; background-color: black; } /* targets 3rd level of menu */ div#sideNav li li li { padding-left: 10px; color: #676463; } div#sideNav li li li a { width: 170px; background: url('_links/img/menuArrowBlue.png') no-repeat ; background-position: 160px 5px; height: 20px; color: #7d7d7d; background-color: #f0f0f0; font: normal 11px/20px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: none; } /* ----------------------------------------- HOME CONTAINER -------------------------------------------- */ div#homeCol1 { float: left; width: 671px; } /* ----------------------------------------- HOME SLIDER -------------------------------------------- */ div#slider { height: 340px; width: 671px; overflow: hidden; position: relative; margin-bottom: 20px; } div#mover { overflow: hidden; width: 2013px; position: relative; } /* With is slide width x no. of slides */ div.slide { width: 671px; float: left; position: relative; } div.sliderStory { position: absolute; left: 0px; top: 250px; width: 651px; height:auto;padding-bottom:15px; padding-top: 15px; padding-left: 20px; background-color: black; } div.sliderStory h2 { margin: 0px; font: normal 24px/20px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } div.sliderStory a { color: white; } div.sliderStory a:link { color: white; } div.sliderStory a:visited { color: white; } div.sliderStory a:active { color: white; } div.sliderStory a:hover { margin-top: 5px; color: #33ccff; } div.sliderStory p { margin-top: 5px; color: white; font: normal 15px/15px Arial, sans-serif; text-transform: none; } div#date-announced {margin-bottom:30px;} /* ----------------------------------------- HOME NEWS -------------------------------------------- */ div#recentNewsHeader h2 { color: black; font: normal 25px/18px 'Lato', Arial, sans-serif; font-weight: 700; padding-bottom: 10px; } div.homeNews { position: relative; width: 671px; height: 125px; background-color: #f1f1f1 ; margin-top: 0px; margin-bottom: 10px;} div.homeNews img { float: left; width: 145px; height: 125px; margin-right: 15px;} div.homeNews h4 { font: normal 16px/18px 'Lato', Arial, sans-serif; font-weight: 400; padding: 0px 15px 2px 0px; } div.homeNews p { font: normal 12px/16px Arial, sans-serif; margin: 0px 15px; color: #676463; } div.homeNews a { color: black; } div.homeNews a:hover { text-decoration: underline; } div.homeNews span a { position: absolute; bottom: 5px; right: 10px; margin-top: 20px; padding-left: 10px; width: 70px; height: 20px; background-color: #33ccff; color: black; font: bold 10px/20px Arial, sans-serif; text-transform: uppercase; } div.homeNews span a:hover { background-color: black; color: #33ccff; text-decoration: none;} /* CSS3 Enhancment */ div.homeNews span a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div.homeNews h3 { font: normal 12px/12px Arial, sans-serif; padding: 10px 0px 5px 0px; } /* --------------- -------------------------- BOX LINKS COL2 HOMEPAGE -------------------------------------------- */ div#homeCol2 { float: left; width: 225px; margin-left: 24px; } div#CountDownHeader { width:215px; height: 30px; background-color: black; padding-top: 5px; padding-left: 10px; } div#CountDownHeader p { color: white; font: normal 12px/12px Arial, sans-serif; font-weight: 700; margin-top: 5px; } div#homeCol2 #regBox, div#homeCol2 #marathonPhotoBox { width: 215px; height: 85px; background-color: #003E86; margin-bottom: 2px ; padding-top: 10px;margin-top: 2px; padding-right: 5px; padding-left: 5px } div#homeCol2 #regBox h2, div#homeCol2 #marathonPhotoBox h2 { color: white; font: normal 25px/11px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } div#homeCol2 #regBox a, div#homeCol2 #marathonPhotoBox a { color: white; } div#homeCol2 #regBox span, div#homeCol2 #marathonPhotoBox span { color: #33ccff; font: normal 25px/28px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase;} div#homeCol2 #regBox p, div#homeCol2 #marathonPhotoBox p { color: white; font: normal 12px/12px 'Lato', Arial, sans-serif; font-weight: normal; margin-top: 0px; } /* CSS3 Enhancment */ div#homeCol2 #regBox, div#homeCol2 #marathonPhotoBox { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#homeCol2 #regBox{height: 65px; margin-bottom: 10px;} div#homeCol2 #promo { width: 215px; height: 115px; background-color: #003E86; margin-bottom: 2px ; padding-top: 10px;margin-top: 2px; padding-left: 5px;padding-right: 5px;} div#homeCol2 #promo h3 { color: white; font: normal 16px/26px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } div#homeCol2 #promo a { color: white; } div#homeCol2 #promo span { color: #33ccff; font: normal 16px/28px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase;} div#homeCol2 #promo p { color: white; font: normal 12px/12px 'Lato', Arial, sans-serif; font-weight: normal; margin-top: 5px; } /* CSS3 Enhancment */ div#homeCol2 #promo { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#homeCol2 #regBox h3 { color: white; font: normal 22px/18px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } div#homeCol2 #regBox h3 span { color: #33ccff; font: normal 22px/28px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase;} #regBox.no-sub{ height: 65px !important; } div#homeCol2 #regBox.soon{ height: 50px !important; } #regBox.no-sub-2{ height: 88px !important; } #regBox.no-sub-3{ height: 38px !important; } .no-sub h2{ line-height: 27px !important; } div#regBoxCheck {width:215px; height: 27px; background-color: #003E86; padding-top: 5px; padding-left: 10px; } div#regBoxCheck a { color: white; font: normal 18px/11px 'Lato', Arial, sans-serif; font-weight: 700; margin-bottom: 20px; margin-top: -10px; } div#regBoxCheck a:hover { color: #33ccff; font-weight: 700; color: #33ccff; text-decoration: none; } /* CSS3 Enhancment */ div#regBoxCheck { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#homeCol2 #libBox { width: 215px; height: 105px; background: #003E86 url('_links/img/libBox.jpg') no-repeat top left; margin-top: 5px; margin-bottom: 10px ; padding-top: 10px; padding-left: 10px; } div#homeCol2 #libBox h2 { color: white; font: normal 20px/21px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 55px; } div#homeCol2 #libBox a { color: white; } div#homeCol2 #libBox p { color: white; font: normal 10px/12px Arial, sans-serif; font-weight: normal; margin-top: 5px; } /* CSS3 Enhancment */ div#homeCol2 #libBox { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#homeCol2 #libBox2 { width: 215px; height: 180px; background: #003E86 url('_links/img/libBox2017.jpg') no-repeat top left; margin-top: 5px; margin-bottom: 10px ; padding-top: 10px; padding-left: 10px; } div#homeCol2 #libBox2 h2 { color: white; font: normal 20px/21px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 116px; } div#homeCol2 #libBox2 a { color: white; } div#homeCol2 #libBox2 p { font: normal 14px/17px Arial, sans-serif; font-weight: normal; margin-top: 5px; text-transform: uppercase; color: #33ccff; } /* CSS3 Enhancment */ div#homeCol2 #libBox2 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#homeCol2 #libBox3 { width: 215px; height: 160px; background: #003E86 url('_links/img/libBox3.jpg') no-repeat top left; margin-top: 5px; margin-bottom: 10px ; padding-top: 10px; padding-left: 10px; } div#homeCol2 #libBox3 h2 { color: white; font: normal 20px/21px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 116px; } div#homeCol2 #libBox3 a { color: white; } div#homeCol2 #libBox3 p { color: white; font: normal 10px/12px Arial, sans-serif; font-weight: normal; margin-top: 5px; } /* CSS3 Enhancment */ div#homeCol2 #libBox3 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ----------------------------------------- BOX LINKS COL3 -------------------------------------------- */ div#col3regBox { width: 160px; height: 70px; background-color: #003E86; margin-bottom: 10px ; padding: 5px 10px 5px 10px; margin-left:45px; } div#col3regBox h2 { color: white; font: normal 16px/21px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 5px;} div#col3regBox a { color: white; } div#col3regBox a:hover { color: #33ccff; } div#col3regBox span { color: #33ccff; font: normal 16px/21px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase;} div#col3regBox p { color: white; font: normal 10px/12px Arial, sans-serif; font-weight: normal; text-transform: uppercase; } /* CSS3 Enhancment */ div#col3regBox { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#col3libBox { width: 170px; height: 105px; background: #003E86 url('_links/img/libBox.jpg') no-repeat top left; margin-bottom: 10px ; padding-top: 10px; padding-left: 10px; margin-left:45px; } div#col3libBox h2 { color: white; font: normal 20px/21px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 60px; margin-bottom: 5px; } div#col3libBox a { color: white; } div#col3libBox a:hover { color: #33ccff; } div#col3libBox p { color: white; font: normal 10px/12px Arial, sans-serif; font-weight: normal; } /* CSS3 Enhancment */ div#col3libBox { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#col3libBox2 { width: 170px; height: 105px; background: #003E86 url('http://www.dubaimarathon.org/dublinluas/wp-content/uploads/2015/01/libBox2.jpg') no-repeat top left; margin-bottom: 10px ; padding-top: 10px; padding-left: 10px; margin-left:45px; } div#col3libBox2 h2 { color: white; font: normal 17px/21px 'Lato', Arial, sans-serif; font-weight: 700; margin-top: 60px; margin-bottom: 5px; } div#col3libBox2 a { color: white; } div#col3libBox2 a:hover { color: #33ccff; } div#col3libBox2 p { color: white; font: normal 10px/12px Arial, sans-serif; font-weight: normal; } /* CSS3 Enhancment */ div#col3libBox2 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /*div#col3libBox { width: 180px; height: 118px; margin-left:45px; } div#sport360reg { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }*/ div#sport360reg img {padding-left:45px;} /* ----------------------------------------- MAIN SPONSORS COL2 -------------------------------------------- */ div#mainSponsors { width: 225px; height: 415px; margin-top:20px;} div#mainSponsors h2 { margin-bottom: 10px; padding: 4px 7px; display: block; width: 211px; font: normal 12px/22px Arial, sans-serif; text-transform: uppercase; background-color: #DCDCDC; color: black; } div#mainSponsors h3 { margin-bottom: 10px; padding: 5px 7px; display: block; width: 211px; font: normal 10px/11px Arial, sans-serif; text-transform: uppercase; background-color: black; color: white; } div#mainSponsors img { margin-top: 3px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto; } div#mainSponsors h5 { margin-bottom: 10px; padding: 5px 7px; display: block; width: 211px; font: bold 9px/11px Arial, sans-serif; text-transform: uppercase; background-color: white; color: black; } /* ----------------------------------------- MEDIA BANNER - VIDEO LINK ETC -------------------------------------------- */ div#mediaBanner { position: relative; clear: both; width: 950px; height: 100px; padding: 20px 10px 20px 40px; background-color: black; border-bottom: 10px solid white; } div#mediaBanner ul { display: inline; } div#mediaBanner li { float: left; width:280px; margin-right: 30px; } div#mediaBanner img { float: left; margin-right: 20px; } div#mediaBanner h5 { color: #33ccff; margin-top: 25px; font: normal 20px/20px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase } div.arrow { position:relative; margin-top: 10px; } div.arrow a { color: white; font: normal 15px/20px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: uppercase} div.arrow a:hover { color: #33ccff; } div.arrow a img { position: absolute; right: 12px; top: -5px; } /* ----------------------------------------- FOOTER NAV LINKS - CURRENTLY DEACTIVATED -------------------------------------------- */ div#footerNav { clear: both; width: 960px; height: 60px; padding: 20px 0px 20px 40px; background-color: #003E86; } div#footerNav ul { float: left; list-style: none; margin: 0; } div#footerNav li { position: relative; margin-right: 20px; width: 136px; float: left; list-style: none; } div#footerNav a { border-bottom: 1px solid #5B6C9E; color: white; display: block; line-height: 30px; text-decoration: none; font: normal 12px/30px 'Lato', Arial, sans-serif; font-weight: 700; text-transform: none; } div#footerNav a:hover { color: #33ccff; } div#footerNav ul ul { position: absolute; top: 28px; left: 0; } div#footerNav ul ul a { width: 136px; border-bottom: 1px solid #5B6C9E;} /* ----------------------------------------- FOOTER SPONSORS -------------------------------------------- */ div#footerSponsors { clear: both; width: 970px; height: 40px; padding: 10px 0px 10px 30px; background-color: black; } div#footerSponsors ul { position: relative; display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; flex-wrap: wrap; flex-direction: initial; justify-content: space-around; -webkit-flex-wrap: wrap; -webkit-flex-direction: initial; -webkit-justify-content: space-around; -moz-flex-wrap: wrap; -moz-flex-direction: initial; -moz-justify-content: space-around; } div#footerSponsors li { display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; justify-content: flex-start;-webkit-justify-content: flex-start; } div#footerSponsors img { vertical-align: middle; display: block; } div#footerSponsors a::after { content: ""; display: block; height: 10px; border-right: thin solid #636363; padding-left: 10px; } div#footerSponsors a{ display: flex; height: 40px; margin: 0 auto; text-align: center; align-items: center; -webkit-align-items: center; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; } div#footerSponsors li:last-child a::after { border: none; } /* ----------------------------------------- FOOTER CREDITS -------------------------------------------- */ div#credits { position: relative; clear: left; float: left; margin-top: 5px; margin-bottom: 30px; width: 1000px; height: 30px; } div#credits h4 { float: left; font: normal 12px/20px 'Lato', Arial, sans-serif; font-weight: 300; color: #c7c7c7; } div#credits h4 a { font: normal 12px/20px 'Lato', Arial, sans-serif; font-weight: 700; color: #c7c7c7; } div#credits h4 a:hover { color: #33ccff; } div#credits ul { float: right; } div#credits ul li { display: inline; font: normal 12px/20px 'Lato', Arial, sans-serif; font-weight: 700; color: #c7c7c7; } div#credits ul li a { font: normal 12px/20px 'Lato', Arial, sans-serif; font-weight: 700; color: #c7c7c7; } div#credits ul li a:hover { color: #33ccff; } /* ----------------------------------------- TABLE STYLES -------------------------------------------- */ table { width: 100%; border-color: #ccc; margin-top: 5px; margin-bottom: 20px; } /* makes table fill containing div */ th { padding: 5px; text-align: right; background-color: #00468C; font: bold 15px/16px Arial, sans-serif; color: #ffffff; border-bottom:1px solid white; } td { padding: 5px; text-align: right; font: normal 15px/16px Arial, sans-serif; border-bottom:1px solid black; } .tableRight { text-align: right; } .darkCol { background-color: #000000; color: #ffffff; } /* ----------------------------------------- REST OF SITE COLUMN STRUCTURE -------------------------------------------- */ div#col1 { float: left; width: 225px; } div#col2 { float: left; width: 422px; margin-left: 0px; } div#col3 { float: left; width: 225px; margin-left: 47px; } /* ----------------------------------------- COLUMN 3 FILLER BOXES -------------------------------------------- */ div#newsletterBox { float: right; width: 180px; height: 170px; margin-bottom: 15px; background-color: black; font: bold 15px/18px Arial, sans-serif; color: #ffffff; } div#registrationBox { float: right; width: 180px; height: 90px; margin-bottom: 15px; background-color: black; font: bold 15px/18px Arial, sans-serif; color: #ffffff; } div#mediaGuideBox { float: right; width: 180px; height: 130px; margin-bottom: 15px; background-color: black; font: bold 15px/18px Arial, sans-serif; color: #ffffff; } /* ----------------------------------------- CONTACT US -------------------------------------------- */ #contactUs { width: 1000px; height: 420px; background-color: white; } #contactUs img { margin-top: 20px; } /* ----------------------------------------- VIDEO GALLERY -------------------------------------------- */ div#col2Wide { clear: right; float: left; width: 685px; margin-left: 10px; } div.videoBox { position: relative; float: left; width: 213px; height: 150px; margin: 0px 0px 15px 15px; background-color: black; } div.videoBox h1 { position: absolute; bottom: -10px; left:10px; font: normal 10px/10px 'Lato', Arial, sans-serif; font-weight: 700; color: white; } /* ----------------------------------------- PHOTO GALLERY -------------------------------------------- */ div.photoBox { position: relative; float: left; width: 150px; height:150px; margin: 15px 15px 0px 0px; border: 1px solid #ccc; } /* ----------------------------------------- NEWS PAGE -------------------------------------------- */ div#col2News { clear: right; float: left; width: 671px; margin-left: 24px; } .newsNavButtons a { color: #7D7D7D; font-family: Arial, sans-serif; font-size: 12px; } .newsNavButtons a:hover { color: #33ccff; } #newsArchive span a { padding-left: 10px; display: block; width: 85px; height: 20px; background-color: #33ccff; color: black; font: bold 12px/20px Arial, sans-serif; text-transform: uppercase; } #newsArchive span a:hover { background-color: black; color: #33ccff;} #newsArchive h3 { color: #33ccff; } /* CSS3 Enhancment */ #newsArchive span a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .newsexcerpt p { width:382px;} #newsImage { width:200px; height: 170px; background-color:white; float: right; margin-left: 20px; } /* ----------------------------------------- ATHLETES ARCHIVE -------------------------------------------- */ div#col2Athletes { float: left; width: 422px; margin-left: 24px; } div#athleteSmallImage { clear: left; float:left; width: 90px; height: 90px; margin-right: 20px; background-color: red; } div#col2Athletes h3 { float:left; width: 300px; } div#col2Athletes p { float: left; color:black; } /* ----------------------------------------- ATHLETES SINGLE PAGE -------------------------------------------- */ div#athleteFacts { width: 422px; padding-left: 45px; margin-top: 30px; } div#athleteFacts h3 { font: normal 12px/12px Arial, sans-serif; font-weight: normal; color: grey; text-transform: uppercase; } div#athleteFacts p { font: normal 14px/14px Arial, sans-serif; font-weight: bold; color: black; margin-bottom: 5px; } div#athleteFacts span { font: normal 12px/12px Arial, sans-serif; font-weight: normal; color: black; } div#advanceBioLink a { background-color: #33ccff; padding: 5px 20px; color: black; font: bold 11px/30px Arial, sans-serif; text-transform: uppercase; } div#advanceBioLink a:hover { background-color: black; color: #33ccff; text-decoration: none;} /* CSS3 Enhancment */ div#advanceBioLink a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ----------------------------------------- BUTTON FOR LINKS -------------------------------------------- */ div.buttonLink p { font: normal 14px/14px Arial, sans-serif; font-weight: bold; color: black; margin-bottom: 5px; } div.buttonLink a { background-color: #33ccff; padding: 5px 20px; color: black; font: bold 11px/30px Arial, sans-serif; text-transform: uppercase; } div.buttonLink a:hover { background-color: black; color: #33ccff; text-decoration: none;} /* CSS3 Enhancment */ div.buttonLink a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ----------------------------------------- PAGE NUMBER NAVIGATION -------------------------------------------- */ .pagination { clear:both; padding:20px 0; position:relative; font: normal 11px/13px Arial, sans-serif; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; } .pagination a:hover{ color:#fff; background: #3279BB; } .pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; color:#fff; } /* ----------------------------------------- REG PAGE ACCEPT BUTTON -------------------------------------------- */ div#registerAccept a { background-color: #33ccff; padding: 5px 20px; color: black; font: bold 11px/30px Arial, sans-serif; text-transform: uppercase; } div#registerAccept a:hover { background-color: black; color: #33ccff; text-decoration: none;} /* CSS3 Enhancment */ div#registerAccept a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ----------------------------------------- /* Contact Form 7 CSS - default styling override -------------------------------------------- */ .wpcf7-form {} .wpcf7-form input {padding: 5px; margin-bottom:-10px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px/17px Arial, sans-serif; width: 410px; background: #F0F8FF; } /*.wpcf7-form textarea {width: 200px; max-width: 200px; height: 150px; line-height: 150%;} USE FOR MESSAGES*/ .wpcf7-form p {color: #999999; font: normal 14px/17px Arial, sans-serif; } .wpcf7-form ul, .wpcf7-form li { color: #999999; font: normal 14px/17px Arial, sans-serif; } .wpcf7-form h3 {color:black; margin-bottom:10px; font-size:16px;} .wpcf7-form h4 {color:black; margin-bottom:10px;} .wpcf7-form input.wpcf7-submit {width: 420px; padding: 9px 15px; background-color: #3CF; border: 0; font-size: 14px; color: black; font-weight:bold; text-transform:uppercase; } .wpcf7-form input.wpcf7-submit:hover {background-color: black; color:#3CF;} span.wpcf7-list-item input {width:10px; margin-left:-5px; margin-right:0px;} span.wpcf7-list-item-label {padding-right:10px;} span.wpcf7-form-control-wrap.CategoryOther {width:100px;} .wpcf7-form input:hover, .wpcf7-form textarea:hover, .wpcf7-form input:focus, .wpcf7-form textarea:focus { border-color: #C9C9C9; background-color:#3CF; } #print-button {padding: 9px 148px; background-color: #dcdcdc; color:#a9a9a9; border: 0; font-size: 12px; color: black; margin-left:-1px; } /*------------------ Contact Form 7 Overide ---------------------*/ /* Contact Form 7 CSS - error styling --------------------------------------------------------- */ .wpcf7-form div.wpcf7-validation-errors {border:none; background-color: #ccc; margin:0px; font: normal 12px/15px Arial, sans-serif; padding:10px; width: 400px; } .wpcf7-form span.wpcf7-not-valid-tip-no-ajax {font: normal 12px/15px Arial, sans-serif; color:#3CF; margin-top:10px;} /* Print Styles */ @media print { div#header, div#footer, div#col1, div#col3 { display:none; } } /*------------------ Taxonomy ---------------------*/ /* View by Year --------------------------------------------------------- */ #col2Wide #taxonomy-sub-menu li a {margin-right:30px; } #col2Wide .taxonomy-sub-menu-h3 {font-size:20px;} div.clear-fix {clear:both; height:20px;} /*------------------ Image download link ---------------------*/ #download-button {position: absolute; left:0px; bottom:0px; z-index:100;} #download-button a { background-color: #ffffff; padding: 5px 5px; color: black; font: bold 11px/30px Arial, sans-serif; text-transform: uppercase; } #download-button a:hover { background-color: #ffffff; color: #cccccc; text-decoration: none;} /*------------------ Image download link ---------------------*/ #live-banner {width: 1000px; height: 100px; margin-bottom: 10px;} #live-banner img {float: left;} /*** custom pagination link ****/ .link-year { width: 100%; height: auto; display: block; min-height: 1%; overflow: hidden; margin-bottom:30px; margin-left: 0px !important; } .link-year li.link-year-label{ color: black; font: normal 18px/26px 'Lato', Arial, sans-serif; font-weight: 700; } .link-year li.years { padding: 5px; /* padding-right: 2px; */ /*background: black;*/ color: #33ccff; margin-right: 0px; border-left: thin solid black; } .link-year li.years a { color: black; } .link-year li:first-child{ border:none !important; } .link-year li { float: left; margin-top: 10px; list-style: none; font-weight: bold; margin-right: 5px; font-size: 20px; padding-left: 10px; display: inline-block; padding: 0px; } .link-year h2{ margin-bottom: 0px; margin: 0px; padding: 0px; font-size: 20px; line-height: 16px; } .link-year li a.active{ font-weight:bold; } .link-year li a{ font-weight:normal; } #fancybox-close{ top:0px; right:0px; } #mainSponsors table tr td h3{ text-align: center; } .wp-audio-shortcode{ visibility: visible !important; } .media-sidebar-wr{ font: normal 16px/18px 'Lato', Arial, sans-serif; } .media-sidebar-inner-wr{ width: 100%; height: auto; min-height: 1%; overflow: hidden; line-height: 50px; font-size: 20px; background-color: black; margin-bottom: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .media-sidebar-inner-wr .sidebar-title{ width: 50%; height: 50px; float: left; text-align: center; color: #33ccff; font-weight: bold; position: relative; } .media-sidebar-inner-wr .sidebar-title:after{ content: ""; position: absolute; height: 50px; border-right: thin solid white; right: 0px; width: 100%; } .click-to-view{ width: 50%; height: 50px; float: left; text-align: center; } .click-to-view a{ color: white; font-size: 15px; } tr[class*="row"] .column-1{ background-color: black; color: white; text-align: center; } #regBox.live-stream { height: 60px !important; } #regBox.live-stream h2,#regBox.live-stream h2 span{ font-size: 18px !important; } .wp-table-reloaded a{ color: black !important; font-weight: bold; } #CountDown { border: thin solid #7d7d7d; } #CountDown .countdown_section{ color:white !important; } .hasCountdown{ background-color: #000 !important; } .wpcf7-form-control-wrap span[role='alert']{ padding: 10px 0px 0px 0px; }