Difference between revisions of "MediaWiki:Common.css"
From COMP_wiki
Jump to navigationJump to searchimported>Sesshou (Created page with "→* CSS placed here will be applied to all skins: .collapseButton { →'show'/'hide' buttons created dynamically by the: float: right; /* CollapsibleTables JavaScript...") |
|||
| Line 6: | Line 6: | ||
text-align: right; | text-align: right; | ||
width: auto; | width: auto; | ||
} | |||
.ingame-view { | |||
width: 286px; | |||
height: 562px; | |||
position: relative; | |||
line-height: 1em; | |||
background-image: url(http://cache.sesshou.com/megaten/4/4b/Item-background.png); | |||
} | |||
.ingame-view .item-detail { | |||
width:100%; | |||
height:100%; | |||
position:absolute; | |||
top:0; | |||
left:0; | |||
color:#C0D0FF; | |||
font-size:10px; | |||
overflow:hidden; | |||
} | |||
.ingame-view .header { | |||
position:relative;width:100%; | |||
height:60px; | |||
} | |||
.ingame-view .item-icon { | |||
position:absolute; | |||
left:5px; | |||
top:8px; | |||
} | |||
.ingame-view .item-name { | |||
position:absolute; | |||
left:53px; | |||
top:20px; | |||
} | |||
.ingame-view .icon-view { | |||
position:absolute; | |||
left:1px; | |||
top:47px; | |||
width:68px; | |||
height:13px; | |||
cursor:crosshair; | |||
background-image: url(http://cache.sesshou.com/megaten/c/c0/Blank.gif); | |||
} | |||
.ingame-view .icon-view div { | |||
position:absolute; | |||
left:80px; | |||
top:40px; | |||
width:0px; | |||
height:0px; | |||
overflow:hidden; | |||
background-image: url(http://cache.sesshou.com/megaten/b/bb/Item-image-background.png); | |||
} | |||
.ingame-view .icon-view:hover div { | |||
width:157px; | |||
height:168px; | |||
} | |||
.ingame-view .icon-view:hover div img{ | |||
position: relative; | |||
left: 12px; | |||
top: 16px; | |||
} | |||
.ingame-view .basic-info { | |||
width:100%; | |||
height:38px; | |||
margin-top:11px; | |||
margin-left:12px; | |||
margin-right:12px; | |||
overflow:hidden; | |||
} | |||
.ingame-view .gender, | |||
.ingame-view .type { | |||
float:left; | |||
width:50%; | |||
} | |||
.ingame-view .basic-feaures { | |||
width:268px; | |||
height:110px;margin-top:11px; | |||
margin-left:12px; | |||
overflow:hidden; | |||
} | |||
.ingame-view .enchant-info { | |||
width:266px; | |||
height:38px; | |||
margin-top:11px; | |||
margin-left:12px; | |||
overflow:hidden; | |||
} | |||
.ingame-view .modification-slot { | |||
width:266px; | |||
height:62px; | |||
margin-top:11px; | |||
margin-left:12px; | |||
overflow:hidden; | |||
} | |||
.ingame-view .characteristics { | |||
width:266px; | |||
height:62px; | |||
margin-top:11px; | |||
margin-left:12px; | |||
overflow:auto; | |||
} | |||
.ingame-view .explanation { | |||
width:266px; | |||
height:109px;margin-top:11px; | |||
margin-left:12px; | |||
overflow:auto; | |||
} | } | ||
Latest revision as of 10:05, 19 October 2021
/** CSS placed here will be applied to all skins */
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
.ingame-view {
width: 286px;
height: 562px;
position: relative;
line-height: 1em;
background-image: url(http://cache.sesshou.com/megaten/4/4b/Item-background.png);
}
.ingame-view .item-detail {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
color:#C0D0FF;
font-size:10px;
overflow:hidden;
}
.ingame-view .header {
position:relative;width:100%;
height:60px;
}
.ingame-view .item-icon {
position:absolute;
left:5px;
top:8px;
}
.ingame-view .item-name {
position:absolute;
left:53px;
top:20px;
}
.ingame-view .icon-view {
position:absolute;
left:1px;
top:47px;
width:68px;
height:13px;
cursor:crosshair;
background-image: url(http://cache.sesshou.com/megaten/c/c0/Blank.gif);
}
.ingame-view .icon-view div {
position:absolute;
left:80px;
top:40px;
width:0px;
height:0px;
overflow:hidden;
background-image: url(http://cache.sesshou.com/megaten/b/bb/Item-image-background.png);
}
.ingame-view .icon-view:hover div {
width:157px;
height:168px;
}
.ingame-view .icon-view:hover div img{
position: relative;
left: 12px;
top: 16px;
}
.ingame-view .basic-info {
width:100%;
height:38px;
margin-top:11px;
margin-left:12px;
margin-right:12px;
overflow:hidden;
}
.ingame-view .gender,
.ingame-view .type {
float:left;
width:50%;
}
.ingame-view .basic-feaures {
width:268px;
height:110px;margin-top:11px;
margin-left:12px;
overflow:hidden;
}
.ingame-view .enchant-info {
width:266px;
height:38px;
margin-top:11px;
margin-left:12px;
overflow:hidden;
}
.ingame-view .modification-slot {
width:266px;
height:62px;
margin-top:11px;
margin-left:12px;
overflow:hidden;
}
.ingame-view .characteristics {
width:266px;
height:62px;
margin-top:11px;
margin-left:12px;
overflow:auto;
}
.ingame-view .explanation {
width:266px;
height:109px;margin-top:11px;
margin-left:12px;
overflow:auto;
}