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{ | ||
float: left; | |||
} | } | ||
button.run { | button.run { | ||
Line 20: | Line 20: | ||
display: inline; | display: inline; | ||
border: 1px solid; | border: 1px solid; | ||
float: right; | |||
margin-left: 0.25em; | |||
padding: 0.5ex; | padding: 0.5ex; | ||
} | } | ||
Line 31: | Line 31: | ||
} | } | ||
pre{ | 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} | span.id{font-size:300%;padding-right:1ex} | ||
textarea{ | textarea{ | ||
margin: 1em 0; | |||
min-height: 150px; | |||
} | |||
.guidelist{ | |||
float: right; | |||
width: 32ex; | |||
border-left: 1px solid; | |||
border-right: 1px solid; | |||
background-color: #F0F0FF; | |||
border-collapse: collapse; | |||
border-bottom: 1px solid; | |||
padding-left: 0px; | |||
} | } | ||
.strong{ | .strong{ | ||
Line 47: | Line 57: | ||
} | } | ||
.tease { | .tease { | ||
color: #1D365D; | |||
font-style: italic; | |||
cursor: pointer; | |||
padding: 0.2ex; | |||
} | } | ||
.q{ | .q{ | ||
border-top: thin solid #ee8301; | |||
margin-bottom: 9em; | |||
} | } | ||
.q .ans, .q .def, .q .res{ | .q .ans, .q .def, .q .res{ | ||
font-weight: normal; | |||
display: none; | |||
} | } | ||
.q .res{ | .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;} | .setup{display: none;} |
Revision as of 11:41, 26 July 2015
/* CSS placed here will be applied to all skins */
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.res.waiting{
background-image: url(http://sqlzoo.net/design/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
height: 180px;
}
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{
margin: 1em 0;
min-height: 150px;
}
.guidelist{
float: right;
width: 32ex;
border-left: 1px solid;
border-right: 1px solid;
background-color: #F0F0FF;
border-collapse: collapse;
border-bottom: 1px solid;
padding-left: 0px;
}
.strong{
font-weight:bold;
}
.tease {
color: #1D365D;
font-style: italic;
cursor: pointer;
padding: 0.2ex;
}
.q{
border-top: thin solid #ee8301;
margin-bottom: 9em;
}
.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;}