mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
440 lines
6.1 KiB
CSS
440 lines
6.1 KiB
CSS
body{
|
|
margin:0;
|
|
width:100%;
|
|
height:100%;
|
|
font-family:'georgia', "微软雅黑","Overlock", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
|
font-size:13px;
|
|
background-color: #FFF;
|
|
}
|
|
|
|
textarea,input{
|
|
font-family:'georgia', "微软雅黑";
|
|
}
|
|
|
|
.fl{
|
|
float:left;
|
|
}
|
|
|
|
.center{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
|
|
header{
|
|
height:50px;
|
|
background-color:#000000;
|
|
/*opacity:0.8;*/
|
|
width:100%;
|
|
position:fixed;
|
|
top:0;
|
|
}
|
|
|
|
header div:first-child{
|
|
margin-left:30px;
|
|
color:#FFFFFF;
|
|
text-align:center;
|
|
line-height:50px;
|
|
font-size:16px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
|
|
footer{
|
|
width:120px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
/**************login***************/
|
|
.login_section{
|
|
width:330px;
|
|
height:380px;
|
|
width:100%;
|
|
}
|
|
.login_div{
|
|
width:330px;
|
|
height:380px;
|
|
margin-top:100px;
|
|
border:1px solid #DDDDDD;
|
|
background-color:#FFF;
|
|
}
|
|
|
|
.login_div>div:nth-child(1){
|
|
margin-top:50px;
|
|
}
|
|
|
|
.login_div_icon{
|
|
width:80px;
|
|
height:80px;
|
|
}
|
|
|
|
.login_div input{
|
|
width:300px;
|
|
height:35px;
|
|
border:1px solid #DDDDDD;
|
|
border-radius:2px;
|
|
outline:none;
|
|
padding-left:25px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.login_div input[type='email']{
|
|
background: url(../img/user.png) no-repeat;
|
|
}
|
|
|
|
.login_div input[type='password']{
|
|
background: url(../img/psw.png) no-repeat;
|
|
}
|
|
|
|
.login_div_input{
|
|
width:300px;
|
|
height:35px;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.login_div_span{
|
|
width:300px;
|
|
}
|
|
|
|
.login_div_span span{
|
|
color:red;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.login_div .login_btn{
|
|
width:300px;
|
|
height:50px;
|
|
background-color:#04C3F0;
|
|
color:#FFF;
|
|
font-size:16px;
|
|
line-height:50px;
|
|
border-radius:3px;
|
|
margin-top:20px;
|
|
cursor:pointer;
|
|
text-align:center;
|
|
}
|
|
.login_div_link{
|
|
color:#5C7EF6;
|
|
width:300px;
|
|
margin-top:20px;
|
|
font-size:12px;
|
|
}
|
|
|
|
.login_div_link div{
|
|
cursor:pointer;
|
|
}
|
|
/********************menu************************/
|
|
.menu{
|
|
position:fixed;
|
|
left:10px;
|
|
top:80px;
|
|
width: 120px;
|
|
height:230px;
|
|
background-color:#000;
|
|
opacity:0.9;
|
|
border-radius:3px;
|
|
}
|
|
|
|
.menu ul{
|
|
margin-left:-40px;
|
|
}
|
|
|
|
.menu ul li{
|
|
list-style:none;
|
|
height:40px;
|
|
font-size:14px;
|
|
line-height:40px;
|
|
color:#fff;
|
|
}
|
|
.menu ul li a{
|
|
text-decoration:none;
|
|
margin-left:25px;
|
|
color:#fff;
|
|
width:100px;
|
|
display: block;
|
|
}
|
|
|
|
.menu ul li a:visited{
|
|
color:#fff;
|
|
}
|
|
.menu ul li:hover{
|
|
cursor:default;
|
|
background-color:#00CACD;
|
|
}
|
|
/*给选中的添加背景色*/
|
|
.menu_select{
|
|
background-color:#00CACD;
|
|
}
|
|
|
|
.menu_unselect{
|
|
background-color:#000;
|
|
opacity:0.9;
|
|
}
|
|
/*********************container****************************/
|
|
.container{
|
|
min-width:1000px;
|
|
min-height:600px;
|
|
margin-left:150px;
|
|
}
|
|
|
|
.container>div:nth-child(1){
|
|
height:51px;
|
|
width:100%;
|
|
}
|
|
|
|
.container>div:nth-child(2){
|
|
min-height:500px;
|
|
background-color:#F5F5F5;
|
|
border:1px solid #DDDDDD;
|
|
border-top:0;
|
|
border-right:0;
|
|
}
|
|
/***********************user************************************/
|
|
.gridStyle {
|
|
border: 1px solid #C9C9C9;
|
|
width: 800px;
|
|
height: 388px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.selectedItems{
|
|
position:absolute;
|
|
right:20px;
|
|
top:135px;
|
|
width:200px;
|
|
height:400px;
|
|
border:1px solid #DDDDDD;
|
|
border-radius:3px;
|
|
word-wrap: break-word;
|
|
background-color:#FFF;
|
|
}
|
|
|
|
.selectedItems span{
|
|
color:#00B7EE;
|
|
margin-right:3px;
|
|
}
|
|
|
|
.selectedItems div{
|
|
margin-bottom:5px;
|
|
margin-top:5px;
|
|
margin-left:5px;
|
|
color:#A0A0A0;
|
|
border-bottom:1px dashed #DDDDDD;
|
|
min-height:25px;
|
|
line-height:25px;
|
|
}
|
|
|
|
.title{
|
|
color:#006FC4;
|
|
font-size:15px;
|
|
margin-left: 10px;
|
|
height:50px;
|
|
line-height:50px;
|
|
}
|
|
|
|
.user_search{
|
|
position:absolute;
|
|
z-index:4;
|
|
top:100px;
|
|
right:22px;
|
|
width:260px;
|
|
height:25px;
|
|
}
|
|
|
|
.user_search select{
|
|
height:31px;
|
|
outline:none;
|
|
border:1px solid #DDDDDD;
|
|
}
|
|
|
|
.user_search input{
|
|
width:200px;
|
|
height:25px;
|
|
border:1px solid #DDDDDD;
|
|
}
|
|
|
|
.user_btn{
|
|
margin-left:10px;
|
|
border-radius:2px;
|
|
margin-top:2px;
|
|
outline:none;
|
|
height:25px;
|
|
width:55px;
|
|
color:#FFF;
|
|
background-color:#1ACFD2;
|
|
border:0;
|
|
}
|
|
|
|
.article_div{
|
|
margin-left:10px;
|
|
}
|
|
|
|
.article_div div{
|
|
margin-bottom:10px;
|
|
width:100%;
|
|
}
|
|
|
|
.article_div input{
|
|
height:24px;
|
|
width:187px;
|
|
margin-left:2px;
|
|
outline:none;
|
|
padding-left:3px;
|
|
border:1px solid #DDDDDD;
|
|
}
|
|
|
|
.article_div span{
|
|
color:#006DC3;
|
|
}
|
|
|
|
.article_div>div:nth-child(1)>input{
|
|
width:390px;
|
|
}
|
|
|
|
.article_div textarea{
|
|
border:1px solid #DDDDDD;
|
|
margin-left:28px;
|
|
width:900px;
|
|
height:320px;
|
|
resize:none;
|
|
}
|
|
|
|
.article_div>div:last-child{
|
|
margin-left:870px;
|
|
width:60px;
|
|
height:26px;
|
|
background-color:#00CACD;
|
|
border-radius:3px;
|
|
text-align:center;
|
|
line-height:26px;
|
|
color:#FFF;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.article_tip{
|
|
position:absolute;
|
|
right:10px;
|
|
top:140px;
|
|
width:240px;
|
|
background-color:#FFF;
|
|
height:400px;
|
|
border:1px solid #1ACFD2;
|
|
border-radius:3px;
|
|
}
|
|
|
|
.article_tip pre{
|
|
color:#359A4D;
|
|
margin-left:4px;
|
|
font-family:'georgia', "微软雅黑";
|
|
}
|
|
/****************************weibo**************************************/
|
|
.weibo_search{
|
|
width: 400px;
|
|
height:400px;
|
|
float:left;
|
|
}
|
|
|
|
.weibo_search div{
|
|
margin-left:10px;
|
|
}
|
|
|
|
.weibo_search span{
|
|
color:#006FC4;
|
|
}
|
|
|
|
.weibo_search input{
|
|
height:25px;
|
|
width:200px;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
border:1px solid #ddd;
|
|
outline:none;
|
|
padding-left:4px;
|
|
margin-left:17px;
|
|
}
|
|
|
|
.weibo_search>div:nth-child(4)>input{
|
|
margin-left:4px;
|
|
}
|
|
|
|
.weibo_search>div:last-child{
|
|
width:55px;
|
|
height:26px;
|
|
border-radius:3px;
|
|
line-height:26px;
|
|
text-align: center;
|
|
color:#FFFFFF;
|
|
background-color:#00CACD;
|
|
margin-left:200px;
|
|
margin-top:10px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.weibo_obj{
|
|
width:600px;
|
|
float: left;
|
|
height:400px;
|
|
border-radius:2px;
|
|
}
|
|
|
|
.weibo_obj textarea{
|
|
width:700px;
|
|
height:400px;
|
|
border-radius:2px;
|
|
background-color:#000000;
|
|
opacity:0.5;
|
|
resize:none;
|
|
outline:none;
|
|
padding-left:6px;
|
|
color:#00FF01;
|
|
}
|
|
|
|
.weibo_btn{
|
|
width:55px;
|
|
height:26px;
|
|
border-radius:3px;
|
|
line-height:26px;
|
|
text-align: center;
|
|
color:#FFFFFF;
|
|
background-color:#00CACD;
|
|
margin-left:655px;
|
|
margin-top:10px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.email_div{
|
|
width:800px;
|
|
margin-top:100px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.email_div input{
|
|
width:500px;
|
|
height:30px;
|
|
border:1px solid #00CACD;
|
|
border-radius:5px;
|
|
padding-left:4px;
|
|
outline:none;
|
|
}
|
|
|
|
.email_div>div:last-child{
|
|
margin-left:10px;
|
|
height:34px;
|
|
width:80px;
|
|
cursor:pointer;
|
|
font-size:17px;
|
|
color:#FFF;
|
|
background-color:#00CACD;
|
|
line-height:34px;
|
|
text-align: center;
|
|
border-radius:3px;
|
|
}
|
|
|
|
|