MediaWiki:Vector.css

/* ===================================================== */
/* STYLES SPÉCIFIQUES DU WIKI 							 */
/* ===================================================== */

/* Mettre ici les styles spécifiques au wiki */

/* Tout CSS ici sera chargé avec chaque page accédée par n'importe quel utilisateur. */
html { background:url(//teso.jeuxonline.info/wiki/wiki-random.php) no-repeat fixed center top #fff; background-size:cover; }
body { background:none; }

/********************************************************/
/* Modifiez ces styles pour modifier la hauteur du logo */
/* Hauteur par défaut : 180px                           */
/********************************************************/
#p-logo, #p-logo a { height:160px }
#p-logo { top:-160px }
div #mw-panel { top: 203px }

/* 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 .mw-editsection, 
.mw-content-rtl .mw-content-ltr .mw-editsection { font-size:.5em; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; margin-left: 2em; }
.mw-content-ltr .mw-editsection a, 
.mw-content-rtl .mw-content-ltr .mw-editsection a { color: #999; display: inline-block; padding: 0 .5em; text-decoration: none; }
.mw-content-ltr .mw-editsection a:hover, 
.mw-content-rtl .mw-content-ltr .mw-editsection a:hover { color: #666; }

.mw-content-ltr .mw-editsection-bracket { display: none; }
.mw-content-ltr .mw-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 .mw-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; margin-top: 1em; }
#mw-content-text p { font-size:13px; line-height:1.5em; margin: .4em 0 .5em 0; }
#mw-content-text ul { font-size:13px; line-height:1.5em; }
#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; /*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 #e7e7e7; background-color:#fdfdfd; line-height:1.5em; padding:.5em; margin:1em 0;  }
.references li { margin-left: 1.5em; }

/* Bandeau large */
.bandeau-large { /*box-shadow: 2px 2px 5px rgba(0,0,0,.2); border:5px solid #fff;*/ float:left; max-height:150px; margin:15px 0; overflow:hidden; width:100%; }
.bandeau-large img { display:block; width:100%; /*margin:-25% 0 0;*/ }
@media only screen and (min-width: 830px) {
.bandeau-large + .infobox { margin:-185px 15px 20px 0; }
}

/* Portail */
.homebox > tbody > tr > th { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }

/***********************/
/* jquery tabs/sliders */
/***********************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }

/******************/
/* jquery widgets */
/******************/
.ui-widget { font-family: sans-serif; font-size:1em; }
.ui-widget .ui-widget { font-size:1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: sans-serif; font-size:1em; }
.ui-widget-content { border:1px solid #aaa; background:#f9f9f9; color:#000; }
.ui-widget-content a { color:#0645AD; }
.ui-widget-header { border-bottom:1px solid #aaa; background:#f9f9f9; color:#000; font-weight:bold; line-height:1em; }
.ui-widget-header a { color:#0645AD; }

/*****************************************/
/* jquery tabs/sliders interaction state */
/*****************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/**********/
/* portal */
/**********/
.portal_container { }
.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-size: 0.9em; }
.portal_subheader, .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; border-bottom: 1px solid black; text-align: left; font-size: 1.8em; line-height:1.8em; }

/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0px; padding: 0px; position: relative; height: 450px; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 0, rgb(221,221,221) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(153,153,153)), color-stop(100%, rgb(221,221,221))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(153,153,153); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(114,183,245) 0, rgb(167,215,249) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(114,183,245)), color-stop(100%, rgb(167,215,249))); color: rgb(114,183,245); }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }

/**MAIN PAGE STYLESHEET**/
#mainpagenavigation {
display:block;
box-shadow:rgba(0,0,0,0.5) 0 0 .75em;
border-collapse:collapse;
text-align:left
}

#mainpagenavigation th {
font-family:EasonPro,"Times New Roman", serif;
font-size:1.7692307692em;
color:#fff;
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
background-color:#444;

font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}

#mainpagenavigation td {
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #eee));
}

#mainpagenavigation td.content {vertical-align:top;padding:1.5em 2%}
#mainpagenavigation td.separator {border-right:#aaa solid 1px}

body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}