autodist/webbuild/html/styles/webbuild.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; }