CSS background-fixed

diff --git a/htdocs/cgi-bin/main.cgi b/htdocs/cgi-bin/main.cgi
index 6c815225bb88016dd2172c640c56f137ae36c893..4ddb1fe8a381e6c1e7baedc4c4e9bdc2d4597453 100755 (executable)
--- a/htdocs/cgi-bin/main.cgi
+++ b/htdocs/cgi-bin/main.cgi
@@ -1118,6 +1118,7 @@ my $audio = &Settings::audioEnabled ? qq(
 toBuf (
        qq(
 $sideMenu
+<DIV class="content">
 <a id="top" name="top"></a>
 <div id="div_log">$frm</div>
 $quill
@@ -1125,6 +1126,7 @@ $quill
 <div id="div_hlp">$help</div>
 <div>\n$log_output\n</div><br>
 $tail
+</DIV>
 <!-- Cat Data Start -->
 <span id="meta_cats">
        $data_cats

diff --git a/htdocs/cgi-bin/wsrc/main.css b/htdocs/cgi-bin/wsrc/main.css
index e1adb468ba642adc6870c74b063680682ea60fe4..5c0c10377ae06379295f73b1dc4a460fcd6102ac 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main.css
+++ b/htdocs/cgi-bin/wsrc/main.css
@@ -1,13 +1,19 @@
 body{
     font-family: Segoe UI,Helvetica,Bookman,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+    margin: 0;
+    padding:0;
+}
+.content{
     background-image: url('images/page-bck-std.png');
-    margin: 0; 
-    padding:0;  
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    margin: 0;
+    padding:0;
 }
 p {
     font-family: Bookman;
     margin-left: 70px;
-    font-weight: normal;    
+    font-weight: normal;
 }
 pre{
     color: #070707;
@@ -18,14 +24,14 @@ pre{
 }
 table,
 th,
-td {    
+td {
     border-collapse: collapse;
     padding: 5px;
     margin: auto;
 }
 
-div {    
-    text-align: center;    
+div {
+    text-align: center;
 }
 
 #div_log {
@@ -89,7 +95,7 @@ th,
 }
 
 #cat_lst {
-    visibility: hidden; 
+    visibility: hidden;
 }
 
 .r0 {
@@ -135,8 +141,8 @@ th,
     margin: 0px auto;
 }
 .login {
-    
-    vertical-align: middle; text-align:center; width: 60% !important;    
+
+    vertical-align: middle; text-align:center; width: 60% !important;
     background-repeat: no-repeat;
     background:#b2f8ef url('images/std--login-bck.png');
     opacity: 1;
@@ -180,7 +186,7 @@ div#rz {
     text-align: left;
     word-wrap: break-word;
     white-space: normal;
-    padding-left: 5px;            
+    padding-left: 5px;
     overflow-y:hidden;
 }
 
@@ -236,7 +242,7 @@ img {
 
 .ui-button,
 .ui-button-text .ui-button {
-    font-size: 12px !important;    
+    font-size: 12px !important;
 }
 
 .ui-menu {
@@ -300,7 +306,7 @@ img {
 
 #btnRTF {
     float: right;
-    
+
 }
 
 .midnight{
@@ -346,7 +352,7 @@ a:active {
     font-size:smaller;
     background-color:darkturquoise;
     text-align: left;
-    font-family: monospace;    
+    font-family: monospace;
     opacity: 8;
     padding: 5px;
 }
\ No newline at end of file

diff --git a/htdocs/cgi-bin/wsrc/main_earth.css b/htdocs/cgi-bin/wsrc/main_earth.css
index 8b6f6ec335664e1987a85103d659be6da190a55f..3863c1d27df17e4fdb8f38b50533c85ec90b7101 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main_earth.css
+++ b/htdocs/cgi-bin/wsrc/main_earth.css
@@ -1,10 +1,15 @@
 body{
     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Bookman,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
     font-size: 14px;
+    margin: 0;
+    padding:0;
+}
+.content {
     background-image: url('images/page-bck-earth.png');
-    background-repeat: no-repeat;    
-    margin: 0; 
-    padding:0;  
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    margin: 0;
+    padding:0;
 }
 p {
     font-family: Bookman;
@@ -74,7 +79,7 @@ th,
     text-align: center;
     background: #d1663c;
     color: #d8d8d8;
-    margin-top: 20px;    
+    margin-top: 20px;
     margin-left: 200px;
     width: 280px;
     text-decoration-style: wavy;
@@ -82,7 +87,7 @@ th,
 
 .span_cat {
     font-family: Bookman;
-    border: 1px solid #7a3d03;    
+    border: 1px solid #7a3d03;
     border-style: inset;
     padding: 2px;
     padding-right: 10px;
@@ -129,9 +134,9 @@ th,
     padding: 2%;
     margin: 0px auto;
 }
-.login {    
+.login {
     vertical-align: middle; text-align:center; width: 60% !important;
-    background-image:repeating-radial-gradient(cyan, green, brown)    
+    background-image:repeating-radial-gradient(cyan, green, brown)
 }
 div#rz {
     border: 1px solid black;
@@ -171,7 +176,7 @@ div#rz {
     text-align: left;
     word-wrap: break-word;
     white-space: normal;
-    padding-left: 5px;            
+    padding-left: 5px;
     overflow-y:hidden;
 }
 
@@ -317,15 +322,15 @@ a:link {
     font-style: italic;
     background-color: #c0a873;
     color:lawngreen;
-    padding:5px; 
-  }    
+    padding:5px;
+  }
 
 
  #sss_expired a {
     font-size: large;
     font-style: normal;
     font-weight: bold;
-    background-color: #26be54;    
+    background-color: #26be54;
     color:crimson;
     padding:15px
 }

diff --git a/htdocs/cgi-bin/wsrc/main_moon.css b/htdocs/cgi-bin/wsrc/main_moon.css
index ca2253d962d2bc6af783297ac4bbdaff0a89f1f9..7b9753664e2c455cb06df35946f4ce554bffee44 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main_moon.css
+++ b/htdocs/cgi-bin/wsrc/main_moon.css
@@ -2,7 +2,15 @@ body{
     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Bookman,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
     font-size: 14px;
     background-image: url('images/page-bck-moon.png');
-
+    margin: 0;
+    padding:0;
+}
+.content{
+    background-image: url('images/page-bck-moon.png');
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    margin: 0;
+    padding:0;
 }
 p {
     font-family: Bookman;
@@ -140,8 +148,8 @@ th,
     padding:10px;
 }
 .login {
-    
-    vertical-align: middle; text-align:center; width: 60% !important;    
+
+    vertical-align: middle; text-align:center; width: 60% !important;
     background-repeat: no-repeat;
     background:#64614e7a;
 }
@@ -185,7 +193,7 @@ div#rz {
     text-align: left;
     word-wrap: break-word;
     white-space: normal;
-    padding-left: 5px;            
+    padding-left: 5px;
     overflow-y:hidden;
 }
 
@@ -242,7 +250,7 @@ img {
 
 .ui-button,
 .ui-button-text .ui-button {
-    font-size: 12px !important;    
+    font-size: 12px !important;
 }
 
 .ui-menu {
@@ -331,7 +339,7 @@ a:active {
     font-style: italic;
     background-color:#9bb6c3;
     color: #724242;
-    padding:5px;    
+    padding:5px;
 }
 
  #sss_expired a{
@@ -343,7 +351,7 @@ a:active {
     padding:15px
 }
 .hover{
-    background-color: #8d8d83;    
+    background-color: #8d8d83;
 }
 #lcat{ margin: 0; padding: 5px;}
 
@@ -352,7 +360,7 @@ a:active {
     color: rgb(105, 15, 15);
     background-color:#9bb6c3;
     text-align: left;
-    font-family: monospace;    
+    font-family: monospace;
     opacity: 8;
     padding: 5px;
 }
\ No newline at end of file

diff --git a/htdocs/cgi-bin/wsrc/main_sun.css b/htdocs/cgi-bin/wsrc/main_sun.css
index 79048511b191ea6070b053b3f973857072a27259..26a76bc63031cdd6a302211f2c7c5ac7f59f3586 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main_sun.css
+++ b/htdocs/cgi-bin/wsrc/main_sun.css
@@ -1,11 +1,19 @@
 body{
     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Bookman,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
     font-size: 14px;
-    background-color: #FFD700;    
+    background-color: #FFD700;
+    margin: 0;
+    padding:0;
+}
+
+.content {
+
     background-image: url('images/page-bck-sun.png');
-    background-repeat: no-repeat;    
-    margin: 0; 
-    padding:0;  
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    margin: 0;
+    padding:0;
+
 }
 p {
     font-family: Bookman;
@@ -138,7 +146,7 @@ th,
     margin: 0px auto;
 }
 .login {
-    
+
     vertical-align: middle; text-align:center; width: 60% !important;
     background:#b2f8ef url('images/Sun-Rotating.gif');
     background-repeat: repeat;
@@ -183,7 +191,7 @@ div#rz {
     text-align: left;
     word-wrap: break-word;
     white-space: normal;
-    padding-left: 5px;            
+    padding-left: 5px;
     overflow-y:hidden;
 }
 
@@ -237,7 +245,7 @@ img {
 
 .ui-button {
   font-size: 12px !important;
-    color: #b87a1d #e4f1fb 
+    color: #b87a1d #e4f1fb
 }
 
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
@@ -245,14 +253,14 @@ img {
     background-color: #d4af37;
     background: #ffdf00;
     font-weight: bold;
-    color: #b87a1d #e4f1fb 
+    color: #b87a1d #e4f1fb
 }
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
     border: 1px solid #ead5ae;
     background-color: #d4af37;
     background: #fbff00;
     font-weight: bold;
-    color: #b87a1d #e4f1fb 
+    color: #b87a1d #e4f1fb
 }
 .dropdown-menu table td{
     color:rgb(226, 34, 34);
@@ -292,14 +300,14 @@ img {
        color: #e4f1fb;
 }
 
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, 
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active {
        border: 1px solid #978567;
        background: #f6f200;
-       font-weight: bold;      
+       font-weight: bold;
     color: #0c0c0c;
 }
-.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, 
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active,
 .ui-button.ui-state-active:hover {
        border: 1px solid #fa0404;
        background:#ffdf00;
@@ -311,7 +319,7 @@ html .ui-button.ui-state-disabled:active {
     color: #362b36;
     font-weight: bold;
 }
-.ui-widget-content {   
+.ui-widget-content {
        background: #fbff00;
        color: #362b36;
 }
@@ -381,13 +389,13 @@ html .ui-button.ui-state-disabled:active {
 .midnight{
     color:midnightblue;
 }
-a:link {    
+a:link {
     color: #f4f80f
 }
    a:visited {
     color: #0c0c0c;
    }
-   
+
    a:hover {
        color: #2d7081;
        font-style:normal;
@@ -399,8 +407,8 @@ a:link {
     font-size: smaller;
     font-style: italic;
     background-color: #eeff00;
-    color:peru;    
-    padding:5px;  
+    color:peru;
+    padding:5px;
 }
 
 #sss_expired a{
@@ -420,6 +428,6 @@ a:link {
     font-size:smaller;
     background-color:goldenrod;
     text-align: left;
-    font-family: monospace;    
+    font-family: monospace;
     opacity: 8;
 }
\ No newline at end of file