|
|
|
|
|
.page--header {
|
|
|
z-index: 1399 !important;
|
|
|
}
|
|
|
|
|
|
/* 左右分隔条 */
|
|
|
.b-label {
|
|
|
background: #111c24;
|
|
|
}
|
|
|
.b-label>.resize-helper {
|
|
|
height: 30px;
|
|
|
position: relative;
|
|
|
margin-top: -20px;
|
|
|
margin-left: -17px;
|
|
|
left: 50%;
|
|
|
top: 50%;
|
|
|
z-index: 50;
|
|
|
}
|
|
|
.b-label>.resize-helper button{
|
|
|
width: 24px;
|
|
|
height: 24px;
|
|
|
min-height: 24px;
|
|
|
opacity: 0.7;
|
|
|
}
|
|
|
.b-label>.resize-helper button:hover {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
|
|
|
.b-label>.resize-helper button path {
|
|
|
color: #666666;
|
|
|
fill: currentColor;
|
|
|
}
|
|
|
|
|
|
/* 所有i都加上动画 */
|
|
|
#game_right_contents i {
|
|
|
transition: transform .3s ease;
|
|
|
}
|
|
|
|
|
|
|
|
|
/* */
|
|
|
.h-center {
|
|
|
height: 3px;
|
|
|
background: rgb(17, 28, 36);
|
|
|
border-top: 1px solid rgb(25, 82, 123);
|
|
|
}
|
|
|
|
|
|
|
|
|
/* */
|
|
|
/* codemirror初始化的时候高度没100% */
|
|
|
#codetab_con_1 {
|
|
|
/*display: flex;*/
|
|
|
}
|
|
|
.CodeMirror{
|
|
|
/*height: -webkit-fill-available !important;*/
|
|
|
line-height: 1.2;
|
|
|
|
|
|
/*height: auto !important;
|
|
|
flex: 1 1 auto;*/
|
|
|
}
|
|
|
|
|
|
/* LeftView markdown */
|
|
|
#game_show_content #tab_con_1 .editormd-preview, #game_show_content #tab_con_2 .editormd-preview
|
|
|
,#game_show_content #tab_con_3 .editormd-preview
|
|
|
,#game_show_content #tab_con_5 .editormd-preview {
|
|
|
width: 100% !important;
|
|
|
height: 100% !important;
|
|
|
}
|
|
|
|
|
|
/* tab 样式覆盖 */
|
|
|
#blacktab_nav {
|
|
|
background-color: #111C24;
|
|
|
border-bottom: 1px solid #222C34;
|
|
|
}
|
|
|
.blacktab_hover {
|
|
|
|
|
|
}
|
|
|
.blacktab_hover a:after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
margin-left: -10px;
|
|
|
top: auto;
|
|
|
bottom: 0;
|
|
|
right: auto;
|
|
|
height: 2px;
|
|
|
width: 20px;
|
|
|
background-color: #29BD8B;
|
|
|
}
|
|
|
|
|
|
button.buttonHoverColor:hover a {
|
|
|
color: #FF7500!important;
|
|
|
}
|
|
|
|
|
|
/*--------------------------------------------------- Header Start */
|
|
|
.leftNavDrawer {
|
|
|
z-index: 8000 !important;
|
|
|
}
|
|
|
.leftNavDrawer>div:nth-child(2) {
|
|
|
/*left:80px !important;*/
|
|
|
z-index: 8000 !important;
|
|
|
top: 54px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.leftNavDrawer .MuiDrawer-paper-2 {
|
|
|
width: 500px;
|
|
|
}
|
|
|
|
|
|
.leftNavDrawer .page--over {
|
|
|
left: 0px;
|
|
|
position: static;
|
|
|
}
|
|
|
.leftNavDrawer .col-width-3 {
|
|
|
position: static;
|
|
|
width: 400px;
|
|
|
border: none;
|
|
|
}
|
|
|
|
|
|
|
|
|
#myshixun_top {
|
|
|
display: flex;
|
|
|
height: 54px;
|
|
|
}
|
|
|
.headerLeft {
|
|
|
flex: 0 0 400px;
|
|
|
}
|
|
|
#user_grade a {
|
|
|
color: white;
|
|
|
}
|
|
|
.-header-right {
|
|
|
right: inherit;
|
|
|
margin-left: 24px;
|
|
|
display: inline-block;
|
|
|
top: 12px;
|
|
|
height: 32px;
|
|
|
padding: 3px 15px
|
|
|
}
|
|
|
.userInfo {
|
|
|
display: inline-block;
|
|
|
top: 4px;
|
|
|
position: relative;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
.userInfo img {
|
|
|
border-radius: 18px;
|
|
|
vertical-align: bottom;
|
|
|
}
|
|
|
.userInfo .userInfoName {
|
|
|
margin-left: 12px;
|
|
|
color: #fff;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
#user_grade {
|
|
|
margin-top: -1px;
|
|
|
}
|
|
|
.headerCenter {
|
|
|
flex: 1 1 auto;
|
|
|
text-align: center;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
.headerCenter h2 {
|
|
|
max-width: none;
|
|
|
width: 100%;
|
|
|
font-size: 16px;
|
|
|
flex: 0 0 24px;
|
|
|
}
|
|
|
.headerCenter .timeRecord {
|
|
|
font-size: 13px;
|
|
|
color: #CCCCCC;
|
|
|
width: 100px;
|
|
|
margin: auto;
|
|
|
}
|
|
|
.headerRight {
|
|
|
flex: 0 0 400px;
|
|
|
}
|
|
|
.headerRight a {
|
|
|
color: #1A3F5F;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
.headerRight .exitBtn {
|
|
|
color: #1a3f5f !important;
|
|
|
}
|
|
|
.headerRight a:hover {
|
|
|
color: #4CACFF !important;
|
|
|
}
|
|
|
.headerRight i {
|
|
|
font-size: 24px !important;
|
|
|
margin-right: 8px;
|
|
|
margin-top: 12px;
|
|
|
vertical-align: -4px;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*--------------------------------------------------- Header End */
|
|
|
/* picture_display 样式，language_display处理*/
|
|
|
.photo_display {
|
|
|
padding-top: 54px;
|
|
|
padding-left: 0px;
|
|
|
}
|
|
|
.with33{ width: 33%;}
|
|
|
.with49{ width: 49%;}
|
|
|
.mr1precent{margin-right: 1%;}
|
|
|
.mr03precent{margin-right: 0.3%;}
|
|
|
/*TPI输出TXT文件显示*/
|
|
|
.output-txt{padding: 10px;box-shadow:1px 6px 24px rgba(17,28,36,0.2);min-height: 500px;width: 100%;box-sizing: border-box;outline: none;}
|
|
|
|
|
|
/* -------------------------------------- m design 控件样式修改*/
|
|
|
.rootSnackbar {
|
|
|
top: 60px !important;
|
|
|
z-index: 99999999 !important;
|
|
|
}
|
|
|
.rootSnackbar>div>div {
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
|
|
|
/* Dialog */
|
|
|
#alert-dialog-title>h2 {
|
|
|
text-align: center;
|
|
|
}
|
|
|
#alert-dialog-title {
|
|
|
border-bottom: 1px solid #eee;
|
|
|
margin-bottom: 18px;
|
|
|
}
|
|
|
body>div[role=dialog]>div[role=document]>div:nth-child(3) {
|
|
|
justify-content: center;
|
|
|
}
|
|
|
body>div[role=dialog]>div {
|
|
|
/* tpi dialog按钮改成平铺的大按钮 */
|
|
|
/* padding-bottom: 10px; */
|
|
|
}
|
|
|
/* tpi 窗口宽度*/
|
|
|
#tpi-dialog>div[role=document] {
|
|
|
border-radius: 10px;
|
|
|
}
|
|
|
body>div[role=dialog] div[role=document] {
|
|
|
min-width: 400px;
|
|
|
}
|
|
|
#alert-dialog-title + div {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
body>div>div[role=tooltip] {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
|
|
|
/* -------------------------------------- m design 控件样式修改 END*/
|
|
|
|
|
|
/*rc-tree样式*/
|
|
|
.repoFilesDrawer .rc-tree li span.rc-tree-checkbox, .rc-tree li span.rc-tree-iconEle, .rc-tree li span.rc-tree-switcher {
|
|
|
background-image:url('../../images/component/rc-tree.png');
|
|
|
}
|
|
|
.rc-tree li span.rc-tree-node-selected .rc-tree-iconEle {
|
|
|
background-image:url('../../images/component/selectFile.png');
|
|
|
background-position: 0;
|
|
|
margin-bottom: 4px;
|
|
|
}
|
|
|
.repoFilesDrawer .rc-tree li span.rc-tree-icon_loading {
|
|
|
margin-right: 2px;
|
|
|
vertical-align: top;
|
|
|
background: url(data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7) no-repeat scroll 0 0 transparent;
|
|
|
}
|
|
|
|
|
|
/*去除选中的颜色*/
|
|
|
.repoFilesDrawer .rc-tree-node-selected {
|
|
|
background-color: #4CACFF;
|
|
|
border: 1px solid #4CACFF;
|
|
|
opacity: 1;
|
|
|
height: 26px !important;
|
|
|
}
|
|
|
.repoFilesDrawer .rc-tree-node-selected span.rc-tree-title {
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
/*
|
|
|
|
|
|
Name: Railscasts
|
|
|
Author: Ryan Bates (http://railscasts.com)
|
|
|
|
|
|
CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
|
|
|
Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
|
|
|
|
|
|
*/
|
|
|
|
|
|
.cm-s-railscasts.CodeMirror {background: #2b2b2b;color: #f4f1ed;line-height: 21px;}
|
|
|
.cm-s-railscasts div.CodeMirror-selected {background: #214283 !important;}
|
|
|
.cm-s-railscasts .CodeMirror-gutters {/*background: #2b2b2b; */border-right: 0px;}
|
|
|
.cm-s-railscasts .CodeMirror-linenumber {color: #5a647e;}
|
|
|
.cm-s-railscasts .CodeMirror-cursor {border-left: 1px solid #d4cfc9 !important;}
|
|
|
|
|
|
.cm-s-railscasts span.cm-comment {color: #bc9458;}
|
|
|
.cm-s-railscasts span.cm-atom {color: #b6b3eb;}
|
|
|
.cm-s-railscasts span.cm-number {color: #b6b3eb;}
|
|
|
|
|
|
.cm-s-railscasts span.cm-property, .cm-s-railscasts span.cm-attribute {color: #a5c261;}
|
|
|
.cm-s-railscasts span.cm-keyword {color: #da4939;}
|
|
|
.cm-s-railscasts span.cm-string {color: #ffc66d;}
|
|
|
|
|
|
.cm-s-railscasts span.cm-variable {color: #a5c261;}
|
|
|
.cm-s-railscasts span.cm-variable-2 {color: #6d9cbe;}
|
|
|
.cm-s-railscasts span.cm-def {color: #cc7833;}
|
|
|
/*.cm-s-railscasts span.cm-error {background: #da4939; color: #d4cfc9;}*/
|
|
|
.cm-s-railscasts span.cm-bracket {color: #f4f1ed;}
|
|
|
.cm-s-railscasts span.cm-tag {color: #da4939;}
|
|
|
.cm-s-railscasts span.cm-link {color: #b6b3eb;}
|
|
|
|
|
|
.cm-s-railscasts .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
|
|
|
.cm-s-railscasts .CodeMirror-activeline-background { background: #303040; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* evaluateView*/
|
|
|
|
|
|
.CodeMirror-lines{padding: 0px!important;}
|
|
|
.cm-s-blackboard.CodeMirror {background: #0C1021; color: #F8F8F8; }
|
|
|
.cm-s-blackboard div.CodeMirror-selected { background: #253B76; }
|
|
|
.cm-s-blackboard .CodeMirror-line::selection, .cm-s-blackboard .CodeMirror-line > span::selection, .cm-s-blackboard .CodeMirror-line > span > span::selection { background: rgba(37, 59, 118, .99); }
|
|
|
.cm-s-blackboard .CodeMirror-line::-moz-selection, .cm-s-blackboard .CodeMirror-line > span::-moz-selection, .cm-s-blackboard .CodeMirror-line > span > span::-moz-selection { background: rgba(37, 59, 118, .99); }
|
|
|
.cm-s-blackboard .CodeMirror-gutters { background: #585858; border-right: 0; }
|
|
|
.cm-s-blackboard .CodeMirror-guttermarker { color: #FBDE2D; }
|
|
|
.cm-s-blackboard .CodeMirror-guttermarker-subtle { color: #888; }
|
|
|
.cm-s-blackboard .CodeMirror-linenumber { color: #888;/*background: #585858;*/ }
|
|
|
.cm-s-blackboard .CodeMirror-cursor { border-left: 1px solid #A7A7A7; }
|
|
|
|
|
|
.cm-s-blackboard .cm-keyword { color: #FBDE2D; }
|
|
|
.cm-s-blackboard .cm-atom { color: #D8FA3C; }
|
|
|
.cm-s-blackboard .cm-number { color: #D8FA3C; }
|
|
|
.cm-s-blackboard .cm-def { color: #8DA6CE; }
|
|
|
.cm-s-blackboard .cm-variable { color: #FF6400; }
|
|
|
.cm-s-blackboard .cm-operator { color: #FBDE2D; }
|
|
|
.cm-s-blackboard .cm-comment { color: #AEAEAE; }
|
|
|
.cm-s-blackboard .cm-string { color: #61CE3C; }
|
|
|
.cm-s-blackboard .cm-string-2 { color: #61CE3C; }
|
|
|
.cm-s-blackboard .cm-meta { color: #D8FA3C; }
|
|
|
.cm-s-blackboard .cm-builtin { color: #8DA6CE; }
|
|
|
.cm-s-blackboard .cm-tag { color: #8DA6CE; }
|
|
|
.cm-s-blackboard .cm-attribute { color: #8DA6CE; }
|
|
|
.cm-s-blackboard .cm-header { color: #FF6400; }
|
|
|
.cm-s-blackboard .cm-hr { color: #AEAEAE; }
|
|
|
.cm-s-blackboard .cm-link { color: #8DA6CE; }
|
|
|
.cm-s-blackboard .cm-error { background: #9D1E15; color: #F8F8F8; }
|
|
|
|
|
|
.cm-s-blackboard .CodeMirror-activeline-background { background: #3C3636; }
|
|
|
.cm-s-blackboard .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; }
|
|
|
|
|
|
.cm-s-railscasts span.cm-error {
|
|
|
color: #bc9458;
|
|
|
}
|
|
|
|
|
|
/* 弹框 */
|
|
|
.popupAll{width: 100%;height: 100%;position: fixed;z-index: 99998;background-color: rgba(5,16,26,0.6);left: 0;top:0;}
|
|
|
.task-popup{ width: 30%;background: #fff; border:1px solid #e8e8e8; border-radius:10px; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
|
|
|
.task-popup-text-center{ text-align: center; color: #333;}
|
|
|
.task-popup-title{ border-bottom: 1px solid #eee; padding:0px 15px;text-align: center;box-sizing: border-box;line-height: 70px;height: 70px; border-radius: 10px 10px 0px 0px;font-size: 16px; }
|
|
|
.task-popup-content{ padding:15px;}
|
|
|
/*注释这个地方是因为会影响到实训哪块合作者删除的样式*/
|
|
|
/*.task-popup-submit{ margin:0px auto 15px; width: 120px;}*/
|
|
|
.task-popup-sure{ margin:0px auto 15px; width: 54px;}
|
|
|
.task-popup-right-sure{margin:0px auto 15px;text-align: center}
|
|
|
.task-popup-OK{ margin:15px auto; text-align: center}
|
|
|
.task-popup-bggrey{ background:#fff; color:#333;}
|
|
|
a.task-btn-orange{background: #4CACFF; color:#fff!important;}
|
|
|
a:hover.task-btn-orange{background: #4CACFF; color:#fff!important;}
|
|
|
|
|
|
|
|
|
/* 代码区域样式 */
|
|
|
#games_repository_contents .readRepoFailed {
|
|
|
color: #fff;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
margin-top: 120px;
|
|
|
}
|
|
|
#games_repository_contents .readRepoFailed .retry {
|
|
|
color:#4CACFF;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
