www.gusucode.com > (自适应手机版)html5响应式影视文化公司源码 传播传媒企业通用类织梦模板(demo223) > (自适应手机版)html5响应式影视文化公司源码 传播传媒企业通用类织梦模板(demo223)/www2/member/templets/style/index.css
/************************************** 首页样式部分(CaicaiStyle) Update:09-11-19 Author: From:DesDev INC. **************************************/ @import url("base.css"); input { margin:0; padding:0; } .clr{ clear:both; } .f_r{ float:right; } .755 { width: 755px; float: right; } .main-wrap { margin-left:10px; width: 550px; float: left; } .sns-avatar { height:100px; overflow:visible; z-index:10; min-height:100px; margin: 10px 0 10px 10px; } .sns-avatar dt { float:left; height:100px; margin-right:10px; width:100px; } .s120, .s120 a, .s120 span { height:100px; width:100px; } .sns-avatar .av-index { line-height:20px; color: #525252; } .sns-avatar .av-index .name { font-size:16px; font-weight:700; line-height: 20px; color: #000; } ul .name span { font-size: 12px; font-weight: normal; margin-left: 5px; } .av-index ul .sign a { color: #F00; } .av-index ul .other { color: #999; } .msg { width: 430px; margin-top: 8px; height: 30px; line-height: 27px; overflow: hidden; float: left; } .msg p { border:1px solid #ffcfa4; background: #fffef1; padding-right: 10px; padding-left: 10px; } .msg p em a { color: #999; } .share .share01 { background: url(../images/feed_6.gif) no-repeat 20px; height: 16px; } .share .share02 { height: 24px; background: #e0dfe1; padding: 11px; } #share_textarea { background: #FFF; height: 25px; width: 427px; line-height: 25px; font-size: 12px; border-style: none; color: #999; padding-right: 5px; padding-left: 5px; float: left; } #form1 { height: 25px; } #btn_submit { background: url(../images/btn1_bg.gif) no-repeat; height: 22px; width: 55px; border-style: none; color: #FFF; float: right; margin-right: 22px; margin-top: 1.5px; } .indexTab { height: 26px; margin-top: 14px; margin-left:10px; } .indexTab ul li { background: #FFF; margin-left:4px; float: left; font-size: 12px; font-weight: bolder; margin-bottom:-1px; position:relative; z-index:10; border: 1px solid #dedede; } .indexTab ul li a{ color:#313131; outline:none; blr:expression(this.onFocus=this.blur()); } .indexTab ul .thisTab { border-bottom:none; height: 26px; } .indexTab ul .thisTab a { color:#5f9304; } .indexTab ul .thisTab a:hover { text-decoration:none; } .indexTab ul li a { line-height: 25px; height: 25px; float: left; padding-right: 10px; padding-left: 10px; } #sns-feeds .sns-box { background: #FFF; border: 1px solid #ddd; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } #sns-feeds .sns-box .newarticlelist{ padding-top:10px; } #sns-feeds .sns-box .newarticlelist ul li{ line-height:28px; background:url(../images/lineDot.gif) left bottom repeat-x; } #sns-feeds .sns-box .newarticlelist ul li a{ color: #2ca9cc; } #sns-feeds .sns-box .newarticlelist ul li span{ float:right; margin-left:5px; } #sns-feeds { color: #525252; } .feeds_title { line-height: 20px; padding-left: 24px; margin-top: 12px; } .feeds_title span .act{ visibility:hidden; position:absolute; float:right; right:0px; *right:0px; _right:10px; z-index: 999; } .feeds_title span:hover .act,.feeds_title span.hover .act,.feeds_title span.hover .act:visited { visibility:visible; } .icostow{ background: url(../images/icon2.png) no-repeat left 3px; } .icoaddfriends{ background: url(../images/icon5.png) no-repeat left 3px; } .icofeedback{ background: url(../images/icon4.gif) no-repeat left 3px; } .icoaddsoft{ background: url(../images/icon1.gif) no-repeat left 3px; } .icoadd{ background: url(../images/icon1.gif) no-repeat left 3px; } .feeds_title span { display: block; position: relative; } .feeds_title span a { color: #2ca9cc; } .feeds_title.icostow span em,.feeds_title.icoaddfriends span em,.feeds_title.icofeedback span em,.feeds_title.icoaddsoft span em,.feeds_title.icoadd span em{ color: #999; } .feeds_title1 { line-height: 20px; margin-top: 12px; } .feeds_title1 img{ vertical-align:middle; } .feeds_title1 span .act{ visibility:hidden; position:absolute; float:right; right:0px; *right:0px; _right:10px; z-index: 999; } .feeds_title1 span:hover .act,.feeds_title1 span.hover .act,.feeds_title1 span.hover .act:visited { visibility:visible; } .feeds_title1 span { display: block; position: relative; } .feeds_title1 span a { color: #2ca9cc; } .feeds_title1 span em{ color:#999; } /* right */ .col-extra { width:195px; float: right; color: #525252; margin-right:0!important;; margin-right:-5px; } .sns-box .hd { background: url(../images/sns_box.gif); } .hd h3 { line-height: 27px; font-size: 12px; color: #FFF; padding-left: 10px; } .statistics { line-height:22px; overflow:hidden; } .statistics dt { color:#525252; float:left; text-indent:5px; width:90px; } .statistics dd { clear:right; color:#5f9304; } .sns-avatar-m { padding-top: 10px; padding-bottom: 10px; padding-left: 12px; overflow:hidden; } .sns-avatar-m ul{ } .sns-avatar-m li { float:left; margin-right:12px; padding: 0px; width: 48px; text-align: center; } .sns-avatar-m ul .pic a img { margin-bottom: 6px; } #mt10 { margin: 5px 0px 0px; width: 100%; } .sns-avatar-m .pic a { color:#2ca9cc; } .bd{ height: 55px; width: 175px; background: #e0dfe1; padding-top: 11px; padding-right: 10px; padding-left: 10px; } .text1{ width: 132px; height:23px; line-height:23px; background:#FFF; border:none; float:left; color:#525252; font-size: 12px; } .button1 { background: #76b63a; height: 23px; width: 38px; border-style: none; float: right; color: #FFF; line-height: 23px; } .faceBox { padding: 8px; width: 250px; border: 1px solid #CCC; background: #FFF; z-index: 100000; } .faceBox ul li { float: left; width: 25px; height: 25px; overflow: hidden; }