197 lines
13 KiB
CSS
197 lines
13 KiB
CSS
/* 个人主页 20170411byWang */
|
|
.-task-con{width:1200px;margin:20px auto;}
|
|
/*个人信息*/
|
|
.-task-con-per{width:100%;background:#fff;}
|
|
.-task-con-per .photo{width:9%;position:relative;margin:1%;}
|
|
.-task-con-per .photo .person{width:100%;height:100px;cursor: pointer;}
|
|
.-task-con-per .photo .changephoto{width:100%;position:absolute;bottom:0;left:0;cursor: pointer;display:none;}
|
|
.-task-con-per .photo:hover .changephoto{display:block;}
|
|
.-task-con-per .photo .changephoto .subchange{width:100%;text-align:center;line-height:26px;color:#fff;background:black;opacity:0.4;filter: alpha(opacity=40);}
|
|
.-task-con-data{width:89%;}
|
|
.-task-con-data .top{width:100%;}
|
|
.-task-con-data .top .top-left{width:46%;}
|
|
.-task-con-data .top .top-left .p1{margin:5px 0;}
|
|
.-task-con-data .top .top-right{width:20%;text-align: right;}
|
|
.-task-con-data .top .top-right .mynew{display:block;width:100%;}
|
|
.-task-con-data .top .top-right .mynew p a{color:#5789c8;}
|
|
.-task-con-data .top .top-right .mynew .p2{color:#ccc;}
|
|
/*.-task-con-data .top .top-right .mynew .p3{display:flex;align-items: center;}*/
|
|
.-task-con-data .top .top-right .mynew .p3 a{position:relative;display:inline-block;width:16px;height:16px;overflow:hidden;top:2px;}
|
|
/*亮色手机*/
|
|
.-task-con-data .top .top-right .mynew .p3 a img{position:absolute;top:0;left:0;}
|
|
/*暗色手机*/
|
|
.-task-con-data .top .top-right .mynew .p3 a .tubiao1{position:absolute;left:0;top:-21px;}
|
|
/*暗色邮箱*/
|
|
.-task-con-data .top .top-right .mynew .p3 a .tubiao2{position:absolute;left:-26px;top:-21px;}
|
|
/*亮色邮箱*/
|
|
.-task-con-data .top .top-right .mynew .p3 a .tubiao3{position:absolute;left:-26px;top:0;}
|
|
|
|
.-task-con-data .bot{width:100%;}
|
|
/*.-task-con-data .top .top-right .itnew .p2{}*/
|
|
.-task-con-data .top .top-right .itnew .p2{color:#ccc;}
|
|
.-task-con-data .top .top-right .itnew .sub a{border:1px solid #e5e5e5;display:inline-block;padding:2px 10px;text-align:center;border-radius:5px;}
|
|
.-task-con-data .top .top-right .itnew .sub a:hover{background:#f0f0f0;}
|
|
.-task-con-data .top .top-right .itnew .sub{width:100%;}
|
|
.-task-con-data .bot input{width:100%;height:40px;line-height:40px;border:none;outline:none;background:#fff;}
|
|
.-task-con-data .bot p{width: 100%; height: 25px; background: #fff;}
|
|
/*-----------------博客------------------------*/
|
|
.-task-con-int .blog,.favour{width:100%;margin-top:15px;background:#fff;}
|
|
.-task-con-int .blog .p1{width:100%;height:40px;background:#f2f2f2;line-height:40px;text-indent:10px;}
|
|
.-task-con-int .blog .p1 span{padding:0 5px;border-radius:8px;background:#e9e9eb;line-height:14px;color:#666;}
|
|
.-task-con-int .blog .p2{line-height:90px;text-align:center;}
|
|
.-task-con-int .blog .p2:hover .changecolor{color:#5faee3;}
|
|
.-task-con-int .blog .p3{height:90px;position:relative;}
|
|
.-task-con-int .blog .p3 .check{position:absolute;right:10px;top:-34px;}
|
|
.-task-con-int .blog .p3 .blognew{width:32%;}
|
|
.-task-con-int .blog .p3 .hasborder{border-left:1px solid #eee;}
|
|
.-task-con-int .blog .p3 .blognew .font-14{height:60px;display:flex;align-items: center;color:#333;}
|
|
.-task-con-int .blog .p3 .blognew:hover .changecolor{color:#5faee3;}
|
|
.-task-con-int .blog .p3 .blognew p span{height:30px;padding-right:10px;display:inline-block;color:#999;}
|
|
/*-------------------交流-------------------------*/
|
|
|
|
.-task-con-int .favour .p1 span{display:inline-block;color:#666;}
|
|
.-task-con-int .favour .p1 span em{font-size:12px;font-style:normal;padding:0 5px;border-radius:8px;background:#e9e9eb;line-height:14px;color:#666;}
|
|
|
|
|
|
.-task-con-int .favour .p2{line-height:90px;text-align:center;}
|
|
.-task-con-int .favour .p2:hover .changecolor{color:#5faee3;}
|
|
.-task-con-int .favour .fens{position:relative;}
|
|
.-task-con-int .favour .fens .many{position:absolute;right:22px;top:-35px;}
|
|
.-task-con-int .favour .fens .list{width:100px;text-align:center;padding-top:5px;}
|
|
.-task-con-int .favour .fens .list dt{margin:20px;margin-bottom:5px;}
|
|
.-task-con-int .favour .fens .touxiang{border-radius:28px;overflow:hidden;}
|
|
|
|
/*-----------------------入口------------------------*/
|
|
.-task-con-int .passageway{width:100%;background:#fff;position:relative;}
|
|
.-task-con-int .passageway .hint{position:absolute;top:2px;right:0;width:80px;text-align:center; z-index:1000;}
|
|
.-task-con-int .passageway .hint .play{display:block;line-height:40px;}
|
|
.-task-con-int .passageway .kong .p1{background:#f2f2f2;line-height:40px;}
|
|
.-task-con-int .passageway .kong .p1 span{text-indent:10px;}
|
|
.-task-con-int .passageway .kong .p2{width:100%;position:relative;}
|
|
.-task-con-int .passageway .kong .p2 img{ padding:70px 0 0 450px;}
|
|
.-task-con-int .passageway .kong .p2 p{text-align:center;width:100%;line-height:30px;}
|
|
.-task-con-int .passageway .hint .list{ cursor:pointer;display:none;background:#000; }
|
|
.-task-con-int .passageway .hint .list div{width:100px; padding:5px 0;text-align:center;box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5);background:#fff;}
|
|
.-task-con-int .passageway .hint .list p{width:100px;border-radius:1px; line-height:30px; height: 30px; font-size:12px;}
|
|
.-task-con-int .passageway .hint:hover .list{display:block;}
|
|
.-task-con-int .passageway .hint .list div p:hover{background:#eee;}
|
|
.-task-con-int .passageway .hascon i{font-style:normal;color:#888;}
|
|
.-task-con-int .passageway .hascon .title span{display:inline-block;}
|
|
.-task-con-int .passageway .hascon .title span em{font-size:12px;font-style:normal!important;padding:0 5px;border-radius:8px;background:#ddd;line-height:14px;}
|
|
.-task-con-int .passageway .hascon .lesson p{height:70px;line-height:70px;border-bottom:1px dotted #eee;}
|
|
.-task-con-int .passageway .hascon .lesson p:nth-child(odd){background:#fafbfb;}
|
|
.-task-con-int .passageway .hascon .train p:nth-child(odd){background:#eee;}
|
|
.-task-con-int .passageway .hascon .train p{height:70px;line-height:70px;border-bottom:1px dotted #eee;}
|
|
.-task-con-int .passageway .hascon .lesson p .first{width:35%;display:inline-block;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.-task-con-int .passageway .hascon .lesson p .hasmargin{width:26.7%;display:inline-block;margin:0 10%;color:#888;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.-task-con-int .passageway .hascon .lesson p .haspadding{width:16.7%;display:inline-block;margin-right:12%;color:#888;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.-task-con-int .passageway .hascon .lesson p .last{width:8.33%;display:inline-block;color:#888;cursor: pointer; display: none;}
|
|
.-task-con-int .passageway .hascon .lesson p .last:hover{color:#5faee3;}
|
|
.-task-con-int .passageway .hascon .lesson p .last:hover .blue{color:#5faee3;}
|
|
.-task-con-int .passageway .hascon .train p .first{width:35%;display:inline-block;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.-task-con-int .passageway .hascon .train p .hasmargin{width:40%;margin-right: 16.7%;color:#888;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.-task-con-int .passageway .hascon .train p .hasmargin .total{width:200px;height:20px;background:#ccc;display:inline-block;border-radius:10px;}
|
|
.-task-con-int .passageway .hascon .train p .hasmargin .total .part{width:40px;height:20px;background:#51a74f;display:inline-block;border-radius:10px;}
|
|
|
|
.-task-con-int .passageway .hascon .train p .last{width:8.3%;display:inline-block;color:#888;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
.-task-con-int .passageway .hascon .train p .last:hover{color:#5faee3;}
|
|
.-task-con-int .passageway .hascon .train p .last:hover .blue{color:#5faee3;}
|
|
|
|
.-task-con-int .passageway .hascon .expand{display:block;;height:70px;line-height:70px;text-align:center;color:#5faee3;}
|
|
.-task-con-int .passageway .hascon .expand:hover{ color:#5faee3;}
|
|
.new_expand{display:block;;height:70px;line-height:70px;text-align:center;color:#5faee3; background: #fafbfb}
|
|
.new_expand:hover{ color:#5faee3;}
|
|
/*--------------------------------------箭头动画效果-----------------------------------*/
|
|
.-task-con-int .passageway .hint .zhuan{
|
|
|
|
-moz-transform-origin:center center;
|
|
-moz-transform:rotate(-90deg);
|
|
-moz-transition:all .5s ease-in .1s;
|
|
-webkit-transform-origin:center center;
|
|
-webkit-transform:rotate(-90deg);
|
|
-webkit-transition:all .5s ease-in .1s;
|
|
-o-transform-origin:center center;
|
|
-o-transform:rotate(-90deg);
|
|
-o-transition:all .5s ease-in .1s;
|
|
-ms-transform-origin:center center;
|
|
-ms-transform:rotate(-90deg);
|
|
-ms-transition:all .5s ease-in .1s;
|
|
transform-origin:center center;
|
|
transform:rotate(-90deg);
|
|
transition:all .5s ease-in .1s;
|
|
}
|
|
.-task-con-int .passageway .hint:hover .zhuan{
|
|
padding:0px 5px 0 0px ;
|
|
-moz-transform:rotate(0deg);
|
|
-moz-transition:all .5s ease-in .1s;
|
|
-webkit-transform:rotate(0deg);
|
|
-webkit-transition:all .5s ease-in .1s;
|
|
-o-transform:rotate(-0deg);
|
|
-o-transition:all .5s ease-in .1s;
|
|
-ms-transform:rotate(-0deg);
|
|
-ms-transition:all .5s ease-in .1s;
|
|
transform:rotate(-0deg);
|
|
transition:all .5s ease-in .1s;
|
|
}
|
|
/*-------------------侧边提示区域--------------------------*/
|
|
.-task-sidebar{position:fixed;width:35px;height:20%;right:0;bottom:1%;z-index: 10;}
|
|
.-task-sidebar div{width:35px;height:28px;margin-bottom:3px;background:cornflowerblue;color:#fff;font-size:20px;text-align:center;padding-top:7px;}
|
|
.-task-sidebar div:hover {background:#ccc;}
|
|
.-task-desc{background:#494949;width:90px;line-height: 35px;text-align: center;
|
|
position: absolute;color: #fff;font-size: 13px;z-index: 10;opacity: 0;}
|
|
.-task-desc div{position: absolute;top: 10px;right: -7px;}
|
|
|
|
/* 个人资料 20170324byLB */
|
|
.panel-user-left{ width:20%; min-width:240px; background:#eaebec; height:800px;}
|
|
.panel-user-right{width:80%; background:#fff;}
|
|
.panel-user-info{ width:100%; height:240px; }
|
|
.panel-user-img img{ display: block; width:240px; height:240px;}
|
|
.panel-user-leftnav li a{ display:block; height: 50px; line-height: 50px; width:100%; text-align: center; font-size:14px; }
|
|
.panel-user-leftnav li a.active{ background:#3498db; color:#fff;}
|
|
.panel-user-leftnav li a:hover{ background:#dbdbdb; color:#666; }
|
|
/*--------------添加的结构样式-----------------*/
|
|
.hascontont{position:relative;}
|
|
#number{display:none;}
|
|
#teacher,#profession{display:none;}
|
|
input.input-height,select.input-height{ height: 40px;}
|
|
input.select-width,select.select-width{ width:140px; padding:5px;}
|
|
label.label-width12{ width:12%; text-align: right;}
|
|
input.input-width87,textarea.input-width87{ width:87%; }
|
|
textarea.input-width87{ width:87%; line-height: 1.9;}
|
|
input.input-width43{ width:43%;}
|
|
.panel-user-headimg-show{ width: 50%; border-right:1px solid #eee;}
|
|
.panel-user-headimg-show img{ width:200px; margin:100px auto; }
|
|
|
|
.user-liucheng{ padding:10px 0px; width: 300px; text-align: center; background:#3498db; color:#fff; font-size:12px; border-radius:3px 0 0 3px;}
|
|
.user-liucheng-bgblue{border-radius:0 3px 3px 0;}
|
|
.user-liucheng-grey{ border-radius:0 3px 3px 0; background:#ccc;color:#666;}
|
|
.user-renzheng-box li{ float: left; width:200px; margin-right:25px;}
|
|
.user-renzheng-img{ width: 200px;}
|
|
a.user-renzheng-upload{ display: block; width: 200px; height: 100px; background:#ccc; text-align: center; padding-top:50px; color:#888;}
|
|
a:hover.user-renzheng-upload{ color:#666;}
|
|
.panel-user-setting-ul li{ float: left; width:25%; text-align: center; color:#333;}
|
|
.panel-user-setting-ul li.t_l{ text-align: left;}
|
|
.panel-user-setting-ul{ padding:20px 0; border-bottom:1px solid #eee; }
|
|
.panel-span-name{ display:inline-block; max-width:80px; overflow: hidden; line-height:12px;}
|
|
.task-arrow-right {display: block;background: url(/images/user/shenghe.jpg) no-repeat 0px 0; width:41px; height:42px;}
|
|
.task-arrow-right02{background: url(/images/user/shenghe02.jpg) no-repeat 0px 0;}
|
|
.task-arrow-right-grey {border-left:21px solid #ccc;}
|
|
|
|
.select_box{font-family: "宋体"; font-size: 12px;color: #999999;width: 178px;line-height: 20px;margin: 50px auto;}
|
|
.select_showbox{border: 1px solid #b0a296;height: 20px;padding-left: 5px;background: url(/jscss/demoimg/201403/icon.png) no-repeat 156px 0;}
|
|
.select_option{border: 1px solid #b0a296;border-top: none;display: none;}
|
|
.select_option li{padding-left: 5px;}
|
|
.select_option li.selected{background-color: #F3F3F3;color: #999;}
|
|
.select_option li.hover{background: #7b6959; color: #fff;}
|
|
|
|
.panel-user-right-con{margin:30px 50px; font-size:14px;}
|
|
a.new-user-submit{ display: block; width:100%; height:45px; line-height: 45px; background:#3498db; color:#fff; font-size:14px; border-radius:5px; border:none; text-align:center; cursor:pointer; text-decoration: none; }
|
|
a:hover.new-user-submit{background: #5faee3;}
|
|
|
|
.new_login_box{width:350px; padding:30px; border-radius:5px; margin:0 auto; border:solid 1px #fff;}
|
|
input.new_loggin_input{ -webkit-box-shadow: 0 0 0px 1000px white inset; outline: none;width:295px; height:43px; border-radius:5px; padding-left:5px; line-height: 43px; font-size:14px; border: none; color:#666;}
|
|
.new_loggin_users{width:348px;height:43px;border-radius:5px; border:1px solid #ccc; position: relative; }
|
|
.new_login_form ul li{ margin-bottom:20px; }
|
|
.new-login-error{ display: inline-block; background-color:#fffafa; box-shadow: 0px 2px 8px rgba(255, 217, 217, 0.5); border:1px solid #ffd9d9; padding:5px; border-radius:5px; color:#dd6f75; width: 235px; position: absolute; left:360px; top:3px;}
|
|
input.new_loggin_input_test{ -webkit-box-shadow: 0 0 0px 1000px white inset; outline: none;width:260px; height:45px; border-radius:5px; padding-left:5px; line-height: 45px; font-size:14px; border:1px solid #ccc;}
|