/* 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 24, 2009 ## brent@mimoymima.com - - - Color References - - - Background grey: #728082; Dark grey used for content background: #3E4443; Lime green: CF9#; Content Text Color: #CCC; Black borders: #000; */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ html { color: #CCC; background: #728082; } /* Sets fonts, page width & margins */ body { width: 980px; font: 300 1.3em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; margin: 0 auto; } /* 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 { } h2.pagetitle { color: #3e4444; font-weight: normal; letter-spacing: 1px; margin-bottom: .6em; } /* Links */ a:link, a:visited { color: #CCFF99; text-decoration: underline; } a:hover, a:active, a:focus { color: #FFF; text-decoration: none; } /* Forms */ /* labels */ label { color: #CCFF99; text-decoration: none; } /* text inputs */ input, select, textarea, button { padding: 3px; margin-right: 5px; vertical-align: middle; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input, select, textarea { color: #666666; border: 3px solid #666666; background: #F6F6F6; } input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { color: #666666; background: #EDEDED; border-color: #222a29; } /* buttons */ input[type='submit'], button { background: #666666; border: 0; padding: 4px; margin-top: 3px; color: #CCFF99; font-size: .8em; text-transform: uppercase; font-weight: bold; } input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #222a29; 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; } /* Miscellaneous*/ .alignnone { display: block !important; margin-left: -23px !important; } /* This centers the post-images */ /* PAGE DIVISIONS (includes layout) - - - - - - - - - - - - - - - - */ /* ÷+÷+÷ HEADER ÷+÷+÷ */ #Header { clear: both; margin: 50px auto 0; position: relative; height: 210px; } #Header #MainLogoKid { position: absolute; top: 0; left: 0; } #Header #MainLogoText { position: absolute; top: 24px; left: 300px; } #Header #MainNav { position: absolute; top: 135px; left: 233px; } /* MainNav */ #MainNav li { text-align: center; vertical-align: middle; } #MainNav { background-color: #CCFF99; width: 670px; padding: 0 40px; } /* Links*/ #MainNav a { color: #000; font-size: 1.2em; text-decoration: none; display: inline-block; line-height: 1em; margin: 0 3px 3px 0; padding: 10px 22px; vertical-align: middle; letter-spacing: 1px; } #MainNav a:hover, #MainNav a:active, #MainNav a:focus { color: #000000; text-decoration: underline; } #MainNav .LilMargin { margin-top:8px; } /* DownStates*/ #MainNav .Active a { text-decoration: underline; } /* Search */ #Header #SearchForm { float: right; margin-right: 37px; } #SearchForm input[type='text'] { width: 150px; } /* ÷+÷+÷ CONTENT ÷+÷+÷ */ #ContentWrapper {} #Content { width: 562px; float: left; margin: 10px 0 0 22px; line-height: 150%; } #Content p { margin-bottom: 1.5em; } #Content em { font-family: cambria, baskerville, cochin, georgia, times, serif; } /* Posts */ .post { clear: both; padding: 2em 20px 3em 45px; background-color: #3e4443; margin-bottom: 15px; } .page { clear: both; padding: 2em 20px 3em 45px; background-color: #3e4443; margin-bottom: 15px; } .Entry { } .Entry img { margin-left: -45px; border: 5px solid #000000; } .Entry a img { border: 5px solid #000000; } .Entry a:link img, .Entry a:visited img { border: 5px solid #000000; } .Entry a:hover img, .Entry a:active img, .Entry a:focus img { border: 5px solid #ccff99; } a:link, a:visited { color: #CCFF99; text-decoration: underline; } a:hover, a:active, a:focus { color: #FFF; text-decoration: none; } .PostDate { color: #A5ADAC; font-size: 1em; margin-bottom: .5em; letter-spacing: .2em; } .Entry p {} .utw {} .Post_nav {} .post-edit-link { margin-left: 1em; } .PostMetaData { float: right; } .stbutton { float: left; } /* share this button */ #Content .postmetadata { margin-bottom: 5em; } /* Page */ .page {} /* Single */ .Single {} /* Comments */ /* Alternating color highlighting */ .commentlist .thread-even .vcard { background: #CCFF99; } /* Default - Even */ .commentlist .thread-odd .vcard { background: #99ffff; } /* 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: 10px; left: 80px; } /* commenter's name */ .commentlist .comment-meta { font-size: .9em; line-height: 100%; position: absolute; z-index: 2; top: 38px; 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: #669966; } .commentlist .thread-even .reply a:hover, .commentlist .threadeven .reply a:focus { color: #669966; 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: left; width: 210px; list-style-type: none; margin-top: 60px; padding-bottom: 5em; } #Sidebar p { line-height: 150%; } #Sidebar h2 { margin: 50px 0 5px 0; } #Sidebar ul { list-style-position: inside; list-style-type: none; } #Sidebar ul li { margin-bottom: .5em; } #Sidebar .SocialBtn li { margin-bottom: 8px; } #Sidebar a { text-decoration: none; } #Sidebar .widgettitle { display: none; } #RightSidebar { float: right; width: 160px; list-style-type: none; margin-top: 60px; padding-bottom: 5em; } #RightSidebar .widgettitle { display: none; } #RightSidebar h2 { margin: 50px 0 5px 0; } #RightSidebar a { text-decoration: none; } /* 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 { clear: both; width: 980px; margin: 0 auto; margin-bottom: 50px; } /* 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; } /* mYmCredit */ #Footer #mYmCredit { font-size: 16px; text-align: center; clear: both; margin-right: 10px; margin-bottom: 20px; float: right; background-color: #546361; width: 148px; padding: 75px 5px 10px 5px; } #Footer #mYmCredit a { font: .8em 'myriad pro', 'Helvetica Neue', helvetica, arial, sans-serif; letter-spacing: 1.5px; } #Footer #mYmCredit a:link, #Footer #mYmCredit a:visited { text-decoration: none; color: #CCFF99; } /* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */ /* Loading Animation */ .Loading { display: none; position: absolute; left: 10px; top: 10px; background: url(/images/loading.gif); width: 32px; height: 32px; text-indent: -9999em; } /* Show-Hide Content */ .MakeLink { color: #06F !important; text-decoration: none; margin-bottom: .5em; } .MakeLink:hover, .MakeLink:focus, .MakeLink:active { cursor: pointer; color: #C60; 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 - - - - - - - - - - - - - - - - */ /* About Us */ /* 404 Page */ .page404 #Content { background-color: #3e4443; padding: 2em 20px 3em 45px; width: 497px; } .page404 #Content h2 { padding-top: 50px; padding-bottom: 8px; } /* Submit Your Awesome Kid */ .submit-your-awesome-kid #sendbutton2 { margin: 10px 110px 0 10px; } /* Search */ .search .post { padding: 2em 3em .5em; width: 480px; }