MediaWiki:Common.css
From NoSQLZoo
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* MongoDB */
body.ns-0, body.ns-1{
background-color: #EBF3EA;
}
body.ns-0 #mw-page-base, body.ns-1 #mw-page-base{
background-image: linear-gradient(#FFF 50%, #EBF3EA 100%);
}
body.ns-0 div.guidelist div, body.ns-1 div.guidelist div{
background: #DAE5D9;
}
body.ns-0 div.guidelist div.fc, body.ns-1 div.guidelist div.fc{
background: linear-gradient(#4fa94c , #439945);
border-color: #aeaf91;
border: thin solid black;
}
body.ns-0 .mw-body, body.ns-1 .mw-body{
border-color: #4fa94c;
}
body.ns-0 .q{
border-top: thin solid #439945;
}
/* CouchDB */
body.ns-100, body.ns-101{
background-color: #F3EAEA;
}
body.ns-100 #mw-page-base, body.ns-101 #mw-page-base{
background-image: linear-gradient(#FFF 50%, #F3EAEA 100%);
}
body.ns-100 div.guidelist div, body.ns-101 div.guidelist div{
background: #E5D9D9:
}
body.ns-100 div.guidelist div.fc, body.ns-101 div.guidelist div.fc{
background: linear-gradient(#DE080F , #BC101D);
border-color: #aeaf91;
border: thin solid black;
}
body.ns-100 .mw-body, body.ns-101 .mw-body{
border-color: #DE080F;
}
body.ns-100 .q{
border-top: thin solid #994343;
}
//----------------------------------------------------------------------------------------
textarea{
background: #F9F9F9;
}
button{
float: left;
}
button.run {
background-image: linear-gradient(to bottom, #337AB7 0px, #265A88 100%);
background-color: #306AA0;
border-radius: 6px;
border-color: #245580;
border-width: 1px;
color: #FFF;
cursor: pointer;
font-size: 18px;
line-height: 1.3;
padding: 5px 8px;
}
button.other {
border-radius: 0.5ex;
cursor: pointer;
display: inline;
border: 1px solid;
float: right;
margin-left: 0.25em;
padding: 0.5ex;
}
div.guidelist{
float: right;
width: 32ex;
border-left: 1px solid;
border-right: 1px solid;
background-color: #F0F0FF;
border-collapse: collapse;
border-bottom: 1px solid;
margin-bottom: 2%;
padding-left: 0px;
}
div.guidelist div.fc {
padding: 1em;
background-color: #000;
color: #FFF;
}
div.guidelist div {
padding: 0ex 1em;
border-bottom: 1px solid;
}
div.res.waiting{
background-image: url(http://sqlzoo.net/design/ajax-loader-2.gif);
background-repeat: no-repeat;
background-position: center center;
height: 180px;
}
h1#firstHeading{
overflow-x: hidden;
}
pre{
white-space: pre-wrap; /* CSS 3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
span.id{font-size:300%;padding-right:1ex}
textarea{
background: #F7F7F7;
margin: 1em 0;
min-height: 150px;
}
.strong{
font-weight:bold;
}
.tease {
color: #1D365D;
font-style: italic;
cursor: pointer;
padding: 0.2ex;
}
.q{
border-top: thin solid #ee8301;
margin-bottom: 9em;
width: 100%;
}
.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;
clear:both;
height: auto;
margin-top: 1ex;
max-width: 100%;
overflow: auto;
padding: 1em;
resize: both;
}
.setup{
display: none;
}
.tease{
color:#1d365d;
font-style:italic;
cursor:pointer;
padding: 0.2ex;
}
@media all and (max-width: 768px){
div.vectorTabs{padding: 0;}
.guidelist{display: none;}
.mw-body{
border-left: 0;
margin-left: 0;
}
div#footer{margin-left: 0;}
#mw-panel{display:none;}
}
#ca-watch.icon a, #ca-unwatch.icon a {
background-repeat: no-repeat;
margin: 0px;
padding: 3.1em 0px 0px;
display: block;
width: 26px;
height: 0px;
overflow: hidden;
background-position: 5px 60%;
}
#cog-cont ul{
position: absolute;
background-color: #FFF;
border: thin solid #000;
padding: 1em;
right: 1em;
top: 32px;
list-style: none;
}
#p-personal{
right:50px;
}
#p-search{
float:none;
}