179 lines
3.7 KiB
CSS
179 lines
3.7 KiB
CSS
/*
|
|
* Copyright (c) 2014-present, b3log.org
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
/*
|
|
* themes for dark.
|
|
*
|
|
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
|
* @version 0.1.0.0, Dec 6, 2015
|
|
*/
|
|
.side {
|
|
background-color: #303130;
|
|
}
|
|
|
|
.side-right {
|
|
background-color: #303130;
|
|
color: #999;
|
|
}
|
|
|
|
.footer {
|
|
background-color: #181B1D;
|
|
border-top: 1px solid #000000;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.edit-panel {
|
|
background-color: #181818;
|
|
color: #EBEBEB;
|
|
}
|
|
|
|
.font-ico,
|
|
.ico-restore {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.font-ico:hover,
|
|
.ico-restore:hover,
|
|
.frame li:hover .font-ico {
|
|
color: #e1e1e1;
|
|
}
|
|
|
|
.menu {
|
|
background: #252525;
|
|
box-shadow: 0 1px 0 0 #353535 inset;
|
|
border-bottom: 1px solid #000000;
|
|
}
|
|
|
|
.menu > ul > li > span {
|
|
color: #cecece;
|
|
text-shadow: #292a2b 0px 1px 0px;
|
|
}
|
|
|
|
.menu > ul > li.selected {
|
|
background-color: #494949;
|
|
color: #d4d4d4;
|
|
box-shadow: 1px 0 0 0 #000000 inset, 1px 0 0 0 #000000, 0 1px 0 0 rgba(255, 255, 255, 0.15) inset;
|
|
}
|
|
|
|
.menu .split {
|
|
border-color: #000000;
|
|
}
|
|
|
|
.frame {
|
|
color: #f1f1f1;
|
|
border: 1px solid #00040a;
|
|
box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.65);
|
|
background-color: #494949;
|
|
text-shadow: 0px 1px 0px #2c2c2c;
|
|
}
|
|
|
|
.frame li:hover,
|
|
.zeroclipboard-is-hover {
|
|
background-color: #3875D7;
|
|
color: #FFF;
|
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.frame li.disabled:hover {
|
|
background-color: #494949;
|
|
color: #999;
|
|
}
|
|
|
|
.frame .hr {
|
|
font-size: 1px;
|
|
margin: 2px 3px;
|
|
border-top: 1px solid #353535;
|
|
border-bottom: 1px solid #565656;
|
|
height: 0;
|
|
}
|
|
|
|
.tabs {
|
|
box-shadow: 0 -1px 0 0 #000000 inset, 0 1px 0 0 rgba(255, 255, 255, 0.06) inset, 0 1px 0 rgba(255, 255, 255, 0.06);
|
|
background-color: #252525;
|
|
}
|
|
|
|
.tabs > div {
|
|
background-color: #303030;
|
|
color: #adadad;
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
|
|
border-right: 1px solid #181B1D;
|
|
}
|
|
|
|
.tabs > div:hover {
|
|
background-color: #363636;
|
|
}
|
|
|
|
.tabs > div.current {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
|
|
background-color: #555;
|
|
}
|
|
|
|
.dialog-header-bg {
|
|
border-bottom: 1px solid #000000;
|
|
box-shadow: 0 1px #5b5c5e inset;
|
|
background-image: -webkit-linear-gradient(top, #404143 0%, #333537 52%, #252729 52%, #252729 100%);
|
|
}
|
|
|
|
.dialog-title {
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.dialog-main {
|
|
background-color: #DEDEDF;
|
|
}
|
|
|
|
.dialog-footer {
|
|
box-shadow: 0 1px 0 0 #353535 inset;
|
|
border-top: 1px solid #000000;
|
|
background-color: #2B2B2B;
|
|
}
|
|
|
|
.ztree li a {
|
|
color: #e1e1e1;
|
|
}
|
|
|
|
.bottom-window-group .tabs-panel {
|
|
background-color: #181818;
|
|
color: #ebebeb;
|
|
}
|
|
|
|
#dialogPreference .preference {
|
|
border: 1px solid #000;
|
|
}
|
|
/* start layout resize */
|
|
.ui-layout-resizer,
|
|
.ui-layout-resizer-dragging,
|
|
.ui-layout-resizer-open-hover,
|
|
.ui-layout-resizer-dragging {
|
|
background: #000;
|
|
}
|
|
.ui-layout-resizer-closed {
|
|
background-color: #555555;
|
|
}
|
|
.ui-layout-resizer-west-closed {
|
|
border-right: 1px solid #000;
|
|
}
|
|
.ui-layout-resizer-south-closed {
|
|
border-top: 1px solid #000;
|
|
}
|
|
.ui-layout-resizer-east-closed {
|
|
border-left: 1px solid #000;
|
|
}
|
|
.ui-layout-resizer-closed-hover { /* hover-color to 'slide open' */
|
|
background: #000;
|
|
} |