/* Theme Name: The Morning After Theme URI: http://code.google.com/p/the-morning-after/ Description: A magazine-style theme for WordPress, available at The Masterplan. Version: 1.3.1 Author: Arun Kale Author URI: http://themasterplan.in/ Please read the license in the README.txt included with the theme. */ /* -------------------------------------------------------------- This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint] -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "lib/compressed.css"; /* End import/hide */ /* Start The Morning After stylesheet -------------------------------------------------------------- */ body { background: white;} a { text-decoration: underline; font-family: Helvetica, Arial, sans serif; color: #3D3D3D; line-height: normal;} a:hover {color: #ca5333;} .container { width: 960px; background-color: white; padding: 0 15px 15px 15px; margin-top: 10px; border: 1px #666;} li {margin-left: 20px; } li a { color: #333; font-weight: normal;} li a:hover, li a:active {color:#555; font-weight: normal;} h1, h2, h3, h4 {font-family: Helvetica, Arial, sans serif;text-decoration: none;} h1, h1 a {font-size: 24px; color: #3D3D3D; text-decoration: none; line-height: 24px;} h2, h2 a {font-family: Helvetica, Arial, sans serif; font-weight: bold; text-decoration: none; font-size: 20px; color: #3D3D3D; text-decoration: none; line-height: 24px; margin-top: 5px; margin-bottom: 13px;} h3, h3 a {font-size: 16px; color: #3D3D3D; text-decoration: none;} h4, h4 a {font-size: 13px; color: #b0b0b0; text-decoration: none; font-weight: normal; margin-top: 3px;} h4 a:hover {color: #3D3D3D;} p {font-size: 13px;} /* Header styles -------------------------------------------------------------- */ #header { padding: 0 0 0 0; height: 125px; background-color: white; width: 960px; margin-bottom: 75px; } #header #logo { height: 80px; padding-top: 12px; margin-left: 0px;} #header #logo a {background: url("images/logo.png") 0 0 no-repeat; text-indent: -5000px; display:block; height: 40px; width: 197px;} #header #logo a:hover {background-position: 0 -40px; height: 121px;} /* Search and navigation -------------------------------------------------------------- */ .navStripWrapper { position: relative; clear: both;} .nav {background: white;} .nav li {display: block; float: right; color: #b0b0b0; } .nav li a { display: block; color: #b0b0b0; font-family: Helvetica, Arial, sans serif; font-weight: normal; text-transform: none; text-decoration: none;} .nav li a:hover {color: #3D3D3D;} .nav li a.focus {color: #b0b0b0;} .nav li.searchField {float: right;border: 0;} .nav .searchField div {margin: 110px 0 0 0;} .nav .searchField span {background: #fff;display: block;} .nav .searchField input {border: 0;background-color: #f4f4f4;outline: none;padding: 4px;width: 190px;text-align: right;color: #b0b0b0;} .toggleCategories {background: white; padding: 0;} .toggleCategories ul, .toggleCategories2 ul {padding: 0;} .toggleCategories ul li {display: block; float: right; color: #b0b0b0;} .toggleCategories li a {margin: 0; color: #b0b0b0; text-decoration: none;} .toggleCategories li a:hover {color: #3D3D3D;} /* Home page columns -------------------------------------------------------------- */ #home_content { margin: 1.5em 0; background-color: white;} #home_right {width: 400px; margin-left: 45px;} /* latest post */ #latest_post { padding: 0 0 1.5em 0; } #latest_post_image img { margin: 0 0 0.2em 0; } /* featured post */ .all a {color: #3D3D3D; font-size: 14px; text-align: right; background-color: white;} .all a:hover {color: #ca5333;} .abonn_titre {color: #3D3D3D; font-family: Helvetica, Arial, sans serif; font-size: 18px; font-weight: bold; float:left; padding: 7px 10px 0px 8px; display: block;} .abonn_titre_single {color: #3D3D3D; font-family: Helvetica, Arial, sans serif; font-size: 18px; font-weight: bold; float:left; padding: 7px 10px 0px 0px; display: block;} .abonn_rss a {float:left; background: url("images/rss.jpg") 0 -27px no-repeat; text-indent: -5000px; display:block; height: 27px; width: 27px; padding-right: 4px;} .abonn_rss a:hover {background-position: 0 0;} .abonn_twitter a {float:left; background: url("images/twitter.jpg") 0 -27px no-repeat; text-indent: -5000px; display:block; height: 27px; width: 27px; padding-right: 4px;} .abonn_twitter a:hover {background-position: 0 0;} .abonn_delicious a {float:left; background: url("images/delicious.jpg") 0 -27px no-repeat; text-indent: -5000px; display:block; height: 27px; width: 27px; padding-right: 17px;} .abonn_delicious_single a {float:left; background: url("images/delicious.jpg") 0 -27px no-repeat; text-indent: -5000px; display:block; height: 27px; width: 27px; } .abonn_delicious a:hover {background-position: 0 0;} .abonn_facebook a {float:left; background: url("images/facebook.jpg") 0 -27px no-repeat; text-indent: -5000px; display:block; height: 27px; width: 27px; padding-right: 4px;} .abonn_facebook a:hover {background-position: 0 0;} #home_left p {font-size: 13px;} /* about */ #home_about { margin: 0 0 1em 0; padding: 0.5em 0.7em 0 0.7em; } #home_about #bio, #home_about #bio a { font-family: Helvetica, Arial, sans serif; font-size: 24px; color: #3D3D3D;} #home_about #bio strong { font-weight: bold; font-size: 18px;} /* recent posts */ .home_recent_post { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(images/bg/dot.png) repeat-x bottom left; } .home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; } .home_recent_thumb img { float: left; margin: 0; } .home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; } .home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; } .home_recent_title a { color: #333; font-weight: bold; } .home_recent_title a:hover { color: #970e0e; } .home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; } .home_recent_exc p { color: #666; text-align: left; } .home_recent_link a {color: #333;} .home_recent_link a:hover {color: #333; text-decoration: underline;} /* Menu sidebar */ #contact {padding: 0px 0px 20px 8px; } #contact li {list-style: none; padding: 8px 8px 0px 0px; margin: 0px;} #contact li a {color: #3D3D3D; font-size: 14px; text-decoration: none; font-weight: normal;} #contact li a:hover {color: #ca5333; text-decoration:underline;} #publications {padding: 0px 0px 0px 8px; font-size: 13px; line-height: 2em;} #publications a {text-decoration: none; padding-bottom: 8px;} #publications span {background-color: #ca5333; color: white; font-weight: bold; padding: 0 2px 0 2px} #sidebar_boutons {background-color: #ca5333; border: 1px solid #eee; font-size: 18px; font-family: Helvetica, Arial, sans serif; width: 190px; height: 30px; text-align: center; padding-top: 5px; padding-bottom: 0px; } #sidebar_boutons a {color: white; text-decoration: none;} #sidebar_boutons a:hover {color: #c5c5c5;} #services {height: 117px; padding-top: 0px; padding-bottom: 25px;} #services a {background: url("images/services.png") 0 -117px no-repeat; text-indent: -5000px; display:block; height: 117px;} #services a:hover {background-position: 0 0; height: 117px;} #contact_side {padding: 0px 0px 0px 0px; } #contact_side ul {margin: 0; padding: 0;} #contact_side li {list-style: none; padding: 8px 8px 0px 0px; margin: 0px; text-indent: 0px;} #contact_side li a {color: #3D3D3D; font-size: 14px; text-decoration: none; font-weight: normal; } #contact_side li a:hover {color: #ca5333; text-decoration:underline;} #publications_side {padding: 20px 0px 20px 0px; line-height: 2em;} #publications_side a {text-decoration: none; } #publications_side span {background-color: #ca5333; color: white; font-weight: bold; padding: 0 2px 0 2px} #analyses {padding-left: 0px; text-indent: 0;} #analyses span {padding: 0 1px 0 1px; background-color: #ca5333; margin-right: 5px;} .feat_content { margin-top: 7px;} .feat_content_side { padding: 0.7em 0.7em 0em 0em; } .feat_content_side a {font-weight: normal;} .feat_content_side a:hover {font-weight: normal;} .texte_contacts { font-size: 13px;} .texte_contacts a {font-weight: bold;} /* Archive styles -------------------------------------------------------------- */ #arch_content, #post_content { margin: 1.5em 0; } .archive_meta { margin: 1.5em 0; border: 0; } .archive_meta a { color: #3D3D3D; text-decoration: none;} .archive_meta a:hover { color: #ca5333; text-decoration: underline; } .archive_feed { padding: 0px 20px 0px 20px; margin: 0; border: 0; background: url(images/feedicon12.png) no-repeat 0 0; font-size: 12px; line-height: 12px; } .archive_number { padding: 0.5em 1.5em; margin: 0; border: 0; color: #3D3D3D; background: url(images/bg/info.png) no-repeat 0 8px; } .archive_description_cat, .archive_description_cat p { padding: 0.5em 5px; margin: 0; border: 0; color: #c5c5c5; text-align: left;} .archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; } .archive_post_block p {font-size: 13px;} .archive_post_block h4 { padding-bottom: 15px; } .archive_post_meta { color: #333; padding: 0 0 0.6em 0; } .archive_post_meta a, .post_meta a { color: #333; } .archive_post_meta a:hover, .post_meta a:hover { color: #333; text-decoration: underline; } /* Single post styles -------------------------------------------------------------- */ .espace { height: 20px; } #post_content blockquote { background: url(images/quote.png) no-repeat 0 0 #ca5333; width: 400px; margin: 25px 0 25px 0px; padding: 35px 35px 5px 75px;} #post_content blockquote p { text-align: left; line-height: 26px; font-size: 16px; color: white; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal;} #post_content p, #post_content li {font-size: 13px;} #post_content p img { margin: 0 10px 0 0;padding: 15px; float: none; } .logos {margin: 0;} #post_content p a, #arch_content p a {color: #777777; font-weight: normal;} #post_content p a:hover, #arch_content p a:hover { color: #ca5333; text-decoration: underline; font-weight: normal;} #post_content h2 {color: #3D3D3D; font-family: Helvetica, Arial, sans serif; padding: 10px 0 10px 0;} .alignright, .alignright a { text-align: right; color: #333; font-weight: normal; } .alignleft, .alignleft a, .alignleft img { text-align: left; color: #333; font-weight: normal; padding: 5px;} .alignright a:hover { text-decoration: underline; } .alignleft a:hover { text-decoration: underline; } #tableau_contenu {border: 0; } #corps {float: left; width: 510px; padding-bottom: 50px;} #informations {margin-left: 40px; margin-top: 45px; float: left; width: 190px;} #contenu_colonne_droite_titre { display: block; font-family: Helvetica, Arial, sans serif; font-size: 14px; color: #3D3D3D; text-align: right; padding-left: 30px; border-bottom: 1px solid #3D3D3D; line-height: 16px; } .contenu_colonne_droite_texte { margin-left: 20px; display: block; font-family: Helvetica, Arial, sans serif; font-size: 11px; color: #3D3D3D; text-align: right;} .contenu_colonne_droite_texte span { color: #ca5333; line-height: 30px; font-size: 14px;} .contenu_colonne_droite_texte a {color: #3D3D3D; text-decoration: none;} .contenu_colonne_droite_texte a:hover {text-decoration: underline; } .twitter {float:left; margin: 0 15px 0 0;} .facebook {margin: 21px 0 0 15px;} /* Comment area styles -------------------------------------------------------------- */ #comments { margin-top: 45px; } #comments p img { padding: 0 2px 0 2px; } #commenthead { margin-bottom: 1em; } ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; } ol#commentlist li { border-right: 3px solid #dadada; border-bottom: 1px solid #dadada; margin: 0 0 1em 0; padding: 0 0 1em 0; overflow-x: hidden; } ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; } ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #c5c5c5; } ol#commentlist cite a { color: #ca5333; text-decoration: none;} ol#commentlist cite a:hover { color: #3D3D3D; text-decoration: underline; } ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; } ol#commentlist li .commentauthor { font-weight: bold; color: #c5c5c5; } ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; color: #ca5333; text-decoration: none;} ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #3D3D3D; text-decoration: underline; } ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; } ol#commentlist li .commentcont {width: 510px; } ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0;} ol#commentlist li .comment_num {float: right; color: white; background-color: #dadada; border: 0; width: 30px; height: 30px; margin : 0; font-size: 24px; padding-left: 5px; text-align: center;} /* comment form */ #comment-form form { margin-top: 1.5em; } label.com { width: 100px; font-family: Helvetic, Arial, sans serif; } input.comtext, textarea.comtext { width: 500px; background-color: #eee; border: 1px solid #eee; padding: 2px; } input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #eee; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } input.comsubmit { background-color: #eee; border: 1px solid #c5c5c5; } input.comsubmit:focus, input.comsubmit:hover { background: #eee; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } /* archives page */ ul.archives, ul.wp-tag-cloud { color: #ca5333; margin: 0 0 1.5em 0; list-style: none; } ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 0; } ul.archives li a { color: #3D3D3D; } ul.wp-tag-cloud li a { color: #3D3D3D; } ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #ca5333; } /* Footer -------------------------------------------------------------- */ #footer { background: #CA5333; padding: 25px 15px 0 0px; color: #ffffff; } #footer_logo { width: 225px; float: left;} #footer_menu { width: 130px; height: 90px; border-right: 1px solid #c5c5c5; float: left; margin-right: 5px;} #footer_menu ul {list-style-type: none;} #footer_menu ul a {color: #ffffff; text-decoration: none;} #footer_menu ul a:hover { color: #c5c5c5;} #footer_categories_left { padding-left: 15px; width: 110px; height: 90px; float: left;} #footer_categories_left span { color: #3D3D3D; font-size: 18px; display:block; margin-bottom: -9px; } #footer_categories_left ul {list-style-type: none; margin-left: 0px; padding-left: 0px; } #footer_categories_left li a { color: #ffffff; text-decoration: none;} #footer_categories_left li a:hover { color: #c5c5c5;} #footer_categories_left li {margin-left: 0px; padding-left: 0px;} #footer_categories_right { width: 103px; height: 90px; float: left; border-right: 1px solid #c5c5c5;} #footer_categories_right ul {list-style-type: none; margin-left: 0px; padding-left: 0px;} #footer_categories_right li a { color: #ffffff; text-decoration: none;} #footer_categories_right li a:hover { color: #c5c5c5;} #footer_categories_right li {margin-left: 0px; padding-left: 0px;} #footer_about { width: 350px; float: left; color: white; font-size: 14px; padding-left: 20px;} #footer_about a {color: white; text-decoration: none;} #footer_about a:hover {text-decoration: none; color: #C1C1C1;} #footer_about span {color: #3D3D3D; font-size: 18px;} #employeurs {padding: 0 0 0 30px; float:left;} #employeurs #logo-massolia a {background: url("images/logo-massolia.png") 0 0 no-repeat; text-indent: -5000px; display:block; height: 45px; width: 132px; float:left; margin-top: 10px} #employeurs #logo-massolia a:hover {background-position: 0 -45px;} #employeurs #logo-bigyouth a {background: url("images/logo-bigyouth.png") 0 0 no-repeat; text-indent: -5000px; display:block; height: 47px; width: 58px; float: left; } #employeurs #logo-bigyouth a:hover {background-position: 0 -47px;} #employeurs #logo-gpr a {background: url("images/logo-gpr.png") 0 0 no-repeat; text-indent: -5000px; display:block; height: 47px; width: 58px; float:left; margin-left: 16px;} #employeurs #logo-gpr a:hover {background-position: 0 -47px;} #title_big {width: 960px; text-align: center; float:clear;} #footer_more {width: 960px; text-align: right; float: clear;} #footer_more a { color: #ffffff; text-decoration: none;} #footer_more a:hover { color: #c5c5c5;} .thanks {color: #3D3D3D; } /* About page -------------------------------------------------------------- */ #about_corps {width: 460px; float: left;} #about_side { width: 200px;} /* Miscellaneous styles -------------------------------------------------------------- */ /* heading styles */ h2.archive_name { font-family: Helvetica, Arial, sans serif; font-size: 18px; color: #3D3D3D; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; background-color: #eee; padding: 5px 20px 2px 20px; text-align: center;} h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; } h2.post_comm { font-family: Helvetica, Arial, sans serif; padding: 0.3em 0 0.2em 0.3em; margin: 0 0 0.2em 0; color: #3D3D3D; border-bottom: 1px solid #c5c5c5; background: #eee; } h2.post_comm2 {font-family: Helvetica, Arial, sans serif; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #3D3D3D; font-size: 14px; border-bottom: 1px solid #c5c5c5; } /* miscellaneous */ .none { display: none; } .border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; } .dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; } .navigation { color: #818181; } input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; } input.buttonem { background: #dadada; float: left; } /* image caption classes */ .captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; } .captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; } .captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; } .captionleft img, .captionright img, .captionfull img { margin: 0; display: block; } .captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; } /*Quotes style*/ div.pagination { padding:3px; margin:3px; text-align:center; } div.pagination a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ddd; text-decoration: none; color: #aaa; } div.pagination a:hover, div.pagination a:active { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #a0a0a0; } div.pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #e0e0e0; font-weight: bold; background-color: #f0f0f0; color: #aaa; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; } .fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .fix {display: inline-block;} * html .fix{height: 1%;} .fix{display:block;} .floatleft, .alignleft {float: left;margin: 3px 7px 0 0;} .floatright, .alignright {float: right;margin: 3px 0 0 7px;} .right {float:right;} .left {float: left;} .clear {clear: both;}