openmamba/wordpress-theme-openmamba
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

webbuild: update css to render bigger work area and fonts

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/webbuild-post.css
View File

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

110
styles/webbuild.css
View File

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