36 lines
2.3 KiB
CSS
Executable File
36 lines
2.3 KiB
CSS
Executable File
#notice {margin: -20px -20px 20px; padding: 20px;}
|
|
#zentaoLinks {margin-top: 20px;}
|
|
#zentaoLinks .panel .panel-heading {padding: 6px 10px;}
|
|
.admin {display: flex; background: unset;}
|
|
.admin > .main {flex: 1 1 60%; padding-right: 20px;}
|
|
.admin > .side {flex: 1 1 40%; padding-left: 10px;}
|
|
.panel-title {padding: 10px 0px;}
|
|
.flex {display: flex;}
|
|
.panel {padding: 0 0 0 16px;}
|
|
|
|
.settings-list {display: flex; flex-wrap: wrap; padding: 12px 4px 16px 4px;}
|
|
.settings-list > .setting-box {flex: 0 0 20%; padding: 18px 0;}
|
|
|
|
.plugin-list {display: flex; flex-wrap: wrap; padding: 12px 4px 4px 4px;}
|
|
.plugin-list > .plugin-item {flex: 1 1 26%; padding: 16px 4px; border: 1px solid #EDEEF2; border-radius: 4px; margin-right: 16px; margin-bottom: 16px; width: 0px;}
|
|
.plugin-list > .plugin-item .ext-download {float: right; padding: 6px 0px;}
|
|
.plugin-list > .plugin-item > .plug-title {height: 16px; overflow: hidden;}
|
|
.plugin-list > .plugin-item .extension-desc {overflow: hidden; height: 16px;}
|
|
|
|
.bottom.flex > .official {flex: 1 1 30%; margin-right: 20px; display: flex; flex-direction: column; position: relative;}
|
|
.bottom.flex > .publicClass {flex: 1 1 60%;}
|
|
|
|
.official {justify-content: center;}
|
|
.official > .panel-title {position: absolute; top: 0px;}
|
|
.official-img {background-image: url('/static/images/wechat.jpg'); background-repeat: no-repeat; background-size: contain; flex: 1 1 50%; aspect-ratio: 1 / 1; background-position: center;}
|
|
.official-content {flex: 0 0 50%; display: flex; flex-direction: column; justify-content: center;}
|
|
.official-content > .content {color: #838A9D; font-size: 12px;}
|
|
.official-content > .title {color: #313C52; font-size: 13px;}
|
|
|
|
.classList > .classItem {flex: 1 1 30%; margin: 5px;}
|
|
.classItem > .imgBack {flex: 1 1 50%; background: #C8EDFF;}
|
|
.classItem > .imgBack > .classImg {background-repeat: no-repeat; background-size: contain; aspect-ratio: 1 / 1; background-position: center; margin:5px;}
|
|
.classItem > .classContent {flex: 1 1 50%; padding: 5px; font-size: 14px; color: #0B0F18; text-align: center; overflow: hidden; height: 24px; font-weight: 700;}
|
|
.more {float: right; padding-right: 15px; color: #838A9D}
|
|
.more::after {content: ' '; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #9EA3B0; position: absolute; right: 3px; top: 15px;}
|