Difference between revisions of "Template:Item.css"

From Shin Megami Tensei IMAGINE Wiki
Jump to: navigation, search
m
m
Line 52: Line 52:
 
     width:68px;
 
     width:68px;
 
     height:13px;
 
     height:13px;
     cursor:pointer;
+
     cursor:crosshair;
 +
    background-image: url(http://dl.dropbox.com/u/74289761/megaten/c/c0/Blank.gif);
 +
}
 +
 
 +
.ingame-view .icon-view div {
 +
    position:absolute;
 +
    left:1px;
 +
    top:47px;
 +
    width:68px;
 +
    height:13px;
 +
}
 +
.ingame-view .icon-view:hover div {
 +
    width:128px;
 +
    height:128px;
 
}
 
}
  

Revision as of 11:52, 30 September 2012

/* Work in progress */


/* General rules */


/* Default View */

/* Ingame View */

.ingame-view {

   width: 286px;
   height: 562px;
   position: relative;
   line-height: 1em;
   background-image: url(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(Blank.gif);

}

.ingame-view .icon-view div {

   position:absolute;
   left:1px;
   top:47px;
   width:68px;
   height:13px;

} .ingame-view .icon-view:hover div {

   width:128px;
   height:128px;

}


.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;

}

Personal tools