MediaWiki:Common.css : Différence entre versions

De Casio Universal Wiki
Aller à : navigation, rechercher
(Ajout d'un style pour des databox à images.)
 
(12 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;}
/* Home Page Tests CSS */
 
 
div.menuBox { display: inline-block; background: #D0D0D0; border: 1px solid gray; padding: 0; border-radius: 10px 10px 0 0;
 
              width: 400px; height: 165px; margin: 20px; vertical-align: middle; }
 
div.menuBox h1 { height: 30px; margin: 0; text-align: center; }
 
div.menuBox div { background: #E0E0E0; margin: 0; width: 400px; height: 116px; }
 
div.menuBox div p { display: inline-block; vertical-align: middle; margin: 10px; height: 96px; width: 250px;
 
                    text-align: justify; text-justify: inter-word; }
 
div.menuBox div a { display: inline-block; vertical-align: middle; margin: 10px; }
 
  
 
/* Templates CSS    */
 
/* Templates CSS    */
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:280px;width:280px;margin-left:15px;}
+
#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 #aaaaaa 1px;background-color:#f9f9f9;max-width:280px;width:280px;text-align:center;}
+
#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;width:140px;max-width:140px;text-align:left;}
+
.TemplateInfoBoxLabel{padding: 0 0 0 3px;font-weight:bold;text-align:left;}
.TemplateInfoBoxDate{padding: 0 3px 0 0;width:140px;max-width:140px;text-align:left;}
+
.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 à 20: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;
}