autodist/webbuild/html/styles/webbuild.css

453 lines
7.9 KiB
CSS

.boldbutton {
font-weight: bold !important;
}
.redbutton {
color: red !important;
}
.redbutton[disabled] {
color: lightgray !important;
}
.redboldbutton {
color: red !important;
font-weight: bold !important;
}
.redboldbutton[disabled] {
color: lightgray !important;
}
.screencontainer {
text-align:center;
position:fixed;
z-index:15 !important;
height:100%;
width:100%;
left:0;
top:0;
}
.opaquebackground {
text-align:center;
z-index:15 !important;
position: fixed;
height:100%;
width:100%;
left:0;
top:0;
background-color:black;
filter: alpha(opacity=75);
-khtml-opacity:0.75;
-webkit-opacity:0.75;
-moz-opacity:0.75;
opacity:0.75;
}
.questionbox {
display:inline-block;
text-align:center;
position:relative;
font-size:10pt;
padding:5px;
align:center;
margin-top:200px;
margin-right:auto;
margin-left:auto;
width:auto;
background-color:white;
border:2px solid #2b6600;
z-index:20;
}
.windowcontainer {
text-align:center;
position:fixed;
z-index:10 !important;
height:100%;
width:100%;
left:0;
top:0;
}
.windowopaquebackground {
text-align:center;
position:fixed;
z-index:10 !important;
height:100%;
width:100%;
left:0;
top:0;
background-color:black;
filter: alpha(opacity=75);
-khtml-opacity:0.75;
-webkit-opacity:0.75;
-moz-opacity:0.75;
opacity:0.75;
}
.windowbox {
display:inline-block;
position:relative;
font-size:10pt;
padding:5px;
margin:100px;
margin-right:auto;
margin-left:auto;
width:auto;
background-color:white;
border:2px solid #2b6600;
z-index:15;
}
.multiselect {
font-size:8pt;
border:0px;
padding:0px;
height:130px;
border:1px solid #2b6600;
overflow:auto;
white-space:nowrap;
}
.multiselect label {
display:block;
white-space:nowrap;
font-weight:400;
padding:0;
}
.webbuildtopright {
float:right;
}
.searchbox {
float:left;
width:215px;
align:center;
font-size:8pt;
border:1px solid #2b6600;
padding:2px;
background-color: #e0f2d0;
}
.chatpanel {
float:left;
width:215px;
align:center;
}
.webbuild {
font-size: 8pt;
font-family: liberationsans, freesans, arial, verdana, sans-serif;
line-height: 1.3em;
color: #000000;
margin:0px;
}
.webbuild td { font-size: 8pt; border:0; }
}
.webbuild table { font-size: 9pt; font-family: liberationsans, freesans, arial, verdana, sans-serif; background-color: rgb(255, 255, 255); }
.webbuild img { border: 0; margin: 0px; vertical-align:middle; }
.webbuild h1 { font-size: 13pt; font-weight: bold; }
.webbuild h2 { font-size: 11pt; font-weight: bold; }
.webbuild h3 { font-size: 10pt; font-weight: bold; margin-top: 20px; margin-bottom: 2px; }
.webbuild h4 { margin:5; margin-right: 10; font-size: 9pt; font-weight: normal; }*/
.webbuild hr { margin:0; color:white; }
.webbuild div { margin-bottom:1px; padding-bottom:1px; }
.webbuildcontainer {
max-width:920px;
height:auto;
}
.webbuildwrapleft {
float:left;
width:100%;
margin-right:-210px;
}
.webbuildleft {
margin-right:210px !important;
padding:0;
margin:0;
}
.webbuildright {
float:right;
width:202px;
margin:0;
}
@media screen and (min-width: 901px) {
.webbuildright {
width:202px;
}
.socialbox {
width:200px;
}
}
.operationpanelinfo {
margin-top:137px;
border:1px solid #2b6600;
background-color:#E0F2D0;
padding:1px;
}
.operationpanelsend {
margin-top:5px;
border:1px solid #2b6600;
background-color:#E0F2D0;
padding:1px;
}
.operationpanelautodist {
margin-top:5px;
border:1px solid #2b6600;
background-color:#FFFFDE;
padding:1px;
}
.operationpanelpatches {
margin-top:5px;
border:1px solid #2b6600;
background-color:#E0F2D0;
padding:1px;
}
.operationpanelupload {
margin-top:5px;
border:1px solid #2b6600;
background-color:#FFFFFF;
padding:1px;
}
.operationpanelpackageinfo {
margin-top:5px;
border:1px solid #2b6600;
background-color:#A7DEDE;
padding:1px;
}
.operationpanelgenericinfo {
margin-top:5px;
border:1px solid #2b6600;
background-color:#A7DEDE;
padding:1px;
}
.operationpanelhost {
margin-top:5px;
border:1px solid #2b6600;
background-color:#FFFFFF;
padding:1px;
}
.operationpaneloperations {
margin-top:5px;
border:1px solid #2b6600;
background-color:#FFFFDE;
padding:1px;
}
.operationpaneloperations > textarea {
padding:0;
}
.webbuildprocesses {
font-size:7pt;
padding:0px;
height:130px;
line-height: 130%;
margin-bottom: 2px;
border:1px solid #2b6600;
width:100%;
margin:0;
// display:table-cell;
background-color:#E0F2D0;
padding:1px;
}
.processes {
width:100%;
}
.editor {
float:left;
width:100%;
height:300px;
border:1px solid #cccccc;
padding:0px;
margin:0px;
font-family:monospace;
font-size:8pt;
}
.maintainer {
float:left;
width:100%;
height:300px;
overflow:auto;
font-size:7pt;
border:1px solid #2b6600;
padding:1px;
margin:0;
background-color:white;
float:left;
}
.notes {
width:680px;
font-size:7pt;
border:1px solid #2b6600;
padding:2px;
margin:0;
margin-bottom:2px;
background-color:#ffff00;
}
.output {
width:100%;
height:300px;
overflow:auto;
overflow-x:hidden;
word-wrap: break-word;
font-family:monospace;
font-size:8pt;
font-weight:400;
border:1px solid #2b6600;
padding:2px;
margin:0;
background-color:black;
color:white;
}
.output a,
.output a:link,
.output a:visited {
text-decoration: underline;
color:white;
}
.output p {
background-color:gray;
color:white;
}
@media screen and (max-width: 900px) {
.webbuildright,
.webbuildleft,
.operationpanelinfo,
.operationpanelsend,
.operationpanelautodist {
width:100%;
}
.socialbox {
float: none !important;
}
span#socialbox > span > div > div > img,
span#socialbox > span > div > div:first-child {
height:12px !important;
width:12px !important;
}
span#socialbox > span > div > div:nth-child(2),
span#socialbox > span > div > div:nth-child(3) {
margin-left: 12px !important;
}
.operationpanelinfo {
margin-top:5px !important;
}
.webbuildtopright,
.webbuildtopleft {
margin-top:5px;
width:100%;
}
.chatpanel {
margin-left:10px;
}
select,
input {
margin:3px !important;
}
}
@media screen and (max-width: 370px) {
.webbuildright,
.webbuildleft {
width:100%;
}
}
.matrix {
width:100%;
height:97%;
word-wrap: break-word;
overflow:auto;
font-size:7pt;
padding:0px;
top:5px;
left:5px;
// background-color:#e0f2d0;
/* -moz-column-count: 2;
-moz-column-gap: 1.5em;
-moz-column-rule: none;
-webkit-column-count: 2;
-webkit-column-gap: 1.5em;
-webkit-column-rule: none;
/ future proof
column-count: 2;
column-gap: 1.5em;
column-rule: none;*/
}
.CodeMirror {
border:1px solid #2b6600;
// font-size:10px; // causes problems
}
.jspVerticalBar {
width:4px;
}
.jspHorizontalBar {
height:4px;
}
.jspDrag {
background: #2b6600;
}
.scroll-pane {
/* socialbox */
background-color: #e0f2d0;
height:130px;
min-width:200px;
width:100%;
overflow:auto;
float:right;
}
.scroll-pane1 {
height:100px;
width:390px;
overflow:auto;
white-space:nowrap;
}
.scroll-pane2 {
height:200px;
width:390px;
overflow:auto;
}
.scroll-pane3 {
/* processes */
background-color: #e0f2d0;
height:130px;
width:auto;
overflow:auto;
}
.scroll-pane3-h {
height:272px;
width:400px;
overflow:auto;
white-space:nowrap;
}
.scroll-pane3-v {
height:272px;
width:400px;
overflow:auto;
}
/* socialbox */
.socialbox {
float:right;
font-size:8pt;
//border:0;
//margin:0;
//padding:0;
height:130px;
line-height: 100%;
border:1px solid #2b6600;
}
.socialbox div { margin-bottom:1px; }
.socialbox hr { margin:0; color:#FFF; }
.downloadbox table { font-size: 9pt; border:1px solid #2b6600; margin: 4px; padding:4; background-color: #e0f2d0; }