Site Notice
hello, world
Difference between revisions of "MediaWiki:Css-blog.css"
From Project-EPB Commons
m |
|||
| Line 50: | Line 50: | ||
.content-area img { | .content-area img { | ||
box-shadow: 0 0 5px #222 | box-shadow: 0 0 5px #222 | ||
| + | } | ||
| + | .zoomify { | ||
| + | cursor:pointer; | ||
| + | cursor:-webkit-zoom-in; | ||
| + | cursor:zoom-in | ||
| + | } | ||
| + | .zoomify.zoomed { | ||
| + | cursor:-webkit-zoom-out; | ||
| + | cursor:zoom-out; | ||
| + | padding:0; | ||
| + | margin:0; | ||
| + | border:none; | ||
| + | border-radius:0; | ||
| + | box-shadow:none; | ||
| + | position:relative; | ||
| + | z-index:1501 | ||
| + | } | ||
| + | .zoomify-shadow { | ||
| + | position:fixed; | ||
| + | top:0; | ||
| + | left:0; | ||
| + | right:0; | ||
| + | bottom:0; | ||
| + | width:100%; | ||
| + | height:100%; | ||
| + | display:block; | ||
| + | z-index:1500; | ||
| + | background:rgba(0,0,0 ,.3); | ||
| + | opacity:0 | ||
| + | } | ||
| + | .zoomify-shadow.zoomed { | ||
| + | opacity:.5; | ||
| + | cursor:pointer; | ||
| + | cursor:-webkit-zoom-out; | ||
| + | cursor:zoom-out | ||
} | } | ||
Revision as of 15:58, 7 September 2019
/**
*『Wjghj Project Static』
* This _JavaScript_ code is from https://common.wjghj.cn
* CC BY-NC-SA
* For Wjghj Wordpress https://blog.wjghj.cn
**/
/* 文章大标题 */
.sq-main-header {
background: url(https://blog.wjghj.cn/wp-content/uploads/2019/09/13734C02-0F85-43C7-BF59-DE86E314C3B1.jpeg) 0px 0px / auto no-repeat fixed;
}
/** 自动神隐顶部导航栏相关修改 **/
.sq-site-header,
.sq-site-header.header-hide.header-is-hover {
position: fixed !important;
top:0px !important;
transition:all 0.5s;
}
.sq-site-header.header-hide {
top:-64px !important;
}
#toast-container,
#toast-container.notify-hide.header-is-hover {
top: 86px;
transition:all 0.5s;
}
#toast-container.notify-hide {
top: 22px;
}
blockquote {
border-left: 6px solid;
margin-left: 0 !important;
padding-left: 15px;
}
blockquote p {
font-style: italic;
margin: 0 0 8px !important;
}
blockquote cite {
color: #888;
}
/** 图片册 **/
.wp-block-gallery .blocks-gallery-item {
background: #fcfcfc;
border: solid #eeeeee;
border-width: 1px 1px 0.2em;
padding: 1.25em 1.75em;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
}
.content-area img {
box-shadow: 0 0 5px #222
}
.zoomify {
cursor:pointer;
cursor:-webkit-zoom-in;
cursor:zoom-in
}
.zoomify.zoomed {
cursor:-webkit-zoom-out;
cursor:zoom-out;
padding:0;
margin:0;
border:none;
border-radius:0;
box-shadow:none;
position:relative;
z-index:1501
}
.zoomify-shadow {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
z-index:1500;
background:rgba(0,0,0 ,.3);
opacity:0
}
.zoomify-shadow.zoomed {
opacity:.5;
cursor:pointer;
cursor:-webkit-zoom-out;
cursor:zoom-out
}
