Template:Item.css

From Shin Megami Tensei IMAGINE Wiki
Jump to navigationJump to search

/* Work in progress */


/* General rules */


/* Default View */

/* Ingame View */

.ingame-view {

   width: 286px;
   height: 562px;
   position: relative;
   line-height: 1em;
   background-image: url("skins/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(https://wiki.smtimagine.com/images/c/c0/Blank.gif);

}

.ingame-view .icon-view div {

   position:absolute;
   left:80px;
   top:40px;
   width:0px;
   height:0px;
   overflow:hidden;
   background-image: url(https://wiki.smtimagine.com/images/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 .sex, .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;

}