|
|
(未显示3个用户的11个中间版本) |
第1行: |
第1行: |
− | <div class="timeline"><div id="show-timeline">{{fa|weibo|b|size=20px}}微博@少女前线</div><div id="show-timeline2">{{fa|weibo|b|size=20px}}微博@少前百科</div><span id="closetab">{{fa|angle-right|size=25px}}</span>{{#widget:Iframe|url=http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=10&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=5611537367&verifier=695f9401&colors=333333,333333,AAAAAA,F4C430,444444&dpc=1|width=350|height=550|border=0
| + | {{#widget:首页微博秀}} |
− | }}{{#widget:Iframe|url=http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=10&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=6701200267&verifier=165ee8b4&colors=464646,464646,b4b4b4,fec430,464646&dpc=1|width=350|height=550|border=0
| + | {{#widget:weiboShowComponent}} |
− | }}
| |
− | </div>
| |
− | | |
− | {{#widget:style|style=.timeline { | |
− | width: 380px;
| |
− | position: fixed;
| |
− | right: -344px;
| |
− | display: flex;
| |
− | flex-direction: row;
| |
− | transition: all 0.3s ease-in;
| |
− | z-index:1000;
| |
− | outline:none;
| |
− | }
| |
− | .timeline.active {right:0px}
| |
− | .timeline > div#show-timeline {
| |
− | writing-mode: vertical-lr;
| |
− | padding: 0px 8px;
| |
− | padding-top: 15px;
| |
− | width: 20px;
| |
− | height: fit-content;
| |
− | background: #f4c430;
| |
− | color: black;
| |
− | cursor: pointer;
| |
− | display: block;
| |
− | position: absolute;
| |
− | left:0px;
| |
− | top:0px;
| |
− | height:150px;
| |
− | z-index:1;
| |
− | }
| |
− | .timeline > div#show-timeline2 {
| |
− | writing-mode: vertical-lr;
| |
− | padding: 10px 8px;
| |
− | padding-top: 20px;
| |
− | width: 20px;
| |
− | height: fit-content;
| |
− | background: white;
| |
− | color: black;
| |
− | cursor: pointer;
| |
− | display: block;
| |
− | position: absolute;
| |
− | left:0px;
| |
− | top:160px;
| |
− | height:150px;
| |
− | z-index:0
| |
− | }
| |
− | div#show-timeline::after {
| |
− | content:"";
| |
− | width:100%;
| |
− | height:15px;
| |
− | position: absolute;
| |
− | bottom: -5px;
| |
− | left: 0px;
| |
− | background:#f4c430;
| |
− | transform: skewY(15deg);
| |
− | z-index:1;
| |
− | }
| |
− | div#show-timeline2::after {
| |
− | content:"";
| |
− | width:100%;
| |
− | height:15px;
| |
− | position: absolute;
| |
− | bottom: -5px;
| |
− | left: 0px;
| |
− | background:white;
| |
− | transform: skewY(15deg);
| |
− | z-index:1;
| |
− | }
| |
− | .timeline > iframe {
| |
− | position:absolute;
| |
− | left:36px;
| |
− | top:0px;
| |
− | }
| |
− | .timeline> span {
| |
− | position: absolute;
| |
− | top: 360px;
| |
− | left: 0px;
| |
− | width: 33px;
| |
− | height: 31px;
| |
− | background: #f4c430;
| |
− | border-radius: 50%;
| |
− | text-align: center;
| |
− | padding-top: 4px;
| |
− | color: black;
| |
− | padding-left: 1px;
| |
− | }
| |
− | .timeline.active > span {
| |
− | opacity:1;
| |
− | }
| |
− | | |
− | }} | |
− | {{#widget:sandbox6}} | |