588 lines
9.8 KiB
CSS
588 lines
9.8 KiB
CSS
div#container {
|
|
max-width: initial;
|
|
}
|
|
|
|
.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:12pt;
|
|
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:12pt;
|
|
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:11pt;
|
|
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:100%;
|
|
align:center;
|
|
font-size:11pt;
|
|
border:1px solid #2b6600;
|
|
padding:4px;
|
|
background-color: #c4ddc0;
|
|
}
|
|
input#repsearchtext {
|
|
width:100%;
|
|
}
|
|
.chatpanel {
|
|
float:left;
|
|
width:100%;
|
|
padding:0px;
|
|
}
|
|
.webbuild {
|
|
font-size: 10.5pt;
|
|
font-family: liberationsans, freesans, arial, verdana, sans-serif;
|
|
line-height: 1.3em;
|
|
color: #000000;
|
|
margin:0px;
|
|
}
|
|
.webbuild td { font-size: 10pt; border:0; }
|
|
}
|
|
.webbuild table { font-size: 11pt; 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: 15pt; font-weight: bold; }
|
|
.webbuild h2 { font-size: 13pt; font-weight: bold; }
|
|
.webbuild h3 { font-size: 11pt; font-weight: bold; margin-top: 20px; margin-bottom: 2px; }
|
|
.webbuild h4 { margin:5; margin-right: 10; font-size: 11pt; font-weight: normal; }*/
|
|
.webbuild hr { margin:0; color:white; }
|
|
.webbuild div { margin-bottom:1px; padding-bottom:1px; }
|
|
|
|
.webbuildcontainer {
|
|
height:auto;
|
|
}
|
|
.webbuildwrapleft {
|
|
float:left;
|
|
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) {
|
|
.webbuildwrapleft {
|
|
float:left;
|
|
width:74.65%;
|
|
}
|
|
.webbuildright {
|
|
width:24.65%;
|
|
}
|
|
.socialbox {
|
|
min-width:98% !important;
|
|
}
|
|
}
|
|
|
|
.operationpanelinfo {
|
|
margin-top:137px;
|
|
border:1px solid #2b6600;
|
|
background-color:#C4DDC0;
|
|
padding:1px;
|
|
}
|
|
.operationpanelsend {
|
|
margin-top:5px;
|
|
border:1px solid #2b6600;
|
|
background-color:#C4DDC0;
|
|
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:#C4DDC0;
|
|
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:10pt;
|
|
padding:0px;
|
|
height:130px;
|
|
line-height: 130%;
|
|
margin-bottom: 2px;
|
|
border:1px solid #2b6600;
|
|
width:100%;
|
|
margin:0;
|
|
// display:table-cell;
|
|
background-color:#C4DDC0;
|
|
padding:1px;
|
|
}
|
|
.processes {
|
|
width:100%;
|
|
}
|
|
.CodeMirror {
|
|
font-size:10pt;
|
|
font-family:monospace;
|
|
line-height:1.1em;
|
|
border:1px solid #2b6600;
|
|
/* font-size:12px; // causes problems*/
|
|
}
|
|
.editor {
|
|
float:left;
|
|
width:100%;
|
|
height:500px;
|
|
border:1px solid #cccccc;
|
|
padding:0px;
|
|
margin:0px;
|
|
font-family:monospace;
|
|
font-size:10pt;
|
|
}
|
|
.maintainer {
|
|
float:left;
|
|
width:100%;
|
|
height:400px;
|
|
overflow:auto;
|
|
font-size:11pt;
|
|
border:1px solid #2b6600;
|
|
line-height:1.1em;
|
|
padding:1px;
|
|
margin:0;
|
|
background-color:white;
|
|
float:left;
|
|
}
|
|
.maintainer a {
|
|
color:#426c29;
|
|
font-size:11pt;
|
|
}
|
|
.notes {
|
|
width:100%;
|
|
font-size:10pt;
|
|
border:1px solid #2b6600;
|
|
padding:1px;
|
|
margin:0;
|
|
margin-bottom:2px;
|
|
margin-top:2px;
|
|
background-color:#ffff00;
|
|
}
|
|
|
|
.downloadbox > div {
|
|
width:100% !important;
|
|
/* background-color:#c4ddc0 !important;*/
|
|
}
|
|
|
|
.showlogbox a {
|
|
color:#5e913e !important;
|
|
}
|
|
|
|
.showlogbox {
|
|
height:250px;
|
|
width:100%;
|
|
overflow:auto;
|
|
font-size:9pt;
|
|
border:1px solid #2b6600;
|
|
margin:4px;
|
|
padding:4px;
|
|
background-color:#c4ddc0 !important;
|
|
}
|
|
|
|
.outputbox {
|
|
width:100% !important;
|
|
height:350px;
|
|
overflow:auto;
|
|
overflow-x:hidden;
|
|
word-wrap: break-word;
|
|
font-family:monospace;
|
|
font-size:9pt;
|
|
font-weight:400;
|
|
border:1px solid #2b6600;
|
|
padding:2px;
|
|
margin:0;
|
|
background-color:black;
|
|
color:white;
|
|
text-align:left;
|
|
}
|
|
|
|
.output {
|
|
height:100% !important;
|
|
}
|
|
|
|
.outputboxerror {
|
|
font-size:9pt;
|
|
color:white !important;
|
|
background-color:darkred;
|
|
}
|
|
|
|
.outputboxerror a,
|
|
.outputboxerror a:link,
|
|
.outputboxerror a:visited {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.outputboxok {
|
|
font-size:9pt;
|
|
background-color:green;
|
|
color:white !important;
|
|
}
|
|
|
|
.outputbox a,
|
|
.outputbox a:link,
|
|
.outputbox a:visited {
|
|
text-decoration: underline;
|
|
color:white;
|
|
}
|
|
|
|
.outputbox > pre > 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 {
|
|
font-size:10pt;
|
|
margin-top:5px;
|
|
width:100%;
|
|
}
|
|
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:9pt;
|
|
padding:0px;
|
|
top:5px;
|
|
left:5px;
|
|
// background-color:#C4DDc0;
|
|
/* -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;*/
|
|
}
|
|
|
|
.jspVerticalBar {
|
|
width:5px;
|
|
}
|
|
|
|
.jspHorizontalBar {
|
|
height:5px;
|
|
}
|
|
|
|
.jspDrag {
|
|
background: #2b6600;
|
|
}
|
|
|
|
.scroll-pane {
|
|
/* socialbox */
|
|
background-color: #C4DDC0;
|
|
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: #C4DDC0;
|
|
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:10pt;
|
|
height:130px;
|
|
width:99.4%;
|
|
line-height: 100%;
|
|
border:1px solid #2b6600;
|
|
}
|
|
.socialbox div { margin-bottom:1px; }
|
|
.socialbox hr { margin:0; color:#FFF; }
|
|
.downloadbox table { font-size: 11pt; border:1px solid #2b6600; margin: 4px; padding:4; background-color: #C4DDC0; }
|
|
div.speccreate { display:inline-block; }
|
|
|
|
/* simple pull-down menu */
|
|
#primary_nav_wrap
|
|
{
|
|
margin-top:15px
|
|
}
|
|
|
|
#primary_nav_wrap ul
|
|
{
|
|
list-style:none;
|
|
position:relative;
|
|
float:left;
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
|
|
#primary_nav_wrap ul a
|
|
{
|
|
display:block;
|
|
color:#333;
|
|
text-decoration:none;
|
|
font-weight:700;
|
|
font-size:14px;
|
|
line-height:32px;
|
|
padding:0 15px;
|
|
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
|
|
}
|
|
|
|
#primary_nav_wrap ul li
|
|
{
|
|
position:relative;
|
|
float:left;
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
|
|
#primary_nav_wrap ul li.current-menu-item
|
|
{
|
|
background:#ddd
|
|
}
|
|
|
|
#primary_nav_wrap ul li:hover
|
|
{
|
|
background:#f6f6f6
|
|
}
|
|
|
|
#primary_nav_wrap ul ul
|
|
{
|
|
display:none;
|
|
position:absolute;
|
|
top:100%;
|
|
left:0;
|
|
background:#fff;
|
|
padding:0
|
|
}
|
|
|
|
#primary_nav_wrap ul ul li
|
|
{
|
|
float:none;
|
|
width:200px
|
|
}
|
|
|
|
#primary_nav_wrap ul ul a
|
|
{
|
|
line-height:120%;
|
|
padding:10px 15px
|
|
}
|
|
|
|
#primary_nav_wrap ul ul ul
|
|
{
|
|
top:0;
|
|
left:100%
|
|
}
|
|
|
|
#primary_nav_wrap ul li:hover > ul
|
|
{
|
|
display:block
|
|
}
|