/* Theme Name: mYm Wordpress Shell Theme URI: http://www.mimoymima.com/ Description: A good starting point for styling a blog to match your website Version: 1.0 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ */ /* the original brown color pre-save: #4C200F dark brown color after saving in Photoshop: #431D0D */ /* Wordpress Specific Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* Content */ #Content { float: left; padding-bottom: 5em; margin-top: 10px; } /* Forms */ #CommentsFormWrapper {} #CommentsForm {} dl.InputForm { margin-top: 1.5em; } dl.InputForm dd { margin-bottom: 1em; } #author {} #email {} #url {} #comment {} #Submit { margin-left: 2em; } /* General*/ /* For WP built in editor */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* Posts */ .Post { margin: 5px 10px 5px 20px !important; } .Post, .ErrorMsg { width: 400px; float: left; margin: 20px; padding-left: 50px; position: relative; clear: both; } /*clear both fixes firefox and safari*/ .Post h2 a { font-size: 1.1em; } .PostDate { color: #999; font-size: .9em; margin-bottom: .5em; } .Entry { margin-top: 2em; } .Entry p {} .PostMetaData {} .utw {} .Navigation { float: left; clear: both; white-space: nowrap; width: 400px; text-align: right; } .Post_nav {} /* Single */ .Single { width: 400px; float: left; margin: 20px; padding-left: 50px; position: relative; } #WPSocial h4 { color: #999; font-size: .9em !important; } #WPSocial a { margin-right: 2px; } /* Comments */ #Comments li { list-style-type: none; clear: both; margin: 2em 0 !important; } .AddComment { padding: 0 0 0 1.6154em; margin-right: 1em; background: url('images/icon_comment.png') 0 50% no-repeat; font-weight: bold; } #AllowedTags { color: #666; float: left; font-size: .7em; width: 200px; } #PostMetaComments, #TrackbackLink { font-size: .9em; clear: both; } #comments-locked {} #respond {} ol#trackbacks {} ol#trackbacks li {} .comments-header { margin-top: 3em !important; } ol#comments {} .highlight {}/*class for author highlight */ .comment-meta { margin-bottom: 1em; } .comment-author { font-size: 1.6em; } .comment-date {} .comment-text {} .avatar { float: left; margin-right: 15px; } .odd {} .even {} /* Sidebar*/ #Sidebar { margin-top: 100px; padding-bottom: 5em; padding-right: 40px; float: right; width: 200px; font: 1.2em cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif; color: #666; font-size: 1.3em; } #Sidebar a { color: #815937; font-size: 1.1em; } #Sidebar ul { list-style-type: none; } #Sidebar h4, #Sidebar h2 { font-size: 1.4em; margin-top: 2em; } /* Search */ #SearchForm { width: 200px; } #SearchForm label { font-size: 1.4em; } #SearchForm #s { width: 166px; } #SearchForm #SearchSubmit { float: right; margin-right: 30px; } #SearchForm .TextInput { margin-bottom: 5px; } #SearchForm .Button { color: #815937; background-color: #FFF; font-size: 1em !important; } #Sidebar ul li { margin-top: .5em; } #Sidebar ul li ul { } #Sidebar ul li ul li { } .Calendar caption { background: #f1eee5; padding: 5px 0px;} .Calendar table { width: 170px; border: solid 1px #f1eee5;} .Calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #f1eee5; padding: 3px 0px;} .Calendar table td { text-align: center; padding: 3px 0px; font-size: 11px;} .Calendar table td a { font-weight: bold; } .Calendar h2 { padding-bottom: 8px; } /* - - - Tags on this site - - - */ /*remove the font family from here for a sans serif site*/ html, body { background: #431D0D !important; color: #666; font-family: cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif !important; } /* Links */ a { color: #815937; } a:link { color: #815937; } a:visited { color: #815937; } a:hover, a:focus { color: #600; text-decoration: none; } a:active { color: #600; text-decoration: none; } /* Content Headings */ #Content h1 { font-size: 1.4em; margin: 1.5em 0 .3em 0; color: #532402; } #Content h2 { font-size: 1.2em; margin: 1.5em 0 .3em 0; color: #532402; } #Content h3 { font-size: 1.0em; margin: 1.5em 0 .3em 0; color: #532402; } #Content h4 { font-size: 0.8em; margin: 1.5em 0 .3em 0; color: #532402; } #Content h5 { font-size: 0.8em; margin: 1.5em 0 .3em 0; color: #532402; } #Content h6 { font-size: 0.8em; margin: 1.5em 0 .3em 0; color: #532402; } #Content h1+h2, #Content h2+h3, #Content h3+h4, #Content h4+h5, #Content h5+h6 { padding-top: 0 !important; } /* Forms */ .Button { cursor: pointer; text-transform: uppercase; padding: .1em .5em !important; border: 1px solid #FFF; } .Button:hover, .Button:focus { background: #FC3; border: 1px solid #696; } label { color: #333; font-weight: normal; display: block; } label:hover { color: #F93; } .InputList li { padding: 5px; float: left; clear: none; } .TextInput, textarea, select { padding: 3px; border: none; font-size: 1.2em; color: #E9B464; background: #815937; margin: 2px 0; } input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover { background: #431D0D; } fieldset { margin-bottom: 1.5em; } /* specific fields */ form .TextInput { width: 180px; } form #ItemName { float: none; } form #ItemHomePhone, form #ItemEmail { clear: left; } form #City { width: 120px; } form #State { width: 40px; } form #Zip { width: 100px; } /* e-mail list sign-up */ form#signup { background-color: #431D0D; width: 657px; padding-left: 203px; padding-bottom: 14px; margin-bottom: 0px; background: #DFDAC9 url('/images/bkg_content.png') top left repeat-y;} form label.signupLabel { font-size: 14px; text-transform: uppercase; float: left; margin-right: 10px; padding-top: 5px } form#signup .Button:hover { background-color: transparent !important; background: #FC3; border: 1px solid #696; } form#signup .Button {color: #917C6B; font-size: 1.1em; border: none; margin-left: 5px; background-color: #fff; } form#signup input { color: #DFDACA; } /* Tables */ .DataTable td, .DataTable th { padding: 1em 10px; } .DataTable thead th { background: #87E6F0 url(/images/bkg_datatable_thead_th.png) no-repeat top left; font-size: 1.4em; text-align: center; } .DataTable tbody th { background: #C2EC7C url(/images/bkg_datatable_tbody_th.png) no-repeat top left; text-align: right; vertical-align: top; color: #333; } .DataTable tbody td { border: 2px solid #FFF; background-color: #EEE; } /* Other */ .Rounded { -moz-border-radius: 15px; -webkit-border-radius: 15px; } /* Lists */ /*.LinkList li a { padding-left: 12px; margin-left: -12px; } put this in if you want the bullets for link lists to be links - only works if you don't want to mix linklists with regular text */ .NoBullet li { margin-bottom: .5em; } /* Text */ #Content p { line-height: 1. 7em; } .Heavy { font-family: "Agency FB", "Abadi MT Condensed Extra Bold", impact, helvetica, sans-serif; } .Condensed { font-family: "Arial Narrow"; } .Serif { font-family: cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif; } /* - - - Page Divisions on this site - - - */ /* PageWrapper */ #PageWrapper { width: 860px; position: relative; margin: 0 auto; background: #DFDAC9 url('/images/bkg_content.png') top left repeat-y; width: 860px; } /* Accessibility Links ~ hidden by placement off screen */ #Accessibility { position: absolute; left: -999em; } /* MainNav */ #MainNav { font: 1.5em 'Neue Helvetica', 'lucida sans', 'lucida grande', 'Bitstream Vera Sans', 'myriad web', trebuchet, 'trebuchet ms', helvetica, sans-serif; overflow: hidden; width: 860px; height: 53px; background-color: #; } /* don't remove overflow hidden */ #MainNav ul {} #MainNav #Logo a { background: url('/images/sprite_masthead.png') top left no-repeat; width: 351px; height: 53px; } #MainNav #Logo a:hover, #MainNav #Logo a:active { background-position: 0 -53px; } #MainNav #InfoLink a { background-image: url('/images/sprite_masthead.png'); background-position: -351px 0; width: 129px; height: 53px; } #MainNav #InfoLink a:hover, #MainNav #InfoLink a:active, #Information #MainNav #InfoLink a { background-position: -351px -53px; } #MainNav #BooksLink a { background-image: url('/images/sprite_masthead.png'); background-position: -480px 0; width: 118px; height: 53px; } #MainNav #BooksLink a:hover, #MainNav #BooksLink a:active, #GetBooks #MainNav #BooksLink a { background-position: -480px -53px; } #MainNav #EventsLink a { background-image: url('/images/sprite_masthead.png'); background-position: -598px 0; width: 92px; height: 53px; } #MainNav #EventsLink a:hover, #MainNav #EventsLink a:active, #Events #MainNav #EventsLink a { background-position: -598px -53px; } #MainNav #MessingLink a { background-image: url('/images/sprite_masthead.png'); background-position: -690px 0; width: 170px; height: 53px; } #MainNav #MessingLink a:hover, #MainNav #MessingLink a:active, #MessingAbout #MainNav #MessingLink a { background-position: -690px -53px; } /*FlashMain */ #FlashMain { display: block; } /* Flash Alternate Content*/ #Home #FlashAltContent { background: #F2F3EE url("/images/bkg_storefront_440.png") top left no-repeat; width: 860px; height: 440px; } #Information #FlashAltContent { background: #F2F3EE url("/images/bkg_information_alt.png") top left no-repeat; width: 860px; height: 440px; } #Booksite #FlashAltContent { background: #F2F3EE url("/images/bkg_shelves_440.png") top left no-repeat; width: 860px; height: 440px; } #Events #FlashAltContent { background: #F2F3EE url("/images/bkg_indoor_440.png") top left no-repeat; width: 860px; height: 440px; } #MessingAbout #FlashAltContent { background: #F2F3EE url("/images/bkg_backyard_440.png") top left no-repeat; width: 860px; height: 440px; } #FlashAltContent h1 { margin-top: 0; } /* Content*/ #Content { clear: both; padding-bottom: 50px; font-size: 1.3em; } #Content h1 { margin-top: 0; } /* SubNav */ #SubNav { position: absolute; top: 250px; right: 20px; } /* Page Nav */ .PageNav { margin-bottom: 2em; float: left; width: 100%; background-color: #DFDAC9; } .PageNav a { font-weight: bold; color: #36F; text-decoration: none; display: block; float: left; width: auto; margin: 0 1px; padding: .3em 1em !important; } .PageNav a:hover { font-weight: bold; color: #FFF; background: #36F; } .PageNav .PageNavHead { margin-left: .8em; background: none; font-weight: bold; } .PageNav .PageNavHead:hover { color: #FC0; background: none; } /* Footer */ #Footer { font-size: 1.2em; color: #917C6B; background: #431D0D; clear: both; } #Footer #FooterLinks { font-size: 120%; clear: both; margin: 1em 0 2em 0; } #Footer a { color: #A48640; text-decoration: none; } #Footer #FooterLinks a { margin-right: 20px; } #Footer a:hover, #Footer a:active { color: #C5A951; text-decoration: underline; } #Footer #Copyright { margin: 2em 0; } #Footer #Credit { float: right; } /* - - - Classes - - - */ /* vCards */ #Footer .vcard { color: #917C6B; } .street-address { display: block; } /* Credits */ #Credits { text-align: right; font-size: 90%; margin-top: 50px; } /* Tiny mYm Credit */ #CreditsMYM { position: absolute; right: 50px; padding: 20px 0; } #CreditsMYM h2 { position: absolute; left: 0; z-index: 4; font-size: 1em; font-weight: normal; width: 38px; height: 39px; overflow: hidden; } #CreditsMYM h2 a { position: absolute; left: 0; z-index: 5; margin-bottom: -48px; display: block; width: 38px; height: 39px; background: url(/images/logo_mym-credit.png) no-repeat; } #CreditsMYM h2 a:hover { background-position: 0 -39px; cursor: pointer; } /* Javascript Indicator */ #JSIndicator { position: absolute; top: 9em; right: 0px; } #JSIndicator a:link, #JSIndicator a:visited { font-weight: bold; font-size: .9em; text-transform: uppercase; background-color: #FF0; color: #09C; text-decoration: underline; padding: .5em 1em; } #JSIndicator a:hover, #JSIndicator a:active, #JSIndicator a:focus { text-decoration: none; } /* - - - Specific Pages on this site - - - */ /* Home */ /* Clients */ #Clients #LoginForm { width: 13.3em; } #Clients #LoginForm input { display: block; margin-bottom: 1em; } #Clients #LoginForm .SubmitButton { margin-left: 9.7em; }