Ouvrir le menu principal

Modifications

MediaWiki:Common.css

11 429 octets ajoutés, 9 décembre 2013 à 09:23
aucun résumé de modification
/* Tout CSS ici sera chargé avec chaque page accédée par n'importe quel utilisateur. */
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300,700,700italic&subset=latin,latin-ext);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
/* ===================================================== *! normalize.css v2.1.2 | MIT License | git.io//* Grille responsive normalize *//* ===================================================== */.rwd article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block}.rwd *audio,canvas, .rwd *video{display:inline-block} audio:not([controls]){display:none;height:before0} [hidden], .rwd *template{display:none} script{display:after none!important} html{ font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-boxtext-size-adjust:100%} a{background:transparent} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-sizingsize:2em;margin: .67em 0} abbr[title]{border-box; bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} hr{-moz-box-sizing: bordercontent-box; box-sizing: bordercontent-box; height:0}mark{background:#ff0;color:#000} code,kbd,pre,samp{font-family:monospace, serif;font-size:1em} pre{white-space:pre-wrap} q{quotes:\201C \201D \2018 \2019} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.rwd 5em} sub{bottom:-.left 25em} img{border:0} svg:not(:root){overflow:hidden} fieldset{ floatborder:1px solid silver;margin: left0 2px; }padding:.35em .rwd 625em .right 75em} button,input,select,textarea{ floatfont-family: rightinherit; font-size:100%;margin:0}.rwd .button,input{line-height:normal} button,select{text-left transform:none} button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{ text-alignwebkit-appearance: leftbutton; cursor:pointer}.rwd .textbutton[disabled],html input[disabled]{cursor:default} input[type=checkbox],input[type=radio]{box-sizing:border-right box;padding:0} input[type=search]{ text-alignwebkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing: rightcontent-box; box-sizing:content-box}.rwd .textinput[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-center appearance:none} textarea{ textoverflow:auto;vertical-align: centertop} table{border-collapse:collapse; border-spacing:0} body,figure{margin:0} legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
/* Foundation 4.row 3.2 Custom TEST */meta.foundation-mq-small{ font-family:"only screen and (min-width:auto768px)"; maxwidth:768px}meta.foundation-mq-medium{font-family:"only screen and (min-width:1400px1280px)"; width:1280px}meta.foundation-mq-large{font-family:"only screen and (min-width: 400px1440px)";width:1440px}.rwd *,.rwd *:before,.rwd *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{font-size:100%}body{background:#fff;color:#222;padding:0; margin: 0 auto; font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative;cursor:default}a:hover{cursor:pointer}.row .row img,object,embed{ max-width:100%;height: auto; }object,embed{height:100%}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width: none!important}.left{float:left !important}.right{float:right !important}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.hide{display:none}.antialiased{-webkit-font-smoothing:antialiased}img{display:inline-block;vertical-align:middle}textarea{height:auto; min-height:50px}select{width:100%}.row{width:100%;margin-left:auto;margin-right:auto;margin-top: 0; margin-bottom: 0 -10px; *zoom:1}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse >.column, .row.collapse >.columns { position:relative;padding-left:0;padding-right:0;float:left}.row.collapse .row{margin-left: 0; margin-right:0}.row .row{width:auto;margin-left:-0.9375em;margin-right:-0.9375em;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row .collapse{ width: auto;margin:0; max-width: none; *zoom:1}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;width:100%;float:left}@media only screen{.column,.columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;float:left}.small-1{position:relative;width:8.33333%}.small-2{position:relative;width:16.66667%}.small-3{position:relative;width:25%}.small-4{position:relative;width:33.33333%}.small-5{position:relative;width:41.66667%}.small-6{position:relative;width:50%}.small-7{position:relative;width:58.33333%}.small-8{position:relative;width:66.66667%}.small-9{position:relative;width:75%}.small-10{position:relative;width:83.33333%}.small-11{position:relative;width:91.66667%}.small-12{position:relative;width:100%}.small-offset-0{position:relative;margin-left:0%}.small-offset-1{position:relative;margin-left:8.33333%}.small-offset-2{position:relative;margin-left:16.66667%}.small-offset-3{position:relative;margin-left:25%}.small-offset-4{position:relative;margin-left:33.33333%}.small-offset-5{position:relative;margin-left:41.66667%}.small-offset-6{position:relative;margin-left:50%}.small-offset-7{position:relative;margin-left:58.33333%}.small-offset-8{position:relative;margin-left:66.66667%}.small-offset-9{position:relative;margin-left:75%}.small-offset-10{position:relative;margin-left:83.33333%}[class*="column"]+[class*="column"]:last-child{float:right}[class*="column"]+[class*="column"].end{float:left}.column.small-centered,.columns.small-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important}}@media only screen and (min-width: 768px){.large-1{position:relative;width:8.33333%}.large-2{position:relative;width:16.66667%}.large-3{position:relative;width:25%}.large-4{position:relative;width:33.33333%}.large-5{position:relative;width:41.66667%}.large-6{position:relative;width:50%}.large-7{position:relative;width:58.33333%}.large-8{position:relative;width:66.66667%}.large-9{position:relative;width:75%}.large-10{position:relative;width:83.33333%}.large-11{position:relative;width:91.66667%}.large-12{position:relative;width:100%}.row .large-offset-0{position:relative; margin-left: 0 %}.row .large-offset-1{position:relative;margin-left:8.33333%}.row .large-offset-2{position:relative;margin-left:16.66667%}.row .large-offset-3{position:relative;margin-left:25%}.row .large-offset-4{position:relative;margin-10pxleft:33.33333%}.row .large-offset-5{position:relative; margin-left:41.66667%}.row .large-offset-6{position:relative;margin-left:50%}.row .large-offset-7{position:relative;margin-left:58.33333%}.row .large-offset-8{position:relative;margin-left:66.66667%}.row .large-offset-9{position:relative;margin-left:75%}.row.collapse large-offset-10{position:relative;margin-left:83.33333%}.row .large-offset-11{position:relative;margin-left:91.66667%}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}.column.large-centered,.columns.large-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important}.column.large-uncentered,.columns.large-uncentered{margin-left:0;margin-right:0;float:left !important}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right !important}}/* Default header styles */h1,h2,h3,h4,h5,h6{font-family:"Roboto", sans-serif;font-weight:700;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2em;margin-bottom:.5em;line-height:1.2125em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125em}h2{font-size:1.6875em}h3{font-size:1.375em}h6{font-size:1em}h4,h5{font-size:1.125em}@media only screen and min-width 768px {h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}/* Panels */.panel{margin-bottom:1.25em;background:#f2f2f2;border-color:#d9d9d9;border-style:solid;border-width:1px;padding:1.25em}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p{color:#333}.panel.callout{margin-bottom:1.25em;background:#2ba6cb;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;border-color:#2284a1;border-style:solid;border-width:1px;padding:1.25em}.panel.radius{-webkit-border-radius:3px;border-radius:3px}.panel > :first-child,.panel.callout > :first-child{margin-top:0}.panel > :last-child,.panel.callout > :last-child{ margin-bottom: 0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1; margin-bottom:.625em}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader,.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout a{color:#FFF}
/* Info box */.columninfobox { background:#fff; box-shadow: 2px 2px 5px rgba(0,0, 0,.2); float:right; margin:0 0 2em 2em; padding:5px; width:280px; }.infobox table { border:none; border-spacing:2px; width:270px; }.columns infobox th { floatbackground:rgb(242,242,242); border:none; border-bottom:1px solid #ededed; color:#000; font-weight:normal; font-size: left0.9em; minline-height:1.2em; padding: .3em .5em .3em .3em; text-align:right; vertical-align:top; width:35%; }.infobox td { background:#fff; border-bottom: 1pxsolid #ededed; font-size:0.9em; line-height:1.2em; padding: 0 10px.3em; text-align:left; positionvertical-align: relativetop; }.columninfobox .centeredinfobox_header { background:rgb(242, 242,242); border:none; border-radius:5px 5px 0 0; color:#000; font-size:1.1em; line-height:1.1em; padding:0; }.infobox .infobox_header2 { width:100%; }.columnsinfobox .centered infobox_image { floatbackground:none; border: none; padding:0; text-align:center; }.infobox .infobox_image a { display:block; margin: .5em 0 auto; }[class*="column"] + [class*="column"].infobox .infobox_image img { display:block; }.infobox .infobox_imagecaption { font-weight:bold; padding:0.5em; }.infobox .infobox_header td { background-color:lasttransparent; text-child align:center; }.infobox .infobox_supertitle, .infobox .infobox_subtitle { floatfont-size:0.9em; line-height: right1.2em; }[class*="column"] + [class*="column"].end infobox .infobox_title { floatfont-size: 1.2em; font-weight: bold; line-height: left1.35em; }
div.one, .row .one { width: 8.33333%; }.two, .row .two { width: 16.66667%; }.three, .row .three { width: 25%; }.four, .row .four { width: 33.33333%; }.five, .row .five { width: 41.66667%; }.six, .row .six { width: 50%; }.seven, .row .seven { width: 58.33333%; }.eight, .row .eight { width: 66.66667%; }.nine, .row .nine { width: 75%; }.ten, .row .ten { width: 83.33333%; }.eleven, .row .eleven { width: 91.66667%; }.twelve, .row .twelve { width: 100%; } .rwd img { height:auto!important; width:auto!important; }.rwd img, .rwd object, .rwd embed thumbinner { max-width: 100%; }.rwd img { -ms-interpolation-mode: bicubic; }.rwd #map_canvas img,.rwd .map_canvas img { max-width: none!important; }.rwd input[type="text"], .rwd input[type="password"], .rwd input[type="date"], .rwd input[type="datetime"], .rwd input[type="email"], .rwd input[type="number"], .rwd input[type="search"], .rwd input[type="tel"], .rwd input[type="time"], .rwd input[type="url"], .rwd textarea { width: 100%!important; } /* Nicolas Gallagher's micro clearfix */.row { *zoom: 1; }.row:before, .row:after { content: " "; display: table; }.row:after { clear: both; } @media only screen and (max-width:800px) { /* Global Misc --- */ .rwd .left, .rwd .right { float: none; } .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; }}
/* ===================================================== */
/* ambox */
.ambox { background-color: #f9f9f9; border-color: #BBBBAA; border-style: solid; border-width: 1px 1px 1px 10px; margin: 8px 10% 0 12px; float:left; padding: 2px 10px; clear:left; }
.ambox-blue { border-color: #1E90FF; }
.ambox-red { border-color: #B22222; }
.ombox-gray { border:1px solid #bba !important; }
.ombox-default { border:1px solid #aaa !important; }
 
/* infobox */
.infobox { border:1px solid #aaa; float:right; margin-bottom:2em; margin-left:2em; padding:0; width:275px; border-spacing:2px; }
.infobox th { background:#f2f2f2; border:1px solid #aaa; color:#000; font-weight:normal; font-size:0.9em; line-height:1.2em; padding-right:0.5em; text-align:right; width:35%; }
.infobox td { background:#fff; font-size:0.9em; line-height:1.2em; padding:0.3em; text-align:left; }
.infobox .infobox_header { background:#f2f2f2; border:1px solid #aaa; color:#000; font-size:1.1em; line-height:1.1em; padding:0; }
.infobox .infobox_header2 { width:100%; }
.infobox .infobox_image { border:1px solid #aaa; padding:4px; text-align:center; }
.infobox .infobox_imagecaption { font-weight:bold; padding:0.5em; }
.infobox .infobox_header td { background-color:transparent; text-align:center; }
.infobox .infobox_supertitle, .infobox .infobox_subtitle { font-size:0.9em; line-height:1.2em; }
.infobox .infobox_title { font-size: 1.2em; font-weight: bold; line-height: 1.35em; }
/* template documentation */
div.banner .picto { position:absolute; left:6px; top:3px; }
div.banner .picto img { display:block; }
.loupe .picto { width:20px; /*background-position:2px 3px; background-image:url("http://jolstatic.fr/wiki/images/tera/thumb/5/57/Searchtool.png/20px-Searchtool.png");*/ }
.general .picto { width:15px; }
/* Balises */html { background: #efefef; }body { background: none; } /* Box-Sizing */div#content, div#content:before, div#content:after, div#content *, div#content *:before, div#content *:after, div#mw-navigation, div#mw-navigation:before, div#mw-navigation:after, div#mw-navigation *, div#mw-navigation *:before, div#mw-navigation *:after, div#footer, div#footer:before, div#footer:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Content */div#content { background:#fff; border:0 none; color:#333; max-width: 1000px; /*text-shadow: 0 1px 0 #FFFFFF;*/ }div#footer { background:#fff; max-width: 1000px; } #mw-navigation { left: 0; max-width: 1200px; position: absolute; top: 0; width: 100%; }#mw-page-base { background:none; }#p-personal { background:rgba(255,255,255,.85); padding:0 1em 2px 1em; } /* Onglets de menu */div.vectorTabs,div.vectorTabs ul,div.vectorTabs span { background: none; padding:0; }div.vectorTabs { height:40px; }div.vectorTabs ul li { background:#ededed; margin-right:2px; line-height: normal;}div.vectorTabs li a { border-top:3px solid #aaa; color:#333; font-family: 'Roboto Condensed',sans-serif; text-decoration:none; transition: background 0.2s; }div.vectorTabs li a:hover,div.vectorTabs li a:active { background-color: rgba(0,0,0,.1); }div.vectorTabs li.selected { background:#fff; }div.vectorTabs li.selected a { border-top: 3px solid #FFBB33; }div.vectorTabs span a { height:40px; line-height:35px; padding: 0 .7em; }div.vectorTabs { height:40px; } div.vectorMenu { background-color:#fff; }div#mw-head div.vectorMenu h3,div#mw-head div.vectorMenu h5 { margin:0; }div.vectorMenu h3 a, div.vectorMenu h5 a { background:none; } div#simpleSearch { background:#fff; border:0 none; } /* Menu latéral *//*div#mw-panel { background:rgba(255,255,255,.7); border:none; border-radius:0; font-family: 'Roboto Condensed', sans-serif; margin:0; padding:5px 10px 10px; top: 140px; width:172px; }div#mw-panel .portal { padding:0 10px; background:rgba(255,255,255,.85); }div#mw-panel .portal a { display:block; padding:.2em .5em; text-decoration:none; }div#mw-panel .portal a:link,div#mw-panel .portal a:visited { color:#333!important; }div#mw-panel .portal a:hover,div#mw-panel .portal a:active { color:#666!important; background:rgba(255,255,255,.85); }div#mw-panel div.portal div.body { margin:0; }div#mw-panel div.portal div.body ul li { font-size:14px; padding:0; }#mw-panel.collapsible-nav .portal h3, #mw-panel.collapsible-nav .portal h5 { font-size:1em; font-weight:700; }#mw-panel.collapsible-nav div.persistent div.body { margin:0; }#mw-panel.collapsible-nav div.portal { margin:0 }#mw-panel.collapsible-nav div.portal div.body ul li { padding:0; }*//* Titre principal */#firstHeading { font-size:2em; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; }.firstHeading, #firstHeading { margin-bottom:.5em; } /* TOC */#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { text-align: left; padding: .5em; }#mw-content-text #toctitle h2 { border: none; }#toc ul, .toc ul { padding: .5em; } /* Edit section */.mw-content-ltr .editsection, .mw-content-rtl .mw-content-ltr .editsection { font-size:.5em; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; }.mw-content-ltr .editsection a, .mw-content-rtl .mw-content-ltr .editsection a { color: #999; display: inline-block; padding: 0 .5em; text-decoration: none; }.mw-content-ltr .editsection a:hover, .mw-content-rtl .mw-content-ltr .editsection a:hover { color: #666; }
/* ===================================================== */.mw-content-ltr .editsection a:before, /* STYLES SPÉCIFIQUES DU WIKI */.mw-content-rtl .mw-content-ltr .editsection a:before { margin-right: .2em; font-size: 2em; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }/* ===================================================== */.mw-content-ltr .editsection a:before { content: "\f040"; }
#mw-content-text .mw-headline { margin: 1em 0 .5em }#mw-content-text h2 { border-left:6px solid #FFBB33; padding:.2em 10px; }#mw-content-text p { font-size:13px; line-height:1.5em; margin: 0 0 1em 0; }#mw-content-text ul { font-size:13px; line-height:1.5em; margin-bottom: 1em; }#mw-content-text blockquote { background-color: #F0EFEE; border-radius: 5px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05) inset; margin: 26px 20px; padding: 25px; }#mw-content-text blockquote:before, #mw-content-text blockquote:after { color: #999999; display: block; font-family: times new roman; font-size: 90px; text-shadow: 0 2px 2px #CCCCCC; width: 50px; }#mw-content-text blockquote:before { content: "“"; height: 0; margin-left: -44px; /* Mettre ici les styles spécifiques au wiki margin-top: -65px;*/position: absolute; }#mw-content-text blockquote:after { content: "”"; display: inline-block; float: right; line-height: 0; margin-top: 60px; text-indent: 53px; }
/* Références (ol) */.mw-content-ltr ol.references, .mw-content-rtl .mw-content-ltr ol.references { position:relative; border:1px solid #pe7e7e7; background-color:#fdfdfd; line-logo a height:1.5em; padding:.5em; margin:1em 0; }.references li { backgroundmargin-sizeleft:190px 100px1.5em; }
/**********//* portal *//*********Portail */#portal { padding:20px 0; }.portal_container homebox > tbody > tr > th { }.portal_section { border:1px solid #aaa; margin:0; background:#f9f9f9; border-radius:10px 10px 10px 10px; }.portal_section ul { list-style: disc; }.portal_header { padding:0 1em; position:relative; }.portal_header_text { line-height:2em; font-size:2em; border-bottom:1px solid black; }.portal_headerlinks { font-size:0.8em; position:absolute; right:1em; bottom:-2em; padding-bottom:2px; }.portal_body { padding:0.8em; }.portal_subheader { padding: 0 1em; position: relative; font-sizefamily: 0.9em; }.portal_subheader'Roboto Condensed', .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { }.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; bordersans-bottom: 1px solid blackserif; text-align: left; font-size: 1.8em; line-height:1.8em; }.row.portal { padding:20px 0; min-width:400px!important; }@media only screen and (max-width: 1000px) { .row.portal .columns.portal:nth-child(2n+1) { clear: both; } .row.portal .columns.portal { width: 50% !important; float: left; padding: 0 15px 15px; } .row.portal .columns.portal.end { float: left; } }@media only screen and (min-width: 1001px) and (max-width: 1400px) { .row.portal .columns.portal:nth-child(3n+1) { clear: both; } .row.portal .columns.portal { width: 33.33333%; padding: 0 12px 12px; }}@media only screen and (min-widthtransform: 1401px) { .row.portal .columns.portal:nth-child(4n+1) { clear: both; } .row.portal .columns.portal { width: 25%uppercase; padding: 0 10px; }}