993 lines
No EOL
15 KiB
CSS
993 lines
No EOL
15 KiB
CSS
body {
|
|
font-size:100%;
|
|
font-family: Vollkorn, Cambria, Georgia, Times, Times New Roman, serif;
|
|
text-align:center;
|
|
margin:0;
|
|
padding: 0;
|
|
}
|
|
|
|
p {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
a {
|
|
text-decoration:none;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul ul {
|
|
margin-left:2em;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/* Positionnement par défaut*/
|
|
|
|
#main {
|
|
margin: 2em auto;
|
|
width: 95%;
|
|
background-color: white;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
-webkit-border-radius: 15px;
|
|
box-shadow: 0 0 10px #000;
|
|
-moz-box-shadow: 0 0 10px #000;
|
|
-webkit-box-shadow: 0 0 10px #000;
|
|
}
|
|
|
|
#header {
|
|
padding: 20px;
|
|
-webkit-border-top-left-radius: 15px;
|
|
-webkit-border-top-right-radius: 15px;
|
|
-moz-border-radius-topleft: 15px;
|
|
-moz-border-radius-topright: 15px;
|
|
border-top-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
}
|
|
|
|
#maincol {
|
|
float: left;
|
|
width: 72%;
|
|
position:relative;
|
|
left:2%;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#side {
|
|
float: right;
|
|
width: 23%;
|
|
position: relative;
|
|
top: 0px;
|
|
right: 2%;
|
|
}
|
|
|
|
#side>div {
|
|
padding: 2%;
|
|
border: solid 1px #ccc;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 6px #aaa;
|
|
-moz-box-shadow: 0 0 6px #aaa;
|
|
-webkit-box-shadow: 0 0 6px #aaa;
|
|
margin: 1em 0;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
#horizontalmenu {
|
|
border-bottom: solid 10px;
|
|
}
|
|
|
|
#content {
|
|
width: 75%;
|
|
margin:0;
|
|
margin-left: 25%;
|
|
clear: left;
|
|
padding: 0;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
#content>div {
|
|
padding: 0 0.5em;
|
|
margin:0;
|
|
margin-top: 10px;
|
|
clear: left;
|
|
}
|
|
|
|
|
|
#footer {
|
|
clear: both;
|
|
text-align: center;
|
|
padding: 20px;
|
|
-webkit-border-bottom-left-radius: 15px;
|
|
-webkit-border-bottom-right-radius: 15px;
|
|
-moz-border-radius-bottomleft: 15px;
|
|
-moz-border-radius-bottomright: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
color: #cecece;
|
|
}
|
|
|
|
@media only screen and (max-width: 999px) {
|
|
#maincol {
|
|
float: none;
|
|
width: 96%;
|
|
position:relative;
|
|
left: 2%;
|
|
}
|
|
#side {
|
|
float: none;
|
|
width: 100%;
|
|
position: static;
|
|
margin:0;
|
|
margin-top: 20px;
|
|
margin-left: 1%;
|
|
}
|
|
#side>div {
|
|
float:left;
|
|
width: 30%;
|
|
margin: 1em 0.6%;
|
|
padding: 0.5%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
body {
|
|
font-size:80%;
|
|
}
|
|
#content {
|
|
width: 98%;
|
|
margin-left: 0;
|
|
}
|
|
#side>div {
|
|
float:none;
|
|
width: 92%;
|
|
margin: 1em 2%;
|
|
}
|
|
}
|
|
|
|
/* En-tête */
|
|
|
|
.accueil {
|
|
height: 100px;
|
|
}
|
|
|
|
.accueil img {
|
|
float:left;
|
|
margin : 0 15px 10px 0;
|
|
}
|
|
|
|
#nom_site_spip a {
|
|
display: block;
|
|
text-decoration: none;
|
|
font-size: 3em;
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
position: relative;
|
|
top: 0.1em;
|
|
font-weight:bold;
|
|
letter-spacing:0.025em;
|
|
}
|
|
|
|
#slogan_site_spip {
|
|
font-size: 1.5em;
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
color: #ddd;
|
|
position: relative;
|
|
top: 0.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#formulaire_menu_lang {
|
|
float: right;
|
|
width: 22%;
|
|
position: relative;
|
|
top: -110px;
|
|
margin-bottom: -110px;
|
|
text-align: left;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
#formulaire_menu_lang {
|
|
float: none;
|
|
margin-bottom:0;
|
|
position:static;
|
|
top:0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#formulaire_menu_lang label {
|
|
color: white;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#formulaire_menu_lang select {
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#header #formulaire_recherche label {
|
|
display:none;
|
|
}
|
|
|
|
#header #formulaire_recherche {
|
|
float: right;
|
|
clear: right;
|
|
width: 22%;
|
|
height: 24px;
|
|
-webkit-border-radius: 12px;
|
|
-moz-border-radius: 12px;
|
|
border-radius: 12px;
|
|
background-color: white;
|
|
position: relative;
|
|
top: -35px;
|
|
margin-bottom: -35px;
|
|
text-align: left;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.9em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#header #formulaire_recherche input[type='text'] {
|
|
background-image: none;
|
|
font-size: 0.9em;
|
|
width: 70%;
|
|
height: 24px;
|
|
vertical-align:middle;
|
|
padding-left: 8px;
|
|
margin: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#header #formulaire_recherche input[type='submit'] {
|
|
float: right;
|
|
border: none;
|
|
background: url('images/search.png');
|
|
cursor: pointer;
|
|
height: 24px;
|
|
width: 24px;
|
|
text-indent: -5000px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
#header #formulaire_recherche {
|
|
float: none;
|
|
margin-bottom:0;
|
|
position:static;
|
|
top:0;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
|
|
/* Menu horizontal */
|
|
|
|
|
|
#horizontalmenu ul.menu-liste {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
#horizontalmenu li.menu-entree {
|
|
display: inline;
|
|
float: left;
|
|
padding: 0.5em 1em;
|
|
-webkit-border-top-left-radius: 10px;
|
|
-webkit-border-top-right-radius: 10px;
|
|
-moz-border-radius-topleft: 10px;
|
|
-moz-border-radius-topright: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
margin-right: 2px;
|
|
border: 1px solid;
|
|
border-bottom: none;
|
|
}
|
|
|
|
#horizontalmenu li.menu-entree{
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
#horizontalmenu li.menu-entree a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#horizontalmenu li.menu-entree ul.menu-liste {
|
|
display:none;
|
|
}
|
|
|
|
/* Fil d'Arianne */
|
|
|
|
.breadCrumbHolder {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-bottom:10px;
|
|
margin-top: 10px;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.8em;
|
|
border: none;
|
|
clear: left;
|
|
}
|
|
|
|
|
|
/* Contenu-principal */
|
|
|
|
.contenu-principal .cartouche img {
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
float:right;
|
|
clear: right;
|
|
margin-left: -100%;
|
|
position:relative;
|
|
right: 104%;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.contenu-principal .cartouche img {
|
|
position: relative;
|
|
right:0;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
.h1 {
|
|
font-size: 3em;
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
text-align: left;
|
|
margin: 0;
|
|
}
|
|
|
|
.h2 {
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
font-size: 2em;
|
|
margin-bottom: 0.5em;
|
|
text-align: left;
|
|
}
|
|
|
|
h4 {
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
font-size: 1.5em;
|
|
margin: 0.25em 0;
|
|
}
|
|
|
|
.ps p {
|
|
font-style: italic;
|
|
}
|
|
|
|
.notes {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
|
|
.cartouche .surtitre, .cartouche .soustitre {
|
|
text-transform: uppercase;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.cartouche .info-publi {
|
|
width: 30%;
|
|
text-align:right;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.9em;
|
|
float:right;
|
|
clear: right;
|
|
margin-left: -100%;
|
|
position:relative;
|
|
right: 104%;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.cartouche .info-publi {
|
|
position: static;
|
|
float: none;
|
|
margin:0;
|
|
width:100%;
|
|
text-align: left;
|
|
clear: none;
|
|
}
|
|
}
|
|
|
|
.chapo {
|
|
font-style: italic;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
h3.spip {
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
width: 75%;
|
|
text-align: left;
|
|
padding: 5px 5px 5px 20px;
|
|
margin-left: -15px;
|
|
font-size: 0.8em;
|
|
-webkit-border-top-left-radius: 5px;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-moz-border-radius-topleft: 5px;
|
|
-moz-border-radius-bottomleft: 5px;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
hr.spip {
|
|
width:50%;
|
|
margin: 1em auto;
|
|
color: white;
|
|
}
|
|
|
|
ul.spip {
|
|
list-style-image: url(images/puce.gif);
|
|
margin-left: 4%;
|
|
}
|
|
|
|
ol.spip {
|
|
margin-left: 4%;
|
|
padding: 0;
|
|
}
|
|
|
|
dl.spip dt {
|
|
font-style:italic;
|
|
}
|
|
|
|
dl.spip dd {
|
|
margin-left: 1em;
|
|
padding:0;
|
|
}
|
|
|
|
q {
|
|
font-style: italic;
|
|
}
|
|
|
|
blockquote, blockquote.spip, blockquote.spip_poesie {
|
|
font-style:italic;
|
|
margin: 1.5em 16% 1.5em 2%;
|
|
padding: 0.5em 0 0.5em 2%;
|
|
border-left: solid 5px;
|
|
font-size: 1em;
|
|
font-family: Vollkorn, Cambria, Georgia, Times, Times New Roman, serif;
|
|
}
|
|
|
|
div.spip_code {
|
|
background-color: white;
|
|
margin: 1em -1em 1em -0.5em;
|
|
border-left: solid 1em;
|
|
padding: 1em;
|
|
}
|
|
.coloration_code .cadre {
|
|
font-family: Courier, "Courier New", monospace;
|
|
font-size: 0.95em;
|
|
background-color: white;
|
|
margin: 1em -1em 0 -0.5em;
|
|
border-left: solid 1em;
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
.coloration_code .cadre_download {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.spip_cadre {
|
|
width: 100%;
|
|
}
|
|
|
|
.hyperlien {
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-weight: bold;
|
|
font-size: 0.8em;
|
|
padding: 0.5em;
|
|
text-align: center;
|
|
border: solid 1px;
|
|
}
|
|
|
|
|
|
|
|
/* Note de bas de pages recopiées dans la colonne de gauche */
|
|
|
|
.sidenote {
|
|
width: 25%;
|
|
text-align:right;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.8em;
|
|
float:right;
|
|
clear: right;
|
|
margin-left: -100%;
|
|
position:relative;
|
|
right: 104%;
|
|
top: -1em;
|
|
}
|
|
|
|
.spip li .sidenote {
|
|
right: 108%;
|
|
}
|
|
|
|
.spip li li .sidenote {
|
|
right: 112%;
|
|
}
|
|
|
|
.spip li li li .sidenote {
|
|
right: 116%;
|
|
}
|
|
|
|
.spip li li li li .sidenote {
|
|
right: 120%;
|
|
}
|
|
|
|
.spip li li li li li .sidenote {
|
|
right: 124%;
|
|
}
|
|
|
|
.spip li li li li li li .sidenote {
|
|
right: 128%;
|
|
}
|
|
|
|
.spip li li li li li li li .sidenote {
|
|
right: 132%;
|
|
}
|
|
|
|
.spip li li li li li li li li .sidenote {
|
|
right: 136%;
|
|
}
|
|
|
|
.spip li li li li li li li li li .sidenote {
|
|
right: 140%;
|
|
}
|
|
|
|
.spip li li li li li li li li li li .sidenote {
|
|
right: 144%;
|
|
}
|
|
|
|
blockquote .sidenote, blockquote.spip .sidenote, blockquote.spip_poesie .sidenote {
|
|
right: 108%;
|
|
font-style: normal;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.sidenote {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
.sidenote .spip_note {
|
|
font-family: Vollkorn, Cambria, Georgia, Times, Times New Roman, serif;
|
|
}
|
|
|
|
/* start - table */
|
|
table.spip {
|
|
border-collapse: collapse;
|
|
margin: 10px auto;
|
|
width: 100%;
|
|
}
|
|
table.spip caption {
|
|
margin: 0px;
|
|
text-align:center;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
table.spip th strong {
|
|
color: #fff;
|
|
}
|
|
table.spip th {
|
|
color: #FFF;
|
|
text-align: left;
|
|
border: solid 1px #dfdfdf;
|
|
}
|
|
table.spip tr {
|
|
|
|
}
|
|
table.spip td {
|
|
border: solid 1px #dfdfdf;
|
|
}
|
|
table.spip td.first,table.spip th.first {
|
|
}
|
|
table.spip tr.row_even {
|
|
background: #F8F8F8;
|
|
}
|
|
table.spip tr.row_odd {
|
|
background: #EFEFEF;
|
|
}
|
|
/* end - table */
|
|
|
|
|
|
/* Listes */
|
|
|
|
ul.liste-items {
|
|
margin: 0;
|
|
}
|
|
|
|
li.item {
|
|
border-top: dotted 1px #999;
|
|
padding: 0.5em 0;
|
|
text-align: left;
|
|
float:left;
|
|
clear:left;
|
|
}
|
|
|
|
#content li.item {
|
|
width: 100%;
|
|
}
|
|
|
|
#side li.item {
|
|
float: none;
|
|
clear:none;
|
|
width: 100%;
|
|
}
|
|
|
|
#horizontalmenu li.item {
|
|
clear:none;
|
|
}
|
|
|
|
li.item .spip_logos {
|
|
float: right;
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
margin-left: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
clear: right;
|
|
}
|
|
|
|
li.item h3 {
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
margin: 0 0 0.5em 0;
|
|
padding:0;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
li.item .info-publi {
|
|
font-size: 0.9em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
|
|
li.item .introduction {
|
|
text-align: justify;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
|
|
li.item .lieu, li.item .adresse, li.item .inscriptions {
|
|
margin:0;
|
|
}
|
|
|
|
li.item .meta-publi {
|
|
border: solid 1px #cecece;
|
|
background-color: #f2f2f2;
|
|
padding: 0.25em;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.8em;
|
|
clear: right;
|
|
}
|
|
|
|
.liste.anythingslider {
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.anythingslider li.item {
|
|
border: none;
|
|
clear: none;
|
|
}
|
|
|
|
|
|
|
|
/* Pagination */
|
|
|
|
.pagination {
|
|
text-align: right;
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
/* Mots-clés sur le côté */
|
|
|
|
#content .side_mots {
|
|
width: 30%;
|
|
text-align:right;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.9em;
|
|
float:right;
|
|
clear: right;
|
|
margin-left: -100%;
|
|
position:relative;
|
|
right: 104%;
|
|
}
|
|
|
|
#content .side_mots .h2 {
|
|
text-align:right;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 1em;
|
|
}
|
|
|
|
#content .side_mots .pagination {
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
}
|
|
|
|
#content .side_mots .liste-items {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#content .side_mots .item {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0.25em 0;
|
|
text-align: right;
|
|
list-style-image: url(images/tag.gif);
|
|
}
|
|
|
|
#content .side_mots a, #content .side_mots a:visited {
|
|
color: #999;
|
|
}
|
|
|
|
#side .side_mots {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
#content .side_mots {
|
|
display: none;
|
|
}
|
|
#side .side_mots {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* Colonne de droite */
|
|
|
|
#side .h2 {
|
|
margin-top:0;
|
|
padding-top:0;
|
|
}
|
|
|
|
/* Menus de navigation à droite */
|
|
|
|
#side .menu-entree {
|
|
text-align: left;
|
|
}
|
|
|
|
#side .menu-entree.on a{
|
|
font-weight:normal;
|
|
}
|
|
|
|
#side .menu-entree.on>a{
|
|
font-weight:bold;
|
|
}
|
|
|
|
#side .menu-entree ul {
|
|
list-style-image: url(images/puce.gif);
|
|
margin-left: 2em;
|
|
}
|
|
|
|
/* Formulaires */
|
|
|
|
.formulaire_spip fieldset legend {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Mini-calendrier Agenda */
|
|
|
|
#calendar table {
|
|
width:80%;
|
|
margin: 0 auto;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#calendar th {
|
|
color: white;
|
|
text-align: center;
|
|
border: solid 1px #dfdfdf;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#calendar td {
|
|
text-align: center;
|
|
border: solid 1px #dfdfdf;
|
|
background: white;
|
|
}
|
|
|
|
#calendar td.horsperiode {
|
|
background: transparent;
|
|
color: #888;
|
|
}
|
|
|
|
/* Mini Plan */
|
|
|
|
#content .menu-entree ul {
|
|
list-style-image: url(images/puce.gif);
|
|
margin-left: 2em;
|
|
}
|
|
|
|
#content .menu-entree {
|
|
border-top: dotted 1px #999;
|
|
padding: 0.5em 0;
|
|
text-align: left;
|
|
}
|
|
|
|
#content .menu-entree .menu-entree {
|
|
border-top: none;
|
|
}
|
|
|
|
/* Forum */
|
|
|
|
#content #comments {
|
|
margin-left: -35%;
|
|
background-color: white;
|
|
margin-right: -0.5em;
|
|
margin-bottom: 0;
|
|
padding: 0 0 0 0.5em;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
#content #comments {
|
|
margin-left:-1em;
|
|
}
|
|
}
|
|
|
|
/* Thread complet (défaut de Zpip-dist) */
|
|
|
|
#content ul.forum li.forum-fil{
|
|
padding: 0.5em;
|
|
margin-top: 1em;
|
|
border: solid 1px #888;
|
|
}
|
|
|
|
#content ul.forum ul.comments-fils {
|
|
margin: 0em 0.5em 0.5em 2em;
|
|
}
|
|
|
|
#content ul.forum ul.comments-fils li.forum-fil {
|
|
border: dotted 1px #555;
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
/* Thread Simple (avec aveline) */
|
|
|
|
#content ul.forum.thread-simple li.forum-fil{
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#content ul.forum.thread-simple ul.comments-fils {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#content ul.forum.thread-simple ul.comments-fils li.forum-fil {
|
|
border: none;
|
|
padding: 0;
|
|
margin-top:0;
|
|
padding-top: 13px;
|
|
}
|
|
|
|
/* Mise en forme des commentaires */
|
|
|
|
#content div.forum-message {
|
|
padding: 0.5em;
|
|
padding-left: 26%;
|
|
clear: both;
|
|
position:relative;
|
|
}
|
|
|
|
#content div.forum-message .comment-meta {
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.9em;
|
|
text-align: left;
|
|
float:left;
|
|
margin-left: -33%;
|
|
width: 30%;
|
|
}
|
|
|
|
#content div.forum-message .comment-meta img.spip_logos {
|
|
border: 1px solid #ccc;
|
|
display: block;
|
|
}
|
|
|
|
#content div.forum-message .permalink {
|
|
position: absolute;
|
|
font-size: 3em;
|
|
margin-top: -0.3em;
|
|
right: 0.25em;
|
|
}
|
|
|
|
#content div.forum-message .in-reply-to {
|
|
display:none;
|
|
}
|
|
|
|
#content div.forum-message .forum-titre {
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
font-size: 1.5em;
|
|
display:block;
|
|
}
|
|
|
|
#content div.forum-message .comment-content {
|
|
margin-right: 3em;
|
|
}
|
|
|
|
.comment-reply , p.repondre{
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 0.9em;
|
|
text-align: right;
|
|
}
|
|
|
|
#content p.repondre {
|
|
background-color: white;
|
|
margin: 0 -1em;
|
|
padding: 1em;
|
|
}
|
|
|
|
#content div.forum-message p.repondre {
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Formulaire de réponse des forum */
|
|
|
|
#content .comment-form {
|
|
background-color: white;
|
|
margin-right: -0.5em;
|
|
margin-top: 0;
|
|
margin-left: -35%;
|
|
margin-bottom: 0.5em;
|
|
padding: 0;
|
|
}
|
|
|
|
#content #formulaire_forum {
|
|
padding: 0.5em;
|
|
padding-left: 26%;
|
|
margin: 0;
|
|
}
|
|
|
|
#content #formulaire_forum form{
|
|
position:relative;
|
|
}
|
|
|
|
.form_response {
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
|
|
#content #formulaire_forum fieldset.qui {
|
|
text-align: left;
|
|
float:left;
|
|
margin-left: -33%;
|
|
width: 30%;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
#content #formulaire_forum legend {
|
|
font-family: 'Yanone Kaffeesatz', sans-serif;
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
#content .comment-form {
|
|
margin-left:0;
|
|
}
|
|
#content #formulaire_forum {
|
|
padding-left: 0.5em;
|
|
}
|
|
#content #formulaire_forum fieldset.qui {
|
|
float:none;
|
|
margin-left: 0;
|
|
width: 100%;
|
|
position: static;
|
|
}
|
|
} |