MediaWiki:Common.css: Forskelle mellem versioner

Fra Wiki The-West DK
Hop til navigation
(Oprettede siden med "→‎CSS placed here will be applied to all skins: #wrapper { width: 1200px; } #container { width: 900px; } #contentTop { width: 900px; background-size: 100% 77px; } #conte...")
 
No edit summary
Linje 1: Linje 1:
/* CSS placed here will be applied to all skins */
/*Custom background*/


#wrapper { width: 1200px; }
body {
#container { width: 900px; }
    background-image: url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/bg-cover-right.png), url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/bg-cover-left.png), url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/NewCoverBgBottom.png), url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/NewMainBg.jpg);
#contentTop { width: 900px; background-size: 100% 77px; }
#content { width: 870px; background-size: 100%; }
#contentFooter { background-size: 101%; z-index: 0;}
#p-cactions { width: 850px; }
 
/* Popup item */
div.tw_bg_tl, div.tw_bg_tr, div.tw_bg_bl, div.tw_bg_br {
background-image: url(https://wiki.the-west.net/images/6/68/Popup.png);
position: absolute;
z-index: -1;
}
.tw_bg_tl {
background-position: left top;
bottom: 50%;
right: 50%;
left: 0;
top: 0;
}
}
.tw_bg_tr {
#document-wrapper {
background-position: right top;
    padding: 0 225px 0 20px;
width: 50%;
    /*Sets a 225px right padding for the right menu*/
bottom: 50%;
    margin: 0 auto;
right: 0;
    max-width: 1250px;
top: 0;
    /*wrapper maximum width*/
    min-width: 880px;
}
}
.tw_bg_bl {
/*External and internal link color*/
background-position: left bottom;
.mw-body a,
height: 50%;
.mw-body a.external {
right: 50%;
    color: #804000;
bottom: 0;
left: 0;
}
}
.tw_bg_br {
#mw-content-text a,
background-position: right bottom;
#mw-content-text a.external {
height: 50%;
    font-weight: bold;
width: 50%;
bottom: 0;
right: 0;
}
}
 
/*Fix the advanced search form*/
div.item_container div.popup_window {
#searchText {
position: absolute;
    width: 80%;
display:none;
    z-index: 10;
margin: 0px;
min-width:200px;
white-space:nowrap;
}
}
div.item_container {
div.oo-ui-menuSelectWidget {
height:79px;
    margin-top: 40px;
width: 79px;
position:relative;
background-image: url(https://wiki.the-west.net/images/e/ec/Item_box.png);
background-repeat: no-repeat;
display:inline-block;
}
}
div.item_container.empty{
input.oo-ui-inputWidget-input {
background-image:none;
    width: 65%;
}
}
div.item_container > img {
/*Make the page title selectable*/
position: absolute;
div.tbbox-rafter {
top:3px;
    display: none;
left:3px;
}
}
div.item_container:hover > div.popup_window {
/*Fix the Log in button*/
left: 120%;
.tribal-button {
top:10px;
    width: 190px !important;
z-index: 10;
display:block;
}
}
div.popup_contents {
.with-button .tbbox-headline {
margin:25px;
    width: 100% !important;
font-family: Arial, Verdana, sans-serif;
}
}
div.popup_contents * {
/*Remove the table of contents width limit*/
margin:0;
#toc {
    display: inline-block;
    width: auto;
}
}
div.popup_image {
/*Right menu*/
background-image: url(https://wiki.the-west.net/images/e/ec/Item_box.png);
#siteNotice {
background-repeat: no-repeat;
    position: absolute;
width:79px;
    left: 0;
height:79px;
    margin-left: 100%;
margin: auto;
}
div.popup_image img{
padding-top: 3px;
padding-left: 4px;
 
}
.popup_attribute{
text-align: left;
padding-left: 7px;
font-size: 12px;
color: #070;
font-weight: bold;
}
.popup_skill{
text-align: left;
padding-left: 18px;
font-size: 11px;
color: #070;
}
.popup_type{
font-style: italic;
font-size: 8pt;
text-align: center;
}
.popup_name{
font-size: 13px;
color: #070;
font-weight: bold;
text-align: center;
padding-top:4px;
}
.popup_infos {
text-align: center;
}
.popup_id {
color:blue;
}
.popup_set{
color:#800080;
font-weight: bold;
}
.popup_speed{
color:#8b4513;
}
.popup_fb_stats{
color:#8b4513;
font-weight: bold;
}
.popup_dmg{
font-weight: bold;
text-align: center;
}
.popup_text{
color: #007777;
white-space:normal;
}
.item_number{
position: absolute;
left: 5px;
top: 5px;
z-index: 10;
font-size: 16pt;
color: white;
font-weight: bold;
text-shadow: 2px 2px 2px #000;
}
.popup_txtgreen{color:green;}
.popup_txtred{color:red;}
 
/* Sets */
.infoSet{
  border:1px solid #806D47;
  box-shadow: 2px 2px 4px #000;
  padding:10px;
}
table.infosetatt{
  border:1px solid #806D47;
  /*box-shadow: 2px 2px 4px #000;*/
  background-color:#EBEBCF;
  padding:0px;
  height:44px;
}
table.infosetatt td{
  padding:0px;
  vertical-align:middle;
}
}
 
