Skip to content

S
solo-1
Commit cc7c1990 authored by Van's avatar Van
Browse files
Options

🎨 #12724

parent 15755212
Hide whitespace changes
Inline Side-by-side
Showing with 555 additions and 537 deletions
src/main/resources/lang_en_US.properties
View file @ cc7c1990
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
# Author: Dongxu Wang # Author: Dongxu Wang
# #
setMobileLabel=Set to mobile skin
configSiteLabel=Go to the site link to configure GitHub, Twitter, etc. configSiteLabel=Go to the site link to configure GitHub, Twitter, etc.
hljsThemeLabel=hljs theme: hljsThemeLabel=hljs theme:
tocLabel=ToC tocLabel=ToC
......
src/main/resources/lang_zh_CN.properties
View file @ cc7c1990
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
# Author: Dongxu Wang # Author: Dongxu Wang
# #
setMobileLabel=\u8BBE\u7F6E\u4E3A\u79FB\u52A8\u7AEF\u76AE\u80A4
configSiteLabel=\u524D\u5F80\u914D\u7F6E GitHub\uFF0CTwitter \u7B49\u7AD9\u70B9\u94FE\u63A5 configSiteLabel=\u524D\u5F80\u914D\u7F6E GitHub\uFF0CTwitter \u7B49\u7AD9\u70B9\u94FE\u63A5
hljsThemeLabel=\u4EE3\u7801\u9AD8\u4EAE\u4E3B\u9898\uFF1A hljsThemeLabel=\u4EE3\u7801\u9AD8\u4EAE\u4E3B\u9898\uFF1A
tocLabel=\u76EE\u5F55 tocLabel=\u76EE\u5F55
......
src/main/webapp/admin/admin-label.ftl
View file @ cc7c1990
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
--> -->
<#include "../common-template/label.ftl"/> <#include "../common-template/label.ftl"/>
<script type="text/javascript"> <script type="text/javascript">
Label.setMobileLabel = '${setMobileLabel}'
Label.pushSuccLabel = '${pushSuccLabel}' Label.pushSuccLabel = '${pushSuccLabel}'
Label.pushToHacpaiLabel = '${pushToHacpaiLabel}' Label.pushToHacpaiLabel = '${pushToHacpaiLabel}'
Label.uploadMsg = '${uploadMsg}' Label.uploadMsg = '${uploadMsg}'
......
src/main/webapp/js/admin/themeList.js
View file @ cc7c1990
...@@ -42,7 +42,6 @@ admin.themeList = { ...@@ -42,7 +42,6 @@ admin.themeList = {
var preference = result.preference var preference = result.preference
// skin // skin
$('#skinMain').data('skinDirName', preference.skinDirName)
var skins = eval('(' + preference.skins + ')') var skins = eval('(' + preference.skins + ')')
var skinsHTML = '' var skinsHTML = ''
for (var i = 0; i < skins.length; i++) { for (var i = 0; i < skins.length; i++) {
...@@ -56,19 +55,23 @@ admin.themeList = { ...@@ -56,19 +55,23 @@ admin.themeList = {
skins[i].skinName skins[i].skinName
+ '</div><img class="skinPreview" src="' + '</div><img class="skinPreview" src="'
+ Label.staticServePath + '/skins/' + skins[i].skinDirName + Label.staticServePath + '/skins/' + skins[i].skinDirName
+ '/preview.png"/><div><button class="update small" data-name="' + + '/preview.png"/><div><button class="small update fn__left" data-name="' +
skins[i].skinDirName + '">' + Label.enableLabel + skins[i].skinDirName + '">' + Label.enableLabel +
'</button><button class="small" onclick="window.open(\'' + '</button><button class="small fn__right" onclick="window.open(\'' +
Label.servePath + Label.servePath + '?skin=' + skins[i].skinName + '\')">'
'?skin=' + skins[i].skinName + '\')">' + Label.previewLabel + '</button><button class="small mobile fn__left">' +
+ Label.previewLabel + '</button></div></div>' Label.setMobileLabel + '</button></div></div>'
} }
$('#skinMain').append(skinsHTML + '<div class=\'fn__clear\'></div>') $('#skinMain').append(skinsHTML + '<div class=\'fn__clear\'></div>')
$('.skinItem .update').click(function () { $('.skinItem .update').click(function () {
$('.skinItem').removeClass('selected') $('.skinItem').removeClass('selected')
$(this).closest('.skinItem').addClass('selected') $(this).closest('.skinItem').addClass('selected')
$('#skinMain').data('skinDirName', $(this).data('name')) admin.preference.update()
})
$('.skinItem .mobile').click(function () {
$('.skinItem').removeClass('selected')
$(this).closest('.skinItem').addClass('selected')
admin.preference.update() admin.preference.update()
}) })
......
src/main/webapp/scss/admin.css
View file @ cc7c1990
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__center{text-align:center}.ft__nowrap{white-space:nowrap}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word;background-size:20px 20px;background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")}.vditor-reset pre>code{padding:0.5em;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-reset .katex{position:relative}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:14px;width:14px;display:block;background-color:#f6f8fa;border-radius:3px;padding:3px}.vditor-copy svg{color:#586069;height:14px;width:14px;display:block;fill:currentColor}body{color:#767676;background:#f1f2f7;font-size:13px}a{color:#4183c4;text-decoration:none}a:visited{color:#7ba9d6}a:active{color:#2c5d8d}a:hover{text-decoration:underline}button,.completed-ck span{padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;text-align:center;white-space:nowrap;vertical-align:baseline;cursor:pointer;user-select:none;background-image:none;border:1px solid #1fb5ad;border-radius:4px;background-color:#1fb5ad;color:#fff;height:auto;outline:none;line-height:18px}button.small,.completed-ck span.small{padding:3px 6px;font-size:12px}button:hover{background-color:#1ca59e;border-color:#1ca59e}.fn__margin12{margin:12px}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?pmeuih");src:url("fonts/icomoon.eot?pmeuih#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?pmeuih") format("truetype"),url("fonts/icomoon.woff?pmeuih") format("woff"),url("fonts/icomoon.svg?pmeuih#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e909"}.icon-move-down:before{content:"\e90a"}.icon-move-up:before{content:"\e90b"}.icon-unordered-list:before{content:"\e004"}.icon-info:before{content:"\e00d"}.icon-article:before{content:"\e61d"}.icon-setting:before{content:"\e604"}.icon-cmts:before{content:"\e60a"}.icon-refresh:before{content:"\e60b"}.icon-chevron-down:before{content:"\e618"}.icon-chevron-up:before{content:"\e619"}a[class^="icon-"],a[class*=" icon-"]{color:#333}a[class^="icon-"]:hover,a[class*=" icon-"]:hover{text-decoration:none;color:#4183c4}.aboutIcon{background-position:-16px -48px}.icon-move-down,.icon-move-up{cursor:pointer}#allPanel{height:auto;min-height:100%;position:relative}#tabsPanel{margin:50px 0 0 240px;padding:15px;min-height:100px}#tabsPanel>div{padding-bottom:36px}#tabsPanel_article-list,#tabsPanel_draft-list,#tabsPanel_comment-list,#tabsPanel_plugin-list,#tabsPanel_page-list>div:first-child,#tabsPanel_user-list>div:first-child,#tabsPanel_category-list>div:first-child,#tabsPanel_link-list>div:first-child{background-color:#FFF;border-radius:4px;margin-bottom:40px;overflow:hidden}.tip{font-weight:bold;margin:0 auto;overflow:hidden;padding:2px 0;position:fixed;text-align:center;top:3px;left:255px;z-index:1001}#tipMsg,#loadMsg{color:#31708f;background-color:#d9edf7;border-radius:4px;line-height:40px;display:inline-block}.footer{bottom:12px;position:absolute;text-align:center;width:100%;padding-left:240px;box-sizing:border-box}#top{height:50px;position:fixed;box-shadow:1px 0 3px rgba(0,0,0,0.15);width:100%;top:0;background-color:#fff;z-index:80}#top>a{background:#1fb5ad;float:left;width:240px;height:50px;position:relative;color:#F7F7F7;text-align:center;text-decoration:none;font-size:20px;line-height:50px}#top>.fn__right a{color:#555;line-height:32px;margin:8px 10px;border:1px solid #f6f6f6;background-color:#f6f6f6;border-radius:100px;padding:0 10px;text-decoration:none;display:inline-block}#top>.fn__right a:hover{color:#333}#top .avatar{height:25px;width:25px;border-radius:20px;background-size:cover;background-repeat:no-repeat;background-position:center center;float:left;margin:3px 6px 0 0}#tabs{height:100%;min-height:468px;width:240px;margin-top:50px;position:fixed;top:0;background-color:#32323a;overflow:auto}#tabs ul{list-style:none}#tabs li{margin-left:0px;border-bottom:1px solid rgba(255,255,255,0.05)}#tabs li>div>a,#tabs #tabToolsTitle,#tabs #tabArticleTitle{color:#aeb2b7;display:block;text-decoration:none;letter-spacing:1px;padding:18px 0 18px 25px;line-height:18px;height:18px;transition:all 0.3s ease;cursor:pointer}#tabs a:hover,#tabs a.tab-current,#tabs #tabToolsTitle.tab-current,#tabs #tabArticleTitle.tab-current,#tabs #tabToolsTitle:hover,#tabs #tabArticleTitle:hover{background-color:#28282e;color:#1fb5ad}#tabs li li{border-bottom:0}#tabs li li>div>a{padding:13px 0 13px 46px;line-height:15px;height:15px;background-color:#28282e}#tabs li li>div>a:hover,#tabs li li>div>a.tab-current{background-color:#202025}#tabs .commentIcon,#tabs .postIcon,#tabs .preferenceIcon,#tabs .usersIcon,#tabs .aboutIcon{display:none}#tabs .icon-chevron-up,#tabs .icon-chevron-down{margin-right:10px}.sub-tabs{background-color:#e0e1e7;border-radius:4px 4px 0 0;overflow:hidden}.sub-tabs ul{float:left;list-style:none outside none;margin-right:24px}.sub-tabs li{float:left;margin:0}.sub-tabs li a{border-right:1px solid #e0e1e7;color:#898989;display:block;line-height:18px;padding:20px 15px;text-decoration:none}.sub-tabs .tab-current,.sub-tabs .tab-current:hover,.sub-tabs a:hover{background-color:#FFFFFF;color:#1fb5ad}.sub-tabs-main{background-color:#FFFFFF;padding:15px;border-radius:0 0 4px 4px}.form>div{margin:15px 0}.form label{margin-bottom:10px;display:inline-block}.form label.checkbox{display:inline-flex;align-items:center;margin:11px 0}.form label.checkbox input{height:auto}.form input[type='text'],.form input[type='password'],.form textarea,.form select{font-size:14px;outline:medium none;width:100%;padding:6px 12px;height:34px;box-sizing:border-box;border:1px solid #e2e2e4;color:#333;border-radius:4px;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;background-color:#fff}.form textarea{height:auto}.form input[type='text']:focus,.form input[type='radio']:focus,.form input[type='password']:focus,.form textarea:focus{box-shadow:none;border-color:#1fb5ad}table.form label{margin:10px 0 0 0}table.form th{vertical-align:initial}.module-panel{border-radius:4px;background-color:#fff;margin-bottom:20px;min-height:160px}.module-header{background:#fafafa;padding:15px;border-bottom:1px solid #eff2f7;border-top-left-radius:3px;border-top-right-radius:3px}.module-header h2{font-size:13px;font-weight:400}.module-header a{color:#767676;text-decoration:none}.module-header a:hover{color:#1fb5ad}.module-panel .module-body{padding:15px}.module-panel .module-body li{padding:10px;line-height:18px;border-bottom:1px solid #ddd}.module-panel .module-body li:hover{background-color:#fafafa}.module-panel .module-body li a:hover{text-decoration:none}.comment-title{background-color:#ECECEC;border-bottom:1px solid #DFDFDF;border-top:1px solid #F9F9F9;padding:3px 6px 3px 12px;line-height:24px}#comments{height:462px;overflow:auto}.article__thumbnail{margin:10px auto 20px;display:none;text-align:center}.article__thumbnail .thumbnail__img{background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:50%;height:432px;width:768px;margin:0 auto}.article__thumbnail button{margin-top:10px}button#submitArticle{background-color:#fa8564;border-color:#fa8564}button#submitArticle:hover{background-color:#ec6459;border-color:#ec6459}#pagePagePanel{margin-top:0}#skinsPanel{min-width:328px;width:99%}.skinPreview{height:160px;margin:6px;width:280px}.skinItem{background-color:#FAFAFA;border-radius:3px;box-shadow:0 0 1px rgba(0,0,0,0.3);font-size:16px;line-height:24px;margin:10px;text-align:center}#skinMain .skinItem.selected,.skinItem:hover{background-color:#1fb5ad;box-shadow:0px 0px 6px rgba(0,0,0,0.3)}.f-blue,.error-msg{color:#3366CC}.signs button{margin:0 12px}.small-head{float:left;height:35px;margin:3px 9px 0 3px;width:35px}#commentTable .table-main td{vertical-align:top}.about-logo{float:left;margin:20px 0 0 20px}.about-margin{font-size:20px;margin:20px 0}.vditor-reset .about-list li{border:0}.vditor-reset .about-list li:hover{background-color:#fff;text-decoration:underline}.tag__select{position:relative;display:block}.tag__select button{position:absolute;right:0;top:1px;border-radius:0 4px 4px 0}.completed-panel{background-color:#fff;border:1px solid #ddd;color:#0000CC;display:none;overflow:auto;padding:2px;position:absolute;z-index:10;width:50%;border-top:0}.completed-panel a{display:block;text-decoration:none;line-height:26px;padding:0 5px}.completed-panel a.selected{background-color:#fafafa;color:#fa8564}.completed-ck{margin-top:9px}.completed-ck span,.signs button,.skinItem button{margin:5px 10px 5px 0;display:inline-block;background-color:#c7cbd6;border-color:#c7cbd6}.completed-ck span:hover,.signs button:hover,.skinItem button:hover{background-color:#b0b5b9;border-color:#b0b5b9}.completed-ck span.selected,.signs button.selected{background-color:#1ca59e;border-color:#1ca59e;color:#fff}.dialog-background{background-color:#000000;display:none;filter:alpha(opacity=30);height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:90}.dialog-panel{display:none;position:absolute;z-index:100}.dialog-title{color:#FFFFFF;float:left;font-size:12px;margin-left:12px}.dialog-header-bg{background:#32323a;border-radius:6px 6px 0 0;cursor:move;height:34px;line-height:34px}.dialog-header-bg .icon-close{cursor:pointer;float:right;height:18px;margin-top:6px;padding:3px;width:22px;color:#1fb5ad}.dialog-header-bg .icon-close:hover{color:#1ca59e}.dialog-main{background-color:#FFFFFF;border:1px solid #666666;border-color:#C0C0C0 #D9D9D9 #D9D9D9;border-top-width:0;padding:12px}.paginate-paginate div.button.paginate-page,.paginate-paginate a,.paginate-pageCount,.pagination-pages{border:1px solid #EFF2F7;padding:6px 12px;cursor:pointer;float:left;line-height:18px;background:#eee;height:18px;margin-left:1px;border-radius:0;text-decoration:none;color:#333}.pagination-current-page,.paginate-pageCount{cursor:auto}.paginate-pageCount{margin-left:10px}.pagination-current-page,.paginate-paginate a:hover,.paginate-paginate div.button.paginate-page:hover,.pagination-pages:hover{border-color:#2eb4ad;background-color:#2eb4ad;color:#FFF}.paginate-paginate div.button{padding:0;float:left;border:0;background:none}.paginate-inputPage{height:26px;width:24px;margin:0 5px}.table-main{margin:0;padding:0;position:relative}.table-main table{word-break:break-all;word-wrap:break-word}.table-header{border-bottom:1px solid #ddd;background-color:#fafafa;padding:15px 0}.table-header th{line-height:18px;text-align:left;text-indent:6px;font-weight:normal}.table-main td{border-bottom:1px solid #ddd;color:#767676;padding:10px 0}.table-lineHover .table-hasExpend td{border-bottom:0px}.table-heiglight td,.table-lineHover td{background-color:#fafafa;border-right-color:#fafafa}.table-expendRow td{padding:0 0 5px 36px}.table-expendRow td span{margin-left:60px}.table-expendRow td a{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px;text-decoration:none;color:#FFF;background-color:#c7cbd6;border-color:#c7cbd6}.table-expendRow td a:hover{background-color:#b0b5b9;border-color:#b0b5b9}.table-center{margin:0 auto}.table-tag{color:#D54121;font-size:12px;font-style:italic;margin-left:10px}.navigation-icon{height:18px;width:18px;float:left;margin:-1px 10px 0 0}#preferenceSignButton1,#preferenceSignButton2,#preferenceSignButton3{margin:10px 0}#tabPreferencePanel label,#tabPreferencePanel_setting label,.form__no-table label{width:100%;margin-top:10px;font-weight:bold}.page-list__label{width:100%}.search-btn{position:absolute;top:28px;right:27px;border-radius:0 4px 4px 0}.vditor-toolbar label{margin-bottom:0}.vditor .vditor-textarea{border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}@media (max-width: 768px){#top>a{display:none}#tabsPanel{margin-left:0}.footer{padding-left:0}.skinPreview{width:100%;height:auto;margin:0}.tip{left:12px}#tabs{transition:all 0.15s ease-in-out;left:-240px;z-index:100}.top__menu{font-size:22px;margin:12px;float:left;display:block}.fn__flex{display:block}#permalink{margin:0 !important}.permalink__label{margin-bottom:10px !important}.viewpwd__panel,.article-commentable__panel{float:none}#viewPwd{width:100% !important}.viewpwd__panel label{margin-top:20px}.signs label{width:100%}.table-expendRow td{padding-left:10px}.about-margin{margin-bottom:10px}.about__iframe{margin:0 0 20px 0 !important}.about-logo{margin:0 auto;display:block;float:none;width:128px}.about__panel{margin-left:0 !important}.dialog-panel{left:0 !important;top:0 !important;padding:10px !important;box-sizing:border-box !important;width:100% !important}.tabs__bg{display:none;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4);position:fixed;top:0;z-index:78}} html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__center{text-align:center}.ft__nowrap{white-space:nowrap}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word;background-size:20px 20px;background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")}.vditor-reset pre>code{padding:0.5em;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-reset .katex{position:relative}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:14px;width:14px;display:block;background-color:#f6f8fa;border-radius:3px;padding:3px}.vditor-copy svg{color:#586069;height:14px;width:14px;display:block;fill:currentColor}body{color:#767676;background:#f1f2f7;font-size:13px}a{color:#4183c4;text-decoration:none}a:visited{color:#7ba9d6}a:active{color:#2c5d8d}a:hover{text-decoration:underline}button,.completed-ck span{padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;text-align:center;white-space:nowrap;vertical-align:baseline;cursor:pointer;user-select:none;background-image:none;border:1px solid #1fb5ad;border-radius:4px;background-color:#1fb5ad;color:#fff;height:auto;outline:none;line-height:18px}button.small,.completed-ck span.small{padding:3px 6px;font-size:12px}button:hover{background-color:#1ca59e;border-color:#1ca59e}.fn__margin12{margin:12px}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?pmeuih");src:url("fonts/icomoon.eot?pmeuih#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?pmeuih") format("truetype"),url("fonts/icomoon.woff?pmeuih") format("woff"),url("fonts/icomoon.svg?pmeuih#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e909"}.icon-move-down:before{content:"\e90a"}.icon-move-up:before{content:"\e90b"}.icon-unordered-list:before{content:"\e004"}.icon-info:before{content:"\e00d"}.icon-article:before{content:"\e61d"}.icon-setting:before{content:"\e604"}.icon-cmts:before{content:"\e60a"}.icon-refresh:before{content:"\e60b"}.icon-chevron-down:before{content:"\e618"}.icon-chevron-up:before{content:"\e619"}a[class^="icon-"],a[class*=" icon-"]{color:#333}a[class^="icon-"]:hover,a[class*=" icon-"]:hover{text-decoration:none;color:#4183c4}.aboutIcon{background-position:-16px -48px}.icon-move-down,.icon-move-up{cursor:pointer}#allPanel{height:auto;min-height:100%;position:relative}#tabsPanel{margin:50px 0 0 240px;padding:15px;min-height:100px}#tabsPanel>div{padding-bottom:36px}#tabsPanel_article-list,#tabsPanel_draft-list,#tabsPanel_comment-list,#tabsPanel_plugin-list,#tabsPanel_page-list>div:first-child,#tabsPanel_user-list>div:first-child,#tabsPanel_category-list>div:first-child,#tabsPanel_link-list>div:first-child{background-color:#FFF;border-radius:4px;margin-bottom:40px;overflow:hidden}.tip{font-weight:bold;margin:0 auto;overflow:hidden;padding:2px 0;position:fixed;text-align:center;top:3px;left:255px;z-index:1001}#tipMsg,#loadMsg{color:#31708f;background-color:#d9edf7;border-radius:4px;line-height:40px;display:inline-block}.footer{bottom:12px;position:absolute;text-align:center;width:100%;padding-left:240px;box-sizing:border-box}#top{height:50px;position:fixed;box-shadow:1px 0 3px rgba(0,0,0,0.15);width:100%;top:0;background-color:#fff;z-index:80}#top>a{background:#1fb5ad;float:left;width:240px;height:50px;position:relative;color:#F7F7F7;text-align:center;text-decoration:none;font-size:20px;line-height:50px}#top>.fn__right a{color:#555;line-height:32px;margin:8px 10px;border:1px solid #f6f6f6;background-color:#f6f6f6;border-radius:100px;padding:0 10px;text-decoration:none;display:inline-block}#top>.fn__right a:hover{color:#333}#top .avatar{height:25px;width:25px;border-radius:20px;background-size:cover;background-repeat:no-repeat;background-position:center center;float:left;margin:3px 6px 0 0}#tabs{height:100%;min-height:468px;width:240px;margin-top:50px;position:fixed;top:0;background-color:#32323a;overflow:auto}#tabs ul{list-style:none}#tabs li{margin-left:0px;border-bottom:1px solid rgba(255,255,255,0.05)}#tabs li>div>a,#tabs #tabToolsTitle,#tabs #tabArticleTitle{color:#aeb2b7;display:block;text-decoration:none;letter-spacing:1px;padding:18px 0 18px 25px;line-height:18px;height:18px;transition:all 0.3s ease;cursor:pointer}#tabs a:hover,#tabs a.tab-current,#tabs #tabToolsTitle.tab-current,#tabs #tabArticleTitle.tab-current,#tabs #tabToolsTitle:hover,#tabs #tabArticleTitle:hover{background-color:#28282e;color:#1fb5ad}#tabs li li{border-bottom:0}#tabs li li>div>a{padding:13px 0 13px 46px;line-height:15px;height:15px;background-color:#28282e}#tabs li li>div>a:hover,#tabs li li>div>a.tab-current{background-color:#202025}#tabs .commentIcon,#tabs .postIcon,#tabs .preferenceIcon,#tabs .usersIcon,#tabs .aboutIcon{display:none}#tabs .icon-chevron-up,#tabs .icon-chevron-down{margin-right:10px}.sub-tabs{background-color:#e0e1e7;border-radius:4px 4px 0 0;overflow:hidden}.sub-tabs ul{float:left;list-style:none outside none;margin-right:24px}.sub-tabs li{float:left;margin:0}.sub-tabs li a{border-right:1px solid #e0e1e7;color:#898989;display:block;line-height:18px;padding:20px 15px;text-decoration:none}.sub-tabs .tab-current,.sub-tabs .tab-current:hover,.sub-tabs a:hover{background-color:#FFFFFF;color:#1fb5ad}.sub-tabs-main{background-color:#FFFFFF;padding:15px;border-radius:0 0 4px 4px}.form>div{margin:15px 0}.form label{margin-bottom:10px;display:inline-block}.form label.checkbox{display:inline-flex;align-items:center;margin:11px 0}.form label.checkbox input{height:auto}.form input[type='text'],.form input[type='password'],.form textarea,.form select{font-size:14px;outline:medium none;width:100%;padding:6px 12px;height:34px;box-sizing:border-box;border:1px solid #e2e2e4;color:#333;border-radius:4px;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;background-color:#fff}.form textarea{height:auto}.form input[type='text']:focus,.form input[type='radio']:focus,.form input[type='password']:focus,.form textarea:focus{box-shadow:none;border-color:#1fb5ad}table.form label{margin:10px 0 0 0}table.form th{vertical-align:initial}.module-panel{border-radius:4px;background-color:#fff;margin-bottom:20px;min-height:160px}.module-header{background:#fafafa;padding:15px;border-bottom:1px solid #eff2f7;border-top-left-radius:3px;border-top-right-radius:3px}.module-header h2{font-size:13px;font-weight:400}.module-header a{color:#767676;text-decoration:none}.module-header a:hover{color:#1fb5ad}.module-panel .module-body{padding:15px}.module-panel .module-body li{padding:10px;line-height:18px;border-bottom:1px solid #ddd}.module-panel .module-body li:hover{background-color:#fafafa}.module-panel .module-body li a:hover{text-decoration:none}.comment-title{background-color:#ECECEC;border-bottom:1px solid #DFDFDF;border-top:1px solid #F9F9F9;padding:3px 6px 3px 12px;line-height:24px}#comments{height:462px;overflow:auto}.article__thumbnail{margin:10px auto 20px;display:none;text-align:center}.article__thumbnail .thumbnail__img{background-color:rgba(0,0,0,0.02);background-size:cover;background-repeat:no-repeat;background-position:50%;height:432px;width:768px;margin:0 auto}.article__thumbnail button{margin-top:10px}button#submitArticle{background-color:#fa8564;border-color:#fa8564}button#submitArticle:hover{background-color:#ec6459;border-color:#ec6459}#pagePagePanel{margin-top:0}#skinsPanel{min-width:328px;width:99%}.skinPreview{height:160px;width:280px}.skinItem{background-color:#FAFAFA;border-radius:3px;box-shadow:0 0 1px rgba(0,0,0,0.3);font-size:16px;line-height:24px;margin:10px;text-align:center}.skinItem button:first-child{margin-left:10px}#skinMain .skinItem.selected,.skinItem:hover{background-color:#1fb5ad;box-shadow:0px 0px 6px rgba(0,0,0,0.3)}.f-blue,.error-msg{color:#3366CC}.signs button{margin:0 12px}.small-head{float:left;height:35px;margin:3px 9px 0 3px;width:35px}#commentTable .table-main td{vertical-align:top}.about-logo{float:left;margin:20px 0 0 20px}.about-margin{font-size:20px;margin:20px 0}.vditor-reset .about-list li{border:0}.vditor-reset .about-list li:hover{background-color:#fff;text-decoration:underline}.tag__select{position:relative;display:block}.tag__select button{position:absolute;right:0;top:1px;border-radius:0 4px 4px 0}.completed-panel{background-color:#fff;border:1px solid #ddd;color:#0000CC;display:none;overflow:auto;padding:2px;position:absolute;z-index:10;width:50%;border-top:0}.completed-panel a{display:block;text-decoration:none;line-height:26px;padding:0 5px}.completed-panel a.selected{background-color:#fafafa;color:#fa8564}.completed-ck{margin-top:9px}.completed-ck span,.signs button,.skinItem button{margin:5px 10px 5px 0;display:inline-block;background-color:#c7cbd6;border-color:#c7cbd6}.completed-ck span:hover,.signs button:hover,.skinItem button:hover{background-color:#b0b5b9;border-color:#b0b5b9}.completed-ck span.selected,.signs button.selected{background-color:#1ca59e;border-color:#1ca59e;color:#fff}.dialog-background{background-color:#000000;display:none;filter:alpha(opacity=30);height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:90}.dialog-panel{display:none;position:absolute;z-index:100}.dialog-title{color:#FFFFFF;float:left;font-size:12px;margin-left:12px}.dialog-header-bg{background:#32323a;border-radius:6px 6px 0 0;cursor:move;height:34px;line-height:34px}.dialog-header-bg .icon-close{cursor:pointer;float:right;height:18px;margin-top:6px;padding:3px;width:22px;color:#1fb5ad}.dialog-header-bg .icon-close:hover{color:#1ca59e}.dialog-main{background-color:#FFFFFF;border:1px solid #666666;border-color:#C0C0C0 #D9D9D9 #D9D9D9;border-top-width:0;padding:12px}.paginate-paginate div.button.paginate-page,.paginate-paginate a,.paginate-pageCount,.pagination-pages{border:1px solid #EFF2F7;padding:6px 12px;cursor:pointer;float:left;line-height:18px;background:#eee;height:18px;margin-left:1px;border-radius:0;text-decoration:none;color:#333}.pagination-current-page,.paginate-pageCount{cursor:auto}.paginate-pageCount{margin-left:10px}.pagination-current-page,.paginate-paginate a:hover,.paginate-paginate div.button.paginate-page:hover,.pagination-pages:hover{border-color:#2eb4ad;background-color:#2eb4ad;color:#FFF}.paginate-paginate div.button{padding:0;float:left;border:0;background:none}.paginate-inputPage{height:26px;width:24px;margin:0 5px}.table-main{margin:0;padding:0;position:relative}.table-main table{word-break:break-all;word-wrap:break-word}.table-header{border-bottom:1px solid #ddd;background-color:#fafafa;padding:15px 0}.table-header th{line-height:18px;text-align:left;text-indent:6px;font-weight:normal}.table-main td{border-bottom:1px solid #ddd;color:#767676;padding:10px 0}.table-lineHover .table-hasExpend td{border-bottom:0px}.table-heiglight td,.table-lineHover td{background-color:#fafafa;border-right-color:#fafafa}.table-expendRow td{padding:0 0 5px 36px}.table-expendRow td span{margin-left:60px}.table-expendRow td a{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px;text-decoration:none;color:#FFF;background-color:#c7cbd6;border-color:#c7cbd6}.table-expendRow td a:hover{background-color:#b0b5b9;border-color:#b0b5b9}.table-center{margin:0 auto}.table-tag{color:#D54121;font-size:12px;font-style:italic;margin-left:10px}.navigation-icon{height:18px;width:18px;float:left;margin:-1px 10px 0 0}#preferenceSignButton1,#preferenceSignButton2,#preferenceSignButton3{margin:10px 0}#tabPreferencePanel label,#tabPreferencePanel_setting label,.form__no-table label{width:100%;margin-top:10px;font-weight:bold}.page-list__label{width:100%}.search-btn{position:absolute;top:28px;right:27px;border-radius:0 4px 4px 0}.vditor-toolbar label{margin-bottom:0}.vditor .vditor-textarea{border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}@media (max-width: 768px){#top>a{display:none}#tabsPanel{margin-left:0}.footer{padding-left:0}.skinPreview{width:100%;height:auto;margin:0}.tip{left:12px}#tabs{transition:all 0.15s ease-in-out;left:-240px;z-index:100}.top__menu{font-size:22px;margin:12px;float:left;display:block}.fn__flex{display:block}#permalink{margin:0 !important}.permalink__label{margin-bottom:10px !important}.viewpwd__panel,.article-commentable__panel{float:none}#viewPwd{width:100% !important}.viewpwd__panel label{margin-top:20px}.signs label{width:100%}.table-expendRow td{padding-left:10px}.about-margin{margin-bottom:10px}.about__iframe{margin:0 0 20px 0 !important}.about-logo{margin:0 auto;display:block;float:none;width:128px}.about__panel{margin-left:0 !important}.dialog-panel{left:0 !important;top:0 !important;padding:10px !important;box-sizing:border-box !important;width:100% !important}.tabs__bg{display:none;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4);position:fixed;top:0;z-index:78}}
src/main/webapp/scss/admin.scss
View file @ cc7c1990
...@@ -27,160 +27,170 @@ ...@@ -27,160 +27,170 @@
@import "vditor/src/assets/scss/classic"; @import "vditor/src/assets/scss/classic";
body { body {
color: #767676; color: #767676;
background: #f1f2f7; background: #f1f2f7;
font-size: 13px; font-size: 13px;
} }
a { a {
color: #4183c4; color: #4183c4;
text-decoration: none text-decoration: none
} }
a:visited { a:visited {
color: #7ba9d6 color: #7ba9d6
} }
a:active { a:active {
color: #2c5d8d color: #2c5d8d
} }
a:hover { a:hover {
text-decoration: underline text-decoration: underline
} }
button, button,
.completed-ck span { .completed-ck span {
padding: 6px 12px; padding: 6px 12px;
margin-bottom: 0; margin-bottom: 0;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
background-image: none; background-image: none;
border: 1px solid #1fb5ad; border: 1px solid #1fb5ad;
border-radius: 4px; border-radius: 4px;
background-color: #1fb5ad; background-color: #1fb5ad;
color: #fff; color: #fff;
height: auto; height: auto;
outline: none; outline: none;
line-height: 18px; line-height: 18px;
&.small { &.small {
padding: 3px 6px; padding: 3px 6px;
font-size: 12px; font-size: 12px;
} }
} }
button:hover { button:hover {
background-color: #1ca59e; background-color: #1ca59e;
border-color: #1ca59e; border-color: #1ca59e;
} }
.fn__margin12 { .fn__margin12 {
margin: 12px; margin: 12px;
} }
/* start ico */ /* start ico */
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('fonts/icomoon.eot?pmeuih'); src: url('fonts/icomoon.eot?pmeuih');
src: url('fonts/icomoon.eot?pmeuih#iefix') format('embedded-opentype'), src: url('fonts/icomoon.eot?pmeuih#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?pmeuih') format('truetype'), url('fonts/icomoon.ttf?pmeuih') format('truetype'),
url('fonts/icomoon.woff?pmeuih') format('woff'), url('fonts/icomoon.woff?pmeuih') format('woff'),
url('fonts/icomoon.svg?pmeuih#icomoon') format('svg'); url('fonts/icomoon.svg?pmeuih#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
[class^="icon-"], [class*=" icon-"] { [class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */ /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
speak: none; speak: none;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
line-height: 1; line-height: 1;
/* Better Font Rendering =========== */ /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-close:before { .icon-close:before {
content: "\e909"; content: "\e909";
} }
.icon-move-down:before { .icon-move-down:before {
content: "\e90a"; content: "\e90a";
} }
.icon-move-up:before { .icon-move-up:before {
content: "\e90b"; content: "\e90b";
} }
.icon-unordered-list:before { .icon-unordered-list:before {
content: "\e004"; content: "\e004";
} }
.icon-info:before { .icon-info:before {
content: "\e00d"; content: "\e00d";
} }
.icon-article:before { .icon-article:before {
content: "\e61d"; content: "\e61d";
} }
.icon-setting:before { .icon-setting:before {
content: "\e604"; content: "\e604";
} }
.icon-cmts:before { .icon-cmts:before {
content: "\e60a"; content: "\e60a";
} }
.icon-refresh:before { .icon-refresh:before {
content: "\e60b"; content: "\e60b";
} }
.icon-chevron-down:before { .icon-chevron-down:before {
content: "\e618"; content: "\e618";
} }
.icon-chevron-up:before { .icon-chevron-up:before {
content: "\e619"; content: "\e619";
} }
a[class^="icon-"], a[class^="icon-"],
a[class*=" icon-"] { a[class*=" icon-"] {
color: #333; color: #333;
} }
a[class^="icon-"]:hover, a[class^="icon-"]:hover,
a[class*=" icon-"]:hover { a[class*=" icon-"]:hover {
text-decoration: none; text-decoration: none;
color: #4183c4; color: #4183c4;
} }
.aboutIcon { .aboutIcon {
background-position: -16px -48px; background-position: -16px -48px;
} }
.icon-move-down, .icon-move-down,
.icon-move-up { .icon-move-up {
cursor: pointer; cursor: pointer;
} }
/* end ico */ /* end ico */
/* start frame */ /* start frame */
#allPanel { #allPanel {
height: auto; height: auto;
min-height: 100%; min-height: 100%;
position: relative; position: relative;
} }
#tabsPanel { #tabsPanel {
margin: 50px 0 0 240px; margin: 50px 0 0 240px;
padding: 15px; padding: 15px;
min-height: 100px; min-height: 100px;
} }
#tabsPanel > div { #tabsPanel > div {
padding-bottom: 36px; padding-bottom: 36px;
} }
#tabsPanel_article-list, #tabsPanel_article-list,
...@@ -191,129 +201,129 @@ a[class*=" icon-"]:hover { ...@@ -191,129 +201,129 @@ a[class*=" icon-"]:hover {
#tabsPanel_user-list > div:first-child, #tabsPanel_user-list > div:first-child,
#tabsPanel_category-list > div:first-child, #tabsPanel_category-list > div:first-child,
#tabsPanel_link-list > div:first-child { #tabsPanel_link-list > div:first-child {
background-color: #FFF; background-color: #FFF;
border-radius: 4px; border-radius: 4px;
margin-bottom: 40px; margin-bottom: 40px;
overflow: hidden; overflow: hidden;
} }
.tip { .tip {
font-weight: bold; font-weight: bold;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
padding: 2px 0; padding: 2px 0;
position: fixed; position: fixed;
text-align: center; text-align: center;
top: 3px; top: 3px;
left: 255px; left: 255px;
z-index: 1001; z-index: 1001;
} }
#tipMsg, #loadMsg { #tipMsg, #loadMsg {
color: #31708f; color: #31708f;
background-color: #d9edf7; background-color: #d9edf7;
border-radius: 4px; border-radius: 4px;
line-height: 40px; line-height: 40px;
display: inline-block; display: inline-block;
} }
.footer { .footer {
bottom: 12px; bottom: 12px;
position: absolute; position: absolute;
text-align: center; text-align: center;
width: 100%; width: 100%;
padding-left: 240px; padding-left: 240px;
box-sizing: border-box; box-sizing: border-box;
} }
/* end frame */ /* end frame */
/* start top-nav */ /* start top-nav */
#top { #top {
height: 50px; height: 50px;
position: fixed; position: fixed;
box-shadow: 1px 0 3px rgba(0, 0, 0, .15); box-shadow: 1px 0 3px rgba(0, 0, 0, .15);
width: 100%; width: 100%;
top: 0; top: 0;
background-color: #fff; background-color: #fff;
z-index: 80; z-index: 80;
} }
#top > a { #top > a {
background: #1fb5ad; background: #1fb5ad;
float: left; float: left;
width: 240px; width: 240px;
height: 50px; height: 50px;
position: relative; position: relative;
color: #F7F7F7; color: #F7F7F7;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
font-size: 20px; font-size: 20px;
line-height: 50px; line-height: 50px;
} }
#top > .fn__right a { #top > .fn__right a {
color: #555; color: #555;
line-height: 32px; line-height: 32px;
margin: 8px 10px; margin: 8px 10px;
border: 1px solid #f6f6f6; border: 1px solid #f6f6f6;
background-color: #f6f6f6; background-color: #f6f6f6;
border-radius: 100px; border-radius: 100px;
padding: 0 10px; padding: 0 10px;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
} }
#top > .fn__right a:hover { #top > .fn__right a:hover {
color: #333; color: #333;
} }
#top .avatar { #top .avatar {
height: 25px; height: 25px;
width: 25px; width: 25px;
border-radius: 20px; border-radius: 20px;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
float: left; float: left;
margin: 3px 6px 0 0; margin: 3px 6px 0 0;
} }
/* end top-nav */ /* end top-nav */
/* start first tab */ /* start first tab */
#tabs { #tabs {
height: 100%; height: 100%;
min-height: 468px; min-height: 468px;
width: 240px; width: 240px;
margin-top: 50px; margin-top: 50px;
position: fixed; position: fixed;
top: 0; top: 0;
background-color: #32323a; background-color: #32323a;
overflow: auto; overflow: auto;
} }
#tabs ul { #tabs ul {
list-style: none; list-style: none;
} }
#tabs li { #tabs li {
margin-left: 0px; margin-left: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05);
} }
#tabs li > div > a, #tabs li > div > a,
#tabs #tabToolsTitle, #tabs #tabToolsTitle,
#tabs #tabArticleTitle { #tabs #tabArticleTitle {
color: #aeb2b7; color: #aeb2b7;
display: block; display: block;
text-decoration: none; text-decoration: none;
letter-spacing: 1px; letter-spacing: 1px;
padding: 18px 0 18px 25px; padding: 18px 0 18px 25px;
line-height: 18px; line-height: 18px;
height: 18px; height: 18px;
transition: all 0.3s ease; transition: all 0.3s ease;
cursor: pointer; cursor: pointer;
} }
#tabs a:hover, #tabs a:hover,
...@@ -322,308 +332,310 @@ a[class*=" icon-"]:hover { ...@@ -322,308 +332,310 @@ a[class*=" icon-"]:hover {
#tabs #tabArticleTitle.tab-current, #tabs #tabArticleTitle.tab-current,
#tabs #tabToolsTitle:hover, #tabs #tabToolsTitle:hover,
#tabs #tabArticleTitle:hover { #tabs #tabArticleTitle:hover {
background-color: #28282e; background-color: #28282e;
color: #1fb5ad; color: #1fb5ad;
} }
#tabs li li { #tabs li li {
border-bottom: 0; border-bottom: 0;
} }
#tabs li li > div > a { #tabs li li > div > a {
padding: 13px 0 13px 46px; padding: 13px 0 13px 46px;
line-height: 15px; line-height: 15px;
height: 15px; height: 15px;
background-color: #28282e; background-color: #28282e;
} }
#tabs li li > div > a:hover, #tabs li li > div > a:hover,
#tabs li li > div > a.tab-current { #tabs li li > div > a.tab-current {
background-color: #202025; background-color: #202025;
} }
#tabs .commentIcon, #tabs .postIcon, #tabs .preferenceIcon, #tabs .usersIcon, #tabs .commentIcon, #tabs .postIcon, #tabs .preferenceIcon, #tabs .usersIcon,
#tabs .aboutIcon { #tabs .aboutIcon {
display: none; display: none;
} }
#tabs .icon-chevron-up, #tabs .icon-chevron-up,
#tabs .icon-chevron-down { #tabs .icon-chevron-down {
margin-right: 10px; margin-right: 10px;
} }
/* end first tabs */ /* end first tabs */
/* start sub tabs */ /* start sub tabs */
.sub-tabs { .sub-tabs {
background-color: #e0e1e7; background-color: #e0e1e7;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
overflow: hidden; overflow: hidden;
} }
.sub-tabs ul { .sub-tabs ul {
float: left; float: left;
list-style: none outside none; list-style: none outside none;
margin-right: 24px; margin-right: 24px;
} }
.sub-tabs li { .sub-tabs li {
float: left; float: left;
margin: 0; margin: 0;
} }
.sub-tabs li a { .sub-tabs li a {
border-right: 1px solid #e0e1e7; border-right: 1px solid #e0e1e7;
color: #898989; color: #898989;
display: block; display: block;
line-height: 18px; line-height: 18px;
padding: 20px 15px; padding: 20px 15px;
text-decoration: none; text-decoration: none;
} }
.sub-tabs .tab-current, .sub-tabs .tab-current:hover, .sub-tabs .tab-current, .sub-tabs .tab-current:hover,
.sub-tabs a:hover { .sub-tabs a:hover {
background-color: #FFFFFF; background-color: #FFFFFF;
color: #1fb5ad; color: #1fb5ad;
} }
.sub-tabs-main { .sub-tabs-main {
background-color: #FFFFFF; background-color: #FFFFFF;
padding: 15px; padding: 15px;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
} }
/* end preference tabs*/ /* end preference tabs*/
/* start form */ /* start form */
.form > div { .form > div {
margin: 15px 0; margin: 15px 0;
} }
.form label { .form label {
margin-bottom: 10px; margin-bottom: 10px;
display: inline-block; display: inline-block;
} }
.form label.checkbox { .form label.checkbox {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
margin: 11px 0; margin: 11px 0;
} }
.form label.checkbox input { .form label.checkbox input {
height: auto; height: auto;
} }
.form input[type='text'], .form input[type='password'], .form textarea, .form input[type='text'], .form input[type='password'], .form textarea,
.form select { .form select {
font-size: 14px; font-size: 14px;
outline: medium none; outline: medium none;
width: 100%; width: 100%;
padding: 6px 12px; padding: 6px 12px;
height: 34px; height: 34px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #e2e2e4; border: 1px solid #e2e2e4;
color: #333; color: #333;
border-radius: 4px; border-radius: 4px;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
background-color: #fff; background-color: #fff;
} }
.form textarea { .form textarea {
height: auto; height: auto;
} }
.form input[type='text']:focus, .form input[type='text']:focus,
.form input[type='radio']:focus, .form input[type='radio']:focus,
.form input[type='password']:focus, .form textarea:focus { .form input[type='password']:focus, .form textarea:focus {
box-shadow: none; box-shadow: none;
border-color: #1fb5ad; border-color: #1fb5ad;
} }
table.form label { table.form label {
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
table.form th { table.form th {
vertical-align: initial; vertical-align: initial;
} }
/* end form */ /* end form */
/* start module */ /* start module */
.module-panel { .module-panel {
border-radius: 4px; border-radius: 4px;
background-color: #fff; background-color: #fff;
margin-bottom: 20px; margin-bottom: 20px;
min-height: 160px; min-height: 160px;
} }
.module-header { .module-header {
background: #fafafa; background: #fafafa;
padding: 15px; padding: 15px;
border-bottom: 1px solid #eff2f7; border-bottom: 1px solid #eff2f7;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
} }
.module-header h2 { .module-header h2 {
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
} }
.module-header a { .module-header a {
color: #767676; color: #767676;
text-decoration: none; text-decoration: none;
} }
.module-header a:hover { .module-header a:hover {
color: #1fb5ad; color: #1fb5ad;
} }
.module-panel .module-body { .module-panel .module-body {
padding: 15px; padding: 15px;
} }
.module-panel .module-body li { .module-panel .module-body li {
padding: 10px; padding: 10px;
line-height: 18px; line-height: 18px;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.module-panel .module-body li:hover { .module-panel .module-body li:hover {
background-color: #fafafa; background-color: #fafafa;
} }
.module-panel .module-body li a:hover { .module-panel .module-body li a:hover {
text-decoration: none; text-decoration: none;
} }
/* end module */ /* end module */
/* start comments */ /* start comments */
.comment-title { .comment-title {
background-color: #ECECEC; background-color: #ECECEC;
border-bottom: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #F9F9F9; border-top: 1px solid #F9F9F9;
padding: 3px 6px 3px 12px; padding: 3px 6px 3px 12px;
line-height: 24px; line-height: 24px;
} }
#comments { #comments {
height: 462px; height: 462px;
overflow: auto; overflow: auto;
} }
/* end comments */ /* end comments */
/* start article */ /* start article */
.article__thumbnail { .article__thumbnail {
margin: 10px auto 20px; margin: 10px auto 20px;
display: none; display: none;
text-align: center; text-align: center;
} }
.article__thumbnail .thumbnail__img { .article__thumbnail .thumbnail__img {
background-color: rgba(0, 0, 0, .02); background-color: rgba(0, 0, 0, .02);
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50%; background-position: 50%;
height: 432px; height: 432px;
width: 768px; width: 768px;
margin: 0 auto; margin: 0 auto;
} }
.article__thumbnail button { .article__thumbnail button {
margin-top: 10px margin-top: 10px
} }
button#submitArticle { button#submitArticle {
background-color: #fa8564; background-color: #fa8564;
border-color: #fa8564; border-color: #fa8564;
} }
button#submitArticle:hover { button#submitArticle:hover {
background-color: #ec6459; background-color: #ec6459;
border-color: #ec6459; border-color: #ec6459;
} }
#pagePagePanel { #pagePagePanel {
margin-top: 0; margin-top: 0;
} }
/* end article */ /* end article */
/* start preference */ /* start preference */
#skinsPanel { #skinsPanel {
min-width: 328px; min-width: 328px;
width: 99%; width: 99%;
} }
.skinPreview { .skinPreview {
height: 160px; height: 160px;
margin: 6px; width: 280px;
width: 280px;
} }
.skinItem { .skinItem {
background-color: #FAFAFA; background-color: #FAFAFA;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
margin: 10px; margin: 10px;
text-align: center; text-align: center;
button:first-child {
margin-left: 10px;
}
} }
#skinMain .skinItem.selected, #skinMain .skinItem.selected,
.skinItem:hover { .skinItem:hover {
background-color: #1fb5ad; background-color: #1fb5ad;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
} }
.f-blue, .error-msg { .f-blue, .error-msg {
color: #3366CC; color: #3366CC;
} }
.signs button { .signs button {
margin: 0 12px; margin: 0 12px;
} }
/* end preference */ /* end preference */
/* start common list */ /* start common list */
.small-head { .small-head {
float: left; float: left;
height: 35px; height: 35px;
margin: 3px 9px 0 3px; margin: 3px 9px 0 3px;
width: 35px; width: 35px;
} }
#commentTable .table-main td { #commentTable .table-main td {
vertical-align: top; vertical-align: top;
} }
/* end common list */ /* end common list */
/* start about */ /* start about */
.about-logo { .about-logo {
float: left; float: left;
margin: 20px 0 0 20px; margin: 20px 0 0 20px;
} }
.about-margin { .about-margin {
font-size: 20px; font-size: 20px;
margin: 20px 0; margin: 20px 0;
} }
.vditor-reset .about-list li { .vditor-reset .about-list li {
border: 0; border: 0;
} }
.vditor-reset .about-list li:hover { .vditor-reset .about-list li:hover {
background-color: #fff; background-color: #fff;
text-decoration: underline; text-decoration: underline;
} }
/* end about */ /* end about */
...@@ -635,397 +647,397 @@ button#submitArticle:hover { ...@@ -635,397 +647,397 @@ button#submitArticle:hover {
* @version 1.0.0.7, Oct 29, 2011 * @version 1.0.0.7, Oct 29, 2011
*/ */
.tag__select { .tag__select {
position: relative; position: relative;
display: block; display: block;
} }
.tag__select button { .tag__select button {
position: absolute; position: absolute;
right: 0; right: 0;
top: 1px; top: 1px;
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
} }
.completed-panel { .completed-panel {
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
color: #0000CC; color: #0000CC;
display: none; display: none;
overflow: auto; overflow: auto;
padding: 2px; padding: 2px;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
width: 50%; width: 50%;
border-top: 0; border-top: 0;
} }
.completed-panel a { .completed-panel a {
display: block; display: block;
text-decoration: none; text-decoration: none;
line-height: 26px; line-height: 26px;
padding: 0 5px; padding: 0 5px;
} }
.completed-panel a.selected { .completed-panel a.selected {
background-color: #fafafa; background-color: #fafafa;
color: #fa8564; color: #fa8564;
} }
.completed-ck { .completed-ck {
margin-top: 9px; margin-top: 9px;
} }
.completed-ck span, .completed-ck span,
.signs button, .signs button,
.skinItem button { .skinItem button {
margin: 5px 10px 5px 0; margin: 5px 10px 5px 0;
display: inline-block; display: inline-block;
background-color: #c7cbd6; background-color: #c7cbd6;
border-color: #c7cbd6; border-color: #c7cbd6;
} }
.completed-ck span:hover, .completed-ck span:hover,
.signs button:hover, .signs button:hover,
.skinItem button:hover { .skinItem button:hover {
background-color: #b0b5b9; background-color: #b0b5b9;
border-color: #b0b5b9; border-color: #b0b5b9;
} }
.completed-ck span.selected, .completed-ck span.selected,
.signs button.selected { .signs button.selected {
background-color: #1ca59e; background-color: #1ca59e;
border-color: #1ca59e; border-color: #1ca59e;
color: #fff; color: #fff;
} }
.dialog-background { .dialog-background {
background-color: #000000; background-color: #000000;
display: none; display: none;
filter: alpha(opacity=30); filter: alpha(opacity=30);
height: 100%; height: 100%;
left: 0; left: 0;
opacity: .3; opacity: .3;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 90; z-index: 90;
} }
.dialog-panel { .dialog-panel {
display: none; display: none;
position: absolute; position: absolute;
z-index: 100; z-index: 100;
} }
.dialog-title { .dialog-title {
color: #FFFFFF; color: #FFFFFF;
float: left; float: left;
font-size: 12px; font-size: 12px;
margin-left: 12px; margin-left: 12px;
} }
.dialog-header-bg { .dialog-header-bg {
background: #32323a; background: #32323a;
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
cursor: move; cursor: move;
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
} }
.dialog-header-bg .icon-close { .dialog-header-bg .icon-close {
cursor: pointer; cursor: pointer;
float: right; float: right;
height: 18px; height: 18px;
margin-top: 6px; margin-top: 6px;
padding: 3px; padding: 3px;
width: 22px; width: 22px;
color: #1fb5ad; color: #1fb5ad;
} }
.dialog-header-bg .icon-close:hover { .dialog-header-bg .icon-close:hover {
color: #1ca59e; color: #1ca59e;
} }
.dialog-main { .dialog-main {
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #666666; border: 1px solid #666666;
border-color: #C0C0C0 #D9D9D9 #D9D9D9; border-color: #C0C0C0 #D9D9D9 #D9D9D9;
border-top-width: 0; border-top-width: 0;
padding: 12px; padding: 12px;
} }
.paginate-paginate div.button.paginate-page, .paginate-paginate a, .paginate-pageCount, .paginate-paginate div.button.paginate-page, .paginate-paginate a, .paginate-pageCount,
.pagination-pages { .pagination-pages {
border: 1px solid #EFF2F7; border: 1px solid #EFF2F7;
padding: 6px 12px; padding: 6px 12px;
cursor: pointer; cursor: pointer;
float: left; float: left;
line-height: 18px; line-height: 18px;
background: #eee; background: #eee;
height: 18px; height: 18px;
margin-left: 1px; margin-left: 1px;
border-radius: 0; border-radius: 0;
text-decoration: none; text-decoration: none;
color: #333; color: #333;
} }
.pagination-current-page, .pagination-current-page,
.paginate-pageCount { .paginate-pageCount {
cursor: auto; cursor: auto;
} }
.paginate-pageCount { .paginate-pageCount {
margin-left: 10px; margin-left: 10px;
} }
.pagination-current-page, .pagination-current-page,
.paginate-paginate a:hover, .paginate-paginate a:hover,
.paginate-paginate div.button.paginate-page:hover, .paginate-paginate div.button.paginate-page:hover,
.pagination-pages:hover { .pagination-pages:hover {
border-color: #2eb4ad; border-color: #2eb4ad;
background-color: #2eb4ad; background-color: #2eb4ad;
color: #FFF; color: #FFF;
} }
.paginate-paginate div.button { .paginate-paginate div.button {
padding: 0; padding: 0;
float: left; float: left;
border: 0; border: 0;
background: none; background: none;
} }
.paginate-inputPage { .paginate-inputPage {
height: 26px; height: 26px;
width: 24px; width: 24px;
margin: 0 5px; margin: 0 5px;
} }
.table-main { .table-main {
margin: 0; margin: 0;
padding: 0; padding: 0;
position: relative; position: relative;
} }
.table-main table { .table-main table {
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
} }
.table-header { .table-header {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
background-color: #fafafa; background-color: #fafafa;
padding: 15px 0; padding: 15px 0;
} }
.table-header th { .table-header th {
line-height: 18px; line-height: 18px;
text-align: left; text-align: left;
text-indent: 6px; text-indent: 6px;
font-weight: normal; font-weight: normal;
} }
.table-main td { .table-main td {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
color: #767676; color: #767676;
padding: 10px 0; padding: 10px 0;
} }
.table-lineHover .table-hasExpend td { .table-lineHover .table-hasExpend td {
border-bottom: 0px; border-bottom: 0px;
} }
.table-heiglight td, .table-lineHover td { .table-heiglight td, .table-lineHover td {
background-color: #fafafa; background-color: #fafafa;
border-right-color: #fafafa; border-right-color: #fafafa;
} }
.table-expendRow td { .table-expendRow td {
padding: 0 0 5px 36px; padding: 0 0 5px 36px;
} }
.table-expendRow td span { .table-expendRow td span {
margin-left: 60px; margin-left: 60px;
} }
.table-expendRow td a { .table-expendRow td a {
padding: 1px 5px; padding: 1px 5px;
font-size: 12px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
border-radius: 3px; border-radius: 3px;
text-decoration: none; text-decoration: none;
color: #FFF; color: #FFF;
background-color: #c7cbd6; background-color: #c7cbd6;
border-color: #c7cbd6; border-color: #c7cbd6;
} }
.table-expendRow td a:hover { .table-expendRow td a:hover {
background-color: #b0b5b9; background-color: #b0b5b9;
border-color: #b0b5b9; border-color: #b0b5b9;
} }
.table-center { .table-center {
margin: 0 auto; margin: 0 auto;
} }
.table-tag { .table-tag {
color: #D54121; color: #D54121;
font-size: 12px; font-size: 12px;
font-style: italic; font-style: italic;
margin-left: 10px; margin-left: 10px;
} }
.navigation-icon { .navigation-icon {
height: 18px; height: 18px;
width: 18px; width: 18px;
float: left; float: left;
margin: -1px 10px 0 0; margin: -1px 10px 0 0;
} }
#preferenceSignButton1, #preferenceSignButton1,
#preferenceSignButton2, #preferenceSignButton2,
#preferenceSignButton3 { #preferenceSignButton3 {
margin: 10px 0; margin: 10px 0;
} }
#tabPreferencePanel label, #tabPreferencePanel label,
#tabPreferencePanel_setting label, #tabPreferencePanel_setting label,
.form__no-table label { .form__no-table label {
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
font-weight: bold; font-weight: bold;
} }
.page-list__label { .page-list__label {
width: 100%; width: 100%;
} }
.search-btn { .search-btn {
position: absolute; position: absolute;
top: 28px; top: 28px;
right: 27px; right: 27px;
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
} }
.vditor-toolbar label { .vditor-toolbar label {
margin-bottom: 0; margin-bottom: 0;
} }
.vditor .vditor-textarea { .vditor .vditor-textarea {
border: 0; border: 0;
resize: none; resize: none;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
background-color: #fafbfc; background-color: #fafbfc;
outline: 0 none; outline: 0 none;
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
color: #24292e; color: #24292e;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#top > a { #top > a {
display: none; display: none;
} }
#tabsPanel { #tabsPanel {
margin-left: 0; margin-left: 0;
} }
.footer { .footer {
padding-left: 0; padding-left: 0;
} }
.skinPreview { .skinPreview {
width: 100%; width: 100%;
height: auto; height: auto;
margin: 0; margin: 0;
} }
.tip { .tip {
left: 12px; left: 12px;
} }
#tabs { #tabs {
transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
left: -240px; left: -240px;
z-index: 100; z-index: 100;
} }
.top__menu { .top__menu {
font-size: 22px; font-size: 22px;
margin: 12px; margin: 12px;
float: left; float: left;
display: block; display: block;
} }
.fn__flex { .fn__flex {
display: block; display: block;
} }
#permalink { #permalink {
margin: 0 !important; margin: 0 !important;
} }
.permalink__label { .permalink__label {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
.viewpwd__panel, .viewpwd__panel,
.article-commentable__panel { .article-commentable__panel {
float: none; float: none;
} }
#viewPwd { #viewPwd {
width: 100% !important; width: 100% !important;
} }
.viewpwd__panel label { .viewpwd__panel label {
margin-top: 20px; margin-top: 20px;
} }
.signs label { .signs label {
width: 100%; width: 100%;
} }
.table-expendRow td { .table-expendRow td {
padding-left: 10px; padding-left: 10px;
} }
.about-margin { .about-margin {
margin-bottom: 10px; margin-bottom: 10px;
} }
.about__iframe { .about__iframe {
margin: 0 0 20px 0 !important; margin: 0 0 20px 0 !important;
} }
.about-logo { .about-logo {
margin: 0 auto; margin: 0 auto;
display: block; display: block;
float: none; float: none;
width: 128px; width: 128px;
} }
.about__panel { .about__panel {
margin-left: 0 !important; margin-left: 0 !important;
} }
.dialog-panel { .dialog-panel {
left: 0 !important; left: 0 !important;
top: 0 !important; top: 0 !important;
padding: 10px !important; padding: 10px !important;
box-sizing: border-box !important; box-sizing: border-box !important;
width: 100% !important; width: 100% !important;
} }
.tabs__bg { .tabs__bg {
display: none; display: none;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
position: fixed; position: fixed;
top: 0; top: 0;
z-index: 78; z-index: 78;
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment