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: 1500px;} #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; }