MediaWiki:Common.css
Jump to navigation
Σημείωση: μετά την δημοσίευση, ίσως χρειαστεί να παρακάμψετε την προσωρινή μνήμη του προγράμματος περιήγησής σας για να δείτε τις αλλαγές.
- Firefox / Safari: Κρατήστε πατημένο το Shift κάνοντας ταυτόχρονα κλικ στο κουμπί Ανανέωση ή πιέστε Ctrl-F5 ή Ctrl-R (⌘-R σε Mac)
- Google Chrome: Πιέστε Ctrl-Shift-R (⌘-Shift-R σε Mac)
- Internet Explorer / Edge: Κρατήστε πατημένο το Ctrl κάνοντας ταυτόχρονα κλικ στο κουμπί Ανανέωση, ή πιέστε Ctrl-F5
- Opera: Πιέστε Ctrl-F5.
/* CSS placed here will be applied to all skins */
*:focus {
outline: none;
}
#document-wrapper {max-width: 1150px; }
#container {width: 960px;} /* Largeur de la zone contenu */
#contentTop {width: 860px; background-size: 100% 77px;} /* zone supérieure */
#p-search .pBody {width: 200px; background-size:200px 24px;} /* Diminution en largeur du module de recherche */
#searchInput {width: 173px;}
#navigationTop {
position: relative;
background: url("http://wiki.the-west.gr/images/1/16/MenuTopNew.png") no-repeat;
width: 260px;
height: 130px;
}
#navigationBottom {
position: absolute;
background: url("http://wiki.the-west.gr/images/e/e2/MenuBottomNew.png") no-repeat;
width: 260px;
height: 95px;
right: -15px;
bottom: -51px;
}
#navigation {width: 225px; font-size: 11px;}
#west_pl_hints_container {width: 830px!important; background-size: 100%!important;}
#content {width: 830px; background-size: 100%;}
#contentFooter {background-size: 101%;z-index: 0;}
#p-cactions {width: 810px;}
.portlet h5 {font-size: 120%; font-weight: bold; font-style: italic; font-family:georgia; color: #804000;}
textarea {width: 793px;}
#fondstd {
background-image: url("http://wiki.the-west.gr/skins/thewest/images/content/contentBg.png");
background-repeat: repeat;
}
}
table.prerequis {
background-image:url('images/content/contentBg.png');
background-repeat: repeat;
border:0px;
border-spacing:0;
margin:0 auto;
}
div.prerequis {
/* background: url("http://wiki.the-west.gr/skins/thewest/images/content/contentBg.png") repeat-y; */
border:1px solid #CCC;
border-radius:10px;
background:#FFF;
border-right:3px solid #ccc;
border-bottom:3px solid #ccc;
padding:5px;
line-height:1.3;
margin-left:2px;
margin-right:1px;
text-align:center;
}
.survol {
position:relative;
display: inline-table;
}
/* Set icon */
.set_icon_sprite {
display:inline-block;
position: relative;
margin-top:3px;
width: 50px;
height: 50px;
cursor: pointer;
border-radius: 5px;
background:url(https://wiki.the-west.gr/images/4/46/Set_icons_sprite.png);
}
.set_icon_sprite:hover {
background-color: #FFEECC;
}
.warning_message {
color: white;
display: inline-block;
padding: 12px 12px 12px 12px;
border: 1px solid black;
background: red;
background: -webkit-linear-gradient(#db1616, #831919);
background: -o-linear-gradient(#db1616, #831919);
background: -moz-linear-gradient(#db1616, #831919);
background: linear-gradient(#db1616, #831919);
}
#right_menu .innogames-headline {
margin-bottom:5px !important;
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;
}
div.wiki-title {
position:relative;
max-width: 800px;
height: 49px;
background: url(https://wiki.the-west.gr/images/b/b3/Title.png) no-repeat;
background-size: 100% 100%;
}
#popup_plain {
position:relative;
display:inline-block;
}
div.achievement {
display: inline-block;
position: relative;
vertical-align:top;
font-family: Arial, Verdana, sans-serif;
width:424px;
min-height: 120px;
text-align: center;
text-shadow: black 1px 1px 1px;
font-weight: bold;
color: white;
z-index: 3;
margin:2px -1px 2px -1px;
}
div.ach-background {
width: 100%;
position: absolute;
background-image: url(https://wiki.the-west.gr/images/c/c8/Achievement_Background.png);
left: 0;
z-index: -1;
}
div.ach-top{
top: 0;
bottom: 10px;
background-position: top;
}
div.ach-btm {
bottom: 0;
height: 10px;
background-position: bottom;
}
.tw2gui_button {
display: inline-block;
position: relative;
height: 36px;
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
cursor: pointer;
min-width:150px;
max-width:330px;
}
.tw2gui_button_left_cap,.tw2gui_button_right_cap {
position: absolute;
width: 50%;
height: 36px;
background: url(https://westzz.innogamescdn.com/images/tw2gui/button/button_normal.png) 0 0;
left: 0;
}
.tw2gui_button_right_cap {
left: 50%;
background-position: right top;
}
.tw2gui_button_middle_bg {
position: absolute;
width: 18px;
height: 36px;
margin-left: -9px;
left: 50%;
background: url(https://westzz.innogamescdn.com/images/tw2gui/button/button_mid_normal.png) 0 0 no-repeat;
}
.textart_title {
position: relative;
color: #FFE7B1;
margin-left: 10px;
margin-right: 10px;
padding-top: 9px;
text-align: center;
height: 19px;
white-space: nowrap;
font: bold 10pt Arial;
overflow: hidden;
text-overflow: ellipsis;
}
table.sticky_header th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:3;
}
/* Item buff icon */
div.item_buff::after{
content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAL4SURBVHjafJJRbFN1FIe/W7rcuxbb3ru2W2nHaJsJbEJ0DsE5B8l4wOCDhMQHs4wXCMTwUBFiTIxKfDBGh4uGxJolKCbwICYOkBQmbGHBTNQRSDpghJbZpr10XTc6a/vX3c4HXe1i4klOcs7D73e+nHMkquLyOzs/jj+cDvnrXf3dR797bakHUFwqHpO5f3ze+dmRY1/eXdKsqDYIrFoZyYsyiRJbRsanjnatVyPdPXsJbGzDrnkxTPkthV/vHNz9Umv62yv3fwGQ+J8YOPDMYnfPXu5O3Ka9YzMAyViCny98TY3PsX/PW5c+l6rRFZdKz3sXpWO9Ty06u55zZ69ey7zQuw9HfRM10jzJWAJfoLFiMmtZv84EcDOeCm3vDZGZygBw6OQNaVGf3OVucgNQI81z6dwFBo4fJxlLYNfsWJrW0fZY9oAJwFJQRsP972IpKKMAHx7as/bP5FzY2diCopj5LV/m2ec76djWhcPpRTKtxOv1EX84HVq2g5MDB12L+uSumcnpsLvJzRObtuNwehmKDNLZtRVFMVMqLXDjpzFaWjdw5cwpTNUnzF69ljGKhbD/6c00b+zErtkZigzy45lhpmL3eJR7BEDH1h2Voeal4mY8FWrp3Iaqasiygq6nsKl1bGpvx1mn0tCwqiIq/j6HrqcA/iWwFJTRbGICAF1P8eknX3AnegshSvj9QYQoAXBu8Dz52RmyiQksBWW08kiuJ9ui5Vx6n7OhHlXVaH58NX5/EMNYwDAW/sY1mwkG/WSzGW6NR4mu8LxcIThx+uz12jWBvrHhEWZnc8umRi4OASBECV1PMTY8Qu2aQN+J02ev/+cTP3hz90fFB7HX63yr8fk8aKqG3aESj98nmUyTmrqNI7ih7433vzkMIL2y/8XGU+HzicNvv2qduZdsLQgR0Gy2QD6XPKKJtKPaPCd75v4war8yyTU/WGU5Vtfsi5rlvMkDJIxSUQhbOW3NywghYrLV9X3B6lpGJ/+TAMJWThulovhrAOGQNXfJZsPQAAAAAElFTkSuQmCC);
position:absolute;
bottom:5px;
right:5px;
width:16px;
height:15px;
}
/* change the opacity of the image when hovering over the mouse */
.survol:hover {
opacity:0.75;
filter:alpha(opacity=75);
}
/* defines a zoom function x 1.3 */
.zoom:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
/* -webkit-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%; */
}
.zoom {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.zoom {
border: 0px solid #fff;
margin: 40px 0px;
padding: 10px;
}
/* For blinking effects */
.tilt {
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-o-transition: all 3s ease;
-ms-transition: all 3s ease;
transition: all 3s ease;
}
.tilt:hover {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.pulse:hover {
animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.clignote {
animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(0.95);
opacity: 0.7;}
50% {
transform: scale(1);
opacity: 1;}
100% {
transform: scale(0.95);
opacity: 0.7;}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;}
50% {
-webkit-transform: scale(1);
opacity: 1;}
100% {
-webkit-transform: scale(0.95);
opacity: 0.7;}
}
/* **** Properties of the tooltip class **** */
span.infobulle, span.DDMbulle, span.infobulleTxtL,span.infobulleTxtR {
position: relative;
cursor: help;
outline: none;
text-decoration: none;
}
span.infobulle, span.infobulleTxtL, span.infobulleTxtR {border-bottom: thin dotted; }
span.infobulle:hover, span.DDMbulle:hover, span.infobulleTxtL:hover, span.infobulleTxtR:hover{
text-decoration: none;
z-index: 6;
}
span.infobulle:hover, span.infobulleTxtL:hover,span.infobulleTxtR:hover {background: #FFEEDD; }
span.infobulle span, span.DDMbulle span{
position: absolute;
margin: 20px 0 0 0px;
padding: 10px;
background: #FFF7E6;
border: 1px solid #CD853F;
border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
text-align:justify;
font-size: 0.9em;
line-height:14px;
z-index: 6000;
}
span.infobulleTxtL span, span.infobulleTxtR span {
position: absolute;
margin: 20px 0 0 0px;
padding: 10px;
background: #F8E2B4;
border-radius: 10px;
box-shadow: 0px 0px 15px #000;
text-align:justify;
font-size: 0.9em;
line-height:14px;
z-index: 6000;
}
span.infobulle span {width: 450px; left: 80px; top: -150px; }
span.infobulleTxtRx span {left: 80px; top: -150px; }
span.infobulleTxtL span,span.infobulleTxtR span {top: -150px; }
.infobulleTxtL:hover span {left: -500px; top: -150px; }
.infobulleTxtR:hover span {left: 30px; top: -150px; }
span.DDMbulle span {width: 250px; right: -30px; top: -30px; }
span.DDMbuller span {width: 150px; top: -80px; left:100px; right:-30px}
span.infobulle:hover span,
span.DDMbulle:hover span{
left: 2%;
background: #FFF7E6;
z-index:6;
}
span.infobulleTxtL:hover span,span.infobulleTxtR:hover span{
/*left: 2%; */
background: #F8E2B4;
z-index:6;
}
span.infobulle span, span.infobulleTxtL span, span.infobulleTxtR span, span.DDMbulle span {
position: absolute;
left: -9999px;
margin: 4px 0 0 0px;
padding: 10px;
border:solid 1px black;
}
span.infobulleTxtL span, span.infobulleTxtR span{
position: absolute;
left: -9999px;
margin: 4px 0 0 0px;
padding: 10px;
border:solid 0px black;
box-shadow: 0px 0px 15px #000;
border-radius: 10px;
}
span.infobulle:hover span, span.infobulleTxtL:hover span,span.infobulleTxtR:hover span { margin: 20px 0 0 125px; }
span.DDMbulle:hover span { margin: 30px 0 30px 30px; }
span.infobulle:hover em, span.infobulleTxtL:hover em, span.infobulleTxtR:hover em, span.DDMbulle:hover em {
text-align:center;
font-family: Calibri, Tahoma, Geneva, sans-serif;
font-size: 1.4em;
font-weight: bold;
line-height:30px;
display: block;
}
/* Wiki */
.mw-body a {
color: #804000;
font-weight: bold;
}
.mw-body a.external {
color: #804000 !important;
}