|
|
| （未显示3个用户的7个中间版本） |
| 第1行： |
第1行： |
| − | <div class="timeline nomobile"><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: 0px 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: 30px;
| |
| − | background: #f4c430;
| |
| − | border-radius: 50%;
| |
| − | text-align: center;
| |
| − | padding-top: 5px;
| |
| − | color: black;
| |
| − | padding-left: 2px;
| |
| − | opacity: 0;
| |
| − | transition: all 0.3s ease-in;
| |
| − | }
| |
| − | .timeline.active > span {
| |
| − | opacity:1;
| |
| − | }
| |
| − | | |
| − | }} | |
| − | {{#widget:sandbox6}} | |
