/* @group Disposition des blocs */ /* Disposition des blocs */ body { min-height: 700px; } #conteneur{ width: 900px !important; display: inline-block; } #page { margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 40px; width: 900px !important; } #navigation { float: left; width: 230px; min-height: 500px; border-right: 1px solid silver; } #contenu { width: 600px; min-height: 500px; float: right; } .socialtags { padding: 10px !important; max-width: 200px; position: absolute; top: 30px; right: 30px; clear: none; border: 1px solid gray; -moz-box-shadow: 1px 1px 2px rgba(193, 184, 183, 0.68); -webkit-box-shadow: 1px 1px 2px rgba(193, 184, 183, 0.68); box-shadow: 1px 1px 2px rgba(193, 184, 183, 0.68); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; background: transparent !important; } /* @group Navigation */ /* @end */ #contenu .liste.sites, #contenu .liste.breves { padding-left: 10px; padding-right: 10px; } #contenu .liste.articles ul { margin-top: 0; list-style-type: none; } .pagination.selecteur_archives { text-align: left; position: relative; float: right; top: -60px; } .meta-publi { margin-bottom: 15px; clear: both; } .socialtags { padding: 10px !important; background-color: silver; max-width: 200px; position: absolute; top: 30px; right: 30px; } #formulaire_contact { padding-left: 0 !important; width: 90%; margin: 10px auto; } .formulaire_signature { padding-left: 0 !important; width: 90%; margin: 10px auto; } .formulaire_signature ul { padding-left: 0 !important; } #comments { width: 95%; margin-right: auto; margin-left: auto; border-top: 1px solid silver; } #pied { margin-top: 20px; padding: 3px; clear: both; } .liste.articles p.pagination { width: 100%; text-align: right; } .comment.hreview { margin-top: 10px; margin-bottom: 20px; border-top: 1px solid silver; } #formulaire_forum { margin-top: 30px; } /* @end */ /* @group Couleurs de blocs & co */ /* Couleurs de blocs & co */ body { background-image: -moz-linear-gradient(180deg, rgba(218, 217, 217, 0.41) 0%, rgba(0, 0, 0, 0.37) 99.1%); background-image: -webkit-gradient(linear, right bottom, left bottom, from(rgba(218, 217, 217, 0.41)), color-stop(0.991, rgba(0, 0, 0, 0.37))); } #entete .accueil img.spip_logos{ border: 1px solid gray; -moz-box-shadow: 0 0 1px rgb(243, 241, 241); -webkit-box-shadow: 0 0 1px rgb(243, 241, 241); box-shadow: 0 0 1px rgb(243, 241, 241); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #navigation,#extra, #conteneur,.liste.articles, .contenu-principal, .comment-form, .formulaire_signature, #hierarchie { background-color: #d4d3d3; } #conteneur { border: 1px solid gray; -moz-box-shadow: 0 0 1px rgba(165, 46, 39, 0.48); -webkit-box-shadow: 0 0 1px rgba(165, 46, 39, 0.48); box-shadow: 0 0 1px rgba(165, 46, 39, 0.48); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } blockquote { border: 1px solid gray !important; -moz-box-shadow: 0 0 2px #241616; -webkit-box-shadow: 0 0 2px #241616; box-shadow: 0 0 2px #241616; width: 80%; margin-right: auto !important; margin-left: auto !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; ; } #navigation{ padding-left: 15px; padding-right: 5px; margin-top: 10px; } #formulaire_inscription { margin-top: 20px; margin-bottom: 20px; } #contenu{ padding-right: 40px; } #contenu .liste h2.h2 { border-bottom: 1px solid silver; margin-left: 10px; margin-right: 100px; width: 75%; clear: both; } #contenu>.contenu-principal>.surlignable{ margin-left: 30px; margin-top: 30px; } /* @end */ /* @group Polices */ body { color: black; font: 0.88em "Lucida Grande", Lucida, Verdana, sans-serif; } a, a.spip_out { color: maroon; text-decoration: none; } #nom_site_spip a { text-shadow: 1px 1px 2px rgba(251, 249, 249, 0.98); color: rgba(58, 21, 21, 0.75); font-size: 44px; border-bottom: none; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .liste.articles, #contenu,#navigation, .contenu-principal, .comment-form { color: black; font-size: 13px; } #pied, #pied a { font-size: 11px; color: gray; } /* @end */ /* @group Nav (menu) */ /* Navigation */ #nav{ display: block; padding: 15px 0px; } #nav h2, { font-size: 24px; color: #f8f8f8; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); margin-top: 0; } #nav ul.menu-liste { list-style:none; padding: 0; } #nav ul.menu-liste li.menu-entree { display:inline; } #nav a, #nav a, #nav a:hover{ display: inline-block; border: 1px solid #6d0019; padding: 4px 10px 3px; font-size: 13px; line-height: 18px; margin: 2px 3px; font-weight: 800; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color:#fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #a90329; background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); text-transform: uppercase; } #nav a:hover{ background: #6d0019; } #nav a:on{ background: #6d0019; background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329)); background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); background: linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9); box-shadow: 0px 1px 1px rgba(255,255,255,0.9); } /* @end */ /* @group Titres & co */ h1, h2{ text-transform: uppercase; text-shadow: 1px 1px 1px rgba(58, 14, 14, 0.98); color: rgba(171, 57, 57, 0.36); } #contenu .cartouche h1{ border-bottom: 1px solid silver; } /*#contenu h3.h3.entry-title*/ #contenu .liste.articles h3 { text-transform: uppercase; text-shadow: 0 0 1px rgba(58, 14, 14, 0.98); color: rgba(171, 57, 57, 0.36); font-size: 18px; margin-left: -30px; padding-top: 10px; padding-bottom: 0; margin-bottom: 05px; clear: both; } .page_plan #contenu h2, .page_plan #contenu h3 { margin-left: 20px; } #contenu .liste-items h3 .spip_logos { -moz-border-radius: 30px !important; -webkit-border-radius: 30px!important; border-radius: 30px !important; margin-right: 5px !important; margin-bottom: 5px !important; float: left; width: 60px !important; height: 60px !important; -moz-box-shadow: inset 0 1px 2px black, 0 0 2px; -webkit-box-shadow: inset 0 1px 2px black, 0 0 2px; box-shadow: inset 0 1px 2px black, 0 0 2px; } #contenu .liste-items h3 a:hover .spip_logos{ -moz-box-shadow: 0 0 2px #f7f7f7; -webkit-box-shadow: 0 0 2px #f7f7f7; box-shadow: 0 0 2px #f7f7f7; } /* @end */ /* @group Listes */ #navigation ul { list-style: none; padding-left: 10px; } #navigation ul li{ padding-top: 3px; padding-bottom: 3px; list-style: non; } #contenu .menu.rubriques{ clear: both; } #contenu .menu.rubriques ul { list-style: none; } .comments ul { list-style-type: none; padding-left: 0; } .comments ul.forum{ padding-left: 20px; } /* @end */ /* @group Articles */ .cartouche .surtitre { font-weight: bold; } .cartouche img.spip_logos { float: left; padding: 0 10px 5px 0; } .chapo { font-weight: bold; } #documents_portfolio { text-align: center; padding: 10px; } .comment-form, .formulaire_signature { padding: 10px; margin-top: 10px; } #comments ul.forum { list-style-type: none; } #contenu p.repondre { clear: both; } /* @end */ /* @group Images */ #conteneur .spip_documents img, #contenu .documents_portfolio img, .liste.syndic_articles img { -moz-box-shadow: 0 0 4px #280404; -webkit-box-shadow: 0 0 4px #280404; box-shadow: 0 0 4px #280404; border: 1px solid #f4f4f3; max-width: 540px; height: auto; margin: 0px !important; padding: 0px !important; } .avatar { float: left; margin-right: 10px; clear: both; -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; } #conteneur .spip_documents a:hover img, #contenu .documents_portfolio a:hover img { border: 1px solid gray; } .galleria-container{ -moz-box-shadow: 0 0 4px #280404; -webkit-box-shadow: 0 0 4px #280404; box-shadow: 0 0 4px #280404; border: 1px solid #f4f4f3; } /* @end */ .noisette_liste_articles dl.article img { width: 180px !important; height: 160px !important; } /* @end */