213 lines
2.8 KiB
CSS
213 lines
2.8 KiB
CSS
|
body {
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
#sbadmin #zones {
|
||
|
-moz-user-select: none;
|
||
|
-khtml-user-select: none;
|
||
|
user-select: none;
|
||
|
}
|
||
|
|
||
|
#sbreset {
|
||
|
float: left;
|
||
|
margin: 1px 0;
|
||
|
}
|
||
|
|
||
|
.dropzone {
|
||
|
float: left;
|
||
|
margin-right: 10px;
|
||
|
padding: 5px;
|
||
|
border: 1px solid #bbb;
|
||
|
background-color: #f0f8ff;
|
||
|
}
|
||
|
|
||
|
.dropzone h3 {
|
||
|
text-align: center;
|
||
|
color: #333;
|
||
|
}
|
||
|
|
||
|
.dropzone ul {
|
||
|
list-style-type: none;
|
||
|
width: 240px;
|
||
|
float: left;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
* .module, #lastmodule {
|
||
|
width: 238px;
|
||
|
padding: 0;
|
||
|
margin: 5px 0;
|
||
|
cursor: move;
|
||
|
display: block;
|
||
|
border: 1px solid #ccc;
|
||
|
background-color: #fbfbfb;
|
||
|
text-align: left;
|
||
|
line-height: 25px;
|
||
|
}
|
||
|
|
||
|
* .handle, #lastmodule span {
|
||
|
display: block;
|
||
|
width: 216px;
|
||
|
padding: 0 10px;
|
||
|
border-top: 1px solid #f2f2f2;
|
||
|
border-right: 1px solid #e8e8e8;
|
||
|
border-bottom: 1px solid #e8e8e8;
|
||
|
border-left: 1px solid #f2f2f2;
|
||
|
}
|
||
|
|
||
|
* .popper {
|
||
|
margin: 0;
|
||
|
display: inline;
|
||
|
position: absolute;
|
||
|
top: 3px;
|
||
|
right: 3px;
|
||
|
overflow: hidden;
|
||
|
text-align: center;
|
||
|
height: 16px;
|
||
|
font-size: 18px;
|
||
|
line-height: 14px;
|
||
|
cursor: pointer;
|
||
|
padding: 0 3px 1px;
|
||
|
border-top: 4px solid #6da6d1;
|
||
|
background: url( images/fade-butt.png ) -5px 0px;
|
||
|
}
|
||
|
|
||
|
* html .popper {
|
||
|
padding: 1px 6px 0;
|
||
|
font-size: 16px;
|
||
|
}
|
||
|
|
||
|
#sbadmin p.submit {
|
||
|
padding-right: 10px;
|
||
|
clear: left;
|
||
|
}
|
||
|
|
||
|
.placematt {
|
||
|
position: absolute;
|
||
|
cursor: default;
|
||
|
margin: 10px 0 0;
|
||
|
padding: 0;
|
||
|
width: 238px;
|
||
|
background-color: #ffe;
|
||
|
}
|
||
|
|
||
|
* html .placematt {
|
||
|
margin-top: 5px;
|
||
|
}
|
||
|
|
||
|
.placematt h4 {
|
||
|
text-align: center;
|
||
|
margin-bottom: 5px;
|
||
|
}
|
||
|
|
||
|
.placematt span {
|
||
|
padding: 0 10px 10px;
|
||
|
text-align: justify;
|
||
|
}
|
||
|
|
||
|
#palettediv {
|
||
|
border: 1px solid #bbb;
|
||
|
background-color: #f0f8ff;
|
||
|
height: 180px;
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
|
||
|
#palettediv h3 {
|
||
|
text-align: center;
|
||
|
color: #333;
|
||
|
}
|
||
|
|
||
|
#palettediv ul {
|
||
|
padding: 0 0 0 10px;
|
||
|
}
|
||
|
|
||
|
#palettediv .module, #lastmodule {
|
||
|
margin-right: 10px;
|
||
|
float: left;
|
||
|
width: 120px;
|
||
|
}
|
||
|
|
||
|
#palettediv .handle, #lastmodule span {
|
||
|
height: 40px;
|
||
|
font-size: 90%;
|
||
|
width: 110px;
|
||
|
padding: 0 5px;
|
||
|
}
|
||
|
|
||
|
#palettediv .popper {
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
|
||
|
#lastmodule {
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
|
||
|
* html #palettediv ul {
|
||
|
margin: 0;
|
||
|
padding: 0 0 0 10px;
|
||
|
}
|
||
|
|
||
|
* html #palettediv .module {
|
||
|
float: none;
|
||
|
display: inline;
|
||
|
}
|
||
|
|
||
|
#controls {
|
||
|
height: 0px;
|
||
|
}
|
||
|
|
||
|
.control {
|
||
|
position: absolute;
|
||
|
display: block;
|
||
|
background: #f9fcfe;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
.controlhandle {
|
||
|
cursor: move;
|
||
|
background-color: #6da6d1;
|
||
|
border-bottom: 2px solid #448abd;
|
||
|
color: #333;
|
||
|
display: block;
|
||
|
margin: 0 0 5px;
|
||
|
padding: 4px;
|
||
|
font-size: 120%;
|
||
|
}
|
||
|
|
||
|
.controlcloser {
|
||
|
cursor: pointer;
|
||
|
font-size: 120%;
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
top: 2px;
|
||
|
right: 8px;
|
||
|
padding: 0 3px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.controlform {
|
||
|
margin: 20px 30px;
|
||
|
}
|
||
|
|
||
|
.controlform p {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.control .checkbox {
|
||
|
border: none;
|
||
|
background: transparent;
|
||
|
}
|
||
|
|
||
|
.hidden {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#shadow {
|
||
|
background: black;
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
top: 0px;
|
||
|
left: 0px;
|
||
|
width: 100%;
|
||
|
}
|