MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Wiki The-West DE
Zur Navigation springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 7: Zeile 7:
#contentFooter { background-size: 101%; }
#contentFooter { background-size: 101%; }
#p-cactions { width: 850px; }
#p-cactions { width: 850px; }
#grepo_nl_hints_container{
  position: absolute;
}


/* Popup item */
/* Popup item */

Version vom 30. Januar 2017, 20:33 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

#wrapper { width: 1200px; }
#container { width: 900px; }
#contentTop { width: 900px; background-size: 100% 77px; }
#content { width: 870px; background-size: 100%; }
#contentFooter { background-size: 101%; }
#p-cactions { width: 850px; }
#grepo_nl_hints_container{
  position: absolute;
}

/* 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.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.empty{
	background-image:none;
}
div.item_container > img {
	position: absolute;
	top:3px;
	left:3px;
}
div.item_container:hover > div.popupR {
	left: 120%;
	top:10px;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupL {
	right: 120%;
	top:10px;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupRC {
	left: 120%;
	top:-200px;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupLC {
	right: 120%;
	top:-200px;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupRT {
	left: 120%;
	bottom:100%;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupLT {
	right: 120%;
	bottom:100%;
	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_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;
}

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;
}
.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:"(per Level)";
}