【更新】主题4的修改

由于原本主题的边栏实在是太不起眼了,以至于访客基本都无视掉了它,我决定在一定条件下让它自己显示在那里而不是要人点了才出现。

我不想让它在任何时候出现在文章的文档流,因为这货真的太长了。。。

修改以后除了chrome以外的浏览器看本站简直就是悲剧!
以下是裁决情况(配合多说评论框一起使用):

@media only screen and (min-width:1281px){
#page {
    position: absolute !important;
    left: 0em;
}
#colophon {
    position:relative;
}
#ds-thread {
    position: fixed !important;
    right: 0em;
    top: 0em;
    overflow-y:auto;
    overflow-x:hidden;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}
}
@media only screen and (min-width:800px) and (max-width:1280px) {
#page {
    max-width: 1000px;
    position: relative !important;
}
#colophon {
    position:relative;
}
#ds-thread {
    position: relative !important;
    background-color: rgba(255, 255, 255, 0);
}
}
@media only screen and (min-width:1281px) and (max-width:1359px) {
#page {
    max-width: 75%;
    width: 75%;
}
#ds-thread {
    width: 25%;
}
}
@media only screen and(min-width:1359px) {
#sidebarbutton {
    display:none;
}
#secondary {
    position:fixed;
    left:0px !important;
    height:100%;
    background-color: rgba(255,255,255,0.9);
    z-index:0;
}
#page {
    left:270px;
}
}

@media only screen and (min-width:1360px) and (max-width:1880px) {
#page {
    right:20%;
}
#ds-thread {
    width: 20%;
}
}
@media only screen and (min-width:1881px) {
#page {
    right:30%;
}
#ds-thread {
    width: 30%;
}
}


本文发布于 https://luojia.me

本站文章未经文下加注授权不得拷贝发布。

0 0 投票数
打分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论