CSS 常用标签
line-height:2em;
text-align:left;
padding:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-family:arial;
font-weight:normal;
vertical-align:baseline;
text-decoration:none;
color:#555;
margin:0 auto;
width:650px;
height:330px;
position:relative;
background:#effbff url(./log.jpg) no-repeat top left;
border-radius:5px;
border:1px solid #7ca9c7;
box-shadow:box-shadow:0px 0px 10px rgba(0,0,0,0.4);
html,body { widht:100%; height:100%;}
/******************************/
/* base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, input, textarea,
fieldset, form, label, legend, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-weight: normal; font-style: inherit; font-size: 15px; font-family: 宋体, arial; font-weight:normal;
vertical-align: baseline;
text-decoration:none;
color:#333333;
}
body {
line-height: 2em;/*行高2个字符宿进* text-indent:2em;*/
background-image: url(images/body_bg.jpg);
}
/*mydiv开始 */
.bg_base{
width:1000px;height:822px;
margin:0 auto;
text-align:left;
border:1px solid black;
}
/*div头部herder*/
.bg_herd{
height:65px;width:1000px;
overflow:hidden;
}
.bg_herdImg{
height:30px; width:341px;
text-align:center;
float:left;
margin:10px; margin-top:20px;
background-image:url(images/1376471276.png);
}
.bg_herdfontright{
height:65px;width:342px;
float:right;
margin:4px;
}
.bg_herdfontright p {
line-height:25px; text-align:right;
}
.bg_midupter{
width:190px;
float:left;
overflow:hidden;
}
.bg_midupter dt{
height:41px;width:190px;
background-image:url(images/pr.gif);
}
.bg_midupter dt a{
padding-left:35px;
line-height:50px;
font-size:13px;
font-weight:bold;
color:#000000;
}
.bg_midupter dd {
height:34px;width:190px;
background-image:url(images/nars_mid.jpg);
font-size:12px;
color:#000003;
}
.bg_midupter dd a{
font-size:12px;
color:#000003;
padding-left:20px;
}
.bg_midupter_nar a{
display:block;
width:138px; height:25px;
background-image:url(images/firstnavs.png);
}
#nav{
height:35px; width:1000px;
overflow:hidden;
margin-bottom:10px;
}
#nav a{
color:#FFFFFF;
line-height:35px;
text-align:center;
height:35px;
float:left;
display:block;
}
#nav .firstnar{
width:190px;
font-weight:bold;
margin-right:10px;
background-image:url(images/nars.jpg);
}
#nav .twonar{
width:133px;
background-image:url(images/nars.jpg);
}
#nav .stnar{
width:133px;
background-image:url(images/rightnavs.jpg);
}
.newtitle{
background-color:#000000;
float:left;
height:33px;
width:190px;
margin:10px 0;
color:#FFFFFF;
}
.newtitle span{
color:#FFFFFF;
padding-left:20px;
}
.newtitle a{
color:#FFFFFF;
float: right;
overflow:hidden;
padding-right:10px;
}
.ulnews{
background-color:#F2F2F2;
list-style:none;
margin-top:10px;
padding:0 20px;
}
.ulnews a{
color:#000003;
font-size:13px;
}
#ulcolos{
background-color:#FFFFFF;
list-style:none;
margin-top:10px;
padding:0 10px;
line-height:22px;
}
#ulcolos span{
font-size:13px;
color:#000003;
}
#ulcolos a{
font-size:12px;
}
#ulcolos a p{
padding-left:64px;
font-size:12px;
}
.serverbg{
float:right;
}
.serverbg .serverbase{
background-image: url(images/servesbg.jpg);
width:800px; height:33px;
float:right;
line-height:34px;
padding-top:7px;
}
.serverbg .serverbase span{
background-image:url(images/search_span_bg.jpg);
border:1px solid #ccc;
display:block;
height:25px;
float:left;
line-height:23px;
padding-right:10px;
margin-left:10px;
margin-right:5px;
}
.serverbg .serverbase span img{
padding-left:5px;
padding-bottom:2px;
}
.serverbg .serverbase span input{
width:650px; background-color:transparent; border:none;
}
.serverbg .serverbase img{
vertical-align:middle;
}
.middleImg{
width:800px; height:270px;
float:right;
margin-top:10px;
position: relative;
}
.middleImg img{
width:800px; height:270px;
}
.middleImg span{
position:absolute;
left:730px;
top:240px;
width:60px;
}
.middleImg span a{
font-weight:bold;
}
.centerbr{
width:800px;
height:36px;
background-image:url(images/certerbr.jpg);
float:right;
margin-top:10px;
overflow:hidden;
}
.centerbr span{
display:block;
float:left;
line-height:36px;
text-align:center;
padding-left:10px;
font-weight:bold;
color: #000000;
}
.centerbr a{
float:right;
padding-right:10px;
color:#000000;
line-height:36px;
text-align:center;
display:block;
}
.showpic{
width:800px; height:305px;
background-color:#FFFFFF;
float:right;
}
.talbstyl{
width:100%;height:100%;
}
.talbstyl tr td img{
width:153px; height:100px;
text-align:center;
}
.talbstyl #showalik td a{
text-align:center;
display:block;
}
//------------------------------
.fore_login_style2 {
background:#effbff url(./login_bg.jpg) no-repeat top left;
border-radius:5px; border:1px solid #7ca9c7; box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
@import "button.css";
@import "popup.css";
html,body { height:100%;}
/******************************/
/* base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, input, textarea,
fieldset, form, label, legend, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 13px; font-family: ź, arial; font-weight:normal;
vertical-align: baseline;
text-decoration:none;
color:#555;
}
body {
line-height: 2em;
background:#fcfcfc;
}
a:link {color:#6d85bf;}
a:hover {color:#236BDE; text-decoration:underline;}
ul {
list-style: none;
}
table {
border-collapse:separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {content: "";}
blockquote, q { quotes: "" "";}
abbr,acronym {border:0;}
input {line-height:22px; position:relative; padding:0; z-index:100; margin-right: 5px;}
select {position:relative; bottom:2px; border:1px solid #ccc; }
/******************************/
.indent_1 { text-indent:18px;}
.indent_2 { text-indent:2em;}
.float_left {float:left !important;}
.float_right {float:right !important;}
.align_left {text-align:left;}
.align_right {text-align:right;}
.align_center {text-align:center !important;}
.align_top { vertical-align:top;}
.align_bottom { vertical-align:bottom;}
.none {display:none !important;}
.hidden { visibility:hidden !important;}
.no_padding {padding:0 !important;}
.no_margin {margin:0 !important;}
.no_margin_right {margin-right:0 !important;}
.clear { clear:both !important;}
.no_scroll { overflow:hidden !important;}
.no_scroll_x { overflow-x:hidden !important;}
.no_scroll_y { overflow-y:hidden !important;}
.color_red { color:#cd0000;}
.color_green { color:#319600;}
.color_blue { color:#4889f1;}
/******************************/
.input { width:98%; height:22px; border:1px solid #ccc; line-height:22px;}
textarea { border:1px solid #ccc; line-height:23px; padding:0 3px; resize:none;}
textarea:hover {border:1px solid #42a7f4;}
/******************************/
.login_box {
margin:0 auto;
width:510px; height:260px;
background:#edf5ff;
border:1px solid #acc3e4; border-radius:3px;
/* filter:glow(color=black,strength=5); */ box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.login_box .inner {padding-left:15px; padding-top:30px; _padding-bottom:0;}
.login_box h1 { height:40px; background:url(./admin_title_bg_line_blue.png) repeat-x bottom;}
.login span.icon_login {width:24px; height:24px; float:left; margin-right:8px;}
.login span.icon_default {background:url(../oT_logo_s.png) no-repeat; display:none;}
.login h1 span.icon_oe {background:url(../oT_logo_s.png) no-repeat;}
.login_box h1 span.name_product {color:#333; font-size:20px; float:left; margin-right:5px; display:none;}
.login_box h1 span.name_title {color:#03309d; font-size:20px; float:left; margin-right:8px; display:none;}
.login_box_con {}
.login_box_con .inner {padding:15px 0;}
.login_box dl { display:block; margin-bottom:10px; clear:both; overflow: hidden;}
.login_box dl dt { display:block; float:left; width:122px; text-align:right;}
.login_box dl dd { float:left; display:block; padding-top:2px;}
.input_login {width:220px; height:21px; border:1px solid #ccc; padding:0 3px; border-radius:3px;}
.input_login_cp {width:88px; height:21px; border:1px solid #ccc; padding:0 3px;}
.input_login_cps {width:88px; height:21px; border:1px solid #ccc; padding:0 3px;color: blue;}
.input_login_cpd {width:125px; height:21px; border:1px solid #ccc; padding:0 3px;color: blue;}
.input_default { background:#fff url(../input_bg.jpg) repeat-x top; border:1px solid #ccc; padding:0 3px;}
.input_default:hover {background:#fff url(../input_bg.jpg) repeat-x top; border:1px solid #b9bddf;}
.login_box .input_login:hover,
.login_box .input_login_cp:hover {
border:1px solid #42a7f4;
}
.login_box label {margin-right: 10px;}
.login_box label .checkbox {
margin-right:5px;
position: relative;
vertical-align: middle;
}
.cp_area { height:30px;}
.login_box_con dd.forget_pwd { margin-left:90px;}
.login_box_con dd.login_box_cp {margin-right: 5px;}
.login_box_con dd.login_box_cp a {}
.login_box_con dd.login_box_cp a img { margin-right:10px; position:relative; vertical-align:top;}
.login_box_con .btn_area { margin-top:28px;position:absolute;}
.login_box_con .btn_area a {margin-right:20px;}
.logogreen{position:absolute;margin-bottom:8px;}
.green{pasition:absolute; display:none;
font-family: Tahoma;font-size: 14px;font-weight: bold;color: #F26521;}
/******************************/
.tip {
background:#fdf8e2; border:1px solid #f0c36d;
padding:0px 5px; position:absolute; z-index:999; border-radius:3px; margin-left:353px; box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.tip_error {
background:#fff1f1 url(../popup_bg_02.png) repeat-x scroll center bottom;
border: 1px solid #F9A0A0;
/* color:#cf0000; */
}
.tip_ok { background:#eeffeb url(../popup_bg_01.png) repeat-x bottom; border:1px solid #5bd749; /* color:#0fa000; */}
.input_error { background:#fff2f2; border:1px solid #f9a0a0; color:#cf0000;}
.input_ok { background:#e7ffe5; border: 1px solid #12bd00; color:#0fa000;}
/******************************/
.fore_login { margin:0 auto; width:680px !important; height:330px; position:relative;}
.fore_login .login_box { /* margin-left:0 !important; */}
.col_login {}
.col_login .inner {}
.col_login .login_sidebar {float:left; width:280px;}
.col_login .login_content { margin-left:285px; height:auto !important;}
.fore_login .login_sidebar h1 { font-size:20px; color:#333; position:relative; top:130px; _margin-top:130px; margin-left:80px;}
.fore_login .login_sidebar h1 .name_product { float:left; font-size:20px; color:#333; margin-right:5px;}
.fore_login .login_sidebar h1 .name_title { color:#03309D; float:left; font-size:20px; margin-right:5px; display:none;}
/******************************/
.login_1col {}
.login_1col .login_sidebar { display:none !important;}
.login_1col .login_content { margin:0 auto !important;}
.tip .close_btn {float:right; margin-right:-2px; margin-left:5px; position:relative; top:2px;}
.login_box_con .popup {margin-left:5px; _margin-top:-2px; _width:255px;}
.login_box_con .popup .left {}
.login_box_con .popup .right {}
/******************************/
.fore_login .login_box {width:380px; background:none; border:none; box-shadow:none; overflow:hidden;}
.fore_login .login_box h1 span.name_title { color:#333;}
.fore_login .login_box h1 {background:url(./admin_title_bg_line_gray.png) repeat-x bottom; display:none;}
.fore_login .login_box .icon_login { display:none;}
.fore_login .login_box span.name_product { display:none;}
.fore_login .login_box dl dt {text-align:left; width:80px;}
.fore_login .login_box .login_box_con {}
.no_popup .popup { display:none;}
/******************************/
.fore_login_style1 { width:800px !important; margin:0 auto}
.fore_login_style1 .login_sidebar {width:350px !important;}
.fore_login_style1 .login_content {margin-left: 355px !important;}
/******************************/
.fore_login_style2 {
background:#effbff url(./login_bg.jpg) no-repeat top left;
border-radius:5px; border:1px solid #7ca9c7; box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
.login_header {width:100%; height:48px; background:url(./login_header_bg.png) repeat-x top; border-radius:5px 5px 0 0;}
.fore_login .login_header h1 {
font-size:16px; color:#555; position:relative; /* top:13px; */ margin-left:20px; _margin-top:13px;
background:url(./login_header_title.png) no-repeat left top;
display:block; height:48px;
}
.fore_login .login_header h1 .name_product { float:left; font-size:16px; color:#fff; margin-right:5px; display:none;}
.fore_login .login_header h1 .name_title { display:none;}
.login_pic { float:left; width:280px; overflow:hidden;}
.login_pic img { float:left; position:relative; top:30px; left:30px;}
/******************************/
.login_pic_left {
position:absolute;
top:74px;
background:url(./login_pic_left.png) no-repeat left top;
width:290px;
height:285px;
left: 0px;
}
.login_pic_left_simal {
position:absolute;
top:50px;
background:url(./log_left.jpg) no-repeat left top;
width:290px;
height:285px;
left: 0px;
}
.place{
position: absolute;
left:400px;
right: 0px;
background: transparent;
vertical-align: baseline;
}
.simles_title{
position: absolute;
top:265px;
left:380px;
font-style: inherit;
font-family: ź, arial;
font-weight:bold;
color:blue;
font-size: 20px;
}
.simles_title2{
position: absolute;
top:262px;
left:373px;
font-style: inherit;
font-size: 20px;
font-family: ź, arial;
font-weight:bold;
color:white;
}
.simles_title3{
position: absolute;
top:274px;
left:420px;
font-style: inherit;
font-size: 20px;
font-family: ź, arial;
font-weight:bold;
color:white;
}
.simles_title4{
position: absolute;
top:274px;
left:420px;
font-style: inherit;
font-size: 20px;
font-family: ź, arial;
font-weight:bold;
color:black;
}
.login_pic_right_siml {
position:absolute; bottom:0; right:0;
background:url(./login_pic_right.png) no-repeat left top;
width:406px; height:282px;
}
.login_pic_right {
position:absolute; bottom:0; right:0;
background:url(./login_pic_right.png) no-repeat left top;
width:406px; height:282px;
}
.login_body {background:url(./login_page_bg1.jpg) no-repeat center center;}