Difference between revisions of "Template:Item.css"
From Shin Megami Tensei IMAGINE Wiki
m |
|||
(5 intermediate revisions by one user not shown) | |||
Line 15: | Line 15: | ||
position: relative; | position: relative; | ||
line-height: 1em; | line-height: 1em; | ||
− | background-image: url(http:// | + | background-image: url(http://cache.sesshou.com/megaten/4/4b/Item-background.png); |
} | } | ||
Line 52: | Line 52: | ||
width:68px; | width:68px; | ||
height:13px; | height:13px; | ||
− | cursor: | + | 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 { | .ingame-view .basic-info { |
Latest revision as of 18:10, 5 March 2014
/* Work in progress */
/* General rules */
/* Default View */
/* Ingame View */
.ingame-view {
width: 286px; height: 562px; position: relative; line-height: 1em; background-image: url();
}
.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();
}
.ingame-view .icon-view div {
position:absolute; left:80px; top:40px; width:0px; height:0px; overflow:hidden; background-image: url();
}
.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;
}