126 lines
8.0 KiB
CSS
126 lines
8.0 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;}
|
|
.-task-con-per .photo .changephoto{width:100%;position:absolute;bottom:0;left:0;cursor: pointer;}
|
|
.-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 p .fa{position:relative;}
|
|
.-task-con-data .top .top-right .mynew p .fa .fa-check,.fa-close{position:absolute;left:8px;bottom:0;display:none;}
|
|
.-task-con-data .bot{width:100%;}
|
|
/*.-task-con-data .top .top-right .itnew .p2{}*/
|
|
.-task-con-data .top .top-right .itnew .sub a{border:1px solid #e5e5e5;display:inline-block;padding:2px 10px;text-align:center;width: 57px;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:#bdbdbd;line-height:14px;}
|
|
.-task-con-int .blog .p2{line-height:90px;text-align:center;}
|
|
.-task-con-int .blog .p2:hover .changecolor{color:#29bd8b;}
|
|
.-task-con-int .blog .p3{height:90px;position:relative;}
|
|
.-task-con-int .blog .p3 .check{position:absolute;right:10px;top:-30px;}
|
|
.-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 p span{height:30px;padding-right:10px;display:inline-block;}
|
|
/*-------------------交流-------------------------*/
|
|
.-task-con-int .favour .p1{background:#f2f2f2;}
|
|
.-task-con-int .favour .p1 span{width:10%;display:inline-block;line-height:40px;text-indent:10px;cursor: pointer;}
|
|
.-task-con-int .favour .p1 span i{font-size:12px;font-style:normal;padding:0 5px;border-radius:8px;background:#ddd;line-height:14px;}
|
|
.-task-con-int .favour .p1 .span1{background:#fefefe;}
|
|
.-task-con-int .favour .p2{line-height:90px;text-align:center;}
|
|
.-task-con-int .favour .p2:hover .changecolor{color:#29bd8b;}
|
|
.-task-con-int .favour .fens{position:relative;}
|
|
.-task-con-int .favour .fens .many{position:absolute;right:10px;top:2px;}
|
|
.-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:0;right:0;width:80px;text-align:center;}
|
|
.-task-con-int .passageway .hint .play{display:block;line-height:40px;}
|
|
/*.-task-con-int .passageway .hint .list{cursor:pointer;display:none;}*/
|
|
/*.-task-con-int .passageway .hint .list li{border-radius:2px; padding-top:1px;z-index:100;}*/
|
|
|
|
.-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:100px 0 30px 500px;}
|
|
.-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 ul{width:80px;text-align:center;-webkit-box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;background:#fff;}
|
|
.-task-con-int .passageway .hint .list li{border-radius:2px; padding-top:1px;}
|
|
.-task-con-int .passageway .hascon i{font-style:normal;}
|
|
.-task-con-int .passageway .hascon .title{background:#f2f2f2;line-height:40px;}
|
|
.-task-con-int .passageway .hascon .title span{width:10%;display:inline-block;line-height:40px;text-indent:10px;}
|
|
.-task-con-int .passageway .hascon .title span i{font-size:12px;font-style:normal;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 .train p{height:70px;line-height:70px;border-bottom:1px dotted #eee;}
|
|
.-task-con-int .passageway .hascon .lesson p .first{width:25%;display:inline-block;}
|
|
.-task-con-int .passageway .hascon .lesson p .qian{color:#ddd;}
|
|
.-task-con-int .passageway .hascon .train p .qian{color:#ddd;}
|
|
.-task-con-int .passageway .hascon .lesson p .hasmargin{width:16.7%;display:inline-block;margin:0 10%;color:#888;}
|
|
.-task-con-int .passageway .hascon .lesson p .haspadding{width:16.7%;display:inline-block;margin-right:12%;color:#888;}
|
|
.-task-con-int .passageway .hascon .lesson p .last{width:8.33%;display:inline-block;color:#888;}
|
|
.-task-con-int .passageway .hascon .train p .first{width:25%;display:inline-block;}
|
|
.-task-con-int .passageway .hascon .train p .hasmargin{width:16.7%;margin: 0 16.7%;color:#888;}
|
|
.-task-con-int .passageway .hascon .train p .last{width:25%;display:inline-block;color:#888;}
|
|
.-task-con-int .passageway .hascon .lesson p:hover a{color:#51a74f;}
|
|
.-task-con-int .passageway .hascon .lesson p:hover .qian{color:#51a74f;}
|
|
.-task-con-int .passageway .hascon .train p:hover a{color:#51a74f;}
|
|
.-task-con-int .passageway .hascon .train p:hover .qian{color:#51a74f;}
|
|
.-task-con-int .passageway .hascon .expand{display:block;;height:70px;line-height:70px;text-align:center;;border-bottom:1px dotted #eee;}
|
|
/*--------------------------------------箭头动画效果-----------------------------------*/
|
|
.-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:5%;bottom:5%;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;height:35px;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;}
|
|
|