From: wbudic <redacted>
Date: Tue, 17 Aug 2021 08:22:21 +0000 (+1000)
Subject: Updated themes to have background image.
X-Git-Url: https://lifelog.hopto.org/gitweb/?a=commitdiff_plain;h=876a98c6216ee30e755e5b3d067864abf7478247;p=LifeLog.git

Updated themes to have background image.
---

diff --git a/htdocs/cgi-bin/wsrc/images/page-bck-earth.png b/htdocs/cgi-bin/wsrc/images/page-bck-earth.png
new file mode 100644
index 0000000..8e9f006
Binary files /dev/null and b/htdocs/cgi-bin/wsrc/images/page-bck-earth.png differ
diff --git a/htdocs/cgi-bin/wsrc/images/page-bck-moon.png b/htdocs/cgi-bin/wsrc/images/page-bck-moon.png
new file mode 100644
index 0000000..b7c04cf
Binary files /dev/null and b/htdocs/cgi-bin/wsrc/images/page-bck-moon.png differ
diff --git a/htdocs/cgi-bin/wsrc/images/page-bck-std.png b/htdocs/cgi-bin/wsrc/images/page-bck-std.png
new file mode 100644
index 0000000..649c175
Binary files /dev/null and b/htdocs/cgi-bin/wsrc/images/page-bck-std.png differ
diff --git a/htdocs/cgi-bin/wsrc/images/page-bck-sun.png b/htdocs/cgi-bin/wsrc/images/page-bck-sun.png
new file mode 100644
index 0000000..d14df70
Binary files /dev/null and b/htdocs/cgi-bin/wsrc/images/page-bck-sun.png differ
diff --git a/htdocs/cgi-bin/wsrc/images/std-log-lbl-bck.png b/htdocs/cgi-bin/wsrc/images/std-log-lbl-bck.png
new file mode 100644
index 0000000..e1be81b
Binary files /dev/null and b/htdocs/cgi-bin/wsrc/images/std-log-lbl-bck.png differ
diff --git a/htdocs/cgi-bin/wsrc/main.css b/htdocs/cgi-bin/wsrc/main.css
index 65bf0a7..25f4901 100644
--- a/htdocs/cgi-bin/wsrc/main.css
+++ b/htdocs/cgi-bin/wsrc/main.css
@@ -1,6 +1,7 @@
 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-std.png');
 }
 p {
     font-family: Bookman;
@@ -8,13 +9,16 @@ p {
     font-weight: bold;
 }
 pre{
-    color: #d8d8d8;
+    color: #070707;
     text-align:left;
+    background-color: gainsboro;
+    opacity: 5;
+    overflow-x:auto;
 }
 table,
 th,
 td {
-    
+    font-family: Bookman;
     border-collapse: collapse;
     padding: 5px;
     margin: auto;
@@ -76,8 +80,8 @@ th,
 
 .span_cat {
     font-family: Bookman;
-    border:1px solid #b2f8ef;
-    border-bottom:solid  #42e4fa 1px;
+    border: 1px solid #b2f8ef;
+    border-bottom: solid #42e4fa 1px;
     border-style: inset;
     padding: 2px;
     padding-right: 10px;
@@ -108,6 +112,8 @@ th,
 .r1.hover{
     background-color: #b7f3f3;
 }
+
+
 .r2 {
     background-color: #ccfff0;
     border: 1px solid black;
@@ -134,6 +140,7 @@ div#rz {
     border: 1px solid black;
     text-align: left;
     background-color: #e6ffff;
+    color: #000;
     vertical-align: top;
     align-self: baseline;
     height: auto;
@@ -311,17 +318,29 @@ a:active {
     font-size: smaller;
     font-style: italic;
     color:darkslateblue;
+    background-color:darkturquoise;
+    padding:5px;
+    opacity: 1;
 }
 
- #sss_expired{
+ #sss_expired a{
     font-size: large;
     font-style: normal;
     font-weight: bold;
     color:crimson;
+    padding:15px
 }
 
 .hover{
     background-color: #69f0f0;
 }
 
-#lcat{ margin: 0; padding: 5px;}
\ No newline at end of file
+#lcat{ margin: 0; padding: 5px;}
+
+.debug_output {
+    font-size:smaller;
+    background-color:darkturquoise;
+    text-align: left;
+    font-family: monospace;    
+    opacity: 8;
+}
\ 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 ef75164..9d4edbe 100644
--- a/htdocs/cgi-bin/wsrc/main_earth.css
+++ b/htdocs/cgi-bin/wsrc/main_earth.css
@@ -1,13 +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-image: url('images/page-bck-earth.png');
 }
 p {
     font-family: Bookman;
     margin-left: 70px;
     font-weight: bold;
 }
-
+pre{
+    color: #070707;
+    text-align:left;
+    background-color: gainsboro;
+    opacity: 5;
+}
 table,
 th,
 td {
@@ -58,6 +64,34 @@ th,
     text-align: left;
 }
 
+#cat_desc {
+    position: absolute;
+    border: 2px solid #7a3d03;
+    padding: 5px;
+    text-align: center;
+    background: #d1663c;
+    color: #d8d8d8;
+    margin-top: 20px;    
+    margin-left: 200px;
+    width: 280px;
+    text-decoration-style: wavy;
+}
+
+.span_cat {
+    font-family: Bookman;
+    border: 1px solid #7a3d03;    
+    border-style: inset;
+    padding: 2px;
+    padding-right: 10px;
+    padding-left: 10px;
+    box-sizing: border-box;
+    width: auto;
+}
+
+#cat_lst {
+    visibility: hidden;
+}
+
 .r0 {
     background-color: #d1663c;
     border: 1px solid black;
@@ -92,7 +126,16 @@ th,
     padding: 2%;
     margin: 0px auto;
 }
