• 欢迎光临小鱼君和他的朋友们!申请编辑,请联系管理员
  • MediaWiki 1.32.1升级失败!失败!哦豁完蛋……
  • 最近站长很憔悴,这破站怕是药丸……
  • 公告是什么呢?裹上鸡蛋黄,撒上面包糠……嗯,大概就能吃了~
Wiki.png
欢迎光临小鱼君和他的朋友们,参观者!这里是机智的小鱼君的个人网站,您可以随意浏览这里的百余篇文章,无论你有什么想法,都欢迎你进行编辑,不过您需要先登录账号或注册一个账号 !⚠️注意:本社区所有文字内容采用创作共享 署名-非商业用途-相同方式共享(CC BY-SA) 4.0协议授权,转载需注明出处(https://wjghj.cn/wiki/Widget:Close-notify-btn)

“Widget:Close-notify-btn”的版本间的差异

(// Edit via Wikiplus)
(// Edit via Wikiplus)
(未显示同一用户的1个中间版本)
第1行: 第1行:
<includeonly><style>@media (max-width: 850px) {
+
<includeonly><style>
.notify {
+
.notify-close-btn {
position: fixed;
+
    display: inline;
bottom: 0px;
+
    float: right;
left: 0;
+
    color: #c00;
width: 100%;
+
    cursor: pointer;
z-index: 10000;
+
    position: relative;
max-height: 65px;
+
    top: -20px;
transition: all .5s;
+
    margin: 4px;
background: white;
 
box-shadow: 0px 0px 12px #666;
 
 
}
 
}
.notify-hide {
+
.notify-icon {
bottom: -70px !important;
+
    background: #5fa0ff;
transition: all .5s;
+
    width: 5%;
 
}
 
}
.notify-icon {
 
background: #5fa0ff;
 
width: 5% }
 
 
.notify-content {
 
.notify-content {
width: auto;
+
    width: auto;
 
}
 
}
 
.notify-content .inset {
 
.notify-content .inset {
max-height: 57px;
+
    height: 57px;
width: 100%;
+
    width: 100%;
margin: 4px;
+
    margin: 4px;
overflow-y: auto;
+
    overflow-y: auto;
box-shadow: inset 0px -8px 10px -8px gray;
+
    box-shadow: inset 0px -8px 10px -8px gray;
 +
    padding:4px;
 
}
 
}
 
.notify-close {
 
.notify-close {
width: 32px;
+
    width: 42px;
 
}
 
}
}
+
@media (max-width: 850px) {
@media (min-width: 850px) {
 
 
.notify {
 
.notify {
position: fixed;
+
    position: fixed;
top: 55px;
+
    bottom: 0px;
left: 10%;
+
    left: 0;
width: 80%;
+
    width: 100%;
z-index: 10000;
+
    z-index: 10000;
height: 65px;
+
    max-height: 65px;
transition: all .5s;
+
    transition: all .5s;
background: white;
+
    background: white;
 +
    box-shadow: 0px 0px 12px #666;
 
}
 
}
 
.notify-hide {
 
.notify-hide {
top: 0px !important;
+
    bottom: -70px !important;
transition: all .5s;
+
    transition: all .5s;
 
}
 
}
.notify-icon {
 
background: #5fa0ff;
 
width: 5% }
 
.notify-content {
 
width: auto;
 
 
}
 
}
.notify-content .inset {
+
@media (min-width: 850px) {
max-height: 57px;
+
.notify {
width: 100%;
+
    position: fixed;
margin: 4px;
+
    top: 55px;
overflow-y: auto;
+
    left: 10%;
box-shadow: inset 0px -8px 10px -8px gray;
+
    width: 80%;
 +
    z-index: 10000;
 +
    height: 65px;
 +
    transition: all .5s;
 +
    background: white;
 
}
 
}
.notify-close {
+
.notify-hide {
width: 32px;
+
    top: 0px !important;
 +
    transition: all .5s;
 
}
 
}
}</style><a class="notify-close-btn" style="display:inline;float:right;color:#c00;cursor:pointer;" onclick="$('.notify').hide(500);"><img src="/images/thumb/8/8b/Close-icon.png/36px-Close-icon.png" style="width:24px;height:24px;position:relative;top:-16px;"/></a></includeonly><noinclude>{{#Widget:Close-notify-btn}}</noinclude>
+
}</style><a class="notify-close-btn" style="display:inline;float:right;color:#c00;cursor:pointer;" onclick="$('.notify').hide(300);"><img src="/images/thumb/8/8b/Close-icon.png/36px-Close-icon.png" style="width:24px;height:24px;"/></a></includeonly><noinclude>{{#Widget:Close-notify-btn}}</noinclude>

2019年6月13日 (四) 02:18的版本