|
- /**************************************
- 首页样式部分(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;
- }
-
|