MediaWiki:Vector.css

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

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

body { background:url(https://jolstatic.fr/tera/wiki/bg.jpg) no-repeat fixed center top #000000; background-size:cover;}

/*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; }
div#content { background:#fff; border:0 none; color:#333; }
div#footer { background:#fff; }*/

/*#mw-navigation { left: 0; position: absolute; top: 0; width: 100%; }
#mw-page-base { background:none; }*/

/* Barre supérieure personnelle */
#p-personal { background:rgba(255,255,255,.85); padding:0 1em 2px 1em; }

#firstHeading { font-size:2em; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; }
.firstHeading, #firstHeading { margin-bottom:.5em; padding-bottom:.3em; }

.entete { width:80%; text-align:center; background:#f9f9f9; padding:1em; margin:1.2em auto .6em auto; border:1px solid #ddd; }
.citation { background:#F9F9F9; border:1px solid #AAA; padding:1em; }
pre { overflow: auto; }

h1 { font-family: 'Roboto Condensed', sans-serif; font-size: 2em; font-weight: 400; }
h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.8em; font-weight: 400; }
h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.6em; font-weight: 400; }
h4 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.4em; font-weight: 400; }
h5 { font-family: Roboto, sans-serif; font-size: 1.2em; font-weight: 700; }
h6 { font-family: Roboto, sans-serif; font-size: 1em; font-weight: 700; }
/* 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, 
.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 .mw-headline { 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; /*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; }

/* Logo */
#p-logo { padding:5px 0; top:-110px; background:rgba(0,0,0,.4); }
#p-logo a { background-size:190px 100px; }

/* Bandeau large */
.bandeau-large { /*border-radius: 10px; box-shadow: 0 0 5px rgb(102, 102, 102);*/ 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 0 0; }
}
/***********/
/* infobox */
/***********/
/*
.terainfobox { border:1px solid #aaa; float:right; margin:0 0 2em 2em; padding:0; width:275px; border-spacing:2px; box-shadow: 2px 2px 5px rgba(0,0,0,.2); }
.terainfobox th { background:rgb(242,242,242); 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%; }
.terainfobox td { background:#fff; font-size:0.9em; line-height:1.2em; padding:0.3em; text-align:left; }
.terainfobox .terainfobox_header { background:rgb(242,242,242); border:1px solid #aaa; color:#000; font-size:1.1em; line-height:1.1em; padding:0; }
.terainfobox .terainfobox_header2 { width:100%; }
.terainfobox .terainfobox_image { border:1px solid #aaa; padding:4px; text-align:center; }
.terainfobox .terainfobox_imagecaption { font-weight:bold; padding:0.5em; }
.terainfobox .terainfobox_header td { background-color:transparent; text-align:center; }
.terainfobox .terainfobox_supertitle, .terainfobox .terainfobox_subtitle { font-size:0.9em; line-height:1.2em; }
.terainfobox .terainfobox_title { font-size: 1.2em; font-weight: bold; line-height: 1.35em; }
*/
/* Info box */
/*.terainfobox { border:none; border-radius:5px; }
.terainfobox th { border:none; }
.terainfobox td {}
.terainfobox .terainfobox_header { border:none; border-radius:5px 5px 0 0;}
.terainfobox .terainfobox_header2 { }
.terainfobox .terainfobox_image { border:none; padding:0; background:none; }
.terainfobox .terainfobox_image a { display:block; }
.terainfobox .terainfobox_image img { display:block; }
.terainfobox .terainfobox_imagecaption { }
.terainfobox .terainfobox_header td { }
.terainfobox .terainfobox_supertitle,
.terainfobox .terainfobox_subtitle { }
.terainfobox .terainfobox_title { }
*/
/* Reward box */
.reward .txt { }
.reward .faction { font-size:12px;color:#006;margin-left:6px;margin-right:0; }
.reward .qty { font-size:12px;color:#000;margin-left:6px;margin-right:0; }

/**********/
/* portal */
/**********/
#portal { padding:20px 0; }
.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; }
.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-width: 1401px) {
  .row.portal .columns.portal:nth-child(4n+1) { clear: both; }
  .row.portal .columns.portal { width: 25%; padding: 0 10px; }
}