-
+div#rz {
+    border: 1px solid black;
+    text-align: left;
+    background-color: #6ed16e;
+    vertical-align: top;
+    align-self: baseline;
+    height: auto;
+    padding: 2px;
+    margin: 0px auto;
+}
 .hdr {
     font-style: normal;
     font-weight: bold;
@@ -144,16 +187,6 @@ th,
     background-color: rgba(0, 0, 0, .5);
 }
 
-div#rz {
-    border: 1px solid black;
-    text-align: left;
-    background-color: #6ed16e;
-    vertical-align: top;
-    align-self: baseline;
-    height: auto;
-    padding: 2px;
-    margin: 0px auto;
-}
 
 #tag_FRM {
     border: 2px solid #07750d;
@@ -167,28 +200,6 @@ img {
     padding: 0 10px
 }
 
-
-#cat_desc {
-    position: absolute;
-    border: 2px solid #7a3d03;
-    padding: 5px;
-    text-align: center;
-    background: #c28a4a;
-
-    margin-top: 20px;
-    margin-left: 200px;
-    width: 280px;
-    text-decoration-style: wavy;
-
-}
-.span_cat {
-    border:1px solid #7a3d03;
-    border-style: outset;
-    padding: 2px;
-    padding-right: 5px;
-    width: 180px;
-}
-
 #menu {
     position: fixed;
     float: left;
@@ -200,9 +211,6 @@ img {
     margin-left: 90%;
 }
 
-#cat_lst {
-    visibility: hidden;
-}
 
 #frm_login {
     vertical-align: middle;
@@ -210,6 +218,7 @@ img {
 }
 
 
