blob: 54b21e6d841bb7adf0d38361a940bd8e156da6dd [file] [log] [blame]
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%;
}