查看“MediaWiki:Gadget-tiku.css”的源代码

.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: flex-start;
    margin-bottom: 1px;
    border-radius: 4px;
    padding: 0.1em;
}
.titleInline-wrap{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    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;
    padding: 5px;
	border-radius: 5px;
	background-color: rgb(247, 247, 247);
	font-size: 14.5px;

}
.source{
    display: inline;
    background: #e3e3e3;
    border-radius: 3px;
    color: #6d6d6d;
    margin: 0 3px 0 0;
    padding:0 3px 0 3px;
}
.type{
    display: inline;
    background: #e3e3e3;
    border-radius: 3px;
    color: #6d6d6d;
    margin: 0 3px 0 0;
    padding:0 3px 0 3px;
}
.title{
    display: inline;
    margin: 0 1px 0 0;
}
/* dorpdown */
.dorpdown{
    max-width: 55px;
    margin-left: 5px;
}
/* option */
.optionInline{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    border-radius: 5px;
    margin-bottom: 2px;
    margin-right: 80px;
    padding-left:6px;
}
.optionInline>input{
	height:22px!important;
	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;
    white-space:nowrap;
}
.editThisBtn{
    display:none;
    margin-left: 5px;
    font-size:14px;
}

/* 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;
}

@media screen and (max-width: 530px){
	.optionInline{
		margin-right:10px;
	}
	.optionsGroup {
		margin-left:5px;
	}
	.info{
		margin-left: 0;
		position:sticky;
		top:4px;
		z-index:10;
		border: 1.2px solid rgb(174, 165, 165);
	}
}
@media screen and (max-width: 360px){
	.info{
		font-size:11px;
	}
}