/* 导航按钮 */
.navbtnblock {
display: inline-block;
}
.navbtnblock a {
color: black;
font-weight: bold;
background: #fff;
border: solid 2px #000;
border-radius: 8px;
padding: 10px 15.8px;
text-decoration: none;
--fa-width: auto;
}
/* 简易分页和内容块 */
.simpletab,
.simpleblock {
background: #fff;
border: solid 2px #000;
border-radius: 8px;
margin: 15px 5px;
}
.simpletab-title,
.simpleblock-title {
color: #fff;
font-size: 110%;
font-weight: bold;
background: #000;
border-bottom: 2px solid #000;
padding: 5px 10px;
}
.simpletab > :first-child:not(.simpletab-title),
.simpleblock > :first-child:not(.simpleblock-title) {
padding: 10px;
}
.simpletab.unset-content-padding .yui-navset .yui-content,
.simpleblock.unset-content-padding .simpleblock-content {
padding: unset;
}
.simpletab > br,
.simpleblock > br {
display: none;
}
/* 简易常规分页 */
.simpletab div.yui-navset {
padding: 10px;
}
.simpletab div.yui-navset ul.yui-nav,
.simpletab div.yui-navset ul.yui-nav a em {
border: unset;
border-width: 0;
}
.simpletab div.yui-navset ul.yui-nav a {
color: #000000;
background: #fff;
border: solid 1px #000;
border-radius: 8px;
margin: 1px 2px;
}
.simpletab div.yui-navset ul.yui-nav a em {
padding: 0.25em 0.75em;
}
.simpletab div.yui-navset ul.yui-nav .selected {
margin: 0 0.16em 0 0;
}
.simpletab div.yui-navset ul.yui-nav .selected a,
.simpletab div.yui-navset ul.yui-nav .selected a:focus,
.simpletab div.yui-navset ul.yui-nav .selected a:hover {
background: rgb(49, 49, 49);
color: #fbfbfb;
}
.simpletab div.yui-navset ul.yui-nav a:hover,
.simpletab div.yui-navset ul.yui-nav a:focus {
background: rgb(73, 72, 72);
color: #fbfbfb;
}
.simpletab div.yui-navset div.yui-content {
background: #fff;
border: solid 1px #000;
border-radius: 8px;
padding: 10px 15px;
margin: 10px 2px;
}
.simpletab.unset-yuicontent-border div.yui-navset div.yui-content {
border: unset;
}
/* 简易等宽分页 */
.flextab .yui-navset .yui-nav {
display: flex;
}
.flextab .yui-navset .yui-nav li {
flex-grow: 2;
}
.flextab div.yui-navset ul.yui-nav a {
width: 100%;
}
/* 简易内容块 */
.simpleblock > :first-child.simpleblock-title ~ .simpleblock-content {
margin: 10px;
}
.simpleblock .simpleblock-news p {
margin: 5px 10px;
}
.simpleblock .simpleblock-news p:nth-child(2n) {
background: #ececec;
padding: 5px 10px;
margin: 0;
}
/* 帮助指导GRID */
.helpgrid {
margin: 0 2em;
}
@media (min-width: 640px) and (max-width: 765px),
(min-width: 910px) {
.helpgrid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.helpgrid ul {
list-style: none;
line-height: 0;
margin: 0;
padding: 0;
}
.helpgrid p {
line-height: 0;
}
}
/* 报纸内容模块 */
.newspaperblock .list-pages-box {
display: -ms-inline-grid;
display: inline-grid;
grid-auto-flow: column;
margin-bottom: 4px;
overflow-x: scroll;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #1c1c1c #626262;
}
.newspaperblock .list-pages-box::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.newspaperblock .list-pages-box::-webkit-scrollbar-track {
background: #626262;
}
.newspaperblock .list-pages-box::-webkit-scrollbar-thumb {
background-color: #1c1c1c;
border-radius: 4px;
}
.newspaperblock .list-pages-box .list-pages-item {
display: -ms-inline-grid;
display: inline-grid;
}
.newspaperblock .newspaperblock-content {
display: -ms-grid;
display: grid;
background: #fff;
border: solid 1px black;
padding: 14px;
margin: 5px 5px 5px 0;
width: 12rem;
}
.list-pages-box .list-pages-item:last-child .newspaperblock-content {
margin: 5px 0;
}
.newspaperblock .newspaperblock-content .preview {
display: block;
min-height: 5em;
}
😠😠😠
“吾心吾行澄如明镜,所作所为皆是正义。”
烂就对了
May you, the beauty of this world, always shine.
你便是世界上的美好,永远闪耀。
这里
磊落真誠,砥礪前行。
感谢指路(
May you, the beauty of this world, always shine.
你便是世界上的美好,永远闪耀。
你用的不是include所以不会自动更新,差评
其实是可以的,为了测试能不能自动更新我还特地搬运了个网站
May you, the beauty of this world, always shine.
你便是世界上的美好,永远闪耀。
那是因为页面使用了同样的listpages选择器,所以能够更新,然而如果管理把主页布局换一换或者加个精品之类的,就没办法了,只能手动更新
何意味
这是神马意思?
烂活~
--~
♫那年剑舞弄清影,风华正茂♫