+
 .ui-button,
 .ui-button-text .ui-button {
     font-size: 12px !important;
@@ -247,7 +256,6 @@ img {
 .ui-menu .ui-menu-item a.ui-state-active {
     margin: -1px;
 }
-
 .ui-icon{
     float:right;
 }
@@ -262,12 +270,12 @@ img {
     max-height: 480px;
     border-top: 1px solid gray;
     border-right: 1px solid gray;
-    background-color: #40ad36;
+    background-color: #98e6e6;
 }
 
 #toolbar-container {
     border: 1px solid black;
-    background-color: #40ad36;
+    background-color: #98e6e6;
     margin-bottom: 3px;
 }
 
@@ -300,16 +308,27 @@ a:link {
   #sss_status{
     font-size: smaller;
     font-style: italic;
+    background-color: #c0a873;
     color:lawngreen;
-}
+    padding:5px; 
+  }    
 
- #sss_expired{
+
+ #sss_expired a {
     font-size: large;
     font-style: normal;
     font-weight: bold;
-    color:lightsalmon;
-    background-color: #26be54;
+    background-color: #26be54;    
+    color:crimson;
+    padding:15px
 }
 .hover{
     background-color: #335757;
+}
+#lcat{ margin: 0; padding: 5px;}
+.debug_output {
+    font-size: large;
+    background-color:#c0a873;
+    text-align: left;
+    font-family: monospace;
 }
\ No newline at end of file
diff --git a/htdocs/cgi-bin/wsrc/main_moon.css b/htdocs/cgi-bin/wsrc/main_moon.css
index 0493223..8f0de91 100644
--- a/htdocs/cgi-bin/wsrc/main_moon.css
+++ b/htdocs/cgi-bin/wsrc/main_moon.css
@@ -1,15 +1,20 @@
 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');
 }
 p {
     font-family: Bookman;
     margin-left: 70px;
     font-weight: bold;
 }
+
 pre{
-    color: #d8d8d8;
+    color: #070707;
     text-align:left;
+    background-color:#ff7b00 ;
+    opacity: 5;
+    overflow-x:auto;
 }
 
 table,
@@ -75,7 +80,6 @@ th,
     margin-left: 200px;
     width: 280px;
     text-decoration-style: wavy;
-
 }
 .span_cat {
     border:1px solid #9bb6c3;
@@ -222,15 +226,13 @@ img {
     background-color: #363531;
 }
 
-#cat_lst {
-    visibility: hidden;
-}
-
 #frm_login {
     vertical-align: middle;
     margin: 0;
 }
 
