/** 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; }*/ :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; } /* 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(img/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 ========== */ #nav .menu { background: url(img/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; } #nav .menu-items {border: 0;} #nav .menu-items .item { padding: 0; float:left; list-style:none; position:relative; } #nav .menu-items .item a { color: #121212; display:block; padding:11px 15px 10px; text-align:center; } #nav .menu-items .item a:hover { background: #E2DBD1; color:#CC4D22; text-decoration:none; } /* ================== Level TWO ================= */ #nav .menu-items .menu-items { display: none; float:none; position: absolute; margin-left:0; padding:0; left: 0; top: 100%; width: 200px; z-index:1; } #nav .menu-items .menu-items .item { border-color:#FEFEFE #CCC #CCC #FEFEFE; border-style:solid; border-width:1px; float:none; } #nav .menu-items .menu-items .item a { display: inline-block; } #nav .menu-items .menu-items .item a:hover { background: transparent; color:#CC4D22; text-decoration:none; } #nav .menu-items .item:hover > .menu-items, #nav .menu-items .item.sfhover .menu-items { background:#F0E9DF; clear:both; display:block; } /* ================ Level THREE ================ */ #nav .menu-items .menu-items .menu-items { left: 100%; position:absolute; margin:0; top: 0; padding:0; } #nav .menu-items .menu-items .menu-items .item{ margin:0; padding: 0; } /* Currently selected page nav item (and parent) if applicable */ .menu-items .item.on a { background: none repeat scroll 0 0 #E2DBD1; color: #CC4D22; text-decoration: none; } .menu-items .item.on a:hover { text-decoration: underline; } /* MAIN CONTENT ---------------------------- */ .page_sommaire .h2, #descriptif_site_spip {display: none;} #primary-content .entry-title {text-align:center;} #primary-content .entry-title a { background:#0097a5 url(img/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 .entry-title a:hover, #primary-content .sticky h2.postTitle a:hover { background:#CC4D22 url(img/title-bg-over.gif) repeat 0 0; text-decoration: none; } #primary-content .entry-title img {display: none;} #primary-content .info-publi, #primary-content p.date { background: url("img/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("img/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; } div.entry-content { overflow:hidden; text-align: left; } .spip_logos { background:#e2dbd1; border: 1px solid #d1bfa6; margin:0 10px 10px 0; padding:3px; } .liste-items .item:hover {background-color: #E8E1D7} /* 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(img/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; }*/ .content-principal h1 { color: #07818C; text-align: center; text-shadow: 2px 2px #FFFFFF; font-weight: bold; } .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 ----------------------------*/ .ie6 #secondary-content { padding:15px; } #secondary-content h3 { margin: 10px 0 0; padding: 0; } #secondary-content .liste-items { color:#666; border-top:0; } #secondary-content .liste-items a {} #secondary-content .liste-items .item { /*text-shadow:1px 1px #FFF;*/ } #secondary-content .item { border-bottom: 1px dotted #D1BFA6; } .formulaire_spip { background:#e2dbd1; border: 15px solid #d1bfa6; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius:6px; padding:20px; } .formulaire_spip fieldset legend {background:#e2dbd1;} .submit { 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; } #secondary-content .formulaire_recherche {border: 0;padding: 0;} .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 { line-height: 1.7; padding: 5px; 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 .menu {text-align: center;} #footer img { margin: 0 5px; border: 0; background: none; padding: 0; vertical-align: middle; } /* #searchBtn { margin-top:0; padding:5px; } #error-search { font-size:14px; padding:5px 10px; } #submit:hover, #error-search:hover { background:#CC4D22; } */ /* SOCIAL MEDIA ICONS ----------------------- */ /* a.rss { background:transparent url(img/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(img/socialMediaIcons.gif) -81px -37px no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition:none; } a.twitter{ background:transparent url(img/socialMediaIcons.gif) 0px 0 no-repeat; display:block; float:left; text-indent:-9999px; width: 37px; height:37px; } a:hover.twitter{ background:transparent url(img/socialMediaIcons.gif) 0px -37px no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition:none; } a.facebook{ background:transparent url(img/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(img/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; } */ .comments h2, .comment-form h3 { text-align: left; color: #666666; font: 28px 'Lobster','lobster-1','lobster-2',Georgia,"Times New Roman",Times,serif; text-shadow: 1px 1px #FFFFFF; } .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; } .comment-meta {background-color: #E2DBD1;} .comment-meta .permalink {color: #666;} .avatar { float:left; margin-right:20px; } caption{background-color:#E8E1D7;} thead th, tbody th {background-color:#D1BFA6;} table.spip tr.row_even td, table.spip tr.row_even th, tbody tr:nth-child(2n) td, tbody tr.even td {background: #E2DBD1;} /* 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(img/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; } }