WordPress中文论坛 - WordPress Chinese Forums

 找回密码
 注册
查看: 186|回复: 2

想做一个时间轴,代码有了不知道怎么插入。。。

[复制链接]

2

主题

5

帖子

20

金钱

WP 熟手

Rank: 2Rank: 2

积分
40
发表于 2015-3-19 11:39:57 | 显示全部楼层 |阅读模式

不知道应该怎么在网页里设置

@charset "utf-8";
body{margin:0;font:12px/180% "微软雅黑","宋体";}
html,body{-webkit-text-size-adjust:none;background:#f7f7f7;}
div,form,input,textarea,p,ul,li,dl,dt,dd,h1,table,h2{padding:0;margin:0;}
li{list-style-type:none;}
ol,ul{list-style:none;}
input{vertical-align:middle;font-size:100%;}
img{vertical-align:top;border:0;}
em,i{font-style:normal;}
ul, li{list-style:none;}
a{text-decoration:none;}

hr{height:0;border-left:none;border-right:0;border-top:1px dashed #2d2f34;border-bottom:1px dashed #474954;}
a{color:#666;text-decoration:none;}
a:hover{color:#F60;text-decoration:underline;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}

/* content */
.content{position:relative;width:1000px;margin:0 auto;}
.content{padding:50px 0;min-height:720px;background:#3a3c48 url("../images/log/content-bg.png");width:100%;}
.content .wrapper{position:relative;background:url("../images/log/release-bg.png") no-repeat right top;width:960px;margin:0 auto;}
.content .light{position:absolute;left:55px;top:-50px;width:152px;height:191px;background:url("../images/log/light-top.png") no-repeat top center;}
.content .light i{position:absolute;width:100%;height:100%;top:0;background:url("../images/log/light.png") no-repeat top center;}
.content .line-left{position:absolute;left:0;top:15px;width:70px;}
.content .line-right{position:absolute;right:0;top:15px;width:460px;}
.content .main{background:url("../images/log/line-bg.png") repeat-y 249px 0;}
.content .main .title{position:absolute;line-height:40px;padding-left:67px;left:230px;top:0;color:#58a6fb;font-size:24px;background:url("../images/log/clock.png") no-repeat left top;}
.content .main .year{position:relative;z-index:100;}
.content .main .year h2{height:40px;width:170px;padding-right:30px;font-size:24px;line-height:40px;text-align:right;}
.content .main .year h2 a{color:#58a6fb;}
.content .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#59a7fb transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px}
.content .main .year .list{margin:10px 0;position:relative;overflow:hidden;-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s}
.content .main .year .list ul{bottom:0;}
.content .main .year .list ul li{background:url("../images/log/circle.png") no-repeat 235px 31px;padding:30px 0;color:#a1a4b8;}
.content .main .year .list ul li.highlight{background-image:url();}
.cls{zoom:1;}
.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro{color:#ec6a13;}
.content .main .year .list ul li .date,.content .main .year .list ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right}
.content .main .year .list ul li .date{font-size:18px;line-height:32px;color:#bec1d5}
.content .main .year .list ul li .intro, .content .main .year .list ul li .more{float:left;display:block;width:400px;margin-left:100px;line-height:24px;}
.content .main .year .list ul li .intro{font-size:18px;line-height:32px;color:#63d029;}
.content .wrapper:first-child .main .year.close h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
.content .wrapper:first-child .main .year.close .list{opacity:0;height:0!important;}

2

主题

20

帖子

20

金钱

WP 熟手

Rank: 2Rank: 2

积分
92
发表于 2015-3-19 18:56:22 | 显示全部楼层
好长时间没有操作过这个了!!!!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|联系我们|WordPress中文论坛 - CNWP ( 闽ICP备12016335号-11 )

GMT+8, 2019-12-9 02:15 , Processed in 0.116639 second(s), 29 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表