WeiWeiXinNet/USER_DIR/SYSUSER/NEWS/Res_ource05/css/tiles.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*----------------------------------------------------------
/* Webbu Tile CSS v.1
/*
-----------------------------------------------------------*/

/* General tile settings */
.videotile{width:100%; height:100%; margin:0px; border:0px;}
.maptile{width:100%; height:100%; margin:0px; border:0px;}
.tile{ display:block;  float:left;  background-color:#525252;  width:150px;  height:150px;  cursor:pointer;  box-shadow:inset 0px 0px 1px #FFC;  text-decoration:none;  color:#fff;  overflow:hidden;  position:relative;  font-weight:300;  font-size:11pt;  letter-spacing:0.02em;  line-height:20px;  margin:0 10px 10px 0;  overflow:hidden}
.tile:hover{ outline:3px #3a3a3a solid}
.tile .boxContent{ width:100%;  height:100%;  padding:0;  padding-bottom:30px;  vertical-align:top;  padding:10px 15px;  overflow:hidden;  text-overflow:ellipsis;  position:relative;  font-weight:400;  font-size:9pt;  color:#000;  color:#fff;  line-height:16px}
.tile .boxContent:hover{ color:rgba(0,0,0,0.8)}
.tile .boxContent:active{ color:rgba(0,0,0,0.4)}
.tile .boxContent:hover{ color:#fff}
.tile.icon .boxContent{ padding:0}
.tile.icon .boxContent img{ position:absolute;  width:64px;  height:64px;  top:50%;  left:50%;  margin-left:-32px;  margin-top:-32px}
.tile.image .boxContent, 
.tile.islider .boxContent{ padding:0}
.tile.image .boxContent img, 
.tile.islider .boxContent img{ width:100%;  height:auto;  min-height:100%;  max-width:100%}
.tile .tilename{ position:absolute;  bottom:0;  left:0;  right:0;  min-height:22px;  *zoom:1}
.tile .tilename:before, 
.tile .tilename:after{ display:table;  content:""}
.tile .tilename:after{ clear:both}
.tile .tilename .name{ position:absolute;  bottom:0;  left:0;  margin-bottom:5px;  margin-left:15px;  font-weight:400;  font-size:9pt;  color:#fff}
.tile .tilename .name:hover{ color:#fff}
.tile .tilename .icon{ margin:5px 15px;  width:32px;  height:32px}
.tile .tilename .icon img{ width:100%;  height:100%}
.tile .tilename .text{ position:absolute;  left:60px;  top:5px;  right:50px;  font-weight:400;  font-size:9pt;  color:#000;  color:#fff;  line-height:14px}
.tile .tilename .text:hover{ color:rgba(0,0,0,0.8)}
.tile .tilename .text:active{ color:rgba(0,0,0,0.4)}
.tile .tilename .text:hover{ color:#fff}

/* Tile responsive setting. */
@media (min-width:1025px){ 
 
 .wrapper{width:1024px; margin-left:auto; margin-right:auto}
}
 .resimgicon {max-width:62px;height:auto;}
 .tile .boxContent .resimgicon{ margin-left: 3em; margin-top: 2.7em;}
 .tile{ width:157px;  height:157px}
 .tile.t2x{ width:324px}
 .tile.t2x .boxContent{ width:324px}
 .tile.t3x{ width:491px}
 .tile.t3x .boxContent{ width:491px}
 .tile.t4x{ width:658px}
 .tile.t4x .boxContent{ width:658px}
 .tile.t2x-v{ height:324px}
 .tile.t2x-v .boxContent{ height:284px}
 .tile.t3x-v{ height:491px}
 .tile.t3x-v .boxContent{ height:451px}
 .tile.t4x-v{ height:658px}
 .tile.t4x-v .boxContent{ height:658px}
 .tile.t2x-b{ height:324px; width:324px}
 .tile.t2x-b .boxContent{ height:324px; width:324px}
 .tile.t3x-b{ height:491px; width:491px}
 .tile.t3x-b .boxContent{ height:491px; width:491px}
 .tile.t3x-t2x-b{ width:503px; height:332px}
 .tile.t3x-t2x-b .boxContent{ width:491px; height:332px}
 .tile.t4x-b{ height:658px; width:658px}