Difference between revisions of "Template:Item.css"
From Shin Megami Tensei IMAGINE Wiki
(Created page with "/* Work in progress */ /* General rules */ /* Default View */ - →Ingame View: .ingame-view { width: 280px; height: 562px; position: relative; line-hei...") |
|||
| (8 intermediate revisions by one user not shown) | |||
| Line 11: | Line 11: | ||
.ingame-view { | .ingame-view { | ||
| − | width: | + | width: 286px; |
height: 562px; | height: 562px; | ||
position: relative; | position: relative; | ||
line-height: 1em; | line-height: 1em; | ||
| − | background-image: | + | 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 { | ||
| Line 63: | Line 83: | ||
margin-right:12px; | margin-right:12px; | ||
overflow:hidden; | overflow:hidden; | ||
| + | } | ||
| + | |||
| + | .ingame-view .gender, | ||
| + | .ingame-view .type { | ||
| + | float:left; | ||
| + | width:50%; | ||
} | } | ||
Latest revision as of 19: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;
}
