Common.css: Difference between revisions
From NoSQLZoo
No edit summary |
No edit summary |
||
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;}