webbuild: split css adding webbuild-standalone.css and webbuild-post.css

webbuild/html/styles/webbuild-post.css

@@ -0,0 +1,79 @@
+webbuild.a { }
+pre {
+   background: none;
+   border:0;
+   padding:0;
+   margin:0;
+   -webkit-box-shadow:none;
+   box-shadow:none;
+   font-family: monospace;
+   word-break: break-all;
+}
+
+code {
+   font-family: monospace;
+}
+
+form { margin:0; }
+a.webbuild:link { color:#0b0600; text-decoration: none; }
+a.webbuild:visited { color:#0b0600; text-decoration: none; }
+a.webbuild:active { color:#0b0600; text-decoration: none; }
+a.webbuild:hover { text-decoration: underline; }
+hr { margin:0; color:black; background: #aaaaaa; }
+label { white-space:nowrap; text-decoration:none; font-weight:initial; }
+
+.webbuild input {
+   font-size: 8pt;
+   font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
+   padding: 1px;
+   margin: 1px;
+}
+
+select {
+   font-size: 8pt;
+   font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
+   padding: 0;
+   margin: 1px;
+   height: 1.5em;
+   max-width: 98%;
+   background-color: buttonface;
+}
+
+input[type="text"] {
+   font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
+   padding: 1px;
+   margin: 1px;
+   border: 1px solid #AAAAAA;
+}
+
+input[type="button"] {
+   font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
+   font-size: 8pt;
+   font-weight: 400;
+   margin: 1px;
+   border: 1px solid #AAAAAA;
+   white-space:nowrap;
+   line-height: 1.1em;
+}
+
+input[type="button"]::-moz-focus-inner { padding: 0; border: 0; }
+
+input[type="button"]:hover {
+   border: 1px solid #666666;
+}
+input[type="radio"] {
+   font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
+   font-size: 7pt;
+   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);
+   padding: 1px;
+   margin: 1px;
+}

webbuild/html/styles/webbuild-standalone.css

@@ -0,0 +1,13 @@
+body { font-size: 9pt; font-family: liberationsans, freesans, arial, verdana, sans-serif; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
+table { font-size: 9pt; font-family: liberationsans, freesans, arial, verdana, sans-serif; background-color: rgb(255, 255, 255);  }
+img { border: 0; margin: 0px; vertical-align:middle; }
+h1 { font-size: 13pt; font-weight: bold; }
+h2 { font-size: 11pt; font-weight: bold; }
+h3 { font-size: 10pt; font-weight: bold; margin-top: 20px; margin-bottom: 2px; }
+h4 { margin:5; margin-right: 10; font-size: 9pt; font-weight: normal; }
+hr { margin:0; color:white; }
+a { }
+a:link { color:#2b6600; text-decoration: none; }
+a:visited { color:#2b6600; text-decoration: none; }
+a:active { color:#2b6600; text-decoration: none; }
+a:hover { text-decoration: underline; }

webbuild/html/styles/webbuild.css

@@ -1,75 +1,18 @@
-body { font-size: 9pt; font-family: liberationsans, freesans, arial, verdana, sans-serif; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
-table { font-size: 9pt; font-family: liberationsans, freesans, arial, verdana, sans-serif; background-color: rgb(255, 255, 255);  }
-img { border: 0; margin: 0px; vertical-align:middle; }
-h1 { font-size: 13pt; font-weight: bold; }
-h2 { font-size: 11pt; font-weight: bold; }
-h3 { font-size: 10pt; font-weight: bold; margin-top: 20px; margin-bottom: 2px; }
-h4 { margin:5; margin-right: 10; font-size: 9pt; font-weight: normal; }
-hr { margin:0; color:white; }
-a { }
-a:link { color:#2b6600; text-decoration: none; }
-a:visited { color:#2b6600; text-decoration: none; }
-a:active { color:#2b6600; text-decoration: none; }
-a:hover { text-decoration: underline; }
-
-label {
-   white-space:nowrap;
-}
-
-input {
-   font-size: 8pt;
-   font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
-   padding: 0;
-   margin: 1px;
-}
-select {
-   font-size: 8pt;
-   font-family:liberationsans,freesans,Arial,Verdana,Helvetica,sans-serif;
-   padding: 0;
-   margin: 1px;
-   height: 18px;
-}
-input[type="text"] {
-   padding: 0px;
-   margin: 1px;
-   height: 1.40em;
-   border: 1px solid #AAAAAA;
-}
-
-input[type="button"] {
-   margin: 1px;
-   white-space:nowrap;
-   height: 18px;
-}
-input[type="radio"] {
-   font-size: 7pt;
-   padding: 0;
-   margin: 0;
-}
-input[type="checkbox"] {
-   vertical-align:middle;
-   -ms-transform: scale(0.9);
-   -moz-transform: scale(0.9);
-   -webkit-transform: scale(0.9);
-   -o-trasnform: scale(0.9);
-   padding: 1px;
-   margin: 1px;
-}
 .boldbutton {
-   font-weight: bold;
+   font-weight: bold !important;
 }
 .redbutton {
-   color: red;
+   color: red !important;
 }
 .redbutton[disabled] {
-   color: lightgray;
+   color: lightgray !important;
 }
 .redboldbutton {
-   color: red;
+   color: red !important;
-   font-weight: bold;
+   font-weight: bold !important;
 }
 .redboldbutton[disabled] {
-   color: lightgray;
+   color: lightgray !important;
 }
 .screencontainer {
    text-align:center;
@@ -83,8 +26,8 @@ input[type="checkbox"] {
 
 .opaquebackground {
    text-align:center;
-   position:fixed;
    z-index:15 !important;
+   position: fixed;
    height:100%;
    width:100%;
    left:0;
@@ -166,17 +109,10 @@ input[type="checkbox"] {
 .multiselect label {
    display:block;
    white-space:nowrap;
+   font-weight:400;
+   padding:0;
 }
 
-.socialbox {
-   float:right;
-   font-size:8pt;
-   border:0px;
-   padding:0px;
-   height:130px;
-   line-height: 100%;
-   border:1px solid #2b6600;
-}
 
 .searchbox {
    position:relative;
@@ -194,10 +130,21 @@ input[type="checkbox"] {
 }
 .webbuild {
    font-size: 8pt;
+   font-family: liberationsans, freesans, arial, verdana, sans-serif;
+   line-height: 1.3em;
+   color: #000000;
+   margin:0px;
 }
-.webbuild td {
+.webbuild td { font-size: 8pt; border:0; }
-   font-size: 8pt;
 }
+.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; border: medium none; }
+.webbuild div { margin-bottom:1px; padding-bottom:1px; }
 
 .editor {
    width:690px;
@@ -205,7 +152,7 @@ input[type="checkbox"] {
    border:1px solid #cccccc;
    padding:0px;
    margin:0px;
-   font-family:'Courier New', Courier, 'Nimbus Mono L', monospace;
+   font-family:monospace;
    font-size:8pt;
 }
 
@@ -221,14 +168,6 @@ input[type="checkbox"] {
    float:left;
 }
 
-.socialbox {
-   float:right;
-   font-size:8pt;
-   padding:0px;
-   height:130px;
-   line-height: 100%;
-   border:1px solid #2b6600;
-}
 
 .processes {
    float:left;
@@ -256,8 +195,9 @@ input[type="checkbox"] {
    overflow:auto;
    overflow-x:hidden;
    word-wrap: break-word;
-   font-family:'Courier New', Courier, 'Nimbus Mono L', monospace;
+   font-family:monospace;
    font-size:8pt;
+   font-weight:400;
    border:1px solid #2b6600;
    padding:2px;
    margin:0;
@@ -265,27 +205,27 @@ input[type="checkbox"] {
    color:white;
 }
 
-.output a:link {
+.output a,
-   text-decoration: underline;
+.output a:link,
-   color:white;
-}
-
 .output a:visited {
    text-decoration: underline;
    color:white;
 }
 
+.output p {
+   background-color:gray;
+   color:white;
+}
+
 .matrix {
    width:100%;
-   height:100%;
+   height:97%;
    word-wrap: break-word;
    overflow:auto;
    font-size:7pt;
-//   border:1px solid #2b6600;
+   padding:0px;
-   padding-right:-2px;
+   top:5px;
-   padding-bottom:-2px;
+   left:5px;
-   margin-left:2px;
-   margin-bottom:2px;
 //   background-color:#e0f2d0;
 /*   -moz-column-count: 2;
    -moz-column-gap: 1.5em;
@@ -358,3 +298,17 @@ input[type="checkbox"] {
    overflow:auto;
 }
 
+/* socialbox */
+.socialbox {
+   float:right;
+   font-size:8pt;
+   border:0px;
+   padding:0px;
+   height:130px;
+   line-height: 100%;
+   margin: 0px;
+   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; }

webbuild/html/webbuild.html

@@ -11,6 +11,7 @@
 <script type="text/javascript" src="/scripts/jquery.mousewheel.js"></script>
 <!-- the jScrollPane script -->
 <script type="text/javascript" src="/scripts/jquery.jscrollpane.min.js"></script>
+<link rel="stylesheet" type="text/css" href="/styles/webbuild-standalone.css">
 <link rel="stylesheet" type="text/css" href="/styles/webbuild.css">
 <script type="text/javascript" src="/scripts/socialbox.js"></script>
 <script>
@@ -259,6 +260,8 @@ function ajaxFileUpload(request)
 	return false;
 }
 </script>
+<link rel="stylesheet" type="text/css" href="/styles/webbuild-post.css">
+
 </head><body>
 <table width="100%">
 <tr><td>
@@ -280,7 +283,6 @@ function ajaxFileUpload(request)
  <span id="packages"></span>
  <span id="operations"></span>
  <br><span id="speccreate"></span>
- <hr>
  <div style="position:relative;float:left;width:686px;padding:0;margin:1px;">
   <div class="processes"><div class="scroll-pane3"><span id="processes"></span></div></div><br>
   <div><span id="editor"></span></div>