| 1 |
- *{margin:0;padding:0}article,section,time,aside{display:block}article{padding-top:50px}body{color:#9f9f9f;background:#fff;font-size:1.16em;font-family:'Lato',Calibri,Arial,sans-serif}.point-time{content:"";position:absolute;width:13px;height:13px;top:17px;left:20%;background:#1c87bf;margin-left:-4px;border-radius:50%;box-shadow:0 0 0 5px #fff}.text-red{color:#f6393f}.text-blue{color:#1c87bf}.text-green{color:#95c91e}.text-yellow{color:#ffb902}.text-purple{color:#d32d93}.point-red{background-color:#f6393f}.point-blue{background-color:#1c87bf}.point-green{background-color:#95c91e}.point-yellow{background-color:#ffb902}.point-purple{background-color:#d32d93}.content{width:970px;margin:30px auto;padding-top:30px;margin-top:10px;box-shadow:5px 5px 17px 3px rgba(0,0,0,0.14);border-radius:3px;background:#fff;box-sizing:border-box;position:relative;min-height:450px}.content article{position:relative}.h3Div{line-height:70px;padding-left:70px;position:fixed;background:#fff;z-index:2;width:900px;top:0;padding-top:5px;font-size:1.4em;color:#1d1d1d;box-shadow:rgba(0,0,0,0.14) 5px -5px 26px 0}.content article div>.h3{width:15%;height:20px;line-height:20px;text-align:right;font-size:1.4em;color:#1d1d1d;padding:10px 0 20px}.content article section{padding:0 0 10px;position:relative}.content article section:before{content:"";width:5px;top:17px;bottom:-17px;left:20%;background:#e6e6e6;position:absolute}.content article section:last-child:before{display:none}.content article section time{width:15%;display:block;position:absolute}.content article section time>span{display:block;text-align:right}.content article section aside{color:#3a3a38;margin-left:25%;padding-bottom:10px}.content article section .brief{color:#9f9f9f;font-size:15px;list-style:none}.content .things{line-height:30px}.titleSpan{position:absolute;right:50px;cursor:pointer;font-size:14px}
|
