/* * 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 wide. * * @author Liyuan Li * @version 0.1.0.1, Dec 15, 2015 */ /* start frame */ .frame { position: absolute; width: 320px; z-index: 21; display: none; } .frame li { padding: 0 5px; line-height: 25px; cursor: pointer; } .frame li.disabled, .frame li.disabled .font-ico, .frame li.disabled:hover .font-ico { color: #999; } .frame a { color: #000; text-decoration: none; } .frame li:hover a, .frame a:hover { color: #FFF; } .frame .space { display: inline-block; width: 20px; height: 15px; } .frame .font-ico { margin-right: 5px; width: 15px; display: inline-block; text-align: center; } /* end frame */ /* start tabs */ .tabs { height: 21px; overflow: hidden; width: 100%; } .tabs > div { float: left; line-height: 20px; height: 20px; padding: 0 5px; cursor: pointer; } .tabs > div > span.changed { font-weight: bold; } .tabs-panel { overflow: auto; flex: 1; height: 100%; } /* end tabs */ /* start menu */ .menu { display: block !important; } .menu > ul > li { float: left; } .menu > ul > li > span { font-size: 12px; line-height: 21px; cursor: pointer; padding: 4px 7px; } .menu .split { float: left; border-left: 1px solid #919191; height: 21px; margin: 0 5px 0 0px } .menu img.gravatar { float: left; margin: 2px 8px; height: 17px; width: 17px; border-radius: 9px; } #buildRun { color: #6DB14C; font-size: 19px; } #buildRun.ico-stop { color: #9d0000; font-size: 16px; } .share-panel { position: absolute; z-index: 20; width: 190px; padding: 5px 0; right: 0px; top: 21px; } .share-panel .font-ico { font-size: 20px; transition:all .2s ease-out 0s; margin: 0 5px; width: 24px; } .share-panel .font-ico:hover { transform:rotate(360deg); } /* end menu */ /* start editor */ .edit-panel { position: absolute; left: 20%; width: 60%; height: 70%; overflow: hidden; flex-flow: column; display: flex; } .toolbars { position: absolute; right: 5px; top: 1px; } .ico { background-image: url("../images/ico-file.png"); float: left; height: 16px; margin: 2px 0 0 -2px; width: 16px; } /* 统一为 static/js/lib/codemirror-x.x/addon/hint/show-hint.css 中的.CodeMirror-hints */ .edit-exprinfo { position: absolute; z-index: 10; overflow: hidden; list-style: none; margin: 0; padding: 2px; -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2); box-shadow: 2px 3px 5px rgba(0,0,0,.2); border-radius: 3px; border: 1px solid silver; background: white; font-size: 90%; max-height: 20em; overflow-y: auto; } .CodeMirror, .CodeMirror-hints { font-family: Consolas, 'Courier New', monospace; } .CodeMirror-hints .ico { margin: -1px 2px 0 -1px; } .CodeMirror-focused .cm-matchhighlight { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==); background-position: bottom; background-repeat: repeat-x; } .CodeMirror-hint { padding-right: 18px; max-width: none; } .CodeMirror-hint:hover { background: #08f; color: white; } .CodeMirror div.CodeMirror-cursor { border-left: 2px solid #333; } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: transparent; } /* end editor */ /* start bottom-window-group */ .bottom-window-group { background-color: #fff; flex-flow: column; } .bottom-window-group .output { font-family: Consolas, Courier New, monospace; padding: 0 5px; line-height: 16px; font-size: 12px; overflow-x: scroll; outline: 0; } .bottom-window-group .output pre { margin: 0; font-family: Consolas, 'Courier New', monospace } .bottom-window-group .output .start-build, .bottom-window-group .output .start-test, .start-vet, .bottom-window-group .output .start-install, .bottom-window-group .output .start-get { color: #999; } .bottom-window-group .output .build-succ, .bottom-window-group .output .test-succ, .vet-succ, .bottom-window-group .output .install-succ, .bottom-window-group .output .get-succ { color: rgb(0,153,0); } .bottom-window-group .output .build-error, .bottom-window-group .output .test-error, .vet-error, .bottom-window-group .output .install-error, .bottom-window-group .output .get-error { color: #9d0000; } .bottom-window-group .output .stderr { color: gray; font-style: italic; } .bottom-window-group .output .path { text-decoration: underline; cursor: pointer; } .bottom-window-group table { width: 100%; } .bottom-window-group td { border-bottom: 1px solid #919191; font-size: 12px; line-height: 19px; } .bottom-window-group .notification { outline: 0; } .bottom-window-group .notification .type, .bottom-window-group .notification .severity { width: 50px; padding: 0 5px; } .bottom-window-group .search { display: flex; flex-flow: column; outline: 0; } /* end bottom-window-group */ /* start footer */ .footer { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.06) inset; padding-left: 5px; line-height: 18px; display: block !important; } .footer .cursor { cursor: pointer; } .notification-count { float: right; display: none; cursor: pointer; background-color: #9d0000; color: #FFF; margin: 1px 5px; padding: 0 2px; border-radius: 3px; line-height: 16px; } /* end footer */