webbuild: update css to render bigger work area and fonts

This commit is contained in:
Silvan Calarco 2019-07-28 14:13:25 +02:00
parent dd25ac7678
commit 14bde89d6d
2 changed files with 73 additions and 57 deletions

View File

@ -25,17 +25,17 @@ hr { margin:0; color:black; background: #aaaaaa; }
label { white-space:nowrap; text-decoration:none; font-weight:initial; }
.webbuild input {
font-size: 8pt;
font-size: 10pt;
font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
padding: 1px;
margin: 1px;
}
select {
font-size: 8pt;
font-size: 10pt;
font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
padding: 0;
margin: 1px;
margin: 2px;
max-width: 98%;
background-color: buttonface;
}
@ -49,9 +49,9 @@ input[type="text"] {
input[type="button"] {
font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
font-size: 8pt;
font-size: 10pt;
font-weight: 400;
margin: 1px;
margin: 2px;
border: 1px solid #AAAAAA;
white-space:nowrap;
line-height: 1.1em;
@ -64,17 +64,17 @@ input[type="button"]:hover {
}
input[type="radio"] {
font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
font-size: 7pt;
font-size: 9pt;
padding: 0;
margin: 0;
}
input[type="checkbox"] {
font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
vertical-align:middle;
-ms-transform: scale(0.9);
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-trasnform: scale(0.9);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-trasnform: scale(1.1);
padding: 1px;
margin: 1px;
}

View File

@ -1,3 +1,7 @@
div#container {
max-width: initial;
}
.boldbutton {
font-weight: bold !important;
}
@ -44,7 +48,7 @@
display:inline-block;
text-align:center;
position:relative;
font-size:10pt;
font-size:12pt;
padding:5px;
align:center;
margin-top:200px;
@ -85,7 +89,7 @@
.windowbox {
display:inline-block;
position:relative;
font-size:10pt;
font-size:12pt;
padding:5px;
margin:100px;
margin-right:auto;
@ -97,7 +101,7 @@
}
.multiselect {
font-size:8pt;
font-size:10pt;
border:0px;
padding:0px;
height:130px;
@ -117,47 +121,45 @@
}
.searchbox {
float:left;
width:215px;
width:100%;
align:center;
font-size:8pt;
font-size:10pt;
border:1px solid #2b6600;
padding:2px;
background-color: #e0f2d0;
padding:4px;
background-color: #c4ddc0;
}
.chatpanel {
float:left;
width:215px;
align:center;
width:100%;
padding:0px;
}
.webbuild {
font-size: 8pt;
font-size: 10pt;
font-family: liberationsans, freesans, arial, verdana, sans-serif;
line-height: 1.3em;
color: #000000;
margin:0px;
}
.webbuild td { font-size: 8pt; border:0; }
.webbuild td { font-size: 10pt; border:0; }
}
.webbuild table { font-size: 9pt; font-family: liberationsans, freesans, arial, verdana, sans-serif; background-color: rgb(255, 255, 255); }
.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: 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 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 {
max-width:920px;
height:auto;
}
.webbuildwrapleft {
float:left;
width:100%;
margin-right:-210px;
}
.webbuildleft {
margin-right:210px !important;
/*margin-right:210px !important;*/
padding:0;
margin:0;
}
@ -168,23 +170,28 @@
}
@media screen and (min-width: 901px) {
.webbuildwrapleft {
float:left;
width:79%;
/*margin-right:-210px;*/
}
.webbuildright {
width:202px;
width:20%;
}
.socialbox {
width:200px;
/* width:100%;*/
}
}
.operationpanelinfo {
margin-top:137px;
border:1px solid #2b6600;
background-color:#E0F2D0;
background-color:#C4DDC0;
padding:1px;
}
.operationpanelsend {
margin-top:5px;
border:1px solid #2b6600;
background-color:#E0F2D0;
background-color:#C4DDC0;
padding:1px;
}
.operationpanelautodist {
@ -196,7 +203,7 @@
.operationpanelpatches {
margin-top:5px;
border:1px solid #2b6600;
background-color:#E0F2D0;
background-color:#C4DDC0;
padding:1px;
}
.operationpanelupload {
@ -233,7 +240,7 @@
padding:0;
}
.webbuildprocesses {
font-size:7pt;
font-size:9pt;
padding:0px;
height:130px;
line-height: 130%;
@ -242,7 +249,7 @@
width:100%;
margin:0;
// display:table-cell;
background-color:#E0F2D0;
background-color:#C4DDC0;
padding:1px;
}
.processes {
@ -251,44 +258,56 @@
.editor {
float:left;
width:100%;
height:300px;
height:400px;
border:1px solid #cccccc;
padding:0px;
margin:0px;
font-family:monospace;
font-size:8pt;
font-size:10pt;
}
.maintainer {
float:left;
width:100%;
height:300px;
height:400px;
overflow:auto;
font-size:7pt;
font-size:9pt;
border:1px solid #2b6600;
padding:1px;
margin:0;
background-color:white;
float:left;
}
.maintainer a {
color:#426c29;
font-size:10pt;
}
.notes {
width:680px;
font-size:7pt;
width:100%;
font-size:9pt;
border:1px solid #2b6600;
padding:2px;
padding:1px;
margin:0;
margin-bottom:2px;
margin-top:2px;
background-color:#ffff00;
}
.downloadbox > div {
width:100% !important;
background-color:#c4ddc0 !important;
}
.downloadbox a {
color:#5e913e !important;
}
.output {
width:100%;
width:100% !important;
height:300px;
overflow:auto;
overflow-x:hidden;
word-wrap: break-word;
font-family:monospace;
font-size:8pt;
font-size:9pt;
font-weight:400;
border:1px solid #2b6600;
padding:2px;
@ -337,9 +356,6 @@ span#socialbox > span > div > div:nth-child(3) {
margin-top:5px;
width:100%;
}
.chatpanel {
margin-left:10px;
}
select,
input {
margin:3px !important;
@ -358,11 +374,11 @@ input {
height:97%;
word-wrap: break-word;
overflow:auto;
font-size:7pt;
font-size:9pt;
padding:0px;
top:5px;
left:5px;
// background-color:#e0f2d0;
// background-color:#C4DDc0;
/* -moz-column-count: 2;
-moz-column-gap: 1.5em;
-moz-column-rule: none;
@ -377,7 +393,7 @@ input {
.CodeMirror {
border:1px solid #2b6600;
// font-size:10px; // causes problems
// font-size:12px; // causes problems
}
.jspVerticalBar {
@ -394,7 +410,7 @@ input {
.scroll-pane {
/* socialbox */
background-color: #e0f2d0;
background-color: #C4DDC0;
height:130px;
min-width:200px;
width:100%;
@ -417,7 +433,7 @@ input {
.scroll-pane3 {
/* processes */
background-color: #e0f2d0;
background-color: #C4DDC0;
height:130px;
width:auto;
overflow:auto;
@ -439,7 +455,7 @@ input {
/* socialbox */
.socialbox {
float:right;
font-size:8pt;
font-size:10pt;
//border:0;
//margin:0;
//padding:0;
@ -449,7 +465,7 @@ input {
}
.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; }
.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 */
@ -473,7 +489,7 @@ div.speccreate { display:inline-block; }
color:#333;
text-decoration:none;
font-weight:700;
font-size:12px;
font-size:14px;
line-height:32px;
padding:0 15px;
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif