/* Theme Name: Supercoin Theme URI: http://viewportindustries.com/products/starkers Description: D'après Starkers 'The totally nude Wordpress theme!' Version: 0.1 Author: Pyduc d'après Elliot Jay Stocks & Keir Whitaker Author URI: http://viewportindustries.com Tags: starkers, naked, clean, basic */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Dimensions blocs 04 Commun 05 Article 06 Accueil 07 Page =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @import "css/reset.css"; div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body {background:#fff url('img/bg.jpg') no-repeat fixed; background-size:100% 100%;} ::-moz-selection {background:#fcd; color:#322;} ::selection {background:#fcd; color:#322;} /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ body, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;} h1, h2, h3, h4, h5, h6 {font-weight:bold;} h1 {font-size:24px;} a {color:#c36; text-decoration:none;} a:hover {color:#f69; text-decoration:none;} a:active {color:#f9c; text-decoration:none;} /* ---------------------------------------------------------------------------------------------------------- 03 Dimensions blocs ----------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ #wrapper {width:1010px;} #header {height:200px;} #header-left, #left-col {width:230px;} #header-center, #content {width:585px; margin-left:65px; } #header-right, #right-col {width:130px;} #container, #footer {width:780px;} #menu-item-1950 a {width:123px;} #menu-item-1951 a, #menu-item-1952 a, #menu-item-1953 a {width:125px;} #menu-item-1954 a {width:124px;} #menu-item-1958 a {width:111px; padding-left:10px;} /* #nav1-accueil a {width:123px;} #nav1-carte a, #nav1-blog a, #nav1-trombines a {width:125px;} #nav1-potes a {width:124px;} #nav1-infos a {width:121px;} */ .post-home {width:250px; height:250px; margin-right:40px;} .post-home img {width:250px; height:auto;} li.post-highlight {width:540px; height:auto;} .post-highlight a.link-wrapper {display:block; max-height:250px; overflow:hidden;} .post-highlight img {width:auto;} .post, .blog {width:540px; margin-right:45px;} /* ---------------------------------------------------------------------------------------------------------- 04 Commun --------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ #wrapper {margin:0 auto;} #header-left, #header-center, #header-right {float:left; text-align:center;} #header-left {margin-top:20px;} #header-center {margin-top:90px;} #header-right {margin-top:50px;} #left-col, #main, #container, #nav1, #content, #footer {float:left;} .left-col-item {padding:13px 0; background:url('img/hr2.png') repeat-x;} #left-col-slogan, #left-col-address {text-align:center;} #left-col-address {font-size:140%;} #left-col-metro, #left-col-timetable, #left-col-follow {text-transform:uppercase;} #left-col-metro h3 {font-size:11px;} #left-col-metro p {margin-left:5px; padding-top:5px; font-size:10px; color:#666;} #left-col-timetable h3 {margin-bottom:5px;} #timetable {width:100%; border-bottom:1px #ccc dashed;} #timetable tr {border-top:1px #ccc dashed;} #timetable th {text-align:left; color:#666; font-weight:normal;} #timetable td {text-align:right;} #left-col-follow {text-align:right;} #left-col-follow strong {padding-right:20px;} #left-col-follow img {padding-left:5px;} #right-col {float:right;} #right-col-title, #right-col-news {padding:5px 0; background:url('img/hr1.png') repeat-x;} #right-col-news {} .news {padding-top:20px; text-transform:uppercase;} .news-date {font-weight:bold;} .news-day {font-size:24px;} .news-time {padding:3px 0 2px 0; background:url('img/hr1.png') repeat-x; color:#666; font-size:10px;} .news-time strong {font-size:12px;} .news-title {padding-top:5px; background:url('img/hr1.png') repeat-x;} .news-image {padding:5px 0;} #nav1 {margin-bottom:42px; padding-top:6px;} #nav1 li {float:left; margin-left:6px; font-family:"Copperplate Gothic Bold", Verdana, sans-serif; letter-spacing:1px; text-transform:uppercase; text-align:center;} #nav1 a {display block; float:left; padding-top:6px; height:21px; color:#fff; text-decoration:none;} #menu-item-1950 {background:url('img/nav-1-bg-accueil.png') no-repeat;} #menu-item-1950:hover {background:url('img/nav-1-bg-accueil-hover.png') no-repeat;} #menu-item-1951 {background:url('img/nav-1-bg-carte.png') no-repeat;} #menu-item-1951:hover {background:url('img/nav-1-bg-carte-hover.png') no-repeat;} #menu-item-1952 {background:url('img/nav-1-bg-blog.png') no-repeat;} #menu-item-1952:hover {background:url('img/nav-1-bg-blog-hover.png') no-repeat;} #menu-item-1953 {background:url('img/nav-1-bg-trombines.png') no-repeat;} #menu-item-1953:hover {background:url('img/nav-1-bg-trombines-hover.png') no-repeat;} #menu-item-1954 {background:url('img/nav-1-bg-potes.png') no-repeat;} #menu-item-1954:hover {background:url('img/nav-1-bg-potes-hover.png') no-repeat;} #menu-item-1958 {background:url('img/nav-1-bg-infos.png') no-repeat;} #menu-item-1958:hover {background:url('img/nav-1-bg-infos-hover.png') no-repeat;} #nav1 li#menu-item-1958 {text-align:left;} #content p {margin-bottom:10px; text-align:justify;} #footer {margin:20px 0 20px 230px; background:url('img/hr2.png') repeat-x center; text-transform:uppercase; font-size:10px;} #footer-address {float:left; width:45%; padding-top:32px;} #footer-logo {float:left; width:7%; text-align:center;} #footer-links {float:right; width:48%; padding-top:32px; text-align:right;} /* ---------------------------------------------------------------------------------------------------------- 05 Article -------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .post {} .post h1 {margin-bottom:24px;} .post img {margin:24px 0;} .post h1+img {margin-top:0;} .post h2 {font-size:16px;} li.post-highlight p {margin-top:24px; font-size:16px; line-height:28x;} .postNav {padding-top:24px;} .postNav .previous {float:left;} .postNav .next {float:right;} .blog {} .blog h1 {margin-bottom:24px;} .blog li {margin-bottom:50px; padding-bottom:44px; background:url('img/hr1.png') repeat-x bottom;} .blog li:last-child {background:none;} .blog h1+img {margin-top:0;} .blog h2 {font-size:20px; margin-bottom:10px;} #content p.datePub {margin-bottom:20px; color:#666;} /* agenda */ .event-date {text-transform:lowercase;} .event-day {} .event-starttime-label {font-weight:normal;} .event-starttime {} /* Pagination */ ul.page-numbers { margin: 20px 0 10px; width: 100%; padding: 0; font-size: 12px; line-height: normal; clear: both; float: left; } ul.page-numbers li { float: left; } ul.page-numbers a, ul.page-numbers span { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#E4E3E3), to(#FFFFFF)); background: -moz-linear-gradient(top, #E4E3E3, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E3E3', endColorstr='#FFFFFF'); padding: 3px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #666; } ul.page-numbers a:hover, ul.page-numbers span.current { border: 1px solid #666; color: #444; } /* ---------------------------------------------------------------------------------------------------------- 06 Accueil -------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ #banner {float:left;} .home-news-title {margin-bottom:24px; font-size:24px; color:#888;} .post-home {float:left; overflow:hidden; margin-bottom:40px; background:url('img/hr2.png') repeat-x top;} .post-home h2 {margin:12px 0 6px 0; font-size:24px;} .post-home h2 a {color:#000; text-decoration:none;} .post-home h2 a:hover {color:#f69; text-decoration:none;} .post-home h2 a:active {color:#f9c; text-decoration:none;} .post-home-attributs {margin-bottom:6px; color:#666;} .post-highlight {margin-bottom:24px; padding-bottom:36px;} .post-highlight h2 {margin:36px 0; font-size:24px;} /* ---------------------------------------------------------------------------------------------------------- 07 Page -------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ body.page {}