/* Theme Name: mYm Wordpress Shell Theme URI: http://www.mimoymima.com/ Description: jump into the water but test it first Version: 5 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ */ /* ## Updated: Feb 10, 2010 ## brent@mimoymima.com - - - Color References - - - bright orange for links: #FF6600; light grey text: #C6C6C6; light grey background: #A5A5A5; medium grey background: #5B5B5B; darker grey background: #3F3F3F; darkest grey background: #2D2D2D; black: #000000; */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ html { color: #C6C6C6; background: #A5A5A5 url('http://toughmudder.com/wp-content/themes/mym-shell/images/bkg_site_full.png') top center no-repeat; } /* Sets fonts, page width & margins */ body { position: relative; width: 922px; margin: 0 auto; font: 300 1.4em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; } /* serif text - switch this out with the font listing above and change the class name to SansSerif if the site is a serif based site */ .Serif { font-family: cambria, baskerville, cochin, georgia, times, serif; } /* Text */ strong { font-weight: bolder; font-family: "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; } blockquote { margin: 20px 0 !important; } blockquote cite { font: normal 1.2em cambria, baskerville, cochin, georgia, times, serif; padding: 1em 0 .5em 0; display: block; text-align: right; } /* Headings */ h1, h2, h3, h4, h5, h6 { } /* Links */ a:link, a:visited { color: #FF6700; text-decoration: underline; } a:hover, a:active, a:focus { color: #C6C6C6; text-decoration: none; } /* Forms */ /* labels */ label { color: #39C; text-decoration: underline; } label:hover, label:focus { color: #F90; text-decoration: none; } /* text inputs */ input, select, textarea, button { padding: 3px; margin-right: 5px; vertical-align: middle; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } input, select, textarea { color: #CCC; border: 3px solid #85C3D6; background: #F6F6F6; } input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { color: #666; background: #EDEDED; border-color: #39C; } /* buttons */ input[type='submit'], button { background: #85C3D6; border: 0; padding: 4px; margin-top: 3px; color: #FFF; font-size: .8em; text-transform: uppercase; font-weight: bold; } input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #39C; cursor: pointer; } /* Hide These Elements but keep them accessible */ #Accessibility, #Footer .vcard { position: absolute; left: -999em; } /* Hide these items when Javascript is active */ .jsActive #JSInd, .jsActive .Hide { display: none; } /* Misc */ .BarbedWire {height: 21px; background: url(images/hr_barbedwire.png) no-repeat; border: none; clear: both; } #ViewMap { text-align: center; } #ViewMap a { height: 35px; margin: 0 35px 0 0; padding: 0; text-transform: uppercase; font-weight: bold; color: #FF6700; font-size: 2em; text-decoration: none; display: inline-block; line-height: 1.8em; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/btn_view-map.png') 0 0 no-repeat; width: 282px; height: 126px; } #ViewMap a:hover, .ViewMap a:focus { background-position: 0 -127.5px; } #ViewMap a span{ position: absolute; left: -999em; } .Error404 img { padding-left: 40px; } /* PAGE DIVISIONS (includes layout) - - - - - - - - - - - - - - - - */ /* ÷+÷+÷ HEADER ÷+÷+÷ */ #Header { height: 255px; clear: both; margin: 30px auto 0 auto; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/bkg_content_top.png') 0 0 no-repeat; } #Header #MainLogo { position: absolute; top: 45px; left: 22px; } #SponsoredBy { z-index: 3; position: absolute; left: 30px; top: 10px; } /* SidebarHeaderImage */ #SidebarHeaderImage { text-align: right; padding: 15px 15px 0 0; } #SidebarHeaderImage li {list-style-type: none; } /* MainNav */ #MainNav { margin: 18px 0 0 0; } #MainNav li { text-align: center; } /* Links */ #MainNav a { height: 35px; margin: 0 32px 0 0; padding: 0; text-transform: uppercase; font-weight: bold; color: #FF6700; font-size: 2em; text-decoration: none; display: inline-block; line-height: 1.8em; } #MainNav a:hover, #MainNav:active, #MainNav:focus { color: #CECECE; text-decoration: none; } /* UP -- Image Replacement for nav */ #NavHome a { width: 79px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/mainnav.png') 0 0 no-repeat; } #NavEvents a { width: 155px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/mainnav.png') -109px 0 no-repeat; } #NavFAQ a { width: 57px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/mainnav.png') -293px 0 no-repeat; } #NavTraining a { width: 133px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/mainnav.png') -379px 0 no-repeat; } /* DOWN -- Image Replacement for nav */ #NavHome a:hover, #NavHome a:focus { background-position: 0 -35px; } #NavEvents a:hover, #NavEvents a:focus { background-position: -109px -35px; } #NavFAQ a:hover, #NavFAQ a:focus { background-position: -293px -35px; } #NavTraining a:hover, #NavTraning a:focus { background-position: -379px -35px; } #MainNav a span { position: absolute; left: -999em; } /* DownStates */ #MainNav .Active a { color: #CECECE !important; } /* Active State - Image Replacement for nav */ #NavHome.Active a { background-position: 0 -35px; } #NavEvents.Active a { background-position: -109px -35px; } #NavFAQ.Active a { background-position: -293px -35px; } #NavTraining.Active a { background-position: -379px -35px; } /* Search */ #Header #SearchForm { float: right; margin-right: 37px; } #SearchForm input[type='text'] { width: 150px; } /* ÷+÷+÷ CONTENT ÷+÷+÷ */ #ContentWrapper { background: url(images/bkg_content_middle.png) repeat-y; } #Content { width: 900px; background: #2d2d2d; float: left; margin: 0 0 0 15px; line-height: 150%; } #Content h2 { clear: both; margin: 35px 0 15px 40px; } #Content h3 { margin: 30px 0 0 40px; } #Content p { margin: 0px 60px 20px 40px; } #Content ul { margin: 0 0 0 40px; } #Content em { font-family: cambria, baskerville, cochin, georgia, times, serif; } /* Posts */ .post { clear: #ffffff; padding: 2em 0 3em 0; } .Entry {#fffff } .PostDate { color: #999; font-size: .9em; margin-bottom: .5em; } .Entry p {} .utw {} .Post_nav {} .post-edit-link { margin-left: 1em; } .PostMetaData { float: right; } .stbutton { float: left; } /* share this button */ /* Page */ .page {} /* Single */ .Single {} /* Comments */ /* Alternating color highlighting */ .commentlist .thread-even .vcard { background: #FF0; } /* Default - Even */ .commentlist .thread-odd .vcard { background: #0FF; } /* Default - Odd */ /* author highlighting */ .commentlist .thread-even .bypostauthor .vcard {} /* Author - Even */ .commentlist .thread-odd .bypostauthor .vcard {} /* Author - Odd */ /* General Comment Styles */ .commentlist { margin: 0 0 3em 0; } .commentlist .comment { clear: both; list-style-type: none; margin-left: 70px; margin-top: 1em; padding-bottom: 2em; position: relative; } .commentlist .says { display: none; } #respond #comment { width: 90%; } /* Depth 1 Formatting */ .commentlist .depth-1 { margin-left: 0; } /* don't indent the first level of comments */ /* vcard & meta-data */ .commentlist .vcard { height: 63px; color: #000; padding: 0; margin-bottom: 20px; z-index: 1; position: relative; } .commentlist .vcard .avatar { background: #000; border: 2px solid #000; float: left; margin: 0; } .commentlist .vcard .fn { font-size: 1.8em; position: absolute; z-index: 2; top: 15px; left: 80px; } /* commenter's name */ .commentlist .comment-meta { font-size: .9em; line-height: 100%; position: absolute; z-index: 2; top: 40px; left: 80px; } /* date of comment */ /* vcard links */ .commentlist .vcard a, .commentlist .comment-meta a { color: #000; text-decoration: none; } .commentlist .vcard a:hover, .commentlist .comment-meta a:hover, .commentlist .vcard a:focus, .commentlist .comment-meta a:focus { text-decoration: underline; } /* Reply Buttons */ .commentlist li .reply { position: absolute; z-index: 1; top: 40px; right: 7px; } .commentlist li .reply a { text-decoration: none; text-transform: uppercase; margin-top: -1em; vertical-align: middle; display: inline-block; line-height: 150%; height: 14px; font-size: .7em; letter-spacing: 1px; padding: 2px 10px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: bold; } /* even colors */ .commentlist .thread-even .reply a { color: #000; background: #FF0; } .commentlist .thread-even .reply a:hover, .commentlist .threadeven .reply a:focus { color: #FF0; background: #000; } /* odd colors */ .commentlist .thread-odd .reply a { color: #000; background: #0FF; } .commentlist .thread-odd .reply a:hover, .commentlist .threadodd .reply a:focus { color: #0FF; background: #000; } /* Comment awaiting moderation message */ .commentlist .comment div > em { text-align: center; color: #FFF; border: 2px dashed #9DD880; font-family:'myriad pro', 'Neue Helvetica', helvetica, arial, sans-serif !important; font-size: .8em !important; letter-spacing: 2px; font-style: normal; display: block; margin: 1em; padding: 1em 1.5em; line-height: 120%; } .commentlist .comment div > em + br { display: none; } /* Pingbacks */ .commentlist li.pingback {} .commentlist li.pingback.parent {} /* ÷+÷+÷ SIDEBAR ÷+÷+÷ */ #Sidebar { float: right; width: 307px; list-style-type: none; padding-bottom: 5em; } #Sidebar h3 { margin: 2em 0 .5em 0; } #Sidebar ul { list-style-position: inside; } #Sidebar ul li { margin-bottom: 1em; } /* Header */ #SidebarHeader h3{width:268px; height: 24px; margin: 0 0 5px 20px; padding: 0; text-transform: uppercase; font-weight: bold; color: #FF6700; font-size:1.5em; text-decoration: none; display: inline-block; line-height: 1.8em; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav_main-header.png') 0 0 no-repeat; } #SidebarHeader h3 span { position: absolute; left: -999em; } #SidebarHeader p { color: #999; margin: 0 0 20px 20px;} #SidebarHeader a { color: #FF6700; margin: 0 0 0 180px; text-decoration: none; font-size: 1.2em; } #SidebarHeader a:hover, #SidebarHeader a:active, #SidebarHeader a:focus { color: #CECECE; } /* Countdown */ #tzcd { color: #E2E2E2; font-size: 1.8em; font-weight: bold; font-family: Helvetica; margin: 0 0 0 20px; } #tzcd span { font-size: 15px; font-weight:normal; } /* Navigation Links*/ #SidebarNav { list-style-type: none; margin: 10px 0 0 15px;} #SidebarNav a {height: 24px; margin: 0 0 10px 8px; padding: 0; text-transform: uppercase; font-weight: bold; color: #FF6700; font-size:1.5em; text-decoration: none; display: inline-block; line-height: 1.8em; } #SidebarNav a:hover, #SidebarNav:active, #SidebarNav:focus { color: #CECECE; text-decoration: none; } /* UP -- Image Replacement for sidebar nav */ #SideGear a { width: 137px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') 0 0 no-repeat; } #SideTdiscounts a { width: 184px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -147px 0 no-repeat; } #SideCdiscounts a { width: 224px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -342px 0 no-repeat; } #SideProfiles a { width: 257px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -579px 0 no-repeat; } #SideJobs a { width: 194px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -846px 0 no-repeat; } #SideJournalists a { width: 148px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -1051px 0 no-repeat; } #SideTickets a { width: 222px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -1209px 0 no-repeat; } #SideTraining a { width: 193px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -1445px 0 no-repeat; } #SideResults a { width: 216px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -1651px 0 no-repeat; } #SideAbout a { width: 106px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -1881px 0 no-repeat; } #SideParty a { width: 242px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/side_nav.png') -1997px 0 no-repeat; } /* DOWN -- Image Replacement for sidebar nav */ #SideGear a:hover, #SideGear a:focus { background-position: 0 -28px; } #SideTdiscounts a:hover, #SideTdiscounts a:focus { background-position: -147px -28px; } #SideCdiscounts a:hover, #SideCdiscounts a:focus { background-position: -342px -28px; } #SideProfiles a:hover, #SideProfiles a:focus { background-position: -579px -28px; } #SideJobs a:hover, #SideJobs a:focus { background-position: -846px -28px; } #SideJournalists a:hover, #SideJournalists a:focus { background-position: -1051px -28px; } #SideTickets a:hover, #SideTickets a:focus { background-position: -1209px -28px; } #SideTraining a:hover, #SideTraining a:focus { background-position: -1445px -28px; } #SideResults a:hover, #SideResults a:focus { background-position: -1651px -28px; } #SideAbout a:hover, #SideAbout a:focus { background-position: -1881px -28px; } #SideParty a:hover, #SideParty a:focus { background-position: -1997px -28px; } #SidebarNav a span { position: absolute; left: -999em; } /* DownStates */ #Sidebar .Active a { color: #CECECE !important; } /* Active State - Image Replacement for nav */ #SideGear.Active a { background-position: 0 -28px; } #SideTdiscounts.Active a { background-position: -147px -28px; } #SideCdiscounts.Active a { background-position: -342px -28px; } #SideProfiles.Active a { background-position: -579px -28px; } #SideJobs.Active a { background-position: -846px -28px; } #SideJournalists.Active a { background-position: -1051px -28px; } #SideTickets.Active a { background-position: -1209px -28px; } #SideTraining.Active a { background-position: -1445px -28px; } #SideResults.Active a { background-position: -1651px -28px; } #SideAbout.Active a { background-position: -1881px -28px; } #SideParty.Active a { background-position: -1997px -28px; } /* Social Media Buttons */ #SocialBtns {margin: 30px 0 25px 20px;} #SocialBtns img {padding: 0 0 10px 0; } /* Sociable Share Links */ #Sidebar .sociable { margin: 30px 0 -60px 25px; } /* Calendar */ #Sidebar #calendar caption { background: #CCC; padding: 5px 0px; } #Sidebar #calendar table { width: 170px; border: solid 1px #CCC; } #Sidebar #calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #CCC; padding: 3px 0px; } #Sidebar #calendar table td { text-align: center; padding: 3px 0px; font-size: .8em; } #Sidebar #calendar table td a { font-weight: bold; } #Sidebar #calendar h2 { padding-bottom: 8px; } /* ÷+÷+÷ FOOTER ÷+÷+÷ */ #Footer { background: url(images/bkg_content_bottom.png) 0 0 no-repeat; clear: both; width: 922px; margin: -4px auto 0 auto; margin-bottom: 50px; } /* Footer Logos */ #Footer #SidebarLogobox img{ margin: 60px 10px 0 20px; } #Footer #SidebarLogobox li { list-style-type: none; } /* Footer Links */ #Footer a { font-size: 1.4em; } #Footer a:link, #Footer a:visited { color: #39C; text-decoration: none; } #Footer a:hover, #Footer a:active, #Footer a:focus { color: #000; text-decoration: underline; } #Footer a.Active { color: #000; } /* Tough Mudder Copyright */ #Footer #Copyright { font-family: arial; color: #2D2D2D; font-size: 1em; font-weight: bold; margin: 65px 10px 20px 0; float: right; } /* mYmCredit */ #Footer #mYmCredit { width: 141px; height: 39px; float: right; margin: 0 10px 0 0;} #Footer #mYmCredit li { list-style-type: none; } #Footer #mYmCredit a { background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/logo_mym.png') 0 0 no-repeat; display: block; width: 141px; height: 39px; font: .8em 'myriad pro', 'Helvetica Neue', helvetica, arial, sans-serif; letter-spacing: 1px; } #Footer #mYmCredit a span { position: absolute; left: -999em; } #Footer #mYmCredit a:hover, #Footer #mYmCredit a:active, #Footer #mYmCredit a:focus { background-position: 0px -39px; } /* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */ /* Loading Animation */ .Loading { display: none; position: absolute; left: 10px; top: 10px; background: url('http://toughmudder.com/wp-content/themes/mym-shell/images/loading.gif') 0 0 no-repeat; width: 32px; height: 32px; text-indent: -9999em; } /* Show-Hide Content */ .MakeLink { color: #FF6700 !important; text-decoration: none; margin-bottom: .5em; } .MakeLink:hover, .MakeLink:focus, .MakeLink:active { cursor: pointer; color: #C6C6C6; text-decoration: underline; } ul.Hide { margin: 0 0 0 1em !important; padding: 0 !important; } /* Indicators */ .Indicator { position: absolute; z-index: 10; text-align: right; left: 0; width: 7em; } .Indicator a { background-color: #FF0; display: block; font-weight: bold; font-size: 12px !important; text-transform: uppercase; color: #09C; text-decoration: none; padding: .5em 1em; } .Indicator a:hover, .Indicator a:focus { background-color: #FFF; text-decoration: underline; cursor: pointer; } #JSInd { top: 30em; } /* SPECIFIC PAGES - - - - - - - - - - - - - - - - */ #faq #Content h3 { margin-left: 50px; margin-top: 2em; margin-bottom: .5em; } #faq .Toggle { margin-left: 50px; } #faq .Hide { margin-left: 50px; } #faq #Content { margin-bottom: 4em; }