#right_menu {
div.tt_bg_tl, div.tt_bg_tr, div.tt_bg_bl, div.tt_bg_br {
    padding: 0 !important;
background-image: url(https://wiki.the-west.fr/images/f/fc/Tooltip_bg.png);
    margin: 0 20px 0 30px !important;
background-repeat: no-repeat;
    top: -107px;
position: absolute;
z-index: -1;
}
}
.tt_bg_tl {
#right_menu .innogames-headline {
background-position: left top;
    border-top: 4px solid transparent !important;
bottom: 50%;
    border-bottom: 4px solid transparent !important;
right: 50%;
     border-image-slice: 4 !important;
left: 0;
     border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAIAAABz8up3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QsREQkqmSTYtAAAAEZJREFUGNNjtLfQYcAAP37+4mBnY6AlYHz/5gUBFYyMWMX///+PX83///8h4sgq4YDl+OHdxLgP01jcKv8T5WMDLUWGgQAACj4ULl9i6ucAAAAASUVORK5CYII=) !important;
top: 0;
}
.tt_bg_tr {
background-position: right top;
width: 50%;
bottom: 50%;
right: 0;
top: 0;
}
.tt_bg_bl {
background-position: left bottom;
height: 50%;
right: 50%;
bottom: 0;
left: 0;
}
.tt_bg_br {
background-position: right bottom;
height: 50%;
width: 50%;
bottom: 0;
right: 0;
}
.tooltip_outer {
position:absolute;
left:50%;
bottom: 100%;
margin-bottom: 8px;
z-index:-1;
}
.tooltip {
position:relative;
padding:10px 13px 12px 13px;
opacity:0;
visibility:hidden;
-webkit-transition: opacity .15s ease-in-out;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
      -moz-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
white-space:nowrap;
max-width:350px;
        left:-50%;
        color:black;
}
.tooltip::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
     margin-top: -4px;
    margin-left: -11px;
     background-image: url(https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png);
    width: 22px;
    height: 11px;
}
}
.tooltip_container {
.innogame {
position:relative;
    height: 32px !important;
    padding-top: 10px !important;
}
}
.tooltip_container:hover .tooltip {
.innogame a {
visibility:visible;
    text-decoration: none;
-webkit-transition: opacity .15s ease-in-out 0.4s;
    display: block;
      -moz-transition: opacity .15s ease-in-out 0.4s;
    height: 25px;
            transition: opacity .15s ease-in-out 0.4s;
opacity:1;
}
}
.tooltip_container:hover > .tooltip_outer {
.socialBar {
z-index:1000;
    background: none !important;
}
}
.per_level:after{
#localNotice #miniLogo {
  content:"(per Niveau)";
    background-image: none;
    margin-top: -9px;
}
}

Versionen fra 2. nov. 2018, 20:31

/*Custom background*/

body {
    background-image: url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/bg-cover-right.png), url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/bg-cover-left.png), url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/NewCoverBgBottom.png), url(https://media.innogamescdn.com/com_WEST_TR/Wiki/common/NewMainBg.jpg);
}
#document-wrapper {
    padding: 0 225px 0 20px;
    /*Sets a 225px right padding for the right menu*/
    margin: 0 auto;
    max-width: 1250px;
    /*wrapper maximum width*/
    min-width: 880px;
}
/*External and internal link color*/
.mw-body a,
.mw-body a.external {
    color: #804000;
}
#mw-content-text a,
#mw-content-text a.external {
    font-weight: bold;
}
/*Fix the advanced search form*/
#searchText {
    width: 80%;
    z-index: 10;
}
div.oo-ui-menuSelectWidget {
    margin-top: 40px;
}
input.oo-ui-inputWidget-input {
    width: 65%;
}
/*Make the page title selectable*/
div.tbbox-rafter {
    display: none;
}
/*Fix the Log in button*/
.tribal-button {
    width: 190px !important;
}
.with-button .tbbox-headline {
    width: 100% !important;
}
/*Remove the table of contents width limit*/
#toc {
    display: inline-block;
    width: auto;
}
/*Right menu*/
#siteNotice {
    position: absolute;
    left: 0;
    margin-left: 100%;
}
#right_menu {
    padding: 0 !important;
    margin: 0 20px 0 30px !important;
    top: -107px;
}
#right_menu .innogames-headline {
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    border-image-slice: 4 !important;
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAIAAABz8up3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QsREQkqmSTYtAAAAEZJREFUGNNjtLfQYcAAP37+4mBnY6AlYHz/5gUBFYyMWMX///+PX83///8h4sgq4YDl+OHdxLgP01jcKv8T5WMDLUWGgQAACj4ULl9i6ucAAAAASUVORK5CYII=) !important;
}
.innogame {
    height: 32px !important;
    padding-top: 10px !important;
}
.innogame a {
    text-decoration: none;
    display: block;
    height: 25px;
}
.socialBar {
    background: none !important;
}
#localNotice #miniLogo {
    background-image: none;
    margin-top: -9px;
}