MediaWiki:Common.css : Différence entre versions
De Casio Universal Wiki
(Ajout d'un style pour des databox à images.) |
|||
| (13 révisions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/*generals class*/ | /*generals class*/ | ||
| − | pre{white-space:pre-wrap;margin-right:30px} | + | pre{white-space:pre-wrap;margin-right:30px;line-height:1.5em;} |
.error{background-color:#faf300;color;#da0000;font-weight:bold;text-decoration:auto;} | .error{background-color:#faf300;color;#da0000;font-weight:bold;text-decoration:auto;} | ||
dl{border-left:solid #a7d7f9 1px;border-top:solid #a7d7f9 1px;background-color:#f5faff;} | dl{border-left:solid #a7d7f9 1px;border-top:solid #a7d7f9 1px;background-color:#f5faff;} | ||
| + | |||
| + | .fullwidth{width:100%;height:auto; } | ||
| + | div.thumbinner{max-width:100%;} | ||
| + | |||
| + | code{border:none;padding:0 3px;background-color:#f4f4f4;border-radius:2px;color:inherit;} | ||
/* Home page Css */ | /* Home page Css */ | ||
#homePageTable{border-spacing:0;} | #homePageTable{border-spacing:0;} | ||
| − | #homePageTable td{border-right: 1px solid #a7d7f9;border-bottom: 1px solid #a7d7f9;} | + | #homePageTable ul{margin-left:8px;} |
| + | #homePageTable td{border-right: 1px solid #a7d7f9;border-bottom: 1px solid #a7d7f9;padding:4px 12px;} | ||
#homePageTable th{border-right: 1px solid #a7d7f9;border-bottom: 1px solid #a7d7f9;background-color:#f5faff;border-left: 1px solid #a7d7f9;background-color:#f5faff;font-weight:bold;text-align:center;} | #homePageTable th{border-right: 1px solid #a7d7f9;border-bottom: 1px solid #a7d7f9;background-color:#f5faff;border-left: 1px solid #a7d7f9;background-color:#f5faff;font-weight:bold;text-align:center;} | ||
#homePageTableTop th{border-top: 1px solid #a7d7f9;border-left: 0px !important;} | #homePageTableTop th{border-top: 1px solid #a7d7f9;border-left: 0px !important;} | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* Templates CSS */ | /* Templates CSS */ | ||
/* MsgBox */ | /* MsgBox */ | ||
| Ligne 31 : | Ligne 28 : | ||
.TemplateMsgBoxThemebleu{background-color:#fbfbfb;border-color:#77ccff !important;} | .TemplateMsgBoxThemebleu{background-color:#fbfbfb;border-color:#77ccff !important;} | ||
/* InfoBox */ | /* InfoBox */ | ||
| − | #TemplateInfoBox{float:right;max-width: | + | #TemplateInfoBox{float:right;max-width:30%;width:25%;min-width:200px;margin-left:15px;} |
#TemplateInfoBox div{text-align:center;font-size: larger;} | #TemplateInfoBox div{text-align:center;font-size: larger;} | ||
| − | #TemplateInfoBox table{border: solid | + | #TemplateInfoBox table{border-style: solid; border-color: #be1818 #aaaaaa; border-width: 4px 1px;background-color:#f9f9f9;text-align:center;} |
#TemplateInfoBox span{color:#292929;font-style:italic;} | #TemplateInfoBox span{color:#292929;font-style:italic;} | ||
#TemplateInfoBoxImage img{height:auto;width:auto;max-width:220px;} | #TemplateInfoBoxImage img{height:auto;width:auto;max-width:220px;} | ||
| − | .TemplateInfoBoxLabel{padding: 0 0 0 3px;font-weight:bold | + | .TemplateInfoBoxLabel{padding: 0 0 0 3px;font-weight:bold;text-align:left;} |
| − | .TemplateInfoBoxDate{padding: 0 3px 0 0 | + | .TemplateInfoBoxDate{padding: 0 3px 0 0;text-align:left;} |
/* article detaillé */ | /* article detaillé */ | ||
div.bandeau-section { margin: 0 0 .7em 2em; border-style: solid; border-width: 1px 0; text-align: left; font-size: 95%; overflow: hidden; padding: 2px 0 1px 4px; display: block;} | div.bandeau-section { margin: 0 0 .7em 2em; border-style: solid; border-width: 1px 0; text-align: left; font-size: 95%; overflow: hidden; padding: 2px 0 1px 4px; display: block;} | ||
| Ligne 47 : | Ligne 44 : | ||
} | } | ||
| + | /* DATA BOX */ | ||
| + | |||
| + | .databox { | ||
| + | width: 70%; | ||
| + | margin: 8px auto; | ||
| + | border: 1px solid #aaa; | ||
| + | background: #f9f9f9; | ||
| + | padding: 2px; | ||
| + | } | ||
| + | .databox tr:nth-child(2n+1) { | ||
| + | background: #eef; | ||
| + | } | ||
| + | .databox-title { | ||
| + | text-align: center; | ||
| + | font-weight: bold; | ||
| + | background: #ccf; | ||
| + | } | ||
| + | .databox-img { | ||
| + | width: 1px; | ||
| + | padding: 0 8px; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .databox-section { | ||
| + | background: #ddf; | ||
| + | text-align: center; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .databox th { | ||
| + | text-align: left; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* INCOMPLET */ | ||
.incomplet { | .incomplet { | ||
Version actuelle datée du 27 janvier 2019 à 21:50
/*generals class*/
pre{white-space:pre-wrap;margin-right:30px;line-height:1.5em;}
.error{background-color:#faf300;color;#da0000;font-weight:bold;text-decoration:auto;}
dl{border-left:solid #a7d7f9 1px;border-top:solid #a7d7f9 1px;background-color:#f5faff;}
.fullwidth{width:100%;height:auto; }
div.thumbinner{max-width:100%;}
code{border:none;padding:0 3px;background-color:#f4f4f4;border-radius:2px;color:inherit;}
/* Home page Css */
#homePageTable{border-spacing:0;}
#homePageTable ul{margin-left:8px;}
#homePageTable td{border-right: 1px solid #a7d7f9;border-bottom: 1px solid #a7d7f9;padding:4px 12px;}
#homePageTable th{border-right: 1px solid #a7d7f9;border-bottom: 1px solid #a7d7f9;background-color:#f5faff;border-left: 1px solid #a7d7f9;background-color:#f5faff;font-weight:bold;text-align:center;}
#homePageTableTop th{border-top: 1px solid #a7d7f9;border-left: 0px !important;}
/* Templates CSS */
/* MsgBox */
#TemplateMsgBox{width:100%;}
#TemplateMsgBoxTable{width:80%;margin:0 auto 0 auto;border:solid 1px;border-left:solid 9px;text-align:left;}
#TemplateMsgBoxIcon{text-align:center;overflow:hidden;width:55px;height:35px;max-width:55px;max-height:55px;}
#TemplateMsgBoxTitle{padding:0 0 0 0;margin:0 0 5px 0;font-weight:bold;font-family: sans-serif;font-size: 1em;line-height: 1.4em;}
#TemplateMsgBoxText{padding:0 0 0 0;margin:0 0 0 0;font-size: 0.9em;line-height: 1.2em;font-family: sans-serif;}
.TemplateMsgBoxThemedefault{background-color:#fbfbfb;border-color:#77ccff !important;}
.TemplateMsgBoxThemerouge{background-color:#ffcccc;border-color:#aa0044 !important;}
.TemplateMsgBoxThemeorange{background-color:#ffeedd;border-color:#ff8822 !important;}
.TemplateMsgBoxThemebleu{background-color:#fbfbfb;border-color:#77ccff !important;}
/* InfoBox */
#TemplateInfoBox{float:right;max-width:30%;width:25%;min-width:200px;margin-left:15px;}
#TemplateInfoBox div{text-align:center;font-size: larger;}
#TemplateInfoBox table{border-style: solid; border-color: #be1818 #aaaaaa; border-width: 4px 1px;background-color:#f9f9f9;text-align:center;}
#TemplateInfoBox span{color:#292929;font-style:italic;}
#TemplateInfoBoxImage img{height:auto;width:auto;max-width:220px;}
.TemplateInfoBoxLabel{padding: 0 0 0 3px;font-weight:bold;text-align:left;}
.TemplateInfoBoxDate{padding: 0 3px 0 0;text-align:left;}
/* article detaillé */
div.bandeau-section { margin: 0 0 .7em 2em; border-style: solid; border-width: 1px 0; text-align: left; font-size: 95%; overflow: hidden; padding: 2px 0 1px 4px; display: block;}
.bandeau-niveau-detail { border-color: #e7e7e7; background-color: #fdfdfd;}
.loupe {
background-repeat: no-repeat; line-height: 1.5em; text-indent: 23px; display: inline-block;
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/61/Searchtool.svg/15px-Searchtool.svg.png");
background-position: 2px 3px;
}
/* DATA BOX */
.databox {
width: 70%;
margin: 8px auto;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 2px;
}
.databox tr:nth-child(2n+1) {
background: #eef;
}
.databox-title {
text-align: center;
font-weight: bold;
background: #ccf;
}
.databox-img {
width: 1px;
padding: 0 8px;
white-space: nowrap;
}
.databox-section {
background: #ddf;
text-align: center;
font-weight: bold;
}
.databox th {
text-align: left;
font-weight: bold;
}
/* INCOMPLET */
.incomplet {
background-repeat: no-repeat; line-height: 1.5em; text-indent: 23px; display: inline-block;
background-image: url("http://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Fairytale_waring.png/16px-Fairytale_waring.png");
background-position: 2px 3px;
}
/* BOÎTES DÉROULANTES */
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
div.NavFrame {
margin: 0;
padding: 2px;
border: 1px #AAA;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
/* monobookocentré début */
div.NavFrame + div.NavFrame {
border-top-style: hidden
}
div.NavPic {
background: #FFF;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
font-size: 100%;
background: #EFEFEF;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
/* monobookocentré fin */
/* Styles de [[Modèle:Méta palette de navigation]] */
table.navbox {
background: #F9F9F9;
border: 1px solid #AAA;
clear: both;
font-size: 90%;
margin: 1em 0 0;
padding: 2px;
text-align: center;
width: 100%;
}
table.navbox th {
background: #CCF;
padding-left: 1em;
padding-right: 1em;
}
table.navbox td.group {
background: #DDF;
vertical-align: middle;
width: 150px;
padding-left: 1em;
padding-right: 1em;
font-weight: bold;
}
table.navbox td.list {
text-align: left
}
table.navbox td.even {
background: #EEF
}
table.navbox td.banner {
background: #DDF;
vertical-align: middle;
padding-left: 1em;
padding-right: 1em;
}
/* Modèle de palettes groupées, [[Modèle:Palette]] */
div.navbox_group {
border: 1px solid #aaaaaa;
margin-top: 15px;
}
div.navbox_group table.navbox {
border: 0;
margin: 0em 0px 0px;
}
/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */
.navboxToggle,
.NavToggle {
font-size: 90%;
font-weight: normal;
float: right !important;
min-width: 6em;
}