/* colour styles : light */ /* #f15a29 */ html {font-size: 100%} body { background: url(../images/bg-main.jpg); font-size:1em; line-height:1.3em; color:#929292; font-family: Cambria, "Adobe Garamond Pro", "Garamond", Georgia, "Times New Roman", Times, serif; margin: 0; } #wrap { width:100%; } /* font styles */ h1, h2, h3, h4 {font-family: "Lobster"} h1 { font-size:3em; line-height:4.2em; color:#929292; padding:0px; margin:0px; font-weight:300; } h2 { font-size:2.9em; line-height:.80em; color: #929292; padding:0px; text-align: center; margin-top:-25px; text-shadow: 1px 2px 1px gray;} h3 { font-size:1.3em; line-height:1.6em; color:black; padding:0; margin:0; font-weight:400; text-transform:none; display:block; clear:both;} h4 { font-size:1.1em; line-height:1.2em; color:black; padding:0px; margin:0px; font-weight:400; display:block; clear:both; } h5 { font-size:1em; line-height:22px; color:#929292; padding:0px; margin:0px; font-weight:400; } h6 { font-size:0.8em; line-height:22px; color:#929292; padding:0px; margin:0px; font-weight:400; } p { font-size:1em; line-height:1.4em; color:#929292; margin:0px; padding:0px; /*clear:both*/ ; padding-top:10px; padding-bottom:0px;} .stumblr-link>p {color: white;} /* list Styles */ ul { padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; padding-top:10px; } ul li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style:inside; list-style-type:square;} ol { padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; padding-top:10px; } ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style-type: decimal; } hr { background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;} /* link styles */ a:link {color:#C0BD9A; text-decoration: none;} p > a:link {color:#929292; font-weight: bold; text-decoration: none;} a:visited {color:#C0BD9A; text-decoration: none;} a:active {color:#C0BD9A; text-decoration: none;} a:hover {color:orange; text-decoration: none;} a:focus {outline-style: none;} .type-post p>a:link {color:#929292; font-weight: bold; text-decoration: underline;} .type-post p>a:visited {color:#929292; font-weight: bold; text-decoration: underline;} .type-post p>a:active {color:orange; font-weight: bold; text-decoration: underline;} .type-post p>a:hover {color:orange; font-weight: bold; text-decoration: underline;} /* site title styles */ #site-title {font-size: 3.5em; line-height:1.5em; font-weight: bold; margin: 0em 0em 0em .5em; text-shadow: 1px 1px 0px black, 2px 2px 0px #111, 3px 3px 0px #111, 4px 4px 0px #111, 5px 5px 0px #111, 6px 6px 0px #111, 7px 7px 0px #111; text-align:left; padding-bottom:0px; -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); } #site-description {font-size: 0.95em; line-height:.8em; margin: 0em 0em 0em 2em; text-align:left; -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);} /* sidebar styles */ #stumblr-sidebar { background: url("../images/bg-main.png") -30px -30px fixed no-repeat; width:250px; position:fixed; display:block; padding-left: 24px; } #stumblr-sidebar h3 {margin: 0px 0px 0px 0px; font-family: "Dosis"; font-weight:400; font-size: .75em; padding: 1px 2px 1px 2px; background-color: #C0BD9A; text-transform: uppercase;} #sidebar-widget-area {margin-top:20px;} .side-widget { display:inline; float:left; clear:both; margin-bottom:5px; width:180px; overflow:hidden; padding-top:15px; } .side-widget ul { list-style: none; margin:0px; padding:0px; width:180px;clear:both; margin-top:7px; } .side-widget ul li { float: left; display: block; font-size: 13px; margin:0px; padding:0px; width:180px; } .side-widget ul li a { display:block; line-height:20px; font-size:1em; padding-bottom:2px; padding-left:2px; font-weight:300; text-transform:none; } .side-widget .textwidget { font-family: "Dosis"; font-weight: 400; font-size: 0.75em; line-height:1.2em; color:#333; color: white; } #buttons {width:75px; padding-top:50px;} .button { background: url(../images/icons2.png) no-repeat 0 0; border-bottom: none !important; display: block; float: left; margin-right: 5px; overflow: hidden; text-indent: -999em; width: 15px; height: 15px;} .button:hover { background: url(../images/icons2.png) no-repeat 0 -15px;} .twitter { background-position: -90px 0;} .twitter:hover{ background-position: -90px -15px;} .spotify { background-position: -105px 0;} .spotify:hover{ background-position: -105px -15px;} /* post and page styles */ #post-area { width:744px; margin-left: 270px;display:block; padding-top:100px; margin-left:auto; margin-right:auto;} .type-post { width:744px; background:#FFF; display:inline; float:left; margin-bottom:120px; padding-bottom:15px; } .type-page { width:744px; background:#FFF; mdisplay:inline; float:left; margin-bottom:20px; padding-bottom:15px; } .type-attachment { width:744px; background:#FFF; margin-top:15px; display:inline; float:left; margin-bottom:20px; padding-bottom:15px; } .stumblr-title { padding-left:40px; padding-bottom:40px; display:block; } .stumblr-content { width:672px; margin-left:36px; display:inline; float:left;} .stumblr-content img { max-width:650px; height:auto;} .stumblr-content object { display:block; clear:both; margin-top:0px; margin-bottom:10px;} .stumblr-content iframe { display:block; clear:both; margin: 0 auto; float:left; margin-left:-36px;margin-top:0px; margin-bottom:10px;} .stumblr-content embed { display:block; clear:both; float:left; margin-left:-36px;margin-top:0px; margin-bottom:10px;} .stumblr-image { width:100%; display: table; padding: 0px; clear:both;} .stumblr-image img { display: table; width: 100%; height:auto; margin:0;} .stumblr-link { font-family: "Dosis", Baskerville,Georgia,serif; font-weight:200; font-size: 1.5em; line-height: 1.3em; letter-spacing:0.070em; min-height: 130px; padding-left: 150px; color: white;} .stumblr-audio { display:block; clear:right; margin:0 auto;} .link { font-size:0.6em; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: right;} .stumblr-meta { display:inline; width:672px; float:left; margin-left:36px; margin-top:20px; border-top: 1px dotted #e2e2e2; } .stumblr-meta p { padding:0; margin:0; line-height:16px; margin-top:5px; margin-bottom:5px;} .stumblr-date { font-family: "Dosis"; font-weight:400; display:inline; float:left; font-size:.75em; background:url(../images/light/date.jpg) top left no-repeat; line-height:16px; padding-left:20px; margin-right:20px; } .stumblr-category { display:inline; float:left; font-style:italic; color:#929292; font-size:11px; background:url(../images/light/cat.jpg) top left no-repeat; line-height:16px; padding-left:20px; margin-right:20px;} .stumblr-tag { font-family: "Dosis"; font-weight:400; display:inline; float:right; color:#929292; font-size:.8em; background:url(../images/light/cat.jpg) top left no-repeat; line-height:1.2em; padding-left:20px;} .stumblr-tag a {background: orange; color:white; font-weight: bold; padding: 0px 2px 0px 2px;} .stumblr-tag a:hover {background: #cc6600;} .format-link, .format-quote { background: none; width:672px; margin:20px 0px 100px 0px;} .guill {font-size: 4em; line-height:0;margin-left: -0.4em;} em {font-style: italic} strong {font-weight: bold} /* footer styles */ #footer-area { width: 960px; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; background:url(../images/light/bg-row.png) top left repeat-x; } .footer-widget { width:300px; margin-right:20px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; } .footer-widget ul { margin:0px; padding:0px; clear:both; margin-top:7px; } .footer-widget ul li { float: left; display:inline; font-size: 13px; margin:0px; padding:0px; width:300px; } .footer-widget ul li a { display:block; line-height:22px; padding-bottom:2px; padding-left:2px; font-weight:300; text-transform:none; } .footer-widget .textwidget { font-size:12px; line-height:19px; color:#333; } /* more widget styles */ .widget_search label { display:none; } .widget_search input { border:1px solid #8e8e8e; background:none; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:.75em; display:inline; float:left; height:.85em; line-height:.85em; outline:none; width:140px; padding:5px; border-radius: 3px; -moz-border-radius: 3px; margin-top:5px;} #searchsubmit { display:inline; float:left; width:20px; height:20px; line-height:20px; background:url(../images/light/search-light.png) top left no-repeat; border:none; text-indent:-9999px; margin-left:5px; margin-top:5px; } #searchsubmit:hover { display:inline; float:left; width:20px; height:20px; line-height:22px; background:url(../images/light/search-light.png) bottom left no-repeat; border:none; text-indent:-9999px; margin-left:5px; margin-top:5px; } /* copyright styles */ #copyright { width: 744px; display:block; padding-top:10px; margin:0 auto; clear:both; margin-bottom:20px; } #copyright p { font-family: "Dosis"; font-weight:400; padding-top:0px; color:#C0BD9A; font-size:12px; text-align:center;} /* post css3 styles */ .post { -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-box-shadow: 1px -1px 15px rgba(0,0,0,1); -moz-box-shadow: 1px 1px 15px rgba(0,0,0,1); box-shadow: 1px 1px 15px rgba(0,0,0,1); } .post.format-link, .post.format-quote {-moz-border-radius-bottomright: none; border-bottom-right-radius: none; -moz-border-radius-bottomleft: none; border-bottom-left-radius: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .page { -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.15); box-shadow: 0 1px 8px rgba(0,0,0,0.15); } .type-attachment { -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.15); box-shadow: 0 1px 8px rgba(0,0,0,0.15); } /* pagination styles */ .stuumblr-pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .stuumblr-pagination span { display:block; float:left; margin: 4px 4px 4px 0; padding:6px 9px 5px 9px;text-decoration:none; width:auto;color:#666; background-color:#fff;border: 1px solid #b3b3b3; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; background-color:#e5e5e5; } .stuumblr-pagination a { display:block; float:left; margin: 4px 4px 4px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto;color:#666; background-color:#fff;border: 1px solid #b3b3b3; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; background-color:#e5e5e5;} .stuumblr-pagination a:hover { border: 1px solid #b3b3b3; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; background-color:#fff;} .stuumblr-pagination .current { color:#666;border: 1px solid #b3b3b3; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; box-shadow: 0 1px 1px rgba(255,255,255,0.78), inset 0 1px 0 white; background-color:#fff;} /* comment styles */ #comment-form { margin-top:50px;} .comments-area ol { list-style:none; margin:0; padding:0; border-bottom:1px solid #8e8e8e; } .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px; } .avatar { display:none;} .reply { display:none;} .comment-meta { display:none;} .comment-author { font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; } #comment-form { width:50%; } #comment-form h4:hover {color:orange} .text-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-submit { clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e; } #com-slide { display: none;} .com-slide { padding-top:30px; } /* Additional and WordPress styles */ .clear { clear:both;} .aligncenter { display: block; margin: 0 auto; } .alignleft { border: 15px solid #FFFFFF; display: inline; float: left; margin-left: -130px; text-align: left; } .alignright { border: 15px solid #FFFFFF; display: inline; float: right; margin-right: -130px; text-align: left;} .more { float: right; } .wp-caption { text-align: left; margin-top:5px; margin-bottom:5px; } .wp-caption-text { margin-top:2px; text-align:left; font-style:italic; font-size:11px; color:#999; } .sticky {} .gallery-caption {} .bypostauthor {} blockquote { font-size:1em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; } #respond { display:none; } /* end of css file */ /* =Sommaire -------------------------------------------------------------- */ #sommaire, #sommaire-note, #sommaire-panel, #slide { width: 744px; height:auto; margin-left:auto; margin-right:auto;} #sommaire {padding-top:80px;} #sommaire-note { height: auto;} #sommaire-panel {margin-top: 50px;} .sommaire-titre {font-family: "Dosis"; font-weight:200; font-size: 1.5em; line-height: 1.2em; text-transform: uppercase; padding: 1px 2px 1px 2px; color:white; border-bottom: 1px solid orange;} .sommaire-titre:first-line { font-family: "Dosis"; font-weight:400; font-size: 1.25em;} #sommaire h4, #sommaire-panel h4, .btn-slide {font-family: "Dosis"; font-weight:400; font-size: 1em; text-transform: uppercase; padding: 1px 2px 1px 2px; color: black; background-color: orange; } .sommaire-content, .sommaire-content-panel { float: left; width:174px; margin:6px; height: auto; font-family: "Dosis"; font-weight:200; font-size:0.9em;} .sommaire-content-panel { width: 744px;} .sommaire-content-panel p{ width: 174px; margin: 10px 6px 0px 6px; display: inline; float: left; } .sommaire-content p:first-letter, .sommaire-content-panel p:first-letter{ font-size:150%;} .sommaire-content p > a, .sommaire-content-panel p > a{ color: #C0C0C0; font-weight:normal; } .sommaire-content p > a:hover, .sommaire-content-panel p > a:hover{ color:white; font-weight:normal; } #sommaire-panel {height: 400px; display: none; margin-bottom:0px; /*background-color: rgba(220, 170, 90, 0.2);*/} #sommaire-note { font-family: "Dosis"; font-size: 0.7em; color: white; font-weight:200; margin-top:0px; padding-top:10px; text-align:center; border-top: 1px solid orange;} #slide {display: block; clear:both; border:none;} #slide a {color: black; font-size: .9em; font-weight: bold;} #slide a:hover {background-color:#cc6600;} .btn-slide {float:right; display: block; }