|
|
(147 versions intermédiaires par le même utilisateur non affichées) |
Ligne 1 : |
Ligne 1 : |
| /* Le CSS placé ici sera appliqué à tous les habillages. */ | | /* Le CSS placé ici sera appliqué à tous les habillages. */ |
|
| |
|
| /**************** BIBEHCK (ME!) ******************************/
| | .mw-widget-dateInputWidget-calendar {position: inherit!important;} |
|
| |
|
| /* Couleurs des liens */
| | .selflink {color: #468847;} |
| a {color:#0a7cc8; text-decoration: none;}
| |
| a:hover {color:#4D4D4D;text-decoration: none;}
| |
| a:active {color:#4E8DAF;}
| |
| a:visited {color:#0a7cc8;text-decoration: none;}
| |
| .new a , #p-personal .new a,#quickbar .new a, .new a:hover, .new a:visited {font-weight:italic!important;}
| |
|
| |
|
| /* Menu de gauche */
| | .keyboard-key, .kbd {color:#0a7cc8; text-decoration: none;} |
| #mw-panel li a {color: #CB4627!important;text-decoration:none!important; font-size:1.1em;}
| |
| #mw-panel li a:hover {color:#2d2d2d!important;}
| |
|
| |
|
| /* Onglet du content */
| | .coord { |
| vectorTabs a {color:#099DFF; text-decoration: none;}
| | font-size: 12px; |
| div.vectorTabs li a:hover {color:#4D4D4D;text-decoration: none;}
| | font-family: Consolas,"Liberation Mono",Courier,monospace; |
| div.vectorTabs li a:active {color:#4E8DAF;}
| | margin: 0 2px; |
| div.vectorTabs li a:visited {color:#4E8DAF;text-decoration: none;}
| | padding: 3px 5px; |
| | | white-space: nowrap; |
| div.vectorTabs li.new a {color:#CB4627/*#FFCE7B*/; font-weight:italic;}
| | border: 1px solid #EAEAEA; |
| div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {color:#4E8DAF;}
| | background-color:#D7EFEE!important; |
| div.vectorMenu li a, div.vectorMenu li a {color:#4E8DAF!important;}
| | color:#468781!important; |
| | } |
|
| |
|
| | code .red { |
| | color: #c7254e!important; |
| | background-color: #f9f2f4!important; |
| | } |
|
| |
|
| /* Discussion */
| | .coord a { |
| /* Pseudo NS Special (light grey) */
| | background-color:#D7EFEE!important; |
| .ns--2 #content { background-color: #f4f4f4; }
| | color:#468781!important; |
| .ns--2 div.thumb { border-color: #f4f4f4; }
| |
|
| |
| /* NS Project + Project_talk (light sky blue) */
| |
| .ns-4 #content,
| |
| .ns-5 #content { background-color: #f8fcff; }
| |
| .ns-4 div.thumb,
| |
| .ns-5 div.thumb { border-color: #f8fcff; }
| |
|
| |
| /* NS MediaWiki + MediaWiki_talk (light grey) */
| |
| .ns-8 #content,
| |
| .ns-9 #content { background-color: #f4f4f4; }
| |
| .ns-8 div.thumb,
| |
| .ns-9 div.thumb { border-color: #f4f4f4; } | |
|
| |
| /* NS Manual + Manual_talk (light bluish violet) */
| |
| .ns-100 #content,
| |
| .ns-101 #content { background-color: #f3f3ff; }
| |
| .ns-100 div.thumb,
| |
| .ns-101 div.thumb { border-color: #f3f3ff; }
| |
|
| |
| /* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */
| |
| .ns-12 #content {
| |
| border-right: none;
| |
| background-repeat: no-repeat;
| |
| background-position: right top;
| |
| }
| |
| .ns-12 #bodyContent {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);
| |
| background-repeat: no-repeat;
| |
| /* @noflip */ background-position: right 5em;
| |
| } | | } |
|
| |
|
| /* Tableau */ | | /* Modèles |
| table.wikitable {
| | ----------------------------------- */ |
| margin: 1em 1em 1em 0;
| |
| background-color: #EFF6FA;
| |
| border: 1px #AAA solid;
| |
| border-collapse: collapse;
| |
| color: black;
| |
| -webkit-border-radius: 0.3em!important; | |
| -moz-border-radius: 0.3em!important; | |
| border-radius: 0.3em!important;
| |
| border: 1px solid #CCC;
| |
| box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
|
| table.wikitable th, table.wikitable td,
| | #ouvrage { |
| table.wiki-table th, table.wiki-table td {
| | width:70%; |
| border: 0; | | font-style: italic; |
| border-bottom: 1px solid #ccc; | | margin: 0.25em 0; |
| padding: 0.35em 0.5em; | | padding: 0.25em 40px; |
| }
| | line-height: 1.45; |
| table.wikitable th, table.wikitable td.hl1, table.wikitable th.hl1,
| |
| table.wiki-table th, table.wiki-table td.hl1, table.wikitable th.hl1 {
| |
| background: #F8F6EB;
| |
| padding: 0.35em 0.5em; | |
| color: #000; | |
| text-align: left;
| |
| border-radius: 0.3em;
| |
| -moz-border-radius: 0.3em;
| |
| -webkit-border-radius: 0.3em;
| |
| text-shadow: none;
| |
| border: 1px solid #ccc;
| |
| box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
| |
| position: relative; | | position: relative; |
| | color: #31708F; |
| | text-align:justify; |
| | text-justify: auto; |
| } | | } |
| table.wikitable td.hl2, table.wikitable th.hl2,
| | |
| table.wiki-table td.hl2, table.wiki-table th.hl2 {
| | #ouvrage p { |
| background: #fff; | | font-size:1.1em; |
| color: #444;
| |
| text-align: center;
| |
| border: 1px solid #ccc;
| |
| border-top: 0;
| |
| } | | } |
| table.wikitable td.hl3, table.wikitable th.hl3,
| | |
| table.wiki-table td.hl3, table.wiki-table th.hl3 {
| | #ouvrage h2 { |
| background: #ebf5f8; | | border-bottom: none!important; |
| color: #444; | | color:#1B3E57; |
| text-align: center; | | margin-bottom:0.3em!important; |
| border: 1px solid #ccc;
| |
| border-top: 0;
| |
| } | | } |
| table.wikitable caption,
| | |
| table.wiki-table caption {
| | #ouvrage cite { |
| margin-left: inherit; | | color: #999999; |
| margin-right: inherit; | | font-size: 14px; |
| font-weight: bold; | | display: block; |
| | margin-top: 5px; |
| } | | } |
| table.wikitable td,
| | |
| table.wiki-table td {
| | #ouvrage cite:before { |
| vertical-align: top;
| | content: "\2014 \2009"; |
| }
| |
| table.wikitable td:nth-child(even), table.wiki-table td:nth-child(even) {
| |
| background: #f7f7f7; | |
| } | | } |
| table.wikitable tr:hover td, table.wiki-table tr:hover td {
| |
| background: #f5fafc;
| |
| -webkit-transition: all .1s;
| |
| -moz-transition: all .1s;
| |
| -o-transition: all .1s;
| |
| transition: all .1s;
| |
| }
| |
| table.wikitable tr:hover td:nth-child(even), table.wiki-table tr:hover td:nth-child(even) {
| |
| background: #eaf3f7;
| |
| }
| |
|
| |
| /* Table 2 From sk89q */
| |
|
| |
|
| table.wikitable2,
| | #citation { |
| table.wiki-table2 {
| | width:70%; |
| margin: 1em -2px 1em -2px;
| | font-style: italic; |
| background: #fff;
| | margin: 0.25em 0; |
| border: 0;
| | padding: 0.25em 40px; |
| border-collapse: separate;
| | line-height: 1.45; |
| empty-cells: show;
| |
| border-spacing: 1px;
| |
| border: 0;
| |
| border-radius: 0.3em;
| |
| -moz-border-radius: 0.3em;
| |
| -webkit-border-radius: 0.3em;
| |
| }
| |
| table.wikitable2 th, table.wikitable2 td,
| |
| table.wiki-table2 th, table.wiki-table2 td {
| |
| border: 0; | |
| border-bottom: 1px solid #ccc; | |
| padding: 0.35em 0.5em; | |
| }
| |
| table.wikitable2 th, table.wikitable2 td.hl1, table.wikitable2 th.hl1,
| |
| table.wiki-table2 th, table.wiki-table2 td.hl1, table.wikitable2 th.hl1 {
| |
| background: #f8f6eb;
| |
| padding: 0.35em 0.5em; | |
| color: #000; | |
| text-align: left;
| |
| border-radius: 0.3em;
| |
| -moz-border-radius: 0.3em;
| |
| -webkit-border-radius: 0.3em;
| |
| position: relative; | | position: relative; |
| | color: #31708F; |
| | text-align:justify; |
| | text-justify: auto; |
| } | | } |
| table.wikitable2 td.hl2, table.wikitable2 th.hl2,
| | |
| table.wiki-table2 td.hl2, table.wiki-table2 th.hl2 {
| | #citation p { |
| background: #fff; | | font-size:1.1em; |
| color: #444;
| |
| text-align: center;
| |
| border: 1px solid #ccc;
| |
| border-top: 0;
| |
| } | | } |
| table.wikitable2 td.hl3, table.wikitable2 th.hl3,
| |
| table.wiki-table2 td.hl3, table.wiki-table2 th.hl3 {
| |
| background: #ebf5f8;
| |
| color: #444;
| |
| text-align: center;
| |
| border: 1px solid #ccc;
| |
| border-top: 0;
| |
| }
| |
| table.wikitable2 caption,
| |
| table.wiki-table2 caption {
| |
| margin-left: inherit;
| |
| margin-right: inherit;
| |
| font-weight: bold;
| |
| }
| |
| table.wikitable2 td,
| |
| table.wiki-table2 td {
| |
| vertical-align: top;
| |
| }
| |
| table.wikitable2 td:nth-child(even), table.wiki-table2 td:nth-child(even) {
| |
| background: #f7f7f7;
| |
| }
| |
| table.wikitable2 tr:hover td, table.wiki-table2 tr:hover td {
| |
| background: #f5fafc;
| |
| -webkit-transition: all .1s;
| |
| -moz-transition: all .1s;
| |
| -o-transition: all .1s;
| |
| transition: all .1s;
| |
| }
| |
| table.wikitable2 tr:hover td:nth-child(even), table.wiki-table2 tr:hover td:nth-child(even) {
| |
| background: #eaf3f7;
| |
| }
| |
|
| |
|
| |
| /* ---- TABLEAU PERM/CMD ---- */
| |
|
| |
|
| table.wikitable3,
| | #citation h2 { |
| table.wiki-table3 {
| | border-bottom: none!important; |
| margin: 1em -2px 1em -2px;
| | color:#1B3E57; |
| background: #fff;
| | margin-bottom:0.3em!important; |
| border: 0;
| |
| border-collapse: separate;
| |
| empty-cells: show;
| |
| border-spacing: 1px;
| |
| border: 0;
| |
| font-family: "Courier 10 Pitch",monospace,sans-serif;
| |
| }
| |
| table.wikitable3 th, table.wikitable3 td,
| |
| table.wiki-table3 th, table.wiki-table3 td {
| |
| border: 0;
| |
| border-bottom: 1px solid #ccc; | |
| padding: 0.35em 0.5em;
| |
| }
| |
| table.wikitable3 th, table.wikitable3 td.hl1, table.wikitable3 th.hl1,
| |
| table.wiki-table3 th, table.wiki-table3 td.hl1, table.wikitable3 th.hl1 {
| |
| background: #f8f6eb;
| |
| padding: 0.35em 0.5em;
| |
| color: #000; | |
| text-align: left; | |
| position: relative;
| |
| }
| |
| table.wikitable3 td.hl2, table.wikitable3 th.hl2,
| |
| table.wiki-table3 td.hl2, table.wiki-table3 th.hl2 {
| |
| background: #fff;
| |
| color: #444;
| |
| text-align: center;
| |
| border: 1px solid #ccc;
| |
| border-top: 0;
| |
| }
| |
| table.wikitable3 td.hl3, table.wikitable3 th.hl3,
| |
| table.wiki-table3 td.hl3, table.wiki-table3 th.hl3 {
| |
| background: #ebf5f8;
| |
| color: #444;
| |
| text-align: center;
| |
| border: 1px solid #ccc;
| |
| border-top: 0;
| |
| }
| |
| table.wikitable3 caption,
| |
| table.wiki-table3 caption {
| |
| margin-left: inherit;
| |
| margin-right: inherit;
| |
| font-weight: bold;
| |
| }
| |
| table.wikitable3 td,
| |
| table.wiki-table3 td {
| |
| vertical-align: top;
| |
| } | | } |
|
| |
|
| table.wikitable3 td .perm,
| | #citation cite { |
| table.wiki-table3 td .perm {
| | color: #999999; |
| vertical-align: top; | | font-size: 14px; |
| font-family: courier,sans-serif; | | display: block; |
| | margin-top: 5px; |
| } | | } |
| table.wikitable3 td:nth-child(even), table.wiki-table3 td:nth-child(even) {
| | |
| background: #f7f7f7; | | #citation cite:before { |
| | content: "\2014 \2009"; |
| } | | } |
| /*
| |
| table.wikitable3 tr:hover td, table.wiki-table3 tr:hover td {
| |
| background: #f5fafc;
| |
| -webkit-transition: all .1s;
| |
| -moz-transition: all .1s;
| |
| -o-transition: all .1s;
| |
| transition: all .1s;
| |
| }*/
| |
| table.wikitable3 tr:hover td:nth-child(even), table.wiki-table3 tr:hover td:nth-child(even) {
| |
| background: #eaf3f7;
| |
| }
| |
|
| |
|
| |
| /* Code PRE TT (pour les commandes) */
| |
|
| |
|
| code {
| | #purge { |
| margin: 0 2px;
| | float:right; |
| padding: 3px 5px;
| |
| white-space: nowrap;
| |
| border: 1px solid #EAEAEA;
| |
| background-color: #F8F6EB;
| |
| border-radius: 3px;
| |
| } | | } |
|
| |
|
| pre {
| | table.right { |
| font-family: monospace,Courier; | | float: right !important; |
| border: 1px dashed #2f6fab; | | clear: right !important; |
| border-left: 0;
| | width: 300px !important; |
| border-right: 0;
| |
| margin: 1em 2em;
| |
| background: #efef; | |
| } | | } |
|
| |
| pre, code, tt {
| |
| font-size: 12px;
| |
| font-family: Consolas, "Liberation Mono", Courier, monospace;
| |
| }
| |
|
| |
|
| |
| /****** AUTRES*********/
| |
|
| |
| li { margin: 5px; }
| |
| /**************** FROM FR.WIKIPEDIA.ORG********************/
| |
| /* INFOBOX */
| |
| | | |
| /** Style commun aux infobox ; utiliser : | | /* Infobox |
| * * class="infobox" dans l'en-tête.
| | --------------------- */ |
| * * class="infoboximage" pour l'image et sa description
| |
| * * class="infoboxsoustitre" pour le sous-titre.
| |
| * Voir [[Aide:Infobox]] et [[Projet:InfoBox]].
| |
| */
| |
| | | |
| .infobox { | | .infobox { |
| background: #EEE; /* couleur correspondant aux titres / colonne de gauche, th */
| | background: #EEE; |
| color: #000;
| | color: #000; |
| float: right;
| | float: right; |
| clear: right;
| | clear: right; |
| font-size: 95%;
| | font-size: 95%; |
| border-collapse: collapse;
| | border-collapse: collapse; |
| margin: 0 0 .5em 1em;
| | margin: 0 0 .5em 1em; |
| width: 250px;
| | width: 250px; |
| } | | } |
|
| |
| /* monobookocentré debut */
| |
| | | |
| .infobox caption { | | .infobox caption { |
| background: #C0C0C0;
| | background: #C0C0C0; |
| border-left: 1px solid #AAA;
| | border-left: 1px solid #AAA; |
| border-top: 1px solid #AAA;
| | border-top: 1px solid #AAA; |
| border-right: 1px solid #AAA;
| | border-right: 1px solid #AAA; |
| padding: .2em;
| | padding: .2em; |
| margin-left: .57em;
| | margin-left: .57em; |
| font-weight: bolder;
| | font-weight: bolder; |
| text-align: center;
| | text-align: center; |
| color: #FFF;
| | color: #FFF; |
| font-size: 160%;
| | font-size: 160%; |
| } | | } |
| | | |
| .infobox th, | | .infobox th, |
| .infobox td { | | .infobox td { |
| vertical-align: middle;
| | vertical-align: middle; |
| border: 1px solid #AAA;
| | border: 1px solid #AAA; |
| padding: .2em .2em .2em .5em;
| | padding: .2em .2em .2em .5em; |
| } | | } |
| | | |
| .infobox td { | | .infobox td { |
| text-align: center;
| | text-align: center; |
| background: #F9F9F9;
| | background: #F9F9F9; |
| } | | } |
| | | |
| .infobox th { | | .infobox th { |
| font-weight: normal;
| | font-weight: normal; |
| text-align: left;
| | text-align: left; |
| } | | } |
| | | |
| .infobox .infoboximage { | | .infobox .infoboximage { |
| /* emplacement pour les photos et une description */
| | background: #FFF; |
| background: #FFF;
| | padding: 0; |
| padding: 0;
| | margin-top: 0; |
| margin-top: 0;
| | color: #000; |
| color: #000;
| | text-align: center; |
| text-align: center;
| |
| } | | } |
| | | |
| .infobox .infoboxsoustitre { | | .infobox .infoboxsoustitre { |
| /* sous-titre */
| | color: #000; |
| color: #000;
| | font-weight: bold; |
| font-weight: bold;
| | font-size: 115%; |
| font-size: 115%;
| | line-height: 2; |
| line-height: 2;
| | text-align: center; |
| text-align: center;
| |
| } | | } |
| | | |
| .infobox dl { | | .infobox dl { |
| clear: both
| | clear: both |
| } | | } |
| | | |
| .infobox dt { | | .infobox dt { |
| float: left;
| | float: left; |
| clear: left;
| | clear: left; |
| width: 35%;
| | width: 35%; |
| } | | } |
| | | |
| .infobox dd { | | .infobox dd { |
| margin-left: 40%
| | margin-left: 40% |
| } | | } |
| | | |
| | | /* Infobox v2 |
| /** | | --------------------- */ |
| * Infobox V2
| |
| * Voir : [[Utilisateur:Antaya/Infobox V2]]
| |
| */
| |
| | | |
| .infobox_v2 { | | .infobox_v2 { |
| /* monobookocentré debut */
| | background: #f9f9f9; |
| background: #f9f9f9;
| | color: #000; |
| color: #000;
| | font-size: 90%; |
| font-size: 90%;
| | line-height: 1.1em; |
| line-height: 1.1em;
| | float: right!important; |
| float: right;
| | clear: right!important; |
| clear: right;
| | margin: 0 0 .5em 1em!important; |
| /* haut droite bas gauche */
| | width: 300px!important; |
| margin: 0 0 .5em 1em;
| | -webkit-border-radius: 0.3em; |
| width: 300px;
| | -moz-border-radius: 0.3em; |
| -webkit-border-radius: 0.3em;
| | border-radius: 0.3em; |
| -moz-border-radius: 0.3em;
| | border: 1px solid #CCC; |
| border-radius: 0.3em;
| | box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1); |
| border: 1px solid #CCC;
| | padding: 0.1em!important; |
| box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
| |
| padding: 0.1em;
| |
| } | | } |
| | | |
| .infobox_v2 th { | | .infobox_v2 th { |
| vertical-align: super;
| | vertical-align: super; |
| text-align: left;
| | text-align: left; |
| } | | } |
| | | |
| .infobox_v2 .entete { | | .infobox_v2 .entete { |
| height: 45px;
| | height: 45px; |
| vertical-align: middle;
| | vertical-align: middle; |
| text-align: center;
| | text-align: center; |
| font-size: 150%;
| | font-size: 150%; |
| font-weight: bolder;
| | font-weight: bolder; |
| line-height: 1.2em;
| | line-height: 1.2em; |
| color: #000;
| | color: #000; |
| } | | } |
| | | |
| .infobox_v2 .media { | | .infobox_v2 .media { |
| /* css V2 pour [[Modèle: Son]], etc. */;
| | height: 35px; |
| height: 35px;
| | vertical-align: middle; |
| vertical-align: middle;
| | text-align: center; |
| text-align: center;
| | font-weight: bolder; |
| font-weight: bolder;
| | color: #000; |
| color: #000;
| |
| } | | } |
|
| |
|
| |
|
| /* ENTETES INFOBOXES | | /* ENTETES INFOBOXES |
Ligne 450 : |
Ligne 228 : |
|
| |
|
| .entete.construction { | | .entete.construction { |
| background: url("//nefald.fr/mw/images/e/ea/entete_construction.png") no-repeat top right;
| | background: #03576C url('//nefald.fr/wiki/images/e/ea/entete_construction.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
|
| |
|
| |
|
| .entete.plugin { | | .entete.plugin { |
| background: url("//nefald.fr/mw/images/6/67/entete_plugin.png") no-repeat top right;
| | background: #FDB600 url('//nefald.fr/wiki/images/6/67/entete_plugin.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.joueur { | | .entete.joueur { |
| background: url("//nefald.fr/mw/images/5/56/entete_joueur.png") no-repeat top right;
| | background: #0072B1 url('//nefald.fr/wiki/images/5/56/entete_joueur.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| | } |
| | |
| | .entete.personnage { |
| | background: #0072B1 url('//nefald.fr/wiki/images/f/f4/entete_personnage.png') no-repeat top right; |
| | width:100%; |
| | height:60px; |
| } | | } |
| | | |
| | |
| .entete.grade { | | .entete.grade { |
| background: url("//nefald.fr/mw/images/2/2b/entete_grade.png") no-repeat top right;
| | background: #FF3400 url('//nefald.fr/wiki/images/2/2b/entete_grade.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.guilde { | | .entete.guilde { |
| background: url("//nefald.fr/mw/images/2/2f/entete_guilde.png") no-repeat top right;
| | background: #FF2D07 url('//nefald.fr/wiki/images/2/2f/entete_guilde.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.ville { | | .entete.ville { |
| background: url("//nefald.fr/mw/images/3/3e/entete_ville.png") no-repeat top right;
| | background: #026B84 url('//nefald.fr/wiki/images/3/3e/entete_ville.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
|
| |
|
| |
|
| .entete.monde { | | .entete.monde { |
| background: url("//nefald.fr/mw/images/7/71/entete_monde.png") no-repeat top right;
| | background:#82C300 url('//nefald.fr/wiki/images/7/71/entete_monde.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.logiciel { | | .entete.logiciel { |
| background: url("//nefald.fr/mw/images/e/e2/entete_logiciel.png") no-repeat top right;
| | background: #963DC7 url('//nefald.fr/wiki/images/e/e2/entete_logiciel.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.mod { | | .entete.mod { |
| background: url("//nefald.fr/mw/images/0/0d/entete_mod.png") no-repeat top right;
| | background: #FFD644 url('//nefald.fr/wiki/images/0/0d/entete_mod.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.territoire { | | .entete.territoire { |
| background: url("//nefald.fr/mw/images/6/60/entete_territoire.png") no-repeat top right;
| | background: #578103 url('//nefald.fr/wiki/images/6/60/entete_territoire.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.application.mobile { | | .entete.application.mobile { |
| background: url("//nefald.fr/mw/images/1/16/entete_application_mobile.png") no-repeat top right;
| | background: #A4C639 url('//nefald.fr/wiki/images/1/16/entete_application_mobile.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| } | | } |
| | | |
| .entete.schematic { | | .entete.schematic { |
| background: url("//nefald.fr/mw/images/f/f5/entete_schematic.png") no-repeat top right;
| | background: #596DDB url('//nefald.fr/wiki/images/f/f5/entete_schematic.png') no-repeat top right; |
| width:100%;
| | width:100%; |
| height:60px;
| | height:60px; |
| | } |
| | |
| | .entete.roleplay { |
| | background: #1E5C97 url('//nefald.fr/wiki/images/f/fe/entete_roleplay.png') no-repeat top right; |
| | width:100%; |
| | height:60px; |
| } | | } |
|
| |
|
| /* SK89Q'S WIKI wiki.sk89q.com - I LOVE IT! */
| | .entete.tutoriel { |
| | | background: #488BDD url('//nefald.fr/wiki/images/e/e5/entete_tutoriel.png') no-repeat top right; |
| input {
| | width:100%; |
| font: inherit; | | height:60px; |
| font-size: 10pt;
| |
| margin: 0; | |
| line-height: 1; | |
| } | | } |
| input[type='text'], input[type='password'], input:not([type]) {
| | |
| font: inherit;
| | .entete.metier { |
| font-size: 10pt;
| | background: #7BAFFF url('//nefald.fr/wiki/images/e/e4/entete_metier.png') no-repeat top right; |
| background: #fff; | | width:100%; |
| padding: 4px;
| | height:60px; |
| border: 1px solid #aaa;
| |
| -webkit-transition: border-color .2s;
| |
| -moz-transition: border .2s;
| |
| -o-transition: border-color .2s;
| |
| transition: border-color .2s; | |
| line-height: 1; | |
| } | | } |
| input[type='text']:hover, input[type='password']:hover, input#searchInput:hover {
| | |
| border-color: #999; | | .entete.divinite { |
| | background: #012946 url('//nefald.fr/wiki/images/4/45/entete_divinite.png') no-repeat top right; |
| | width:100%; |
| | height:60px; |
| } | | } |
| input[type='text']:focus, input[type='password']:focus, input#searchInput:focus {
| | |
| outline: 0;
| | .entete.ordre { |
| border-color: #a7d7f9;
| | background: #012946 url('//nefald.fr/wiki/images/f/f9/entete_ordre.png') no-repeat top right; |
| box-shadow: 0 0 0.3em #999;
| | width:100%; |
| }
| | height:60px; |
| button, input[type='button'], input[type='submit'] {
| |
| font: inherit;
| |
| display: inline-block;
| |
| -webkit-transition: border-color .2s;
| |
| -moz-transition: border .2s;
| |
| -o-transition: border-color .2s;
| |
| transition: border-color .2s;
| |
| background: #f3f3f3; | |
| background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
| |
| background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1)); | |
| border: solid 1px #ccc;
| |
| border-radius: 2px;
| |
| margin: 0.3em 0;
| |
| padding: 6px 10px;
| |
| cursor: pointer; | |
| font-size: 10pt;
| |
| line-height: 1;
| |
| }
| |
| button:hover, input[type='button']:hover, input[type='submit']:hover {
| |
| text-decoration: none;
| |
| border-color: #a7d7f9;
| |
| -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
| |
| -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
| |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
| |
| } | | } |
|
| |
|
| | | .entete.script { |
| | | background: #FFAC1A url('//nefald.fr/wiki/images/f/f0/entete_script.png') no-repeat top right; |
| /* Button */
| | width:100%; |
|
| | height:60px; |
| .buttons a, .buttons a:link, .buttons a:visited { | |
| display: block;
| |
| margin: 15px 0 15px 0;
| |
| text-decoration: none;
| |
| color: #fff;
| |
| position: relative;
| |
| padding: 10px 20px;
| |
| padding-right: 45px;
| |
| background: #a50000; | |
| border-radius: 5px;
| |
| box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #581a27, 0px 7px 5px #999;
| |
| font-weight: bold;
| |
| font-size: 120%;
| |
| -moz-transition-property: background;
| |
| -moz-transition-duration: 0.5s;
| |
| -webkit-transition-property: background;
| |
| -webkit-transition-duration: 0.5s;
| |
| -o-transition-property: background;
| |
| -o-transition-duration: 0.5s;
| |
| border: 0;
| |
| max-width: 240px;
| |
| }
| |
| .buttons a:hover {
| |
| background: #d70014;
| |
| box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #96000e, 0px 7px 5px #999;
| |
| }
| |
| .buttons a:active {
| |
| top: 3px;
| |
| background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
| |
| box-shadow: inset 0px 1px 0px #ff838e, 0px 2px 0px 0px #612127, 0px 5px 3px #999;
| |
| }
| |
| .buttons a::before { | |
| background-color: #7e1b24;
| |
| background-image: url(/images/button_arrow.png);
| |
| background-repeat: no-repeat;
| |
| background-position: center center;
| |
| content: "";
| |
| width: 20px; | |
| height: 20px; | |
| position: absolute;
| |
| right: 15px;
| |
| top: 50%;
| |
| margin-top: -9px;
| |
| border-radius: 50%;
| |
| box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
| |
| }
| |
| .buttons a:active::before {
| |
| top: 50%;
| |
| margin-top: -12px;
| |
| box-shadow: inset 0px 1px 0px #ff838e, 0px 3px 0px #612127, 0px 6px 3px #34090d;
| |
| }
| |
| .buttons a img {
| |
| vertical-align: middle;
| |
| } | | } |
|
| |
|
| h2 { | | h2 { |
| font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; | | font-family: 'Helvetica', Arial, sans-serif; |
| font-size: 1.5em; | | font-size: 1.8em; |
| font-weight: bold; | | font-weight: bold; |
| margin: 1.6em 0 1em 0; | | margin: 1.6em 0 1em 0; |
Ligne 646 : |
Ligne 350 : |
| color: #555; | | color: #555; |
| } | | } |
| | |
| h3 { | | h3 { |
| font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; | | font-family: 'Helvetica', Arial, sans-serif; |
| | font-size: 1.4em; |
| margin: 1.1em 0 0.4em 0; | | margin: 1.1em 0 0.4em 0; |
| } | | } |
|
| |
|
| /* SK89Q */ | | /* * BOÎTES ET MESSAGES * */ |
| | |
|
| |
|
| /* * BOÎTES ET MESSAGES * */
| |
|
| |
| div.boite-a-droite { | | div.boite-a-droite { |
| display: table;
| | display: table; |
| clear: right;
| | clear: right; |
| float: right;
| | float: right; |
| margin: 1em 0 1em 1em;
| | margin: 1em 0 1em 1em; |
| width: 20em;
| | width: 20em; |
| position: relative; /* pour les images manuelles */
| | position: relative; |
|
| | border-style: solid; |
| border-style: solid;
| | border-width: 1px; |
| border-width: 1px;
| | padding: 4px; |
| padding: 4px;
| | text-align: left; |
| text-align: left;
| | -webkit-border-radius: 0.3em; |
| -webkit-border-radius: 0.3em;
| | -moz-border-radius: 0.3em; |
| -moz-border-radius: 0.3em;
| | border-radius: 0.3em; |
| border-radius: 0.3em;
| | border: 1px solid #CCC; |
| border: 1px solid #CCC;
| | box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1);
| | padding: 0.1em; |
| padding: 0.1em;
| |
| } | | } |
| | |
| .boite-sans-fond { | | .boite-sans-fond { |
| border-color: #aaa; /* comme boite-grise */
| | border-color: #aaa; |
| } | | } |
| | |
| .boite-grise { | | .boite-grise { |
| border-color: #aaa;
| | border-color: #aaa; |
| background-color: #F9F9F9;
| | background-color: #F9F9F9; |
| } | | } |
| | | |
| .boite-jaune { | | .boite-jaune { |
| border-color: #aaa;
| | border-color: #aaa; |
| background-color: #FFE998;
| | background-color: #FFE998; |
| } | | } |
| | | |
| .boite-bleu { | | .boite-bleu { |
| border-color: #aaa;
| | border-color: #aaa; |
| background-color: #EFF6FA;
| | background-color: #EFF6FA; |
| } | | } |
| | | |
| span.annexe {font-weight:bold;color:#0a7cc8;} | | span.annexe {font-weight:bold;color:#0a7cc8;} |
| .annexe a, | | .annexe a, |
| .annexe a:active {color:#0a7cc8;} | | .annexe a:active {color:#0a7cc8;} |
| .annexe a:hover { color:#CB4627!important;} | | .annexe a:hover { color:#CB4627!important;} |
| | |
| | li.annexe {list-style:none;} |
| | |
| | .titre-annexe {font-size:14px;font-weight:bold;font-style:italic;margin-left:10px;} |
|
| |
|
| li.annexe {list-style:none;}
| | /* ===== STYLES ACCUEIL WIKI ADAPTATIFS ===== */ |
| | |
| | /* Bannière principale */ |
| | .wiki-banner { |
| | position: relative; |
| | height: 120px; |
| | background: var(--color-surface-1); |
| | border-radius: 6px; |
| | margin-bottom: 20px; |
| | overflow: hidden; |
| | background-size: cover; |
| | background-position: center; |
| | border: 1px solid var(--border-color-base); |
| | } |
| | |
| | .banner-overlay { |
| | position: absolute; |
| | bottom: 0; |
| | left: 0; |
| | right: 0; |
| | background: linear-gradient(transparent, rgba(0,0,0,0.85)); |
| | color: #ffffff; |
| | padding: 16px 20px; |
| | } |
| | |
| | .banner-title { |
| | font-size: 1.5rem; |
| | font-weight: 700; |
| | margin-bottom: 4px; |
| | color: #ffffff; |
| | } |
| | |
| | .banner-subtitle { |
| | font-size: 0.9rem; |
| | opacity: 0.9; |
| | color: #ffffff; |
| | } |
| | |
| | /* Navigation en grille */ |
| | .wiki-nav-grid { |
| | display: grid; |
| | grid-template-columns: repeat(3, 1fr); |
| | gap: 16px; |
| | margin-bottom: 30px; |
| | } |
| | |
| | @media (max-width: 768px) { |
| | .wiki-nav-grid { |
| | grid-template-columns: repeat(2, 1fr); |
| | } |
| | } |
|
| |
|
| .titre-annexe {font-size:14px;font-weight:bold;font-style:italic;margin-left:10px;}
| | @media (max-width: 480px) { |
| | .wiki-nav-grid { |
| | grid-template-columns: 1fr; |
| | } |
| | } |
|
| |
|
| | .wiki-nav-card { |
| | background: var(--color-surface-1); |
| | border: 1px solid var(--border-color-base); |
| | border-radius: 8px; |
| | overflow: hidden; |
| | transition: all 0.2s ease; |
| | height: 160px; |
| | cursor: pointer; |
| | position: relative; |
| | } |
|
| |
|
| /* G A L L E R Y */
| | .wiki-nav-card:hover { |
| | border-color: var(--color-primary); |
| | transform: translateY(-2px); |
| | box-shadow: 0 4px 12px rgba(0,0,0,0.3); |
| | } |
|
| |
|
| li.gallerybox div.thumb {
| | .nav-card-image { |
| border: 1px solid #B4BEC3;
| | height: 80px; |
| background-color: #f5f5f5; | | background-size: cover; |
| | background-position: center; |
| | background-color: var(--color-surface-2); |
| | } |
|
| |
|
| | .nav-card-content { |
| | padding: 16px; |
| | position: absolute; |
| | bottom: 0; |
| | left: 0; |
| | right: 0; |
| | background: linear-gradient(transparent, rgba(0,0,0,0.85)); |
| | color: white; |
| | } |
|
| |
|
| /* S I T E N O T I C E */ | | /* TEXTE ADAPTATIF selon le thème */ |
| .bignotice {border: 1px solid #f4f4f4;padding-top:15px;-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em;border-radius: 0.3em;border: 1px solid #CCC;box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);} | | .nav-card-title { |
| | font-size: 1.1rem; |
| | font-weight: 600; |
| | color: #ffffff !important; /* Toujours blanc sur overlay sombre */ |
| | margin-bottom: 4px; |
| | } |
|
| |
|
| | .nav-card-title a { |
| | color: #ffffff !important; /* Toujours blanc sur overlay sombre */ |
| | text-decoration: none; |
| | } |
|
| |
|
| body {
| | .nav-card-description { |
| background: #E6EFF4!important;
| | font-size: 0.9rem; |
| | color: #e2e8f0 !important; /* Toujours gris clair sur overlay sombre */ |
| | line-height: 1.3; |
| } | | } |
|
| |
|
| ul {
| | /* Featured section */ |
| /* @embed */
| | .wiki-featured { |
| list-style-image: none!important;
| | display: grid; |
| | grid-template-columns: 2fr 1fr; |
| | gap: 20px; |
| | margin-bottom: 30px; |
| } | | } |
|
| |
|
| | @media (max-width: 768px) { |
| | .wiki-featured { |
| | grid-template-columns: 1fr; |
| | } |
| | } |
|
| |
|
| /* Styles de [[Modèle:Méta palette de navigation]] */
| | .featured-main { |
|
| | position: relative; |
| table.navbox {
| | height: 200px; |
| background: #F9F9F9;
| | background: var(--color-surface-1); |
| border: 1px solid #AAA;
| | border-radius: 6px; |
| clear: both;
| | overflow: hidden; |
| font-size: 90%;
| | border: 1px solid var(--border-color-base); |
| margin: 1em 0 0;
| | cursor: pointer; |
| padding: 2px;
| | } |
| text-align: center;
| | |
| width: 100%;
| | .featured-image { |
| | position: absolute; |
| | top: 0; |
| | left: 0; |
| | right: 0; |
| | bottom: 0; |
| | background-size: cover; |
| | background-position: center; |
| } | | } |
|
| | |
| table.navbox th {
| | .featured-content { |
| background: #CCF;
| | position: absolute; |
| padding-left: 1em;
| | bottom: 0; |
| padding-right: 1em;
| | left: 0; |
| | right: 0; |
| | background: linear-gradient(transparent, rgba(0,0,0,0.85)); |
| | color: #ffffff; |
| | padding: 20px; |
| } | | } |
|
| | |
| table.navbox td.group {
| | .featured-title { |
| background: #DDF;
| | font-size: 1.5rem; |
| vertical-align: middle;
| | font-weight: 700; |
| width: 150px;
| | margin-bottom: 8px; |
| padding-left: 1em;
| | color: #ffffff !important; /* Toujours blanc sur overlay sombre */ |
| padding-right: 1em;
| |
| font-weight: bold;
| |
| } | | } |
|
| | |
| table.navbox td.list {
| | .featured-description { |
| text-align: left
| | font-size: 0.9rem; |
| | opacity: 0.9; |
| | line-height: 1.4; |
| | color: #ffffff !important; /* Toujours blanc sur overlay sombre */ |
| } | | } |
|
| | |
| table.navbox td.even {
| | /* Sidebar adaptative aux thèmes */ |
| background: #EEF
| | .wiki-sidebar { |
| | display: flex; |
| | flex-direction: column; |
| | gap: 16px; |
| } | | } |
|
| | |
| table.navbox td.banner {
| | .sidebar-section { |
| background: #DDF;
| | background: var(--color-surface-1); |
| vertical-align: middle;
| | border: 1px solid var(--border-color-base); |
| padding-left: 1em;
| | border-radius: 6px; |
| padding-right: 1em;
| | padding: 16px; |
| } | | } |
|
| | |
| /* Modèle de palettes groupées, [[Modèle:Palette]] */ | | /* Titre adaptatif : sombre en mode clair, clair en mode sombre */ |
|
| | .sidebar-title { |
| div.navbox_group {
| | font-size: 1.1rem; |
| border: 1px solid #aaaaaa;
| | font-weight: 600; |
| margin-top: 15px;
| | margin-bottom: 12px; |
| | border-bottom: 1px solid var(--border-color-base); |
| | padding-bottom: 8px; |
| } | | } |
|
| | |
| div.navbox_group table.navbox {
| | /* Mode sombre : texte clair */ |
| border: 0;
| | [data-theme='dark'] .sidebar-title, |
| margin: 0;
| | .skin-citizen-dark .sidebar-title { |
| | color: #ffffff !important; |
| } | | } |
|
| | |
| /* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */ | | /* Mode clair : texte sombre */ |
|
| | [data-theme='light'] .sidebar-title, |
| .navboxToggle, | | .skin-citizen-light .sidebar-title, |
| .NavToggle { | | .sidebar-title { |
| font-size: 90%;
| | color: #1a1a1a !important; |
| font-weight: normal;
| |
| float: right !important;
| |
| min-width: 6em;
| |
| } | | } |
|
| |
|
| /*ARTICLE DETAILLE */
| | .sidebar-section a { |
| | display: block; |
| | color: var(--color-primary) !important; |
| | text-decoration: none; |
| | padding: 6px 0; |
| | font-size: 0.875rem; |
| | line-height: 1.4; |
| | } |
|
| |
|
| .loupe { | | .sidebar-section a:hover { |
| background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/61/Searchtool.svg/15px-Searchtool.svg.png");
| | color: var(--color-primary--hover) !important; |
| background-position: 2px 3px;
| | text-decoration: none; |
| } | | } |
|
| |
|
| div.bandeau-section {
| | /* Texte normal de la sidebar */ |
| display: block;
| | [data-theme='dark'] .sidebar-section, |
| /* Pour le [[modèle: Article détaillé]] et autres */
| | .skin-citizen-dark .sidebar-section { |
| margin: 0 0 .7em 2em;
| | color: #e2e8f0; |
| font-size: 95%;
| |
| overflow: hidden;
| |
|
| |
| border-style: solid;
| |
| border-width: 1px 0;
| |
| padding: 2px 0 1px 4px;
| |
| text-align: left;
| |
| } | | } |
|
| |
|
| .bandeau-niveau-detail, /* voir [[Wikipédia:Prise de décision/Unification des modèles : article détaillé et Loupe]] */ | | [data-theme='light'] .sidebar-section, |
| .bandeau-section.bandeau-niveau-information { | | .skin-citizen-light .sidebar-section, |
| border-color: #e7e7e7;
| | .sidebar-section { |
| background-color: #fdfdfd;
| | color: #374151; |
| } | | } |