www.gusucode.com > 51:【198-3365】仿寻模板网页模板下载素材销售下载站平台织梦模板 > 51:【198-3365】仿寻模板网页模板下载素材销售下载站平台织梦模板/templets/css/contentover.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "UTF-8"; /* CSS Document */ .content { width: 1180px; margin: 0 auto; } /* 遮罩层 */ .iInspir-block { position: absolute; top: -16px; left: -14px; right: -14px; bottom: -1px; z-index: -1; opacity: 0; background: #fff; } .iInspir-op { position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; z-index: -1; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); } .iInspir-bor { border: 1px solid #000; background: none; filter: alpha(opacity:0.1 ); opacity: 0.05; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -2; display: block; overflow: hidden; } /* 小米灵感主题列表 */ .Inspir-list { display: block; margin-left: -20px; } .Inspir-list li { float: left; margin-left: 20px; height: 320px; margin-bottom: 20px; width: 280px; position: relative; } .Inspir-list li:nth-child(4n) { margin-right: 0; } .Inspir-pic a { width: 280px; display: block; } .Inspir-pic img { width: 280px; } /* 灵感浮动遮罩 */ .iInspir-cover { width: 280px; } .iInspir-cover .col a { color: #3498db; } .iInspir-cover .col span { color: #3498db; } .iInspir-cover-user { height: 20px; line-height: 20px; padding: 10px 0px 0; background: #FFF; } .iInspir-cover-user a { display: block; float: left; color: #262626; } .iInspir-cover-user i { display: none; float: right; color: #475a6d; cursor: pointer; } .iInspir-cover-user span { float: left; margin-left: 10px; line-height: 20px; color: #b8c4ce; } .iInspir-cover-user strong { float: left; margin-left: 10px; line-height: 20px; color: #b8c4ce; } .iInspir-cover-user img { float: left; width: 20px; height: 20px; border-radius: 10px; } /* 主题展示图 */ .iInspir-cover-pic { display: block; } .iInspir-cover-pic a { display: block; width: 280px; height: 210px; overflow: hidden; } .iInspir-cover-pic a img { width: 100%; height: 100%; } /* 主题信息 */ .iInspir-cover-msg { padding: 10px 0px 10px 0px; display: block; background: #FFF; } .iInspir-cover-msg .iInspir-title { font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; } .iInspir-cover-msg .iInspir-title a { display: inline-block; width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #394a58; font-size: 14px; } .iInspir-cover-msg .iInspir-msg .iInspir-yc { border-radius: 3px; color: #9aabb8; text-align: center; padding: 0 5px; height: 20px; font-size: 12px; line-height: 19px; margin-right: 10px; background: #dfe5e9; } /* 奖杯 下载 */ .iInspir-cover-msg .iInspir-title .down { position: absolute; right: 0; top: 12px; width: 25px; height: 25px; color: #dfe5e9; font-size: 22px; } /* 浏览、评论、点赞 */ .deanbiaoti { padding: 5px 0px 10px 0px; display: block; background: #FFF; } p.iInspir-title { height: 20px; line-height: 20px; overflow: hidden; } p.iInspir-title a { font-weight: bold; color: #394a58; font-size: 14px; } .deanzhaungtai { margin-top: 6px; height: 20px; line-height: 20px; } .deanzhaungtai span { float: left; display: block; } .iInspir-yc { border-radius: 3px; color: #9aabb8; text-align: center; padding: 0 5px; height: 20px; font-size: 12px; line-height: 19px; margin-right: 10px; background: #dfe5e9; } .iInspir-browse { padding-right: 10px; color: #b8c4ce; font-size: 14px; background: url("../img/see.png") left center no-repeat; padding-left: 25px; } .iInspir-review { padding-right: 10px; color: #b8c4ce; font-size: 14px; background: url("../img/reply.png") left center no-repeat; padding-left: 25px; } .iInspir-praise { padding-right: 10px; color: #b8c4ce; font-size: 14px; background: url("../img/like.png") left center no-repeat; padding-left: 25px; } .deanyonghu { height: 20px; line-height: 20px; padding: 12px 0px 0; background: #FFF; } .deanyonghu a { display: block; float: left; color: #262626; } .deanyonghu a img { float: left; width: 20px; height: 20px; border-radius: 10px; } .deanyonghu a span { float: left; margin-left: 10px; color: #b8c4ce; line-height: 20px; font-size: 12px; font-weight: 700; } /* 未审核 */ .no-yes { background: url("../img/no-yes.png") no-repeat; width: 60px; height: 49px; position: absolute; bottom: 43px; left: 30px; background-size: 53px; z-index: 10; } /* 审核未通过 */ .no-pass { position: absolute; right: 0; top: 0; height: 40px; width: 100px; background-color: rgba(233,94,79,.9); font-size: 14px; color: #fff; line-height: 40px; text-align: center; } /* 个人中心灵感 */ .Inspir-wp .content_list { display: block; float: left; margin-top: 15px; width: 95.2380952%; margin-left: 20px; } .Inspir-wp .content_list li { float: left; cursor: pointer; margin-bottom: 20px; /*margin-right:20px;*/ position: relative; width: 280px; height: 210px; } .Inspir-wp .content_list li a { display: block; } .Inspir-wp .clearright { margin-right: 0; float: right; } .Inspir-wp .content_list li img { width: 280px; } .Inspir-wp .content_list li .border { border: 1px solid #fff; position: absolute; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); top: -10px; left: -10px; right: -10px; bottom: -43px; z-index: 10; opacity: 0; } .Inspir-wp .content_list li .border a { float: left; position: absolute; width: 280px; height: 210px; left: 9px; top: 9px; } .Inspir-wp .content_list .content-bor { z-index: -1; border: 1px solid #000; opacity: 0.05; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; } .Inspir-wp .content_list li .borderbot { background: #fff; height: 40px; border-right: 10px solid #fff; border-left: 10px solid #fff; position: absolute; z-index: 1; bottom: 0; width: 100%; bottom: 0px; width: 280px; left: -1px; } .Inspir-wp .content_list li .borderbot span { cursor: pointer; } .Inspir-wp .content_list li .borderbot .love { width: 19px; height: 17px; float: left; top: 12px; position: absolute; left: 5px; } .Inspir-wp .content_list li .borderbot .love-ccc { width: 19px; height: 17px; float: left; top: 12px; position: absolute; left: 5px; } .content_list li .borderbot .love i { font-size: 22px; color: #d35400; } .content_list li .borderbot .love-ccc i { font-size: 22px; color: #ccd5da; } .Inspir-wp .content_list li .borderbot .down { background: url("../img/ico4.png") no-repeat -25px center; width: 40px; height: 30px; float: left; bottom: 2px; position: absolute; left: 45px; } .Inspir-wp .content_list li .borderbot .textr { float: right; width: 230px; bottom: 0; position: absolute; height: 40px; right: 0; } .Inspir-wp .content_list li .borderbot .textr b { float: left; width: 210px; height: 40px; float: left; right: 7px; font-style: italic; font-size: 14px; color: #394a58; line-height: 40px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content_list li .borderbot .textr i { font-size: 12px; color: #394a58; font-style: italic; margin-left: 5px; float: right; margin-top: 14px; }