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 */ .tribal-borderbox {width:auto !important;} .tribal-borderbox .tbbox-tabs li {max-width: 170px;} .tribal-borderbox .tbbox-logo {left:44%} .tribal-borderbox .tbbox-tabs ul {margin-bottom: -18px;} .tribal-borderbox .tbbox-tabs {min-height:auto} .tribal-borderbox .tbbox-pagecontent {width: 860px;} .tribal-borderbox .with-button .tribal-button {width: 190px;} .tribal-borderbox #firstHeading.tbbox-headline, .tribal-borderbox .innogames-headline {width: auto;} .tribal-borderbox .tbbox-page-edge.tbbox-bottom, .tribal-borderbox .tbbox-page-edge.tbbox-top, .tribal-borderbox .tbbox-page-corner.tbbox-top.tbbox-right, .tribal-borderbox .tbbox-page-corner.tbbox-top.tbbox-left, .tribal-borderbox .tbbox-page-corner.tbbox-bottom.tbbox-right, .tribal-borderbox .tbbox-page-corner.tbbox-bottom.tbbox-left {z-index: 1 !important; position: absolute !important;} #toc, .toc {width:400px;} #document-wrapper {max-width: 1246px; margin: 0 auto;} a:visited, .mw-body a.external:visited { color: #3D2685;} a, .mw-body a.external { color: #3D2685;} li#ca-nstab-special { top: -13px; z-index: 1; height: 45px;} #siteNotice .innogames-headline { border-bottom: 2px solid white;border-top: 2px solid white;} #localNotice { padding-top: 36px;z-index:1} #localNotice > div:first-of-type { margin-left: 845px;} #localNotice div.innogame:nth-of-type(2n+1) { background-color: rgba(63,55,35,0.9);} #localNotice div.socialBar:active, #localNotice div.socialBar:hover, #localNotice div.socialBar:focus { background: transparent;} #localNotice #miniLogo { background-image: none; margin-top: -9px;} #localNotice > div:first-of-type, #localNotice div { padding: inherit;} .innogame { height: 32px !important; padding-top: 10px !important;} .innogame a { text-decoration: none; display: block; height: 25px;} #page-wrapper { margin: 0; margin-left: 197px;} #mw-panel { left: -20px;} .socialBar { background: none !important;} #wrapper { width: 1200px; } /* wiki width */ #container { width: 900px; } /* container width */ #contentTop { width: 900px; background-size: 100% 77px; } #content { width: 870px; background-size: 100%; } #contentFooter { background-size: 101%;z-index: 1; } #p-cactions { width: 850px; } 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; }