+
+
 .ui-button,
 .ui-button-text .ui-button {
     font-size: 12px !important;    
@@ -267,7 +269,6 @@ img {
 .ui-menu .ui-menu-item a.ui-state-active {
     margin: -1px;
 }
-
 .ui-icon{
     float:right;
 }
@@ -321,16 +322,30 @@ a:active {
 #sss_status{
     font-size: smaller;
     font-style: italic;
-    color:gray
+    background-color:#9bb6c3;
+    color: #724242;
+    padding:5px;    
 }
 
- #sss_expired{
+ #sss_expired a{
     font-size: large;
     font-style: normal;
     font-weight: bold;
-    color:khaki;
+    background-color:#9bb6c3;
+    color:crimson;
+    padding:15px
 }
 .hover{
     background-color: #8d8d83;    
 }
-#lcat{ margin: 0; padding: 5px;}
\ No newline at end of file
+#lcat{ margin: 0; padding: 5px;}
+
+.debug_output {
+    font-size:smaller;
+    color: rgb(105, 15, 15);
+    background-color:#9bb6c3;
+    text-align: left;
+    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 58ed846..a12f07b 100644
--- a/htdocs/cgi-bin/wsrc/main_sun.css
+++ b/htdocs/cgi-bin/wsrc/main_sun.css
@@ -1,6 +1,7 @@
 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-sun.png');
 }
 p {
     font-family: Bookman;
@@ -10,10 +11,14 @@ p {
 pre{
     color: black;
     text-align:left;
+    background-color: coral;
+    opacity: 5;
+    overflow-x:auto;
 }
 table,
 th,
 td {
+    font-family: Bookman;
     border-collapse: collapse;
     padding: 5px;
     margin: auto;
@@ -65,6 +70,7 @@ th,
     padding: 5px;
     text-align: center;
     background: #D4AF37;
+    color:black;
     margin-top: 20px;
     margin-left: 200px;
     width: 280px;
@@ -72,12 +78,15 @@ th,
 
 }
 .span_cat {
-    border:1px solid #b2f8ef;
-    border-style: outset;
+    font-family: Bookman;
+    border: 1px solid #b2f8ef;
+    border-bottom: solid #76fa42 1px;
+    border-style: inset;
     padding: 2px;
-    padding-right: 5px;
-    width: 180px;
-}
+    padding-right: 10px;
+    padding-left: 10px;
+    box-sizing: border-box;
+    width: auto;}
 #cat_lst {
     visibility: hidden;
 }
@@ -99,8 +108,10 @@ th,
 .r1.hover{
     background-color: #ffea00c5;
 }
+
+
 .r2 {
-    background-color: #FFEA00;
+    background-color: #FFe24b;
     border: 1px solid black;
     border-right: 1px solid black;
     vertical-align: top;
@@ -125,7 +136,8 @@ th,
 div#rz {
     border: 1px solid black;
     text-align: left;
-    background-color: #e6ffff;
+    background-color: #5d740e;
+    color: #000;
     vertical-align: top;
     align-self: baseline;
     height: auto;
@@ -144,7 +156,7 @@ div#rz {
 
 .edit {
     margin: 2px;
-    padding: 5px;
+    padding: 2px;
     font-size: 9pt;
     color: midnightblue
 }
@@ -183,8 +195,9 @@ div#rz {
     background-color: rgba(0, 0, 0, .5);
 }
 
+
 #tag_FRM {
-    border: 2px solid rgb(148, 205, 231);
+    border: 2px solid #e7b994;
     padding: 5px;
     text-align: right;
     vertical-align: top;
@@ -195,10 +208,6 @@ img {
     padding: 0 10px
 }
 
-
-
-
-
 #menu {
     position: fixed;
     float: left;
@@ -210,10 +219,6 @@ img {
     margin-left: 90%;
 }
 
-#cat_lst {
-    visibility: hidden;
-}
-
 #frm_login {
     vertical-align: middle;
     margin: 0;
@@ -261,7 +266,6 @@ img {
 	color: #222222;
 	font-weight: bold;
 }
-
 .ui-widget-content{
 	border: 1px solid #dddddd;
 	background: #e9ff27;
@@ -331,7 +335,6 @@ html .ui-button.ui-state-disabled:active {
 .ui-menu .ui-menu-item a.ui-state-active {
     margin: -1px;
 }
-
 .ui-icon{
     float:right;
 }
@@ -363,6 +366,7 @@ html .ui-button.ui-state-disabled:active {
 #btnRTF {
     float: right;
 }
+
 .midnight{
     color:midnightblue;
 }
@@ -381,18 +385,30 @@ a:link {
        color: #1eff00;
    }
 #sss_status{
- font-size: smaller;
- font-style: italic;
- color:ghostwhite;
+    font-size: smaller;
+    font-style: italic;
+    background-color: #eeff00;
+    color:peru;    
+    padding:5px;  
 }
 
-#sss_expired{
- font-size: large;
- font-style: normal;
- font-weight: bold;
- color:crimson;
+#sss_expired a{
+    font-size: large;
+    font-style: normal;
+    font-weight: bold;
+    background-color: #eeff00;
+    color:crimson;
+    padding:15px
 }
 
 .hover{
     background-color: #fffb00;
+}
+#lcat{ margin: 0; padding: 5px;}
+.debug_output {
+    font-size:smaller;
+    background-color:goldenrod;
+    text-align: left;
+    font-family: monospace;    
+    opacity: 8;
 }
\ No newline at end of file