更多操作
无编辑摘要 |
无编辑摘要 |
||
第3行: | 第3行: | ||
margin-top:4px; | margin-top:4px; | ||
} | } | ||
.timuID{ | .timuID{ | ||
font-size:13px; | font-size:13px; | ||
第10行: | 第11行: | ||
color:#dedada | color:#dedada | ||
} | } | ||
. | |||
.titleInline{ | |||
display: flex; | |||
flex-wrap: nowrap; | |||
flex-direction: row; | |||
align-items: center; | |||
margin-bottom: 1px; | |||
border-radius: 4px; | |||
padding: 0.1em; | |||
} | |||
.titleInline-wrap{ | |||
display: flex; | |||
flex-wrap: wrap; | |||
flex-direction: row; | |||
align-items: center; | |||
margin-bottom: 2px; | |||
border-radius: 4px; | |||
padding: 0.2em; | |||
} | |||
.titleInline-no-flex{ | |||
margin-bottom: 2px; | |||
border-radius: 4px; | |||
padding: 0.2em; | |||
} | |||
.info{ | |||
margin-left: 30px; | |||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
.source{ | .source{ | ||
第22行: | 第46行: | ||
color: #6d6d6d; | color: #6d6d6d; | ||
margin-right:3px; | margin-right:3px; | ||
margin-top: 5px; | |||
margin-bottom: 5px; | |||
} | |||
.type{ | |||
display: inline; | |||
background: #e3e3e3; | |||
padding: 4px; | |||
border-radius: 3px; | |||
color: #6d6d6d; | |||
margin-right:3px; | |||
margin-top: 5px; | |||
margin-bottom: 5px; | |||
} | } | ||
.title{ | .title{ | ||
display: inline; | display: inline; | ||
margin:2px; | |||
} | |||
/* dorpdown */ | |||
.dorpdown{ | |||
max-width: 55px; | |||
margin-left: 5px; | margin-left: 5px; | ||
} | } | ||
. | /* option */ | ||
.optionInline{ | |||
display: flex; | |||
flex-wrap: nowrap; | |||
flex-direction: row; | |||
align-items: center; | |||
border-radius: 5px; | |||
margin-bottom: 2px; | |||
margin-right: 80px; | |||
padding-left:6px; | |||
} | |||
.optionInline>input{ | |||
margin-right:5px!important; | |||
margin-top:0!important; | |||
margin-bottom:0!important; | |||
margin-left:0!important; | |||
} | |||
.optionsGroup{ | |||
display: block; | display: block; | ||
margin-left: 30px; | margin-left: 30px; | ||
margin-top: 0; | |||
margin-bottom: 5px; | |||
} | |||
.optionsGroup-flex{ | |||
display: flex; | |||
flex-wrap: wrap; | |||
} | |||
.optionsGroup-flex>.optionInline>:first-child{ | |||
font-weight: bold; | |||
} | |||
/* subject */ | |||
.subjectForm{ | |||
margin-top: 10px; | margin-top: 10px; | ||
max-width: 95%; | |||
word-wrap:break-word | |||
} | |||
/* btnGroup */ | |||
.buttonGroup{ | |||
height: 33px; | |||
margin-left: 15px; | |||
} | } | ||
. | .editThisBtn{ | ||
display:none; | |||
margin- | font-size: 14px; | ||
margin-left: 5px | |||
} | } | ||
. | |||
/* resultGroup */ | |||
.resultGroup{ | |||
display: none; | |||
margin-top: 15px; | margin-top: 15px; | ||
margin-left: 20px; | margin-left: 20px; | ||
} | } | ||
. | .answerInline{ | ||
display: flex; | |||
flex-wrap: nowrap; | |||
flex-direction: row; | |||
align-items: center; | |||
} | |||
.explainInline{ | |||
display: flex; | |||
flex-wrap: nowrap; | |||
flex-direction: row; | |||
align-items: center; | |||
} | |||
/* textInput */ | |||
.textInput-tk{ | |||
display: inline; | display: inline; | ||
max-width: 200px; | |||
} | } | ||
. | .textInput-tk>input{ | ||
display: | display: inline; | ||
width: 200px; | |||
} | } | ||
. | .textInput-mj{ | ||
display: | display: inline; | ||
max-width: auto; | |||
} | } | ||
. | /* 显示答案的设置 */ | ||
.notChoiced{ | |||
transition-duration: 500ms; | |||
background-color: rgba(238, 226, 40, 0.4); | |||
font-weight: bold; | |||
} | } | ||
.correct{ | .correct{ | ||
第66行: | 第164行: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.answerTip{ | .answerTip{ | ||
display: inline; | display: inline; | ||
第97行: | 第171行: | ||
border-radius: 5px; | border-radius: 5px; | ||
margin-left: 5px; | margin-left: 5px; | ||
} | } |
2023年6月22日 (四) 16:48的版本
.timuContainer{
position:relative;
margin-top:4px;
}
.timuID{
font-size:13px;
position:absolute;
right: 12px;
top: 0px;
color:#dedada
}
.titleInline{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
margin-bottom: 1px;
border-radius: 4px;
padding: 0.1em;
}
.titleInline-wrap{
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
margin-bottom: 2px;
border-radius: 4px;
padding: 0.2em;
}
.titleInline-no-flex{
margin-bottom: 2px;
border-radius: 4px;
padding: 0.2em;
}
.info{
margin-left: 30px;
margin-top: 10px;
}
.source{
display: inline;
background: #e3e3e3;
padding: 4px;
border-radius: 3px;
color: #6d6d6d;
margin-right:3px;
margin-top: 5px;
margin-bottom: 5px;
}
.type{
display: inline;
background: #e3e3e3;
padding: 4px;
border-radius: 3px;
color: #6d6d6d;
margin-right:3px;
margin-top: 5px;
margin-bottom: 5px;
}
.title{
display: inline;
margin:2px;
}
/* dorpdown */
.dorpdown{
max-width: 55px;
margin-left: 5px;
}
/* option */
.optionInline{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
border-radius: 5px;
margin-bottom: 2px;
margin-right: 80px;
padding-left:6px;
}
.optionInline>input{
margin-right:5px!important;
margin-top:0!important;
margin-bottom:0!important;
margin-left:0!important;
}
.optionsGroup{
display: block;
margin-left: 30px;
margin-top: 0;
margin-bottom: 5px;
}
.optionsGroup-flex{
display: flex;
flex-wrap: wrap;
}
.optionsGroup-flex>.optionInline>:first-child{
font-weight: bold;
}
/* subject */
.subjectForm{
margin-top: 10px;
max-width: 95%;
word-wrap:break-word
}
/* btnGroup */
.buttonGroup{
height: 33px;
margin-left: 15px;
}
.editThisBtn{
display:none;
font-size: 14px;
margin-left: 5px
}
/* resultGroup */
.resultGroup{
display: none;
margin-top: 15px;
margin-left: 20px;
}
.answerInline{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
.explainInline{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
/* textInput */
.textInput-tk{
display: inline;
max-width: 200px;
}
.textInput-tk>input{
display: inline;
width: 200px;
}
.textInput-mj{
display: inline;
max-width: auto;
}
/* 显示答案的设置 */
.notChoiced{
transition-duration: 500ms;
background-color: rgba(238, 226, 40, 0.4);
font-weight: bold;
}
.correct{
transition-duration: 500ms;
background-color: rgba(53, 238, 40,0.4);
font-weight: bold;
}
.wrong{
transition-duration: 500ms;
background-color: rgba(255, 79, 79, 0.4);
font-weight: bold;
}
.answerTip{
display: inline;
background: lightgrey;
color: darkgreen;
padding: 3px;
border-radius: 5px;
margin-left: 5px;
}