/* Theme Name: Resistance Description: le theme officiel du site "Resistance, Histoires de Familles 1940-1945" Theme URI: http://www.resistance-familles.com/ Version: 1.0 Author: Cedric Neveu Author URI: http://www.cooperanet.com/ */ /* Reset */ html, body, form, fieldset { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl, address { margin: 0; padding: 0; } li, dd, blockquote { margin-left: 1em; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; font-family: inherit; } /* General */ a:link, a:visited, #featured-desc a:link, #featured-desc a:visited, #actu a:link, #actu a:visited {text-decoration: none; color: #cd071e;} a:hover, a:active, #featured-desc a:hover, #featured-desc a:active, #actu a:hover, #actu a:active {text-decoration: underline; color: #af0000;} h2 a:link, h2 a:visited, h4 a:link, h4 a:visited {text-decoration: none; color: #000;} h2 a:hover, h2 a:active, h4 a:hover, h4 a:active {color: #000;} h1 {font-size: 28px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 17px;} h5 {font-size: 15px;} h6 {font-size: 13px;} img {border: 0;} ul, li {margin: 0; padding: 0; list-style-type: none;} /* Resistance, Histoires de Familles */ html,body{font: 12px Arial, sans-serif; color: #5b5042; background: #9a9083 url('images/background.png') repeat-x top center;} #title {width: 990px; margin: 0 auto; height:65px;} #global {width: 990px; margin: 0 auto; background: url('images/center.png') repeat-y;} #header {padding: 0px 15px 20px 15px; background: url('images/header.png') no-repeat bottom center;} #navigation {width: 960px; height: 47px; position: relative;} .nav { width: 960px; height: 47px; background: url('images/navigation.png') no-repeat;} .nav li {display: inline;} .nav a:link, .nav a:visited {position: absolute; height: 47px; text-indent: -9000px; overflow: hidden;} .nav .accueil a:link, .nav .accueil a:visited {left: 0px; width: 96px;} .nav .accueil a:hover, .nav .accueil a:active, .nav .accueil a:focus {background: url('images/navigation.png') no-repeat 0px -47px;} .current-accueil .accueil a:link, .current-accueil .accueil a:visited {background: url('images/navigation.png') no-repeat 0px -94px; cursor: default;} .nav .ouvrage a:link, .nav .ouvrage a:visited {left: 96px; width: 126px;} .nav .ouvrage a:hover, .nav .ouvrage a:active, .nav .ouvrage a:focus {background: url('images/navigation.png') no-repeat -96px -47px;} .current-ouvrage .ouvrage a:link, .current-ouvrage .ouvrage a:visited {background: url('images/navigation.png') no-repeat -96px -94px; cursor: default;} .nav .actu a:link, .nav .actu a:visited {left: 221px; width: 131px;} .nav .actu a:hover, .nav .actu a:active, .nav .actu a:focus {background: url('images/navigation.png') no-repeat -221px -47px;} .current-actu .actu a:link, .current-actu .actu a:visited {background: url('images/navigation.png') no-repeat -221px -94px; cursor: default;} .nav .temoignages a:link, .nav .temoignages a:visited {left: 351px; width: 150px;} .nav .temoignages a:hover, .nav .temoignages a:active, .nav .temoignages a:focus {background: url('images/navigation.png') no-repeat -351px -47px;} .current-temoignages .temoignages a:link, .current-temoignages .temoignages a:visited {background: url('images/navigation.png') no-repeat -351px -94px; cursor: default;} .nav .reperes a:link, .nav .reperes a:visited {left: 501px; width: 222px;} .nav .reperes a:hover, .nav .reperes a:active, .nav .reperes a:focus {background: url('images/navigation.png') no-repeat -501px -47px;} .current-reperes .reperes a:link, .current-reperes .reperes a:visited {background: url('images/navigation.png') no-repeat -501px -94px; cursor: default;} .nav .recherches a:link, .nav .recherches a:visited {left: 723px; width: 134px;} .nav .recherches a:hover, .nav .recherches a:active, .nav .recherches a:focus {background: url('images/navigation.png') no-repeat -723px -47px;} .current-recherches .recherches a:link, .current-recherches .recherches a:visited {background: url('images/navigation.png') no-repeat -723px -94px; cursor: default;} .nav .contact a:link, .nav .contact a:visited {left: 857px; width: 103px;} .nav .contact a:hover, .nav .contact a:active, .nav .contact a:focus {background: url('images/navigation.png') no-repeat -857px -47px;} .current-contact .contact a:link, .current-contact .contact a:visited {background: url('images/navigation.png') no-repeat -857px -94px; cursor: default;} #header-top {width: 940px; padding: 0 10px;} #description {float: left; width: 460px; padding: 0 20px 0 0; text-align: justify;} #description h4 {font-weight: normal;} #header-title {float: left; width: 480px; height: 53px;} #header-top-right {float: right; width: 460px;} #search {float: left; display: inline; position: relative; width: 210px; padding: 0px 30px 0px 70px;} #s {float: left; width: 155px; height: 26px; padding: 9px 10px 0px 10px; font: 12px Times New Roman, serif; color: #5b5042; background: url('images/search-input.png') no-repeat; border: 0;} #searchsubmit {float: left; width: 35px; height: 35px; background: url('images/search-submit.png') no-repeat 0px 0px; border: 0;} #searchsubmit:hover {background-position: 0px -35px; cursor: pointer;} #flux {width: 140px; height: 35px; float: right; background: url('images/flux.png') no-repeat;} #rss {float: left; width: 32px; padding: 7px 0px 0px 15px;} #feed {float: right; width: 32px; padding: 7px 15px 0px 0px;} #header-bottom {position: relative; width: 940px; padding: 0 10px;} #featured-img {float: left; width: 425px; height: 225px; padding: 37px 38px 18px 17px;background: url('images/featured.png') no-repeat; position: relative;} #featured-banner {width: 425px; height: 70px; color: #fff; text-align: right; background: url('images/featured-banner.png') no-repeat; position: absolute; top: 187px; left: 17px;} #book {float: left; position: relative; width: 480px; height: 220px; background: url('images/book.png') no-repeat;} #book-button {position:absolute; top: 170px; left: 210px; width: 151px; height: 31px; overflow: hidden;} #date-to-publish {font-weight: bold; text-align: center; padding-top: 120px; padding-left: 90px;} .hr {width: 460px; height: 2px; margin-top: 5px; background: url('images/hr.png') no-repeat;} #featured-desc {float: right; width: 450px; margin-top: 25px; padding: 0px 0px 0px 10px; font-size: 14px; text-align: justify;} #featured-desc p {padding: 1px 0px;} #book-desc {float: right; width: 460px; margin-top: 20px; padding: 40px 0px 0px 0px; text-indent: 30px; text-align: justify; background: url('images/about-book.png') no-repeat top;} #publish-box {position: absolute; bottom: 5px; right: 10px; width: 460px; height: 46px;} .publish { width: 460px; height: 46px; background: url('images/publish.png') no-repeat;} .publish li {display: inline;} .publish a:link, .publish a:visited {position: absolute; height: 46px; text-indent: -9000px; overflow: hidden;} .publish .publish-link a:link, .publish .publish-link a:visited {left: 0px; width: 460px;} .publish .publish-link a:hover, .publish .publish-link a:active, .publish .publish-link a:focus {background: url('images/publish.png') no-repeat 0px -46px;} #login {padding: 45px 0px 20px 0px; background: url('images/login.png') no-repeat top center;} #login p {float: left; margin-top: 10px; padding-right: 10px;} #login h6 {margin-top: 10px;} #login label {font-weight: bold; color: #cd071e;} #log, #pwd {width: 172px; height: 18px; margin-top: 5px; padding: 3px; font-weight: bold; color: #cd071e; border: 1px solid #5b5042;} #center {padding: 20px 15px 20px 15px;} #left {float: left; width: 220px; padding: 0px 10px; text-align: left;} #left a:link, #left a:visited {font-weight: bold; color: #9a9083;} #left a:hover, #left a:active {text-decoration: none; color: #a99f92;} #left ul {padding-bottom: 30px;} #left ul li {padding: 5px 0px 10px 10px; background: url('images/li.png') no-repeat bottom;} .select {width: 160px; height: 24px; margin: 5px 0 0 0; border: 1px solid #9a9083; font-size: 12px; font-weight: bold; color: #cd071e;} #left-title-ouvrage, #left-title-temoignages, #left-title-reperes, #left-title-recherches, #left-title-contacts {display: inline; position: relative; float: left; width: 235px; height: 50px; margin: 0px 0px 15px -15px;} #left-title-ouvrage {background: url('images/left-title-ouvrage.png') no-repeat;} #left-title-temoignages {background: url('images/left-title-temoignages.png') no-repeat;} #left-title-reperes {background: url('images/left-title-reperes.png') no-repeat;} #left-title-recherches {background: url('images/left-title-recherches.png') no-repeat;} #left-title-contacts {background: url('images/left-title-contacts.png') no-repeat;} #left-title-contacts img {margin: 10px 0px 0px 175px;} #content {float: left; width: 540px; padding: 0px 10px;} #actu-agenda {background: url('images/actu-agenda.png') no-repeat top; padding: 40px 0 0 0; overflow: hidden;} #actu {float: left; width: 300px;} #actu .post-content {text-align: center; padding: 10px; border: 1px solid #5b5042; background-color: #e9e6df;} #actu .post-title h6 {margin: 0; color: #000;} #agenda {float: right; width: 220px;} #agenda li {margin-bottom: 5px;} #page{} #page .post-content ul{margin-left: 40px;} #page .post-content li {list-style-type: square; margin-bottom: 10px;} .pdf {width: 540px; height: 60px; margin-top: 10px; background: url('images/pdf.png') no-repeat;} .pdf img {float: left; padding: 6px 0px 0px 12px;} .pdf p {float: left; padding: 21px 10px 0px 10px; font-size: 18px;} #index {margin-top: 20px;} .summary li {font-size: 18px; font-weight: bold; width: 375px; padding: 14px 12px 28px 60px; background: url('images/summary.png') no-repeat;} .summary li ul {margin-top: 40px;} .summary li ul li {} #category {padding: 0;} #temoignages {padding: 10px 0 30px 0;} #temoignages .post-content {text-align: justify;} #temoignages h2 {width: 540px; height: 40px; background: url('images/content-title-temoignages.png') no-repeat;} .post-title {padding: 9px 0 2px 0;} .post-title h2 {text-transform: uppercase;} .post-header {position: relative; width: 540px; margin-top: 20px; font-weight: bold; color: #000;} .post-img {float: left; padding: 10px; margin: 0 10px 10px 0; border: 1px solid #5b5042; background-color: #e9e6df;} .post-details {position: absolute; left: 302px; bottom: 0px; width: 218px; padding-left: 20px;} .post-content {padding: 10px 0 20px 0;} .post-content p {margin: 5px 0;} .post-content ul {margin: 20px 0;} .post-category {text-align: right;} .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 0 0 20px 0;} .search-result {margin: 20px 0;} .search-result h3, .search-result p {margin-bottom: 10px;} #comment-form {} #commentform {margin: 0 145px;} #author, #email, #url {width: 221px; height: 24px; padding: 10px 12px 0 12px; margin-bottom: 20px; background: url('images/comment-input.png') no-repeat; border: none;} #submit{width: 124px; height: 34px; margin: 10px 60px 0 60px; background: url('images/submit.png') no-repeat 0px 0px; border: 0; color: #fff;} #submit:hover {background-position: 0px -34px; cursor: pointer;} #comment-form h3 {width: 540px; height: 40px; background: url('images/donnez-avis-ouvrage.png') no-repeat; margin: 7px 0 30px 0;} #comment {width: 223px; height: 100px; padding: 10px 12px 12px 12px; background: url('images/comment-textarea.png') no-repeat; border: none;} #comments-all {} #comments-all h3 {width: 540px; height: 40px; background: url('images/avis.png') no-repeat; margin: 41px 0 30px 0;} .navigation {font-size: 14px; font-weight: bold; text-align: center;} /* WP Generated Classes */ .commentlist {} .comment {margin-bottom: 20px; padding: 10px;} .comment-author {} .comment-author:before {content:"L'avis de ";} .vcard {} .fn {} .says {display: none;} .comment-meta:before{content:"Le ";} .commentmetadata {} .reply {} .even {} .odd {background-color: #ededed;} .thread-even {} .thread-odd {} .comment #customfields-textfield-1, #customfields-textfield-3, #customfields-textfield-4 {width: 221px; height: 24px; padding: 10px 12px 0 12px; background: url('images/comment-input.png') no-repeat; border: none;} .customfields-text { width: 221px; height: 24px; padding: 10px 12px 0 12px; background: url('images/comment-input.png') no-repeat; border: none; } #content_title {width: 221px; height: 24px; padding: 10px 12px 0 12px; background: url('images/comment-input.png') no-repeat; border: none;} #content_content {width: 344px; height: 164px; margin-bottom: 40px; padding: 10px; background: url('images/avis-textarea.png') no-repeat; border: none;} #tdomf_form2_send, #tdomf_form2_preview {width: 124px; height: 34px; background: url('images/submit.png') no-repeat 0px 0px; border: 0; color: #fff;} #tdomf_form2_send:hover, #tdomf_form2_preview:hover {background-position: 0px -34px; cursor: pointer;} #right {float: left; width: 140px; padding: 30px 10px 0px 10px; text-align: center;} #right img {margin-bottom: 10px;} #partenaires-officiels {width: 140px; height: 115px; padding-top: 55px; background: url('images/partenaires-officiels.png') no-repeat;} #partenaires {width: 140px; padding-top: 40px;} #footer {width: 990px; height: 50px; padding: 30px 0 0 0; background: url('images/footer.png') no-repeat;} #footer p {text-align: center;} .clear {clear: both;} .hidden {display: none;} .align-right {text-align: right;} .next {font-size: 13px;} .li-left {font-size: 9px; color: #cd071e;} .red {color: #cd071e;} .spacer {width: 540px; height: 20px; background: url('images/spacer.png') no-repeat; margin: 15px 0; clear: both;} .suite {text-align: right} .suite a:link, .suite a:visited {font-weight: bold; color: #9a9083;} .suite a:hover, .suite a:active {color: #cd071e;} .underline {width: 540px; height: 5px; background: url('images/underline.png') no-repeat;} /* WordPress Generated Classes */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .pagination {font-weight: bold; font-size: 12px; text-align: center;} .pagenav {} .page_item {} #left .current_page_item a {color: #af0000; cursor: default;} .current_page_parent {} .current_page_ancestor {}