Difference between revisions of "MediaWiki:Common.css"
From NoSQLZoo
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | button { | + | button.run { |
background-image: linear-gradient(to bottom, #337AB7 0px, #265A88 100%); | background-image: linear-gradient(to bottom, #337AB7 0px, #265A88 100%); | ||
background-color: #306AA0; | background-color: #306AA0; | ||
Line 11: | Line 11: | ||
border-color: #245580; | border-color: #245580; | ||
border-width: 1px; | border-width: 1px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | button.other { | ||
+ | display: inline; | ||
+ | border: 1px solid; | ||
+ | margin-left: 6em; | ||
+ | padding: 0.5ex; | ||
+ | border-radius: 0.5ex; | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.q {font-weight: bold;} | .q {font-weight: bold;} | ||
− | .q .ans, .q .def, .q .res{font-weight: normal; | + | .q .ans, .q .def, .q .res{ |
− | + | font-weight: normal; | |
+ | display: none; | ||
+ | } | ||
.q .res{ | .q .res{ | ||
background: #dae5d9; | background: #dae5d9; | ||
Line 36: | Line 46: | ||
background-position: center center; | background-position: center center; | ||
} | } | ||
− | textarea{ | + | textarea{margin: 1em 0;} |
− | |||
− | } |
Revision as of 09:38, 14 July 2015
/* CSS placed here will be applied to all skins */
button.run {
background-image: linear-gradient(to bottom, #337AB7 0px, #265A88 100%);
background-color: #306AA0;
color: #FFF;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3;
border-radius: 6px;
border-color: #245580;
border-width: 1px;
cursor: pointer;
}
button.other {
display: inline;
border: 1px solid;
margin-left: 6em;
padding: 0.5ex;
border-radius: 0.5ex;
cursor: pointer;
}
.q {font-weight: bold;}
.q .ans, .q .def, .q .res{
font-weight: normal;
display: none;
}
.q .res{
background: #dae5d9;
border: solid thin black;
border-radius: 0.5ex;
border-style: inset;
border-width: 1px;
box-shadow: 1px 1px 3px #3b434e;
color: #3b434e;
height: 10em;
margin-top: 1ex;
max-width: 100%;
overflow: auto;
padding: 1em;
resize: both;
}
div.res.waiting{
background-image: url(http://sqlzoo.net/design/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
textarea{margin: 1em 0;}