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 ;}