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