From: Will Budic Date: Fri, 22 Sep 2023 12:54:53 +0000 (+1000) Subject: CSS background-fixed X-Git-Url: https://lifelog.hopto.org/gitweb/?a=commitdiff_plain;h=80f962ba43bc10a316a17c93f4e4cbeb1307c126;p=LifeLog.git CSS background-fixed --- diff --git a/htdocs/cgi-bin/main.cgi b/htdocs/cgi-bin/main.cgi index 6c81522..4ddb1fe 100755 --- a/htdocs/cgi-bin/main.cgi +++ b/htdocs/cgi-bin/main.cgi @@ -1118,6 +1118,7 @@ my $audio = &Settings::audioEnabled ? qq( toBuf ( qq( $sideMenu +
$frm
$quill @@ -1125,6 +1126,7 @@ $quill
$help
\n$log_output\n

$tail +
$data_cats diff --git a/htdocs/cgi-bin/wsrc/main.css b/htdocs/cgi-bin/wsrc/main.css index e1adb46..5c0c103 100644 --- 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 8b6f6ec..3863c1d 100644 --- 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 ca2253d..7b97536 100644 --- 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 7904851..26a76bc 100644 --- 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