| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- .demo-wrapper{
- padding-top: 60px;
- background: #fff;
- }
- .nut-timeline{
-
- .nut-timelineitem{
- position: relative;
- font-size: 12px;
- .timelineitem-list-box{
- padding: 0 18px 0 0px;
- color:#333;
- .timelineitem-list{
- position: relative;
- padding-bottom: 10px;
- .timelineitem-point{
- position: absolute;
- left: 0px;
- top: 0px;
- .point-icon{
- margin-top: 2px;
- width: 7px;
- height: 7px;
- border: 1px solid #f00;
- border-radius: 50%;
- &.circle-icon{
- background: #f00;
- }
- &.hollow-icon{
- background: #fff;
- }
- }
- .custom-icon{
- width: 9px;
- height: 9px;
- overflow: hidden;
- background: #fff;
- }
- }
-
- .timelineitem-title{
- margin-bottom: 8px;
- padding-left: 13px;
- line-height: 13px;
- position: relative;
- .time{
- font-size: 12px;
- color: #666;
- }
- }
- .timelineitem-content{
- padding-left: 13px;
- }
-
-
- }
- }
- &.left-border{
- &:before{
- position: absolute;
- top: 4px;
- left: 4px;
- content: '';
- width: 1px;
- height: 100%;
- background: #C2C2C2;
- };
- }
- &:last-child{
- &.left-border{
- &:before{
- width: 0px;
- };
- }
- }
- }
-
-
- }
|