Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(49 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
#students div.most-recent{ | |||
background:yellow; | |||
} | |||
#students div.tq{ | |||
margin-left:5ex; | |||
} | |||
#students div.page{ | |||
display:inline-block; | |||
width:35ex; | |||
} | |||
#students div.qnum,#students div.tscore,#students div.attempts,#students div.when{ | |||
display:inline-block; | |||
width:5ex; | |||
} | |||
#students{ | |||
border: solid; | |||
padding: 1ex; | |||
margin: 1ex; | |||
min-height:5ex; | |||
} | |||
pre.test{ | |||
display:none; | |||
} | |||
.quiz .q .controls{ | |||
margin-top: 2em; | |||
} | |||
.quiz .q .controls button{ | |||
border-radius: 1em; | |||
padding: 1ex; | |||
} | |||
.quiz .q { | |||
margin-top: 4em; | |||
padding-top: 0.8em; | |||
padding-bottom: 0.8em; | |||
border-radius: 1em; | |||
} | |||
.quiz .q div.d { | |||
padding: .5em .5em .5em 1em; | |||
} | |||
.quiz .q .d { | |||
border: gray solid thin; | |||
margin-top: 1em; | |||
cursor: pointer; | |||
} | |||
.quiz .q .d.picked { | |||
box-shadow: 0ex 0ex 4px 1ex #cfd1ba; | |||
} | |||
.quiz .q .d:hover { | |||
border: black solid thin; | |||
box-shadow: 0px 0px 5px 4px rgb(50 50 50 / 75%); | |||
} | |||
.quiz .q .d.checked,.quiz .q .d.checked.picked{ | |||
box-shadow: 0px 0px 5px 4px rgb(255,0,0,0.25); | |||
} | |||
.quiz .q .d.checked.y{ | |||
box-shadow: 0px 0px 5px 4px rgba(0,255,0,0.75); | |||
} | |||
.tut-nav div{ | |||
border:solid; | |||
padding: 2ex; | |||
display:inline-block; | |||
vertical-align:top; | |||
} | |||
.imper{ | |||
font-weight: bold; | |||
} | |||
.view-source{ | |||
margin-left:2ex; | |||
} | |||
.quresizer{ | |||
overflow:hidden; | |||
resize:both; | |||
border:solid green; | |||
} | |||
.hide-controls #mw-navigation, .hide-controls #mw-page-base, .hide-controls #footer{ | |||
display:none; | |||
} | |||
.hide-controls #content{ | |||
margin-left:0; | |||
} | |||
button.go{ | |||
font-size:200%; | |||
min-width:5em; | |||
margin-top:50px; | |||
} | |||
.mw-wiki-logo { | |||
background-size: contain; | |||
} | |||
.qucontainer{ | |||
position:relative; | |||
} | |||
.yourscore{ | |||
position:absolute; | |||
font-size:200%; | |||
right:50%; | |||
top:0; | |||
border:solid; | |||
background:yellow; | |||
padding: 2ex; | |||
transform: translate(0px, 100px); | |||
z-index: 5; | |||
transition: all .8s; | |||
} | |||
.yourscore.normal{ | |||
font-size:100%; | |||
right:0; | |||
top:0; | |||
border:solid; | |||
background:white; | |||
padding: 2ex; | |||
transform: translate(0px, 0px); | |||
} | |||
.yourscore.normal.gone{ | |||
right:0; | |||
top:0; | |||
border:solid; | |||
background:white; | |||
height: 0px; | |||
overflow: hidden; | |||
padding: 0; | |||
border: none; | |||
} | |||
div.thumb{ | div.thumb{ | ||
float:none; | float:none; | ||
Line 5: | Line 136: | ||
position:absolute; | position:absolute; | ||
} | } | ||
iframe{ | .qucontainer iframe{ | ||
height:30ex; | height:30ex; | ||
} | |||
.qu{ | |||
margin-bottom:10ex; | |||
} | } | ||
.qu img{ | .qu img{ | ||
Line 36: | Line 170: | ||
vertical-align:top; | vertical-align:top; | ||
margin: 1ex; | margin: 1ex; | ||
} | } | ||
.cm-container{ | .cm-container{ |
Latest revision as of 21:28, 12 November 2022
#students div.most-recent{
background:yellow;
}
#students div.tq{
margin-left:5ex;
}
#students div.page{
display:inline-block;
width:35ex;
}
#students div.qnum,#students div.tscore,#students div.attempts,#students div.when{
display:inline-block;
width:5ex;
}
#students{
border: solid;
padding: 1ex;
margin: 1ex;
min-height:5ex;
}
pre.test{
display:none;
}
.quiz .q .controls{
margin-top: 2em;
}
.quiz .q .controls button{
border-radius: 1em;
padding: 1ex;
}
.quiz .q {
margin-top: 4em;
padding-top: 0.8em;
padding-bottom: 0.8em;
border-radius: 1em;
}
.quiz .q div.d {
padding: .5em .5em .5em 1em;
}
.quiz .q .d {
border: gray solid thin;
margin-top: 1em;
cursor: pointer;
}
.quiz .q .d.picked {
box-shadow: 0ex 0ex 4px 1ex #cfd1ba;
}
.quiz .q .d:hover {
border: black solid thin;
box-shadow: 0px 0px 5px 4px rgb(50 50 50 / 75%);
}
.quiz .q .d.checked,.quiz .q .d.checked.picked{
box-shadow: 0px 0px 5px 4px rgb(255,0,0,0.25);
}
.quiz .q .d.checked.y{
box-shadow: 0px 0px 5px 4px rgba(0,255,0,0.75);
}
.tut-nav div{
border:solid;
padding: 2ex;
display:inline-block;
vertical-align:top;
}
.imper{
font-weight: bold;
}
.view-source{
margin-left:2ex;
}
.quresizer{
overflow:hidden;
resize:both;
border:solid green;
}
.hide-controls #mw-navigation, .hide-controls #mw-page-base, .hide-controls #footer{
display:none;
}
.hide-controls #content{
margin-left:0;
}
button.go{
font-size:200%;
min-width:5em;
margin-top:50px;
}
.mw-wiki-logo {
background-size: contain;
}
.qucontainer{
position:relative;
}
.yourscore{
position:absolute;
font-size:200%;
right:50%;
top:0;
border:solid;
background:yellow;
padding: 2ex;
transform: translate(0px, 100px);
z-index: 5;
transition: all .8s;
}
.yourscore.normal{
font-size:100%;
right:0;
top:0;
border:solid;
background:white;
padding: 2ex;
transform: translate(0px, 0px);
}
.yourscore.normal.gone{
right:0;
top:0;
border:solid;
background:white;
height: 0px;
overflow: hidden;
padding: 0;
border: none;
}
div.thumb{
float:none;
}
.codetip{
position:absolute;
}
.qucontainer iframe{
height:30ex;
}
.qu{
margin-bottom:10ex;
}
.qu img{
background-color:silver;
}
.lint-marker-warning, .lint-message-warning {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=);
background-repeat-y: no-repeat;
background-position: center;
}
.lint-marker {
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
height: 16px;
width: 16px;
vertical-align: middle;
position: relative;
}
#shellbody, #shelljs{
display:none;
}
.qu pre.usr, .qu pre.ans{
display:none;
}
.inputs, .outputs{
display: inline-block;
vertical-align:top;
margin: 1ex;
}
.cm-container{
width:80ex;
border:solid thin black;
}
textarea.usr{
width:50ex;
height:20ex;
}