/* start icon */ @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?35cb2z'); src:url('fonts/icomoon.eot?#iefix35cb2z') format('embedded-opentype'), url('fonts/icomoon.woff?35cb2z') format('woff'), url('fonts/icomoon.ttf?35cb2z') format('truetype'), url('fonts/icomoon.svg?35cb2z#icomoon') format('svg'); font-weight: normal; font-style: normal; } .font-ico { font-family: 'icomoon'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #666; cursor: pointer; font-size: 13px; line-height: 18px; } .font-ico:hover { color: #333; } .ico-play:before { content: "\e605"; } .ico-save:before { content: "\f0c7"; } .ico-max:before { content: "\f096"; } .ico-format:before { content: "\e60b"; } .ico-buildrun:before { content: "\e607"; } .ico-stop:before { content: "\e608"; } .ico-restore:before { content: "\e60c"; } .ico-min:before { content: "\e60d"; position: absolute; right: 5px; } .ico-close:before { content: "\e60a"; } /* end ico */ /* start frame */ .frame { position: absolute; border: 1px solid #5F5F5F; background-color: #F8F8F8; width: 320px; z-index: 21; display: none; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .frame li { padding: 0 5px; line-height: 25px; cursor: pointer; } .frame li.disabled { color: #999; } .frame li:hover, .menu > ul > li > span.selected { background-color: #3875D7; color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .frame li.disabled:hover { background-color: #F8F8F8; color: #999; } .frame a { color: #000; text-decoration: none; } .frame li:hover a, .frame a:hover { color: #FFF; } .frame .hr { background-color: #bdbdbd; height: 1px; margin: 0 1px; } /* end frame */ /* start tabs */ .tabs { height: 20px; overflow: hidden; width: 100%; background-color: #E6E6E6; border-top: 1px solid #A4A4A4; border-bottom: 1px solid #9D9D9D; } .tabs > div { float: left; line-height: 18px; height: 18px; padding: 0 5px; cursor: pointer; background-color: #DDD; color: #8B8B8B; border-right: 1px solid #ADADAD; } .tabs > div.current { background-color: #9F9F9F; color: #FFF; } /* end tabs */ /* start framework */ .content { position: relative; overflow: hidden; } /* end framework */ /* start menu */ .menu { background-color: #F0F0F0; height: 24px; } .menu > ul > li { float: left; } .menu > ul > li > span { color: #000; font-size: 12px; line-height: 24px; padding: 5px; text-decoration: none; cursor: pointer; } /* end menu */ /* start editor */ .edit-panel { width: 80%; position: absolute; left: 20%; width: 80%; height: 70%; overflow: hidden; } .edit-panel .tabs > div { background-color: #d1d1d1; border-right-color: #9b9b9b; color: #333; cursor: auto; } .edit-panel .tabs > div.current { background-color: #F7F7F7; } .edit-panel .tabs > div > span.changed { font-weight: bold; } .toolbars { position: absolute; right: 5px; top: 1px; } .edit-panel .tabs .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 { } .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; } /* end editor */ /* start bottom-window-group */ .bottom-window-group { width: 80%; position: absolute; left: 20%; width: 80%; height: 30%; top: 70%; z-index: 7; background-color: #fff; } .bottom-window-group-max { height: 100%; left: 0; top: 0; width: 100%; z-index: 11; } .bottom-window-group > div > div { overflow: auto; } .bottom-window-group .output { font-family: Consolas, Courier New, monospace; padding: 0 5px; line-height: 16px; font-size: 12px; } .bottom-window-group .output pre { margin: 0; } .bottom-window-group .output .start-build, .bottom-window-group .output .start-test, .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, .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, .bottom-window-group .output .install-error, .bottom-window-group .output .get-error { color: #eb0000; } .bottom-window-group table { width: 100%; } .bottom-window-group td { border-bottom: 1px solid #DDD; line-height: 20px; } .bottom-window-group .notification .type, .bottom-window-group .notification .severity { width: 50px; padding: 0 5px; } .bottom-window-group .search li { cursor: pointer; line-height: 20px; padding: 0 3px; word-wrap: normal; word-break: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bottom-window-group .search li.selected { background-color: #3875d7; color: #FFF; } .bottom-window-group .search .path { color: #999; font-size: 12px; } .bottom-window-group .search li.selected .path { color: #FFF; } /* end bottom-window-group */ /* start footer */ .footer { border-top: 1px solid #919191; background-color: #F0F0F0; padding-left: 5px; height: 19px; line-height: 18px; } .footer .cursor { cursor: pointer; } .notification-count { float: right; display: none; cursor: pointer; background-color: #eb0000; color: #FFF; margin: 1px 5px; padding: 0 2px; border-radius: 3px; line-height: 16px; } /* end footer */