MediaWiki:Common.css
Jump to navigation
Megjegyzés: közzététel után frissítened kell a böngésződ gyorsítótárát, hogy lásd a változásokat.
- Firefox / Safari: tartsd lenyomva a Shift gombot és kattints a Frissítés gombra a címsorban, vagy használd a Ctrl–F5 vagy Ctrl–R (Macen ⌘–R) billentyűkombinációt
- Google Chrome: használd a Ctrl–Shift–R (Macen ⌘–Shift–R) billentyűkombinációt
- Internet Explorer / Edge: tartsd nyomva a Ctrl-t, és kattints a Frissítés gombra, vagy nyomj Ctrl–F5-öt
- Opera: Nyomj Ctrl–F5-öt
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ /* Wiki */ div.mw-body a { color: #804000 !important; font-weight: bold; } div.mw-body a.new{ color: #ba0000; } div.tbbox-rafter { display: none; } #toc{ width: 350px; } #document-wrapper { max-width: 1200px; min-width: 1050px; } .tribal-button { width: 190px !important; } #pt-login { display: none; } .with-button .tbbox-headline { width: 100% !important; } table { width: auto; } #searchText { width: 80%; z-index: 10; } div.oo-ui-menuSelectWidget { margin-top: 40px; } input.oo-ui-inputWidget-input { width: 65%; } div.title > h2 { border-bottom: none; color: #FFDEAD; font-size: x-large !important; display: inline-block; vertical-align: middle; line-height: 35px; margin: 0 !important; padding: 0; background-color: transparent !important; } .blink { 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;} } #localNotice div { background-color: transparent !important; height: auto !important; width: auto !important; } #localNotice td { padding: 0px; } .menu:hover { opacity:0.75; filter:alpha(opacity=75); } .wof {} .common { background: #beb8b2 !important; } .uncommon { background: #8bb87f !important; } .rare { background: #8b85e5 !important; } .veryrare { background :#f1db7f !important; } /* Item Popup */ div.tw_bg_tl, div.tw_bg_tr, div.tw_bg_bl, div.tw_bg_br { background-image: url(https://wiki.the-west.de/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 { background-position: right top; width: 50%; bottom: 50%; right: 0; top: 0; } .tw_bg_bl { background-position: left bottom; height: 50%; right: 50%; bottom: 0; left: 0; } .tw_bg_br { background-position: right bottom; height: 50%; width: 50%; bottom: 0; right: 0; } div.item_container div.popup_window { position: absolute; display: none; margin: 0px; min-width: 200px; white-space: nowrap; } div.item_container { height: 79px; width: 79px; position: relative; background-image: url(https://wiki.the-west.de/images/e/ec/Item_box.png); background-repeat: no-repeat; display: inline-block; } div.item_container.wearM { height: 93px; width: 94px; position: relative; background-image: url(https://wiki.the-west.de/images/c/c8/Item_box_wearM.png); background-repeat: no-repeat; display: inline-block; } div.item_container.wearL { height: 138px; width: 95px; position: relative; background-image: url(https://wiki.the-west.de/images/0/09/Item_box_wearL.png); background-repeat: no-repeat; display: inline-block; } div.item_container.empty { background-image: none; } div.item_container > img { position: absolute; top: 3px; left: 3px; } div.item_container.wearM > img, div.item_container.wearL > img { top: 0px !important; left: 0px !important; } div.item_container:hover > div.popup_window { left: 120%; top: 10px; z-index: 10; display: block; } div.popup_contents { margin: 25px; font-family: Arial, Verdana, sans-serif; } div.popup_contents * { margin: 0; } div.popup_image { background-image: url(https://wiki.the-west.de/images/e/ec/Item_box.png); background-repeat: no-repeat; width: 79px; height: 79px; 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_specbon { text-align: left; padding-left: 7px; font-size: 12px; color: #070; } .popup_type { font-style: italic; font-size: 8pt; text-align: center; white-space: normal; max-width: 250px; } .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; text-align: left; } .popup_dmg { font-weight: bold; text-align: center; } .popup_text { color: #007777; white-space: normal; max-width: 250px; } .item_number { position: absolute; left: 4px; bottom: 4px; font-size: 13pt; color: white; text-shadow: 2px 2px 2px #000; } .popup_bonus { color:#8b4513; text-align: left; } .popup_job { display:inline-block; border-radius: 3px; border: 1px solid #804000; padding-top: 3px; margin-top: 10px !important; margin-bottom: 10px !important; text-align: left; } .popup_job td > img { width:45px; height:45px; } .popup_crafteditem { display:inline-block; background: none; margin-top: 10px !important; margin-bottom: 10px !important; } .popup_crafteditem table { border-radius: 3px; border: 1px solid #804000; text-align: center; } .popup_txtgreen { color: green; } .popup_txtred { color: #900; } /* Sets */ div#mw-content-text > center ~ h3 + dl ~ table { border: none; } div#mw-content-text > center ~ h3 + dl ~ table > tbody > tr > td { border: none; background: none !important; } table.infoSet { box-shadow: 2px 2px 4px #000; } table.infoSet td { padding: 0px; } table.infosetatt { background-color: #EBEBCF; width: 100%; margin: 0px; padding: 5px; } /* Set bonus tooltip */ div.tt_bg_tl, div.tt_bg_tr, div.tt_bg_bl, div.tt_bg_br { background-image: url(https://wiki.the-west.de/images/f/fc/Tooltip_bg.png); background-repeat: no-repeat; position: absolute; z-index: -1; } .tt_bg_tl { background-position: left top; bottom: 50%; right: 50%; left: 0; 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.de/images/3/32/Tooltip_arrow.png); width: 22px; height: 11px; } .tooltip_container { position: relative; display: inline-block; vertical-align: top; border:1px solid #997146; width:40px; text-align:center; background-color:#4E3E26; color:#fff; font:12px arial; } .tooltip_container:hover .tooltip { visibility: visible; -webkit-transition: opacity .15s ease-in-out 0.4s; -moz-transition: opacity .15s ease-in-out 0.4s; transition: opacity .15s ease-in-out 0.4s; opacity: 1; } .tooltip_container:hover > .tooltip_outer { z-index: 1000; } .per_level:after { content: "(pro Stufe)"; } /* Quest templates */ .item_req { position: relative; display: inline-block; margin: 4px; width: 50px; height: 50px; } div.item_req div.item_container > a > img, div.item_req div.item_container > img { position: absolute; width: 45px; height: 45px; top: 3px; left: 3px; } div.item_req div.item_container { width: 50px; height: 50px; background-size: 50px; top: -1px; left: -1px; } .item_border { position: relative; display: inline-block; margin: 5px; background-color: #917F63; width: 50px; height: 50px; border-right: outset 2px; border-bottom: outset 2px; border-color: #000000; border-radius: 8px; } div.item_border div.item_container > a > img, div.item_border div.item_container > img, div.item_border > img { position: absolute; width: 45px; height: 45px; top: 2px; left: 3px; } div.item_border div.item_container.empty { width: 50px; height: 50px; } .number { position: absolute; bottom: -1px; left: 2px; text-shadow: black 1px 1px 1px; font-size: 12px; color: white; } .item_reward { position: relative; display: inline-block; background-color: #917F63; width: 60px; height: 60px; border-right: outset 2px; border-bottom: outset 2px; border-color: #000000; border-radius: 8px; } div.item_reward div.item_container > a > img, div.item_reward div.item_container > img, div.item_reward > img { position: absolute; width: 60px; height: 60px; top: 0px; left: 0px; } div.item_reward div.item_container.empty { width: 60px; height: 60px; } /* Set switch duel weapon */ #switch { position: absolute; top: 30px; left: 195px; cursor: pointer; } /* Inputs */ #input_level.sets { position: absolute; right: 180px; margin-top: 3px; } #input_level, #input_search { display: inline-block; background: url(https://westzz.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat; height: 30px; width: 12px; } #input_search { position: absolute; right: 250px; } input.west { background: url(https://westzz.innogamescdn.com/images/tw2gui/textfield/textfield.png) top right no-repeat; height: 30px; min-width: 130px; margin-left: 12px; padding: 0px 8px 0px 0px; border: 0; outline: none; } /* Set icon */ .set_icon { display:inline-block; position: relative; margin-top:3px; width: 50px; height: 50px; cursor: pointer; border-radius: 10px; } .set_icon:hover { background: #FFEECC; } .set_icon_clothes1 { position: absolute; bottom: 1px; left: 1px; } .set_icon_clothes2 { position: absolute; top: 1px; right: 1px; } .set_icon_clothes3 { position: absolute; bottom: 1px; right: 1px; } .set_icon_gun1 { position: absolute; top: 5px; left: 1px; } .set_icon_gun2 { position: absolute; top: 8px; right: 1px; } .set_icon_item { position: absolute; top: 2px; left: 2px; }