www.gusucode.com > CC校友录贴吧 CCBar源码程序asp编程 > skin/style.css

    @charset "utf-8";
/* BaseCSS Document */
*{ margin:0; padding:0;}
body{ font: 9pt/150% Verdana, Arial, Helvetica, sans-serif; background:#aeceeb url(images/bg.gif) repeat-x top center; height:100%; width:100%;}
img{ border:0;}

/* layout frames */
#wrapper{ width:788px; margin:0 auto;}

#bodyer{ background: url(images/bm_side.gif) repeat-y; overflow: hidden;width:100%;}
.bodyinner{background:url(images/bb_colmain.gif) no-repeat right bottom; height:5px; font-size:1px; line-height:1px;}
.colside{ width:210px; background:url(images/bt_side.gif) no-repeat left top; float:left;margin-bottom:-10000px;padding-bottom:10000px;}
.colside .inner2{position:relative;right:-3px; overflow:hidden; width:210px;}
.colmain{ width:578px; float:right;margin-bottom:-10000px;padding-bottom:10000px;background:url(images/bm_colmain.gif) repeat-y left 95px;}
#help .colside,#help .colmain{margin-bottom:0;padding-bottom:0;}
	.colmain .container{ }
	.colmain .container .inner{  padding: 4px 12px 8px 12px;}
	
	.colmain .container .loc{ background:url(images/bt_colmain.gif) no-repeat; padding:12px 12px 0 12px;color:#003275;}
#footer{ padding:12px 12px 12px 215px;color:#003c8a; clear:both;font-size:12px;}
ins{ text-decoration:none; font-weight:bold;}
/* common symbols:start */
.loc strong{color:#FF6600;}
.loc label,.loc ins{color:#333333}
.loc a.help{color:#333333;text-decoration:none;}
.loc a.help:hover{text-decoration:underline;}
.gnick{display:block;height:24px;}
img.uicon{border:1px solid #b9b9b9;} 

#header{position:relative;height:45px; padding:0;width:786px; margin:0 auto; background:url(images/bg_head.jpg) no-repeat right top; text-align:left;}
#header h1{ font-size:12px;}
#header .righttxt{ position:absolute; right:10px; top:20px; background:url(images/ico_op4.gif) no-repeat left center; padding-left:18px;}

#navbar{ display:block;width:100%;height:60px;background:url(images/bg_inner.jpg) no-repeat -34px top;}
#navbar h2{ display:none;}
#navbar ul{ list-style:none;}
#navbar ul li{ display: block; width:144px; height:54px; float: left; padding:0;}
#navbar ul li a{ display:block; width:100%; height:100%; line-height:54px; background:url(images/bg_nav.gif) no-repeat; font-size:14px; font-weight:bold; color:#333; text-decoration:none;}
#navbar ul li#n0 a{ background-position: 0 0;text-indent:60px;}
#navbar ul li#n0 a:hover,#navbar ul li#n0.seled a{ background-position:0 -54px;}
#navbar ul li#n1 a{ background-position: -144px 0;text-indent:70px;}
#navbar ul li#n1 a:hover,#navbar ul li#n1.seled a{ background-position: -144px -54px;}
#navbar ul li#n2 a{ background-position: -288px 0;text-indent:60px;}
#navbar ul li#n2 a:hover,#navbar ul li#n2.seled a{ background-position: -288px -54px;}
#navbar ul li#n3 a{ background-position: -434px 0;text-indent:60px;}
#navbar ul li#n3 a:hover,#navbar ul li#n3.seled a{ background-position: -434px -54px;}
/* personal options */
.top{ padding:8px 0 8px 7px;}
.top span{padding:2px 2px 2px 20px; background-repeat:no-repeat; background-position:left center;}
.top .op0{background-image:url(images/ico_op0.gif);}
.top .op1{background-image:url(images/ico_op1.gif);}
.top .op3{background-image:url(images/ico_op5.gif);background-position:2px center;}
.top .op4{background-image:url(images/ico_op4.gif);}
.top .op5{color:#fff;background:url(images/ico_op6.gif) no-repeat;}
.top .op5 input{vertical-align:middle;}
.top .op6{background-image:url(images/ico_op8.gif);}
/* panel */
.panel{ margin-bottom:8px;}
.panel .panel-head{ background:#cddff2 url(images/bg_phead.gif) repeat-x; color:#003c8a; height:26px; overflow:hidden;}
.panel .panel-head h2{ float:left; font-size:14px; padding:4px 8px;}
.panel .panel-head p{ float:right; padding:0 8px;}
.panel .panel-head p.righttxt{line-height:26px;}
.panel .panel-head p span.cf60{color:#f60;font-weight:bold;}
.panel .panel-body{ background-color:#f2f7fc; clear:both;}
.panel .panel-foot{ border-bottom:1px solid #9fbfe8; background-color:#cddff2;padding:4px;}
.panel .panel-head ul{ display:block; padding: 4px 20px 0 20px; list-style:none;}
.panel .panel-head ul li{ float:left; width: 80px; text-align:center; display:block; padding-top:4px;}
.panel .panel-head ul li.seled{background:#fff; border:1px solid #96bef1; border-bottom:1px solid #fff;}
.panel .panel-head ul li a{ color:#06c; font-weight:bold; text-decoration:none;}
.panel .panel-head ul li a:hover{ color:#333; text-decoration:underline;}

.exitgroup{ padding:0 8px;}
.pagenav{ clear:both; padding:8px; text-align:center;} 
.pagenav a{ color:#333; text-decoration:none;}
.pagenav a:hover{ text-decoration:underline;}
/* messages list */
.sys-mess{ background:#FFFFCC; padding:4px 8px; border:1px solid #ffda79; color: #f60; margin:4px;}
.sys-mess .close{ float:right; width:30px;}
.sys-mess .content{  width: 92%;}
.sys-mess .setting{ color:#666;}
.sys-mess .setting strong.c333{ color:#333;}
.messages-list{ padding:0 8px;}
.messages-list dt{ display:none;}
.messages-list ul{ list-style:none;}
.messages-list ul ul{ padding-left:20px; clear:both;}
.messages-list ul li{ clear:both; display:block; overflow:hidden; _height:1%; padding:2px 0; border-bottom:1px solid #c8c8c8;}
.messages-list ul ul li{ border-bottom:none;}
.messages-list dl{ display:block; clear:both;}
.messages-list dt{ display:block; float:left; width:20px; height:20px; }
.messages-list dd{ display:block;}
.messages-list dd p{ display:block;}
.messages-list dd p.sms{ overflow:hidden;}
.messages-list dd p.ops{ float:right; width:130px;text-align:center; color:#666;}

.messages-list ul .reply{ background:#d4e5f7; padding-top:8px}
.messages-list ul .reply strong{ color:#000}

.messages-head{ height:22px; padding:4px 0; border-bottom:1px solid #ccc; margin:0 8px 8px 8px;}
.messages-head .options{ float:left;}
.messages-head .seekbox{ float:right;}
/* group-list*/
.groups-list{ padding:8px 0 20px 7px;}
.groups-list .item{}
.groups-list .item h3{font-size:14px; height:20px;padding:6px 12px 6px 23px; cursor:pointer; display:block;}
.groups-list .item h3.admin{background:url(images/ico_manager.gif) no-repeat 10px center;}
.groups-list .item h3 a{ color:#c4deff; text-decoration:none;}
.groups-list .item h3 a:hover{ color:#9cf;text-decoration:underline;}
.groups-list .item h3 em{ font-style:normal; font-weight:normal; color:#ccc;}
.groups-list .item ul,.groups-list .item p{ display:none;}
.groups-list .seled{background:url(images/bm_group.gif) repeat-y; position:relative;}
.groups-list .seled h3{ background:url(images/bt_group.gif) no-repeat; display:block; padding:8px 12px 0 23px;}
.groups-list .seled h3.admin{background:url(images/bt_group.gif) no-repeat; display:block; padding:8px 12px 0 23px;}
.groups-list .seled h3 a{color: #0046a0; text-decoration:none;}
.groups-list .seled h3 a:hover{text-decoration:none;}
.groups-list .seled ul,.groups-list .seled p.bb{display:block !important;list-style:none;padding:0 12px 0px 12px;}
.groups-list .seled p.bb{background:url(images/bb_group.gif) no-repeat left bottom; height:20px; padding-bottom:5px!important;}
.groups-list .seled li{ display:block; width:170px; padding:5px; overflow:hidden; clear:both; border-bottom:1px solid #999;}
.groups-list .seled li.me{background:#f1f1f1;}
.groups-list .seled li.me dd em,
.groups-list .seled li.me dd ins{color:#333;}
.groups-list .seled dl{ display:block;}
.groups-list .seled dt{ display:block; width:42px; height:42px; float:left;}
.groups-list .seled dd{ padding-left:50px;}
.groups-list .seled dd strong,
.groups-list .seled dd ins,
.groups-list .seled dd em{ display:block; font-weight:normal; line-height:normal; font-style:normal; text-decoration:none; color:#999;}
.groups-list .seled dd ins{ font-size:11px;}
.groups-list .seled dd strong a{ color:#000; text-decoration:none;}
.groups-list .seled dd strong a:hover{ color:#009900;text-decoration:underline;}
.groups-list .seled dd strong.m{ background:url(images/ico_manager.gif) no-repeat left center; padding-left:14px;}
/* peop-list */
.peop-list{ overflow:hidden; _height:1%; padding:8px;}
.peop-list .noreply{ overflow:hidden; _height:1%; background:#fff;}
.peop-list .nick{ display:block;}
.peop-list dl{ display:block; width:260px; height:110px; float:left; padding:4px;}
.peop-list dl dt{ display:block; width:80px; height:80px; border:1px solid #333; background:#fff; text-align:center; padding:1px; float:left;}
.peop-list dl dd{ display:block; float:left; padding-left:4px; width:170px;}
.peop-list dl dd ins{ font-weight: normal; color:#660033; font-size:10px; }
.peop-list dl dd em{ font-style:normal; color:#666666;}
.peop-list dl dd .np{ white-space:nowrap;}

.invent-list{ clear:both; background:url(images/bg_invlist.gif) repeat-x; padding:12px 12px 80px 12px;}
.invent-list li{ display: inline; padding: 20px;}

/* Forms symbols */
.form{ padding:16px; color:#666;clear:both;}
.padtop{ padding-top:5px;}
.form p{ margin:4px 0;}
.form h3{ font-size: 12px; font-weight:bold; color:#320986; border-bottom:1px solid #c8c8c8;}
.form .tips{ display: block; height:24px; padding:2px 8px; text-align:right; position:absolute; margin-top: -26px; width: 520px; }
.form strong{ color:#FF6600;}
.form dl.upbox{ display: block; width:500px; padding-top:20px; position:relative; z-index:0; padding-bottom:26px;}
.form dl.upbox dt{ display:block; width:80px; height:80px; border:1px solid #ccc; background:#fff; position:absolute;}
.form dl.upbox dd{ display:block; padding:0 4px 0 96px;}
.hide{ display:none;}
.vhide{ visibility:hidden;display:none;}
select{ font-size:12px;}
.seekbox button.sbtn{ background: #D0E2EA url(images/btn_seek.gif) no-repeat; border:none; font-size:12px; width:68px; height:21px; text-align: left; text-indent:26px; color:#3c6890; cursor:pointer;}
.fmbtn,.btn,.submit,.reset,button.btn{background: #D0E2EA url(images/btn_normal.gif) no-repeat; border:none; font-size:12px; width:68px; height:21px; text-align:center;color:#3c6890; cursor:pointer; margin:0 2px; }
.pbtn{ padding-left:65px;}
button.ebtn{ background:none; border:none; text-decoration:underline; font-size:12px; color:#2444a3; line-height:normal; padding-top:4px; cursor:pointer;}
button.save{ background: url(images/ico_c.gif) no-repeat; border:none; line-height:normal; width:54px; heigh:16px; }
.inptext{ border:1px solid #9bc1dd; background:#fff; font-size:12px; color:#666;}
.inptext2{ border:1px solid #ccc; font-size:12px; padding:2px 2px 0 3px; width:100px;}
.opamdin{ padding:10px;}
.opamdin .addtit{ background:#fff;}
.optxt{ text-align:right;}


input,textarea,select{
	border:1px solid #9bc1dd; background:#fff; font-size:12px; color:#666;  
}

.upimg{ padding:20px 0 10px 0;}
.textarea{ height:40px; width:350px; overflow:auto;}
.groupclass{ padding-top:8px;}
/* common symbols:end */
/* links */
a.ops{ color:#FFFFFF; text-decoration:underline;}
a.ops:hover{ text-decoration:none;}

a.go{ color:#036; text-decoration:underline; margin-right:5px;}
a.go:hover{ text-decoration:none;}

a.go2{ color:#036; text-decoration:underline; }
a.go2:hover{ text-decoration:none;}

a.mops{ color:#666; text-decoration:underline;}
a.mops:hover{ color:#2e71c8; text-decoration:none;}
 

/* invent forms */
.invite{ padding:12px 0; overflow:auto;zoom:1;}
.invite .info{ background:#fff; border:1px solid #ccc; margin:0 10px 10px 10px; padding:6px; color:#666;}
.invite .info strong{ color:#f60;}
.mobile{ width:170px; height:320px; overflow:hidden; background:url(images/bg_mobile.gif) no-repeat 2px top; padding:75px 0 0 30px; float:left; }
.mobile p{ width:121px; line-height:120%;padding:4px 2px;}
.mobile .txt{ overflow:hidden;color:#636363; font-size:12px; font-weight:normal;}
.mobile p.prompt{ color:#06c; }
.mobile p.name{ color:#636363;}
.mobile p.name span{ font-size:14px; font-weight:bold; color:#f60;}
.mobile p.name strong{ font-weight:bold;}

.form2{ width:330px; margin-left:200px; padding-bottom:120px;}
.form2 p{ font-weight:bold; color:#666;}
.form2 .no{ font-weight:normal;}
.form2 ul{ width:340px; height:60px; overflow:hidden;}
.form2 li{ list-style:none; height:22px; line-height:22px;}
.form2 li span{ color:#c00;}

.form2 .formme{padding:0 0 15px 0;}
.form2 .formme textarea.inptext{ overflow:auto; height:32px;padding:8px 5px; font-size:12px;color:#666;}
.form2 .formme .ree{ color:#c00;}

.addtit{ color:#f60; padding:5px;}
.fright{ float:right;}
.addtit p.note{ color:#003366;}
.addtit p.note a{ color:#003366; text-decoration:none;}
.addtit h3{ font-size:14px;}

.invitee{ width:496px; overflow:auto;zoom:1;border:1px solid #99ccff; background:#ccffff; margin:0 0 15px 20px; padding:3px;}
.invinnre{background:#fff; padding:10px; width:476px;}
.invinnre ul{ padding:0; margin:0; clear:both; width:476px;}
.invitee h3{ font-size:12px; font-weight:bold; color:#003366; float:left;}
.invitee span.close{float:right;}
.invitee dl{ display:block; background:#fff; width:488px; height:192px; float:left; padding:4px;}
.invitee dl dt{ display:block; width:130px; height:133px; float:left; background:url(images/bg_mobile01.gif) no-repeat; border:0; margin:0 20px 0 5px; padding:25px 5px 0 10px; text-align:left;}
.invitee dl dd{ display:block; float:left; padding-left:4px; width:285px; color:#336699;}
.invitee dl dd p.inss{ text-align:center; }
.invitee dl dd em{ font-style:normal; color:#666666;}

.panel-body .txtright{ text-align:right;}

.popup{position:absolute;z-index:9999;left:30%; top:20%; width:393px;background:url(images/bg_popup_bottom.gif) no-repeat left bottom;text-align:left; padding-bottom:35px;}
.popup h3{color:#003362;background:url(images/bg_popup_tit.gif) no-repeat;height:27px;line-height:27px;font-size:12px;padding-left:10px;}
.popup h3 .popclose{float:right; margin-top:-18px; margin-right:10px;}
.popupbody{background-color:#fff;border:1px solid #a6bcd4; padding-top:10px;}
.popup p{padding:10px;}
.popup ul{margin-left:32px;}
.popup .info{color:#f60; text-align:center; padding:0 0 10px 0;}
.popup .txtcon{padding-left:20px;}

#mg{ position:absolute; top:0; left:0; width:100%; height:100%;opacity: 0.6; -moz-opacity: 0.6;filter: alpha(opacity=60); background:#ccc; z-index:9998;}
.picmg img{opacity: 0.4; -moz-opacity: 0.4;filter: alpha(opacity=40); background:#ccc; z-index:9998;}


.form .rtxt{ float:right; margin-top:-24px;}


.btn2{ background:url(images/btn_norma2.gif) no-repeat; width:100px; height:21px; line-height:21px; border:0; color:#666; margin:3px;}
.btn3{ background:url(images/btn_norma3.gif) no-repeat; width:100px; height:21px; line-height:21px; border:0; color:#3c6890; cursor:pointer; margin:3px;}

.inter{padding:12px;}
.inter .infotxt{color:#666; padding:6px 0 15px 0;}
.inter strong{color:#f60;}
.inter .nick strong{color:#333;}
.inter .nick { height:20px;}
.inter .nick .inputsett{ vertical-align:middle;float:right; margin-right:35px;}
.inter h3{ font-size:12px;}
.inter h3.tit2{ margin-bottom:12px;}
.inter h3.tit2{ margin:10px 0;}
.inter ul{ list-style:none;}
.inter ul li{ padding:2px 0;}
.inter .panel .nav{font-size:14px; line-height:180%;padding:0 0 2px 0; height:26px;background:url(images/bg_phead.gif) repeat-x;}
.inter .panel .nav li{ float:left;width:80px; text-align:center; padding:0;}
.inter .panel .nav li.cu{ background:#f2f7fc; border-top:1px solid #9FBFE8;border-left:1px solid #9FBFE8;border-right:1px solid #9FBFE8}
.inter .nav a{ color:#003477;}
.inter .nav a:hover{ color:#f60;}
.select{ width:200px;}
.listsetting li{ line-height:25px;}
/** bo **/
.bo{padding:0 0 2px 9px;}
.bo .tit{height:26px; line-height:26px;background:url(images/tit_bo.gif) no-repeat; padding-left:25px; font-size:14px; color:#fff;}
.bo ul{list-style:none;background:#93C0F9; width:181px; padding:10px 0;}
.bo ul li{height:26px;width:169px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:26px; margin:0 2px; padding:0 4px;border-bottom:1px solid #3B77CD;}
.bo ul a{text-decoration:none;color:#003477;}
.bo ul a:hover{text-decoration:underline; color:#C4DEFF;}

/**翻页条**/
.groups-list .seled p.pagenav{ display:block;text-align:center;padding:8px; font-size:10px;}
.pagenav a{color:#666; text-decoration:underline}
.pagenav a:hover{ text-decoration:none;}


.setiinfo{ background:#ffffcc; padding:5px 10px ;}