Difference between revisions of "MediaWiki:Common.css"

From ProgZoo
Jump to navigation Jump to search
 
(59 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{
  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{
#shellbody, #shelljs{
   display:none;
   display:none;
Line 8: Line 169:
   display: inline-block;
   display: inline-block;
   vertical-align:top;
   vertical-align:top;
  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;
}