|
|
(5 versions intermédiaires par le même utilisateur non affichées) |
Ligne 1 : |
Ligne 1 : |
| /* Le CSS placé ici affectera les utilisateurs de l’habillage Monobook. */ | | /* Le CSS placé ici affectera les utilisateurs de l’habillage Monobook. */ |
|
| |
|
| |
|
| |
| /* Évite un titre en bas de page version imprimable */
| |
| h2,h3,h4,h5 {page-break-after: avoid;}
| |
|
| |
| /* Désactive liens "navigation" et "recherche" en haut de page */
| |
| #jump-to-nav {display:none;}
| |
|
| |
| /* Texte des articles + notes justifiés par défaut */
| |
| body[class~="ns-0"] #bodyContent {text-align:justify;}
| |
| body[class~="ns-0"] #bodyContent ol.references > li {text-align:justify;}
| |
|
| |
|
| |
| /* Pages Agora : encadrement et colorisation des indentations */
| |
| /* dépend de la fonction js "attrib_class_dialog" qui attribue la classe dialog */
| |
|
| |
| .dialog #content {background: #F8F8FF;}
| |
| .dialog #bodyContent dd {margin:0; padding: .3em 0 0 0;}
| |
| .dialog #bodyContent dl {border-top: solid 1px #9090F0; border-left: solid 1px #9090F0; padding: .2em 0 0 .5em; margin: .5em 0 0 1em;}
| |
| .dialog #bodyContent dl, .dialog #bodyContent dl dl dl, .dialog #bodyContent dl dl dl dl dl,
| |
| .dialog #bodyContent dl dl dl dl dl dl dl, .dialog #bodyContent dl dl dl dl dl dl dl dl dl,
| |
| .dialog #bodyContent dl dl dl dl dl dl dl dl dl dl dl {background: #F0F0FF}
| |
| .dialog #bodyContent dl dl, .dialog #bodyContent dl dl dl dl, .dialog #bodyContent dl dl dl dl dl dl,
| |
| .dialog #bodyContent dl dl dl dl dl dl dl dl, .dialog #bodyContent dl dl dl dl dl dl dl dl dl dl,
| |
| .dialog #bodyContent dl dl dl dl dl dl dl dl dl dl dl dl {background: #F8F8FF}
| |
|
| |
|
| |
|
| |
| /* Pages Edition : affichage espace caractères spéciaux */
| |
| /* dépend des fonctions js addCustomCharsetMenu, addcharsetmenu, changecharset, initcharsubset */
| |
|
| |
| #specialcharsets {min-height: 5.6em; margin: 3px 0; border-width: 1px; border-style: solid; border-color: #AAA; padding: 5px;}
| |
| #specialcharsets select {margin-right: 6px;}
| |
| #specialcharsets p {line-height: 1.8em;}
| |
| #specialcharsets p a {text-decoration: none; padding: 1px .35em; background: #C0F0F0; color: #400; border: outset #C0F0F0 1px;}
| |
|
| |
|
| |
|
| |
| .imagerelative {overflow:hidden; text-align:center; margin:0; background-color:#f9f9f9; border:0 #fff solid;}
| |
| .imagerelative .padding {padding:2px 4px 0 2px; border:1px #ccc solid;}
| |
| .imagerelative img {height:auto; max-width:100%; width:auto; border:1px #ccc solid; margin:0; padding:0;}
| |
| .imagerelative .caption {font-size:0.85em; line-height:1.4em; margin:0; padding:3px;}
| |
| .imagerelative.noborder .padding {border:0;}
| |
|
| |
|
| |
| .imagetext .descr {font-size:0.85em; line-height:1.4em; margin:0; padding:3px;}
| |
| /* position relative pour imagepoplink */
| |
| .imagetext .comment {position:relative; font-size:0.85em; line-height:1.4em; margin:0; padding:3px;}
| |
| .imagetext.nodescr .descr {display:none;}
| |
| .imagetext.nocomment .comment {display:none;}
| |
| .imagetext.noartist .artist {display:none;}
| |
| .page-BoyWiki_Commentaires_des_images .imagetext {margin-left:120px;}
| |
|
| |
|
| |
| .imgalerie {position:relative; height:30em; width:90%; margin:75px auto 0 auto; background-color:#eee; border:1px #aaa solid;}
| |
| .imgalerie .miniatures {overflow-y:scroll; height:70px; width:100%; background-color:#eee; margin:-75px -1px 0 -1px; list-style: none outside none; border:1px #aaa solid; padding:0; display:block; text-align:center;}
| |
| .imgalerie .miniatures li {display:inline; padding:.5px;}
| |
| .imgalerie .miniatures li img {max-height:100%; max-width:100%; height:auto; width:auto;}
| |
| .imgalerie .miniatures div {position:absolute; height:100%; width:100%; top:0; visibility:hidden; opacity:0; -moz-transition:visibility 0s linear 0.5s,opacity linear 0.5s; transition:visibility 0s linear 0.5s,opacity linear 0.5s;}
| |
| .imgalerie .miniatures div img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
| |
| .imgalerie .miniatures li:hover div {visibility:visible; opacity:1; -moz-transition-delay:0s; transition-delay:0s;}
| |
|
| |
|
| |
| .imgzoom {display:inline-block; position:relative; height:8em; width:12em;}
| |
| .imgzoom img {position:absolute; height:100%; width:auto; z-index:2; -moz-transition:all 1s; transition:all 1s; top:0; left:0; bottom:0; right:0; margin:auto;}
| |
| .imgzoom img:hover {height:300%; z-index:10; box-shadow:3px 3px 8px #444;}
| |
| .imgzoom.z250 img:hover {height:250%;}
| |
| .imgzoom.z350 img:hover {height:350%;}
| |
| .imgzoom.z400 img:hover {height:400%;}
| |
|
| |
|
| |
|
| |
| #citimgdujour {border:1px #88c solid;}
| |
| #citationdujour {width:44%; margin-right:0; margin-left:auto;}
| |
| #imagedujour {float:left; width:54%; text-align:center; margin:0; padding:0 8px; border-right:1px #88c solid;}
| |
| #citationdujour #cdjtit, #imagedujour #idjtit {text-align:left; font-style:italic; font-size:1.5em; line-height:1em; color:#99e; margin:8px;}
| |
| /* ajout height et width:auto pour IE8 */
| |
| #imagedujour img {max-height:36em; height:auto; max-width:100%; width:auto; margin:0; padding:0;}
| |
| #imagedujour .descr {font-size:0.85em; line-height:1.4em; margin:0; padding:3px 15px;}
| |
| /* position relative pour imagepoplink */
| |
| #imagedujour .comment {position:relative; font-size:0.85em; text-align:left; background-color:#ddf; padding:3px; margin:15px;}
| |
| #imagedujour .comment:before {content:"→ "}
| |
|
| |
| #imagedujour #idjdsc {font-size:0.85em; line-height:1.4em; margin:0; padding:3px 15px;}
| |
| #citationdujour #cdjlnk, #imagedujour #idjlnk {font-size:0.85em; background-color:#ddf; padding:3px; margin:15px;}
| |
|
| |
|
| |
|
| |
| /* Popup-infobulle affichage notes de bas de page citations et références */
| |
| #popup_ref {position:absolute; z-index:10; top:100px; left:200px; width:350px; min-height:25px; background:#FFFFC0; border:outset #FFC0A0 1px; padding:8px; font-size:110%; box-shadow:3px 3px 8px #444; opacity:0; -moz-transition:opacity .5s; transition:opacity .5s;}
| |
|
| |
| /* Popup message alerte niveau film */
| |
| .filmlevel {position:relative; color:#E2536B}
| |
| .filmlevelmsg {visibility:hidden; opacity:0; position:absolute; left:-8em; padding:5px; width:23em; font-size:110%; line-height:125%; background-color:#FFD8C0; box-shadow:3px 3px 8px #444; transition: opacity 0.4s linear 0s;}
| |
| .filmlevelmsg hr {background-color:#B05000; width:50%; margin:auto;}
| |
| .filmlevel:hover .filmlevelmsg {visibility:visible; opacity:1;}
| |
|
| |
|
| |
| /* Popup lien sur img */
| |
| .imagepoplink {position:relative;}
| |
| #imagedujour .imagepoplink {position:static;}
| |
| .imagepoplink img {visibility:hidden; position:absolute; bottom:0; box-shadow:3px 3px 8px #444; opacity:0; -moz-transition:opacity .5s; transition:opacity .5s;}
| |
| .imagepoplink:hover img {visibility:visible; opacity:1;}
| |
|
| |
| /* Popup-paramètres (dialogbox) - utilisé par boutons edit (toolbox) */
| |
| #popup_param {position: absolute; z-index:10; top: 100px; left: 200px; min-width: 20em; max-width: 50em; min-height: 18em; background: #EFFAFA; border: outset #C0F0F0 1px; padding: 5px; font-size: 120%; text-align: center;}
| |
| #popup_param table {background: #EFFAFA; text-align:left;}
| |
| #popup_param #titr {font-size: 110%; font-weight: bold;}
| |
| #popup_param #espace {min-height: 12em; margin:15px 0;}
| |
| #popup_param_txt {display: block; font-size: 100%; text-align:left; line-height: 1.2em; margin: 20px 0;}
| |
| #popup_param dt {text-decoration:underline;}
| |
| #popup_param a {text-decoration:none;}
| |
| #popup_param #aide {display: block; font-size: 95%; text-align:left; line-height: 1em; color: #520; padding-left: 20px; margin: 5px;}
| |
| #popup_param #btn {display: block; padding-top: 8px;}
| |
|
| |
|
| |
| /* Références biblio */
| |
| .reflivre, .reffilm, .refserie, .refemission, .refpub, .refjeu, .refchanson, .refarticle {padding:0; margin:0; background:#EFF; font-family:Arial,Helvetica,FreeSans,sans-serif; font-size:0.67em;}
| |
| div.badref {font-size:8pt; background-color:#FFB2B2; padding-left:0.5em;}
| |
| .refbiblio .selflink {font-weight:normal;}
| |
| .refcontainer {border:dashed 1px lightgray; margin:0.5em; padding:0.5em;}
| |
| .refheader {border:solid 1px #806040; background-color:#DDFFDD; margin:1em; padding:0.5em;}
| |
| .BibList {display:none;}
| |
| .ISBD {display:block;}
| |
| .ISBDmod {display:none;}
| |
| .BibRef {display:none;}
| |
| body.ns-104 #content {background:#EFF;}
| |
| .filmolist, .filmocadre, .filmocourt, .filmotourn {display:none;}
| |
| .filmolong {display:block;}
| |
|
| |
| /* Formulaire création références biblio */
| |
| #creatrefbib legend {font-size:8pt; font-weight:bold; font-style:italic;}
| |
| #creatrefbib .tit {text-align:right;}
| |
| #creatrefbib .cmt {font-size:9pt; font-style:italic; color:#540; padding-bottom:5px; padding-top:0;}
| |
| #creatrefbib_visu {text-align:center; background:#ccc; padding:6px; margin:20px;}
| |
|
| |
| /* Tableau-cadre présentation film */
| |
| .filmrefbox {float:right; position:relative; width:25em; margin:15px 0 15px 20px; border-collapse:collapse; border:thin #999 solid; background-image:linear-gradient(60deg,#DDE,#F4F4FF);}
| |
| .filmrefbox th {height:6.45em; padding:0; background:#ABC url(http://media.boywiki.org/w/images/7/71/Refboxfilm.jpg) no-repeat left top; background-size:100%; text-align:center;}
| |
| .filmrefbox th p {font-size:140%; color:#702; font-style:italic; text-shadow:1px 1px #ddd;}
| |
| .filmrefbox th small {font-size:60%;}
| |
| .filmrefbox td {padding:0px 7px; color:#602; font-size:0.75em; line-height:1.6em; text-indent:-1.4em; text-align:left;}
| |
| .filmrefbox td p {line-height:1.6em; margin:0 0 0 -5em;}
| |
| .filmrefbox tr td:first-child {font-weight:bold; width:7.7em; vertical-align:top; text-indent:0;}
| |
| .filmrefbox .synop {font-style:italic; margin:0;}
| |
| .filmrefbox .comment {margin:0;}
| |
| .filmrefbox .separ {margin:10px 0; text-align:center;}
| |
| .filmrefbox:before, .filmrefbox:after {content:" "; position:absolute; width:50%; height:100px; z-index:-10;}
| |
| .filmrefbox:before {top:14px; left:8px; box-shadow:-7px 0 10px #555; transform:rotate(-5deg);}
| |
| .filmrefbox:after {bottom:10px; right:5px; transform:rotate(5deg); box-shadow:-9px 7px 15px #333;}
| |
| .refcontainer .filmocadre .filmrefbox {float:none;}
| |
|
| |
|
| |
| /* modèle ébauche */
| |
| .ebauchelang {text-align:center; font-size:85%; width:62%; padding:0 .5em; margin:0 auto; background:#eff;}
| |
|
| |
| /* Extrait avec référence */
| |
| .citextrait {padding:0; margin:.5em 5%; font-family:"Times New Roman",Times,FreeSerif,serif; font-size:1.25em; line-height:1.2em; text-align:justify;}
| |
|
| |
| /* Citation courte et bloc */
| |
| .citecourt, .citebloc {width:92%; padding:0 1.3em .2em 1.3em; margin:1em 30px 1em 28px; font-family:"Times New Roman",Times,FreeSerif,serif; font-size: 1.15em; line-height:1.25em; text-align:justify;}
| |
| .citecourt.lisere {border-left:3px #CCF solid;}
| |
|
| |
| .citebloc {width:auto; padding:0; margin:0.3em 3em; border-collapse:collapse; border-style:none; background-color:transparent;}
| |
| .citebloc td.lquot {vertical-align:top; font-size:40px; font-weight:bold; color:#BBF; padding:0 20px;}
| |
| .citebloc td.rquot {vertical-align:bottom; font-size:40px; font-weight:bold; color:#BBF; padding:0 20px 8px;}
| |
| .citebloc td.text {vertical-align:top; padding:4px;}
| |
| .citebloc cite {font-size:0.8em; font-style:normal; display:block; padding:0.3em 0 0 1em;}
| |
| .citebloc p {font-size:inherit; line-height:inherit;}
| |
|
| |
|
| |
| /* citation longue - extrait ou texte complet */
| |
| .citelong {width:76%; border: 1px solid #dfdfdf; margin: 0 auto; padding: 1em 3em 1em 4em; background-color:#FEFEE9; font-family:"Times New Roman",Times,FreeSerif,serif; font-size: 1.37em;}
| |
| .citelong p {margin:0; padding:0; text-indent: 1em; line-height:1.3em; text-align:justify;}
| |
| .citelong h2 {margin-left: -2em; font-size:1.15em; font-weight: bold;}
| |
| .citelong h3 {margin-left: -2em; font-size:1.12em;}
| |
| .citelong hr {margin:20px 0;}
| |
| .citelong ul {list-style-type:none; list-style-image:none; padding:0; margin:.2em 0;}
| |
| .citelong ul li {line-height:1.15em;}
| |
| .citelong ol {margin: 0 0 0 1.5em; padding:0; font-size: 0.95em; line-height:1em;}
| |
| .refnonexp {font-style:normal; padding-left:1px;}
| |
| /*.citelong a:link, .citelong a:visited {color:#116;}*/
| |
| /*.citelong a.new:link, .citelong a.new:visited {color:#000;}*/
| |
| .citelong.masquelien a {color:#000;}
| |
| .citelong table {background: transparent !important;}
| |
| .citelong.sansserif {font-family:FreeSansSerif,sans-serif,sans;}
| |
|
| |
| /* bandeau pour les citations (voir modèle Bandeau citation) */
| |
| #bandeaucite {width:32em; font-size:0.8em; color:#004; background:#EEF; text-align:center; border: 1px solid #00C; padding: 6px; margin: 0 auto;}
| |
| #bandeaucite.droite {margin:0 6% 0 auto;}
| |
| #bandeaucite .message {color:#00C;}
| |
| #bandeaucite .extension {position:absolute; display:none; z-index:10; opacity: 0.9; color:#00C; background:#EEF; border:1px #00C solid; padding:6px; margin:-1em 4em; line-height:1em;}
| |
| #bandeaucite .message:hover + .extension, #bandeaucite .message + .extension:hover {display:block;}
| |
|
| |
|
| |
| /* bouton Montrer/Masquer liens */
| |
| #togglevisibilitylink {text-align:right; margin:0 6% 0 auto;}
| |
| #togglevisibilitylink input {color:#444; background-color:#eef; width:18em; height:1.6em; margin-top:8px; border:none; outline:none; box-shadow:1px 1px 0 #88b; border-radius:3px;}
| |
| #togglevisibilitylink input:hover {background-color:#F8F8FF;}
| |
|
| |
| /* bouton montrer/masquer marges */
| |
| #togglehidemargin {float:right; border:none; outline:none;}
| |
|
| |
|
| |
|
| |
| /* Tableau standard - source: modèle graphique Wikipédia (class="wikitable") - déjà défini dans common.css */
| |
| /*table.wikitable {margin:1em 0; background:#F9F9F9; border:1px #AAA solid; border-collapse:collapse;}*/
| |
| /*table.wikitable th, table.wikitable td {border:1px #AAA solid; padding:.3em;}*/
| |
| /*table.wikitable th, .wikitable_header {background:#F2F2F2; text-align:center;}*/
| |
| /*table.wikitable caption {margin-left:inherit; margin-right:inherit;}*/
| |
|
| |
| table .nohorizontalborder td, table .nohorizontalborder th {border-top:none; border-bottom:none;}
| |
|
| |
| /* Tableau - modèle permettant les lignes couleurs alternées */
| |
| table.alterne {margin: 1em 0; background: #FFF; border: 1px #999 solid;}
| |
| table.alterne th, table.alterne td {border: 0; border-spacing: 2px; padding: 1px .3em;}
| |
| table.alterne th {background: #CCC; text-align: center;}
| |
| table.alterne tr.enlight {background: #EEE;}
| |
| table.alterne caption {margin-left:inherit; margin-right:inherit;}
| |
|
| |
| /* Tableau sans bordure sans fond */
| |
| table.noborder {margin:1em 2em; border:0; border-collapse:collapse;}
| |
| table.noborder th, table.noborder td {padding:.3em; vertical-align: top;}
| |
| table.noborder th {text-align:center;}
| |
| table.noborder caption {margin-left:inherit; margin-right:inherit;}
| |
|
| |
| /* Tableau bordure extérieure sans fond */
| |
| table.encadre {margin: 1em 0; padding: 1em; background: #FFF; border: 1px #AAA solid;}
| |
| table.encadre th, table.encadre td {border: 0; border-spacing: 2px; padding: 1px .3em;}
| |
| table.encadre th {text-align: center;}
| |
| table.encadre caption {margin-left:inherit; margin-right:inherit;}
| |
|
| |
| /* Tableaux bordure gauche optionnelle sans fond pour citation bilingue */
| |
| table.citebilingue {width:97%; margin:1em 0 1em 28px; border:0; border-collapse:collapse; font-family:"Times New Roman",Times,FreeSerif,serif; font-size: 1.25em; line-height:1.27em;}
| |
| table.citebilingue th, table.citebilingue td {padding:0 1.3em .2em 1.3em; vertical-align: top;}
| |
| table.citebilingue th {text-align:center;}
| |
| table.citebilingue td {text-align:justify;}
| |
| table.citebilingue.lisere th, table.citebilingue.lisere td {border-left:3px #CCF solid;}
| |
| table.citebilingue.rtl td:first-child {text-align:right;}
| |
| table.citebilingue caption {margin-left:inherit; margin-right:inherit;}
| |
| /* cas particulier */
| |
| .citebilingue *:lang(grc), .citebilingue *:lang(el) {font-size: 1em;}
| |
| .citebilingue *:lang(ar), .citebilingue *:lang(fa) {font-size: 1.2em;}
| |
| .citelong .citebilingue {font-size:1em; margin-left:0; width:100%;}
| |
| .citelong .citebilingue td:first-child {border-left:none; padding-left:0;}
| |
| .citelong .citebilingue td:last-child {padding-right:0;}
| |
| .citelong .citebilingue *:lang(ar), .citelong .citebilingue *:lang(fa) {font-size: 1.1em;}
| |
|
| |
| /* Tableau - alignement du tableau dans la page: flottant à droite ou à gauche - déjà défini dans common.css */
| |
| table.gauche {float:left; margin-right: 1.5em;}
| |
| table.droite {float:right; margin-left: 1.5em;}
| |
| table.centre {margin:1em auto;}
| |
| table.nofloat {float: none;}
| |
|
| |
| /* Tableau - alignement du texte dans les cellules */
| |
| table.celldroite td {text-align: right;}
| |
| table.cellcentre td {text-align: center;}
| |
| table.cellgauche td {text-align: left;}
| |
|
| |
| /* Tableau ans du siècle */
| |
| #centurytab {width:75%; margin:auto; height:6em; text-align:center; border-top:1px solid #aaa; border-bottom:1px solid #aaa; font-family:Arial,Tahoma,sans-serif;}
| |
| #centurytab td {font-size:.7em; line-height:1em;}
| |
|
| |
|
| |
| /* Sommaire (toc) style paramétrable */
| |
| .sommaire.nonum .tocnumber {display:none}
| |
| .sommaire.notitre #toctitle {display:none}
| |
| .sommaire.niveau_2 ul ul ul {display:none;}
| |
| .sommaire.niveau_1 ul ul {display:none;}
| |
| .sommaire.multicol_2 table, .sommaire.multicol_2 ul {width:100%;}
| |
| .sommaire.multicol_2 .toclevel-1 {width:49%; float:left;}
| |
| .sommaire.multicol_3 table, .sommaire.multicol_3 ul {width:100%;}
| |
| .sommaire.multicol_3 .toclevel-1 {width:32%; float:left;}
| |
| .sommaire.multicol_4 table, .sommaire.multicol_4 ul {width:100%;}
| |
| .sommaire.multicol_4 .toclevel-1 {width:24%; float:left;}
| |
| .sommaire.multicol_5 table, .sommaire.multicol_5 ul {width:100%;}
| |
| .sommaire.multicol_5 .toclevel-1 {width:19%; float:left;}
| |
| .sommaire.niveau_1.multicol_2 ul, .sommaire.niveau_1.multicol_3 ul, .sommaire.niveau_1.multicol_4 ul, .sommaire.niveau_1.multicol_5 ul {text-align:center !important;}
| |
| /* Évite interlignage variable si exposant */
| |
| .toctext sup {vertical-align:top;position:relative;top:-4px;}
| |
|
| |
|
| |
| /* Pseudo modèle navigation à travers les années */
| |
| #yearnav {float:right; border: 1px solid #DDD; background:#F8F8F8; margin:10px; padding:10px; font-family:Arial,FreeSans,"DejaVu Sans",non-serif;}
| |
| #yearwin {width:250px; background:#fff; margin-bottom:8px;}
| |
| #yearbar {white-space:nowrap; word-spacing:4pt; margin:0; padding:0 3px; font-size:10pt;}
| |
| #yearnav a {text-decoration:none; background-image: none !important;}
| |
| #yearnav a:visited {color:#00D;}
| |
| #yearnav a.nolnk {color:#C33;}
| |
| #yearbtna,#yearbtns,#yearbtnm {text-align:center; font-size:8pt;}
| |
| #yearbtnac {margin:0 44px; color:#00D;}
| |
| #yearbtnsc {margin:0 60px;}
| |
| #yearbtnmc {margin:0 67px;}
| |
| #yearbtna .right, #yearbtns .right, #yearbtnm .right {color:#888; padding:3px;}
| |
| #yearbtna .left, #yearbtns .left, #yearbtnm .left {color:#888; padding:3px;}
| |
| #yearbtnac, #yearnav span.right, #yearnav span.left {cursor:pointer;}
| |
| #yearnav span.right:hover, #yearnav span.left:hover {color:#00D;}
| |
|
| |
| /* Modèle ans du siècle - entête liste de siècles */
| |
| #centuryline {width:75%; margin:auto; white-space:nowrap; overflow:hidden; background:#eee; padding:8px 0; text-align:center; font-family:Arial,Tahoma,sans-serif;}
| |
| #centuryline span {display:inline-block; width:25%; font-weight:bold;}
| |
| #centuryline a {text-decoration:none;}
| |
| #centuryline div {display:none; margin:-40px 0 15px 0;}
| |
| #centuryline #default {display:block}
| |
| #centuryline span[id^=sel] {width:auto; cursor:pointer; padding:10px; margin:8px 0 -15px 0;}
| |
| #centuryline span[id^=sel]:focus ~ #default {display:none}
| |
| #centuryline #sel1:focus ~ #cent1 {display:block;}
| |
| #centuryline #sel2:focus ~ #cent2 {display:block;}
| |
| #centuryline #sel3:focus ~ #cent3 {display:block;}
| |
| #centuryline #sel4:focus ~ #cent4 {display:block;}
| |
| #centuryline #sel5:focus ~ #cent5 {display:block;}
| |
| #centuryline #sel6:focus ~ #cent6 {display:block;}
| |
| #centuryline #sel7:focus ~ #cent7 {display:block;}
| |
| #centuryline #sel8:focus ~ #cent8 {display:block;}
| |
| #centuryline #sel9:focus ~ #cent9 {display:block;}
| |
| #centuryline #sel10:focus ~ #cent10 {display:block;}
| |
|
| |
|
| |
| /* Timeline */
| |
| .timeline-default {font-family: Trebuchet MS, Helvetica, Arial, sans serif; font-size: 8pt; line-height:12pt; border: 1px solid #aaa;}
| |
| .timeline-event-bubble-title {font-family: "georgia", "times", "times new roman", serif; color: #222; font-size: 12px;}
| |
| .timeline-event-bubble-title a {text-decoration: none; color: #222;}
| |
| .timeline-event-bubble-title a:visited {color: #666;}
| |
| .timeline-event-bubble-title a:hover {color: #000;}
| |
| .timeline-event-bubble-body {font-family: "georgia", "times", "times new roman", serif; color: #222; font-size: 12px;}
| |
| .timeline-event-bubble-time {font-family: "georgia", "times", "times new roman", serif; color: #aaa; font-size: 12px;}
| |
| .timeline-event-bubble-wiki {font-family: "georgia", "times", "times new roman", serif; color: #222; font-size: 12px;}
| |
| .timeline-event-bubble-image {border: none;}
| |
|
| |
| /* Timeline - Personnalisation événements */
| |
| .tape-special_event, .small-special_event {background-color: orange;}
| |
| .timeline-event-tape.test_event{background: yellow;}
| |
| .timeline-event-label.test_event{color: #fa0;}
| |
|
| |
|
| |
| /* Infographie */
| |
| #infographic {position:relative; margin:10px auto; padding:1px; border:1px #666 solid; font-size:13px; line-height:28px;}
| |
| #infographic-json-descr {display:none;}
| |
| #infographic #infbtz {position:absolute; top:4px; left:4px; z-index:12; opacity: 0.5; border:1px #FFF solid; padding: 0 4px; background: transparent; color:#FFF; font-size:16px; font-weight:bold; cursor:pointer;}
| |
| #infographic-win {position:relative; overflow:auto;}
| |
| #infographic-img {position:relative; text-align:center; -moz-transition:height 1s,width 1s; transition:height 1s,width 1s;}
| |
| #infographic #infmap {display:block; border:none; -moz-transition:height 1s,width 1s; transition:height 1s,width 1s;}
| |
|
| |
| #infographic .popu {visibility:hidden; position:absolute; z-index:10; color:#520; background: #FFA; opacity: 0.85; border:1px #AA0 solid; padding: 2px; width:220px; max-height:300px; overflow:auto; font-size:11px; line-height:13px; text-align:left; cursor:default;}
| |
| #infographic .area {position:absolute; background:transparent; z-index:8;}
| |
| #infographic .legend {position:absolute; z-index:8; color:#446; background:transparent; font-family:"Times New Roman",Times,FreeSerif,serif; cursor:default;}
| |
| #infographic span[id^="lgpt"] {cursor:pointer;}
| |
| #infographic span[id^="lgpb"] {cursor:pointer; visibility:hidden;}
| |
|
| |
| #infographic .noicn {margin-top:-13px;}
| |
| #infographic .icngr {background: transparent url(http://media.boywiki.org/w/images/f/ff/Puce_9x9_gr.png) no-repeat left center;}
| |
| #infographic .icnbl {background: transparent url(http://media.boywiki.org/w/images/3/30/Puce_9x9_bl.png) no-repeat left center;}
| |
| #infographic .icnrg {background: transparent url(http://media.boywiki.org/w/images/7/7f/Puce_9x9_rg.png) no-repeat left center;}
| |
| #infographic .icnbc {background: transparent url(http://media.boywiki.org/w/images/c/c3/Puce_9x9_bc.png) no-repeat left center;}
| |
| #infographic .icnbr {background: transparent url(http://media.boywiki.org/w/images/9/96/Puce_9x9_br.png) no-repeat left center;}
| |
| #infographic .icnjn {background: transparent url(http://media.boywiki.org/w/images/1/19/Puce_9x9_jn.png) no-repeat left center;}
| |
| #infographic .icnmv {background: transparent url(http://media.boywiki.org/w/images/1/1f/Puce_9x9_mv.png) no-repeat left center;}
| |
| #infographic .icnog {background: transparent url(http://media.boywiki.org/w/images/c/c4/Puce_9x9_og.png) no-repeat left center;}
| |
| #infographic .icnrz {background: transparent url(http://media.boywiki.org/w/images/5/5d/Puce_9x9_rz.png) no-repeat left center;}
| |
| #infographic .icnvc {background: transparent url(http://media.boywiki.org/w/images/1/15/Puce_9x9_vc.png) no-repeat left center;}
| |
| #infographic .icnvr {background: transparent url(http://media.boywiki.org/w/images/9/95/Puce_9x9_vr.png) no-repeat left center;}
| |
|
| |
| /* position icone taille 3 = 9x9 */
| |
| #infographic .icn3L {padding-left:12px; margin:-14px 0 0 -4.5px; background-position:left center;}
| |
| #infographic .icn3R {padding-right:12px; margin:-14px -4.5px 0 0; background-position:right center;}
| |
| #infographic .icn3T {padding-top:3px; margin-top:-4.5px; background-position:50% top;}
| |
| #infographic .icn3B {padding-bottom:3px; margin-bottom:-4.5px; background-position:50% bottom;}
| |
|
| |
| #infographic #spacebtn-b, #infographic #spacebtn-t {text-align:center;}
| |
| #infographic #spacebtn-b button, #infographic #spacebtn-t button {background:#9FF; min-width:40px; height:24px; font-size:12px; line-height:14px; padding:0; margin:1px 1px 0 0; cursor:pointer; border:1px #6BB outset;}
| |
| #infographic #spacebtn-t button {margin:0 1px 1px 0;}
| |
| #infographic #spacebtn-b sup, #infographic #spacebtn-t sup {line-height:40%;}
| |
|
| |
|
| |
| /* Index pages articles */
| |
| #idx_pages_dates, #idx_pages_articles {border:0; width:95%; margin:0 30px;}
| |
|
| |
|
| |
| /* boite lien vers mediawiki */
| |
| .mediabwlink {float:right; margin-left:2em; border-bottom:1px #AAA solid;}
| |
| .mediabwlink.encadre {background:#F9F9F9; border:1px #AAA solid;}
| |
| .mediabwlink p {font-size:0.8em; line-height:1.7em; text-align:center; padding:1em 1em 1em 8em; margin:0; background:url(http://media.boywiki.org/w/images/8/85/Ugdrap.png) no-repeat left bottom; background-size:9em;}
| |
| .mediabwlink a.external.text {background:none !important; padding-right:0 !important;}
| |
|
| |
|
| |
| /* Modèle fond */
| |
| .mdlfond {padding:8px;}
| |
| .mdlfond.LG_fond_BLogo {background:#C8E2FA url(https://media.boywiki.org/w/images/a/a5/LG_fond_BLogo.jpg);}
| |
| .mdlfond.LG_fond_Noel_2010 {background:#ddd url(http://media.boywiki.org/w/images/a/ab/LG_fond_Noel_2010.jpg);}
| |
| .mdlfond.ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607 {background:#da4 url(https://media.boywiki.org/w/images/4/4f/ANSHUTZ_Thomas_Pollock_1894c_Boys_playing_with_crabs_1025x607.jpg);}
| |