959 lines
19 KiB
CSS
959 lines
19 KiB
CSS
|
/**
|
||
|
|
|
||
|
|
Theme Name: Liquorice
|
||
|
|
Theme URI: http://www.nudgedesign.ca/wordpress-themes/liquorice
|
||
|
|
Version: 2.2
|
||
|
|
Author: Nudge Design
|
||
|
|
Author URI: http://www.nudgedesign.ca
|
||
|
|
Tags: custom-background, two-columns, fixed-width, right-sidebar, light, brown, orange, blue
|
||
|
|
License: GNU General Public License v2.0
|
||
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||
|
|
Description: A simple and clean vintage looking theme for you to build on using Google's font API Lobster font. Custom background feature enabled.
|
||
|
|
Social media theme options and responsive design for iphone and iPad.
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
html, body, div, span, applet, object, iframe,
|
||
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||
|
|
a, abbr, acronym, address, big, cite, code,
|
||
|
|
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||
|
|
small, strike, strong, sub, sup, tt, var,
|
||
|
|
b, u, i, center,
|
||
|
|
dl, dt, dd, ol, ul, li,
|
||
|
|
fieldset, form, label, legend,
|
||
|
|
table, caption, tbody, tfoot, thead, tr, th, td {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
vertical-align: baseline;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
html {
|
||
|
|
overflow-y: scroll;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background: url(images/bg-paper.jpg) repeat ;
|
||
|
|
color:#121212;
|
||
|
|
font:100%/1.4em Georgia,"Times New Roman",Times,serif;
|
||
|
|
}
|
||
|
|
:focus {outline: 1px solid #ECE5DB;}
|
||
|
|
a {
|
||
|
|
color:#CC4D22;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
-webkit-transition: background 0.2s linear;
|
||
|
|
-moz-transition: background 0.2s linear;
|
||
|
|
-o-transition:background 0.2s linear;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
blockquote {
|
||
|
|
background:#E2DBD1;
|
||
|
|
border-left:7px solid #D1BFA6;
|
||
|
|
color:#7c6340;
|
||
|
|
font: 24px 'Lobster', Georgia, "Times New Roman", Times, serif;
|
||
|
|
margin: 0 25px;
|
||
|
|
}
|
||
|
|
blockquote p{
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
/* ul{ margin-left:15px; } */
|
||
|
|
ol{ padding-left:25px; }
|
||
|
|
#canvas {
|
||
|
|
background:transparent url(images/header-design.jpg) top right no-repeat;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding:40px;
|
||
|
|
width:920px;
|
||
|
|
}
|
||
|
|
#header{
|
||
|
|
margin: 0 auto 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* the heading and tagline are h1 on homepage and h4 on internal */
|
||
|
|
.accueil {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.accueil img {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#nom_site_spip,
|
||
|
|
#site-title,
|
||
|
|
#site-description,
|
||
|
|
#slogan_site_spip {
|
||
|
|
font-family:'Lobster', Georgia, "Times New Roman", Times, serif;
|
||
|
|
font-weight:normal ;
|
||
|
|
margin:60px auto 0;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#nom_site_spip a,
|
||
|
|
#site-title a {
|
||
|
|
background: url(images/title-stroke.gif) bottom left repeat-x;
|
||
|
|
color:#cc4d22;
|
||
|
|
font-size:80px;
|
||
|
|
line-height:1.6em;
|
||
|
|
text-shadow: -1px -1px 0 #7F3218;
|
||
|
|
}
|
||
|
|
#nom_site_spip a:hover,
|
||
|
|
#site-title a:hover{
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
/* the tagline is a span within the h1 or h4 */
|
||
|
|
#slogan_site_spip,
|
||
|
|
#site-description {
|
||
|
|
display: block;
|
||
|
|
font-size: 2em;
|
||
|
|
margin: 0 0 85px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#branding img {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAV AND SUB NAV
|
||
|
|
---------------------------------*/
|
||
|
|
/* ============
|
||
|
|
Level ONE
|
||
|
|
========== */
|
||
|
|
.menu-conteneur,
|
||
|
|
.main-menu {
|
||
|
|
background: url(images/nav-bg.gif) repeat-x scroll left top transparent;
|
||
|
|
height:46px;
|
||
|
|
font-size:14px;
|
||
|
|
font-weight:bold;
|
||
|
|
list-style: none;
|
||
|
|
margin:0;
|
||
|
|
padding-top:1px;
|
||
|
|
position:relative;
|
||
|
|
text-transform:uppercase;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.menu-conteneur ul li,
|
||
|
|
.main-menu ul li {
|
||
|
|
float:left;
|
||
|
|
list-style:none;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.ie6 .menu-conteneur ul,
|
||
|
|
.ie6 .menu-conteneur ul li,
|
||
|
|
.ie6 .main-menu ul,
|
||
|
|
.ie6 .main-menu ul li {
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.menu-conteneur li a,
|
||
|
|
.main-menu li a {
|
||
|
|
color: #121212;
|
||
|
|
display:block;
|
||
|
|
padding:11px 15px 10px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.menu-conteneur li a:hover,
|
||
|
|
.main-menu li a:hover {
|
||
|
|
background: #E2DBD1;
|
||
|
|
color:#CC4D22;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
/* ==================
|
||
|
|
Level TWO
|
||
|
|
================= */
|
||
|
|
.main-menu ul ul {
|
||
|
|
display: none;
|
||
|
|
float:none;
|
||
|
|
position: absolute;
|
||
|
|
margin-left:0;
|
||
|
|
padding:0;
|
||
|
|
left: 0;
|
||
|
|
top: 100%;
|
||
|
|
width: 200px;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
.main-menu ul ul li {
|
||
|
|
border-color:#FEFEFE #CCC #CCC #FEFEFE;
|
||
|
|
border-style:solid;
|
||
|
|
border-width:1px;
|
||
|
|
float:none;
|
||
|
|
}
|
||
|
|
.main-menu ul ul li a {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.main-menu ul ul li a:hover {
|
||
|
|
background: transparent;
|
||
|
|
color:#CC4D22;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
.main-menu ul li:hover > ul,
|
||
|
|
.main-menu ul li.sfhover ul {
|
||
|
|
background:#F0E9DF;
|
||
|
|
clear:both;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ================
|
||
|
|
Level THREE
|
||
|
|
================ */
|
||
|
|
.main-menu ul ul ul {
|
||
|
|
left: 100%;
|
||
|
|
position:absolute;
|
||
|
|
margin:0;
|
||
|
|
top: 0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.main-menu ul ul ul li{
|
||
|
|
margin:0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
/* Currently selected page nav item (and parent) if applicable */
|
||
|
|
.menu-liste li.on a,
|
||
|
|
.current_page_item a,
|
||
|
|
.current_page_parent a {
|
||
|
|
background: none repeat scroll 0 0 #E2DBD1;
|
||
|
|
color: #CC4D22;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.menu-liste li.on a:hover,
|
||
|
|
.current_page_item a:hover,
|
||
|
|
.current_page_parent a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MAIN CONTENT
|
||
|
|
---------------------------- */
|
||
|
|
#primary-content {
|
||
|
|
clear:both;
|
||
|
|
float: left;
|
||
|
|
margin: 10px 0 0;
|
||
|
|
padding: 0 15px;
|
||
|
|
width: 640px;
|
||
|
|
}
|
||
|
|
.sommaire .h2,
|
||
|
|
#descriptif_site_spip {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#primary-content h1,
|
||
|
|
#primary-content h2 {
|
||
|
|
margin: 10px 0 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#primary-content h1.postTitle,
|
||
|
|
#primary-content h2.postTitle,
|
||
|
|
#primary-content .entry-title {
|
||
|
|
font-size: 22px;
|
||
|
|
margin: 0 0 20px;
|
||
|
|
padding:10px 0;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#primary-content h1.postTitle a,
|
||
|
|
#primary-content .entry-title a,
|
||
|
|
#primary-content h2.postTitle a {
|
||
|
|
background:#0097a5 url(images/title-bg.gif) repeat 0 0;
|
||
|
|
-moz-border-radius: 10px;
|
||
|
|
-o-border-radius: 10px;
|
||
|
|
-webkit-border-radius: 10px;
|
||
|
|
border-radius:10px;
|
||
|
|
color:#fff;
|
||
|
|
font-size:24px;
|
||
|
|
font-weight:normal;
|
||
|
|
line-height:1.5em;
|
||
|
|
padding:10px 15px;
|
||
|
|
text-shadow:-1px -1px #333;
|
||
|
|
text-transform:uppercase;
|
||
|
|
}
|
||
|
|
#primary-content h1.postTitle a:hover,
|
||
|
|
#primary-content h2.postTitle a:hover,
|
||
|
|
#primary-content .entry-title a:hover,
|
||
|
|
#primary-content .sticky h2.postTitle a:hover {
|
||
|
|
background:#CC4D22 url(images/title-bg-over.gif) repeat 0 0;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
#primary-content .entry-title img {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#primary-content h3 {
|
||
|
|
margin: 10px 0 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
ol#posts {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#primary-content .info-publi,
|
||
|
|
#primary-content p.date {
|
||
|
|
background: url("images/border.gif") repeat-x scroll left center transparent;
|
||
|
|
color:#666;
|
||
|
|
font-size: 14px;
|
||
|
|
margin:10px 0 20px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#primary-content .info-publi .published,
|
||
|
|
#primary-content .info-publi .sep,
|
||
|
|
#primary-content .info-publi .auteurs,
|
||
|
|
#primary-content p.date small {
|
||
|
|
background:url("images/bg-paper.jpg") repeat scroll 0 0 transparent;
|
||
|
|
color:#666;
|
||
|
|
font-size:14px;
|
||
|
|
padding:0 10px;
|
||
|
|
}
|
||
|
|
#primary-content .info-publi .published {
|
||
|
|
padding-right: 0px;
|
||
|
|
}
|
||
|
|
#primary-content .info-publi .sep {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#primary-content .info-publi .auteurs {
|
||
|
|
padding-left: 0px;
|
||
|
|
}
|
||
|
|
li.postWrapper,
|
||
|
|
div.postWrapper {
|
||
|
|
background:url("images/border.gif") repeat-x scroll left bottom transparent;
|
||
|
|
margin:0 0 50px;
|
||
|
|
padding:0 0 20px;
|
||
|
|
}
|
||
|
|
div.entry-content {
|
||
|
|
overflow:hidden;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.entry-content p {
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
.attachment-post-thumbnail {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
background:#e2dbd1;
|
||
|
|
border: 1px solid #d1bfa6;
|
||
|
|
margin:0 10px 10px 0;
|
||
|
|
padding:3px;
|
||
|
|
}
|
||
|
|
img.wp-smiley {
|
||
|
|
background:none;
|
||
|
|
border:none;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.wp-caption {
|
||
|
|
margin-right:15px;
|
||
|
|
}
|
||
|
|
.wp-caption-text {
|
||
|
|
font-size:12px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.gallery-caption {
|
||
|
|
background:#F7F3ED;
|
||
|
|
background: rgba(255, 255, 255, 0.4);
|
||
|
|
border: 1px solid #FDFDFC;
|
||
|
|
margin-top: -10px;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
p.postMeta,
|
||
|
|
p.postMeta a {
|
||
|
|
color:#666;
|
||
|
|
font-size: 14px;
|
||
|
|
margin:20px 0;
|
||
|
|
}
|
||
|
|
li.postWrapper.sticky {
|
||
|
|
background:#F7F3ED;
|
||
|
|
background: rgba(255, 255, 255, 0.4);
|
||
|
|
border: 1px solid #FDFDFC;
|
||
|
|
-moz-border-radius: 10px;
|
||
|
|
-o-border-radius: 10px;
|
||
|
|
-webkit-border-radius: 10px;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 20px 10px;
|
||
|
|
}
|
||
|
|
#primary-content .sticky h2.postTitle a {
|
||
|
|
background: url(images/title-bg-sticky.gif) repeat scroll 0 0 #910f0f;
|
||
|
|
}
|
||
|
|
#primary-content .sticky p.date,
|
||
|
|
#primary-content .sticky p.date small {
|
||
|
|
background:none;
|
||
|
|
}
|
||
|
|
.post-link {
|
||
|
|
margin-bottom:40px;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
.pagination,
|
||
|
|
.postnavigation {
|
||
|
|
margin: 0 0 20px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.pagination a,
|
||
|
|
.postnavigation a {
|
||
|
|
color:#121212;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
.pagination-newer {
|
||
|
|
float: left;
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
.pagination .on a,
|
||
|
|
.pagination-newer a {
|
||
|
|
background: transparent url(images/pagination-left.jpg) no-repeat center left;
|
||
|
|
padding:5px 0 5px 30px;
|
||
|
|
width:105px;
|
||
|
|
}
|
||
|
|
.pagination-older {
|
||
|
|
float: right;
|
||
|
|
text-align: right;
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
.pagination-older a {
|
||
|
|
background: transparent url(images/pagination-right.jpg) no-repeat center right ;
|
||
|
|
float:right;
|
||
|
|
padding-right:30px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.page-link a {
|
||
|
|
border-right:1px solid #CC4D22;
|
||
|
|
margin-right:4px;
|
||
|
|
padding-right: 4px;
|
||
|
|
|
||
|
|
}
|
||
|
|
.contenu-principal h1 {
|
||
|
|
color: #07818C;
|
||
|
|
font-size: 35px;
|
||
|
|
line-height: 1.3;
|
||
|
|
text-align: center;
|
||
|
|
text-shadow: 2px 2px #FFFFFF;
|
||
|
|
}
|
||
|
|
.articles h2 {
|
||
|
|
color: #07818C;
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 1.3;
|
||
|
|
text-align: center;
|
||
|
|
text-shadow: 2px 2px #FFFFFF;
|
||
|
|
padding: 0 0 20px !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
#hierarchie {
|
||
|
|
font: 20px 'Lobster','lobster-1','lobster-2',Georgia,"Times New Roman",Times,serif;
|
||
|
|
}
|
||
|
|
.repondre,
|
||
|
|
.meta-publi {
|
||
|
|
font: 15px 'Lobster','lobster-1','lobster-2',Georgia,"Times New Roman",Times,serif;
|
||
|
|
padding-bottom: 15px;
|
||
|
|
}
|
||
|
|
/* ARCHIVE TITLE
|
||
|
|
------------------------*/
|
||
|
|
#primary-content #archives h1,
|
||
|
|
#primary-content #archives h2 {
|
||
|
|
background:none repeat scroll 0 0 #D1C4B1;
|
||
|
|
border:1px solid #FBFBFB;
|
||
|
|
border-color:#aaa #fbfbfb #fbfbfb #aaa;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius:6px;
|
||
|
|
color:#555;
|
||
|
|
font-size:26px;
|
||
|
|
margin:0 0 40px;
|
||
|
|
padding:15px 0;
|
||
|
|
text-align:center;
|
||
|
|
text-shadow:1px 1px #FBFBFB;
|
||
|
|
text-transform:uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* SIDEBAR
|
||
|
|
----------------------------*/
|
||
|
|
#secondary-content {
|
||
|
|
background:#e2dbd1;
|
||
|
|
border: 15px solid #d1bfa6;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
-o-border-radius: 6px;
|
||
|
|
border-radius:6px;
|
||
|
|
float: left;
|
||
|
|
margin: 60px 0 0;
|
||
|
|
padding:20px;
|
||
|
|
width: 178px;
|
||
|
|
}
|
||
|
|
.ie6 #secondary-content {
|
||
|
|
padding:15px;
|
||
|
|
}
|
||
|
|
#secondary-content h3 {
|
||
|
|
margin: 10px 0 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#secondary-content ul {
|
||
|
|
color:#666;
|
||
|
|
font: 16px Georgia, "Times New Roman", Times, serif;
|
||
|
|
list-style:none;
|
||
|
|
margin: 15px 0 30px;
|
||
|
|
}
|
||
|
|
#secondary-content > ul {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
#secondary-content > ul a {
|
||
|
|
color: #393939;
|
||
|
|
}
|
||
|
|
#secondary-content > ul > li {
|
||
|
|
font: 28px 'Lobster', Georgia, "Times New Roman", Times, serif;
|
||
|
|
margin: 0 0 10px;
|
||
|
|
text-shadow:1px 1px #FFF;
|
||
|
|
}
|
||
|
|
#secondary-content li {
|
||
|
|
border-bottom: 1px dotted #D1BFA6;
|
||
|
|
padding:5px 0;
|
||
|
|
}
|
||
|
|
.widget-area {
|
||
|
|
color: #666666;
|
||
|
|
font: 16px/1.5 Georgia,"Times New Roman",Times,serif;
|
||
|
|
list-style: none outside none;
|
||
|
|
margin: 15px 0 30px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.formulaire_recherche label,
|
||
|
|
#secondary-content h2.h2,
|
||
|
|
#secondary-content h2.h2 a {
|
||
|
|
text-align: left;
|
||
|
|
color: #666666;
|
||
|
|
font: 28px 'Lobster','lobster-1','lobster-2',Georgia,"Times New Roman",Times,serif;
|
||
|
|
margin: 10px 0;
|
||
|
|
padding: 0;
|
||
|
|
text-shadow: 1px 1px #FFFFFF;
|
||
|
|
}
|
||
|
|
.formulaire_recherche input.text {
|
||
|
|
width: 50%;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.7;
|
||
|
|
border: 1px solid #D1BFA6;
|
||
|
|
padding: 7px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.formulaire_recherche input.submit {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 1.7;
|
||
|
|
background: none repeat scroll 0 0 #0097A5;
|
||
|
|
border: 0 none;
|
||
|
|
border-radius: 10px 10px 10px 10px;
|
||
|
|
color: #FFFFFF;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: normal;
|
||
|
|
padding: 5px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
margin: 0 5px 20px;
|
||
|
|
}
|
||
|
|
.formulaire_recherche input.submit:hover {
|
||
|
|
background: none repeat scroll 0 0 #CC4D22;
|
||
|
|
}
|
||
|
|
.sidebaritem {
|
||
|
|
margin-bottom:15px;
|
||
|
|
}
|
||
|
|
fieldset,
|
||
|
|
form,
|
||
|
|
label,
|
||
|
|
input,
|
||
|
|
h2#postcomment,
|
||
|
|
h2#comments {
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
#searchform label {
|
||
|
|
float:left;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
#footer {
|
||
|
|
clear: both;
|
||
|
|
font-size: 80%;
|
||
|
|
padding-top:100px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#footer img {
|
||
|
|
margin: 0 5px;
|
||
|
|
border: 0;
|
||
|
|
background: none;
|
||
|
|
padding: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* normally hidden but will appear when css disabled */
|
||
|
|
.skip,
|
||
|
|
.noCss {
|
||
|
|
position: absolute;
|
||
|
|
left: -9999px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*theme requirements as per http://codex.wordpress.org/CSS*/
|
||
|
|
.aligncenter,
|
||
|
|
div.aligncenter {
|
||
|
|
display: block;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
.alignleft {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.alignright {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
#submit,
|
||
|
|
#error-search,
|
||
|
|
#searchBtn {
|
||
|
|
background:none repeat scroll 0 0 #0097A5;
|
||
|
|
border:0 none;
|
||
|
|
-moz-border-radius: 10px;
|
||
|
|
-o-border-radius:10px;
|
||
|
|
-webkit-border-radius: 10px;
|
||
|
|
border-radius:10px;
|
||
|
|
color:#FFF;
|
||
|
|
cursor:pointer;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:normal;
|
||
|
|
margin-top:10px;
|
||
|
|
padding:10px;
|
||
|
|
text-transform:uppercase;
|
||
|
|
}
|
||
|
|
#searchBtn {
|
||
|
|
margin-top:0;
|
||
|
|
padding:5px;
|
||
|
|
}
|
||
|
|
#error-search {
|
||
|
|
font-size:14px;
|
||
|
|
padding:5px 10px;
|
||
|
|
}
|
||
|
|
#submit:hover,
|
||
|
|
#error-search:hover {
|
||
|
|
background:#CC4D22;
|
||
|
|
}
|
||
|
|
#comments h2 {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.comments-list {
|
||
|
|
background: none repeat scroll 0 0 #F7F3ED;
|
||
|
|
border-bottom: 1px dotted #D1BFA6;
|
||
|
|
border-top: 1px dotted #FFFFFF;
|
||
|
|
list-style: none outside none;
|
||
|
|
padding: 18px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.forum-fil ul li {
|
||
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
||
|
|
border: 1px dotted #D1BFA6;
|
||
|
|
list-style: none outside none;
|
||
|
|
margin: 15px;
|
||
|
|
padding: 0.85em;
|
||
|
|
}
|
||
|
|
.comment-content img.spip_logos {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* SOCIAL MEDIA ICONS
|
||
|
|
----------------------- */
|
||
|
|
a.rss {
|
||
|
|
background:transparent url(images/socialMediaIcons.gif) -81px 0 no-repeat;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
margin-left:10px;
|
||
|
|
text-indent:-9999px;
|
||
|
|
width: 37px;
|
||
|
|
height:37px;
|
||
|
|
}
|
||
|
|
a:hover.rss {
|
||
|
|
background:transparent url(images/socialMediaIcons.gif) -81px -37px no-repeat;
|
||
|
|
-webkit-transition: none;
|
||
|
|
-moz-transition: none;
|
||
|
|
-o-transition:none;
|
||
|
|
}
|
||
|
|
a.twitter{
|
||
|
|
background:transparent url(images/socialMediaIcons.gif) 0px 0 no-repeat;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
text-indent:-9999px;
|
||
|
|
width: 37px;
|
||
|
|
height:37px;
|
||
|
|
}
|
||
|
|
a:hover.twitter{
|
||
|
|
background:transparent url(images/socialMediaIcons.gif) 0px -37px no-repeat;
|
||
|
|
-webkit-transition: none;
|
||
|
|
-moz-transition: none;
|
||
|
|
-o-transition:none;
|
||
|
|
}
|
||
|
|
a.facebook{
|
||
|
|
background:transparent url(images/socialMediaIcons.gif) -40px 0 no-repeat;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
margin-left:10px;
|
||
|
|
text-indent:-9999px;
|
||
|
|
width: 37px;
|
||
|
|
height:37px;
|
||
|
|
}
|
||
|
|
a:hover.facebook{
|
||
|
|
background:transparent url(images/socialMediaIcons.gif) -40px -37px no-repeat;
|
||
|
|
-webkit-transition: none;
|
||
|
|
-moz-transition: none;
|
||
|
|
-o-transition:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 404 PAGE
|
||
|
|
---------------------*/
|
||
|
|
.error-page {
|
||
|
|
background: #FFF;
|
||
|
|
border:15px solid #CC4D22;
|
||
|
|
-moz-border-radius: 10px;
|
||
|
|
-o-border-radius:10px;
|
||
|
|
-webkit-border-radius: 10px;
|
||
|
|
border-radius:10px;
|
||
|
|
line-height:1.3em;
|
||
|
|
padding:20px 40px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#primary-content .error-page h2 {
|
||
|
|
font: 3em/2em 'Lobster',Georgia,"Times New Roman",Times,serif;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#primary-content .error-page h2 span {
|
||
|
|
color:#CC4D22;
|
||
|
|
font-size:2.2em;
|
||
|
|
}
|
||
|
|
.error-page p {
|
||
|
|
margin-bottom:30px;
|
||
|
|
}
|
||
|
|
.error-page dt {
|
||
|
|
color:#CC4D22;
|
||
|
|
font: bold 2em 'Lobster',Georgia,"Times New Roman",Times,serif;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.error-page dd {
|
||
|
|
margin-top:20px;
|
||
|
|
}
|
||
|
|
.error-page a {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* COMMENTS & COMMENT FORM
|
||
|
|
------------------------------- */
|
||
|
|
#comment {
|
||
|
|
width: 500px
|
||
|
|
}
|
||
|
|
#s {
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
#respond {
|
||
|
|
background:#E2DBD1;
|
||
|
|
border:2px solid #D1BFA6;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-o-border-radius:6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius:6px;
|
||
|
|
margin-top:40px;
|
||
|
|
padding:15px;
|
||
|
|
}
|
||
|
|
#reply-title {
|
||
|
|
line-height:2em;
|
||
|
|
}
|
||
|
|
.required {
|
||
|
|
color:#CC4D22;
|
||
|
|
}
|
||
|
|
.form-allowed-tags {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
.comment-notes {
|
||
|
|
color:#666;
|
||
|
|
font-size:12px;
|
||
|
|
margin:0 0 30px;
|
||
|
|
}
|
||
|
|
#commentlist p {
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
#commentlist li {
|
||
|
|
background: #F7F3ED;
|
||
|
|
border-bottom:1px dotted #D1BFA6;
|
||
|
|
border-top:1px dotted #FFF;
|
||
|
|
list-style:none;
|
||
|
|
padding:10px;
|
||
|
|
}
|
||
|
|
#commentlist li ul li {
|
||
|
|
background:#fff;
|
||
|
|
border-bottom:none;
|
||
|
|
list-style:none;
|
||
|
|
margin:15px;
|
||
|
|
}
|
||
|
|
#commentlist li.bypostauthor {
|
||
|
|
background:#f5d1c5;
|
||
|
|
}
|
||
|
|
.comment-author a {
|
||
|
|
font: 20px 'Lobster', Georgia, "Times New Roman", Times, serif;
|
||
|
|
}
|
||
|
|
.comment-form-comment label {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
#commentform input {
|
||
|
|
margin-left:50px;
|
||
|
|
}
|
||
|
|
.comment-meta,
|
||
|
|
#commentlist cite {
|
||
|
|
color:#444;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.reply a {
|
||
|
|
background:#e27550;
|
||
|
|
-moz-border-radius: 3px;
|
||
|
|
-o-border-radius:3px;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
border-radius:3px;
|
||
|
|
color:#FFFFFF;
|
||
|
|
display:block;
|
||
|
|
height:1.5em;
|
||
|
|
text-align:center;
|
||
|
|
width:75px;
|
||
|
|
}
|
||
|
|
.avatar {
|
||
|
|
float:left;
|
||
|
|
margin-right:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CALENDAR
|
||
|
|
----------------------*/
|
||
|
|
#calendar_wrap {
|
||
|
|
background:#fff;
|
||
|
|
border:1px solid #D1BFA6;
|
||
|
|
font:18px Arial, Helvetica, sans-serif;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#wp-calendar {
|
||
|
|
padding:3px 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul{
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Spip admin boutons
|
||
|
|
----------------------*/
|
||
|
|
.spip-admin-boutons {
|
||
|
|
background-color: #0097A5 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Media queries for responsive design
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
@media (max-width: 1024px) {
|
||
|
|
#canvas {
|
||
|
|
padding:40px;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
#primary-content {
|
||
|
|
width: 65%;
|
||
|
|
}
|
||
|
|
#secondary-content {
|
||
|
|
border-width: 5px;
|
||
|
|
width: 18%;
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
margin: 10px 0;
|
||
|
|
height: auto;
|
||
|
|
max-width: 97%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.main-menu {
|
||
|
|
height: auto;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.main-menu ul {
|
||
|
|
background:url(images/nav-bg.gif) repeat-x scroll left bottom;
|
||
|
|
}
|
||
|
|
.main-menu ul li {
|
||
|
|
display: inline;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.main-menu ul li {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.main-menu li a {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.main-menu ul ul {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
#primary-content {
|
||
|
|
float: none;
|
||
|
|
margin-right: 0;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
#secondary-content {
|
||
|
|
clear: both;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
#secondary-content > ul > li {
|
||
|
|
float: left;
|
||
|
|
width: 33%;
|
||
|
|
}
|
||
|
|
#secondary-content ul ul {
|
||
|
|
float: left;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
#secondary-content li {
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
#secondary-content li li{
|
||
|
|
border-bottom: 1px dotted #D1BFA6;
|
||
|
|
}
|
||
|
|
li.postWrapper, div.postWrapper {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.pagination-older,
|
||
|
|
.pagination-newer {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media screen and (max-width: 480px) {
|
||
|
|
#canvas {
|
||
|
|
padding:10px;
|
||
|
|
}
|
||
|
|
.main-menu {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
#primary-content {
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
#secondary-content {
|
||
|
|
width: 89%;
|
||
|
|
}
|
||
|
|
#secondary-content > ul > li {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
#secondary-content ul ul {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
#site-title a,
|
||
|
|
#site-description {
|
||
|
|
background:none;
|
||
|
|
font-size:40px;
|
||
|
|
line-height: 1em;
|
||
|
|
}
|
||
|
|
#site-description {
|
||
|
|
font-size:25px;
|
||
|
|
margin:10px;
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
max-width:100%;
|
||
|
|
height:auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* print styles
|
||
|
|
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
|
||
|
|
*/
|
||
|
|
@media print {
|
||
|
|
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
|
||
|
|
a, a:visited { color: #444 !important; text-decoration: underline; }
|
||
|
|
a:after { content: " (" attr(href) ")"; }
|
||
|
|
abbr:after { content: " (" attr(title) ")"; }
|
||
|
|
.ir a:after { content: ""; } /* Don't show links for images */
|
||
|
|
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
||
|
|
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
||
|
|
tr, img { page-break-inside: avoid; }
|
||
|
|
@page { margin: 0.5cm; }
|
||
|
|
p, h2, h3 { orphans: 3; widows: 3; }
|
||
|
|
h2, h3{ page-break-after: avoid; }
|
||
|
|
}
|