X-Git-Url: https://codewiz.org/gitweb?a=blobdiff_plain;f=sys%2Fgeekigeeki.css;h=b8410af7ecd632ec2d2481f9f212c1b66732ccfa;hb=8d07f0c7ae5b44f7f81f94b365b30ecc9e509f48;hp=bb96009153a5f0f24925ba9033d6bca879f5c8e0;hpb=e046369600f9f2059cf68b32f748c302f9eb5158;p=wiki.git diff --git a/sys/geekigeeki.css b/sys/geekigeeki.css index bb96009..b8410af 100644 --- a/sys/geekigeeki.css +++ b/sys/geekigeeki.css @@ -1,7 +1,4 @@ -/* - * Author: Gerardo Poggiali - * Author: Bernie Innocenti - */ +/* Author: Bernie Innocenti */ body { font-family: sans-serif; @@ -12,7 +9,13 @@ body { margin-right: 0px; } +html { + cursor: url('/wiki/sys/pointer.cur'), auto; +} + a { color: #1010FF; } +a:link { text-decoration: none; } +a:hover { text-decoration: underline; } a:visited { color: #501080; } a.nonexistent { color: #D04040; } a.navlink, a.login { font-size: smaller; font-weight: bold; text-decoration: none; } @@ -25,6 +28,7 @@ a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; } h1 { font-size: x-large; font-weight: bold; + clear: both; color: #3377FF; border: #5599EE; background-color: #D0F0FF; @@ -34,74 +38,48 @@ h1 { margin-top: 2em; padding-right: 10px; padding-left: 10px; - - border-style: solid; - border-left-style: none; - border-right-style: none; } h2 { font-size: large; font-weight: bold; - color: #22AA33; - border: #22AA33; - background-color: #E8F8F0; clear: both; + color: #22AA33; margin-left: 5px; margin-right: 5px; margin-bottom: 0.1em; - margin-top: 2em; + margin-top: 1.5em; padding-right: 10px; padding-left: 10px; - - border-top-width: 1px; - border-bottom-width: 1px; - border-left-style: none; - border-right-style: none; - border-style: solid; } h3 { font-size: large; font-weight: bold; - color: #DD2255; - border: #BB5599; + color: #113366; margin-left: 10px; margin-right: 10px; padding-right: 5px; padding-left: 5px; - - border-top-width: 0px; - border-bottom-width: 1px; - border-right-width: 0px; - border-left-width: 0px; - border-style: solid; } h4 { font-size: medium; font-weight: bold; - color: #2222AA; + color: #222288; margin-left: 10px; margin-right: 10px; padding-right: 5px; padding-left: 5px; - - border: #333399; - border-top-width: 0px; - border-bottom-width: 1px; - border-right-width: 0px; - border-left-width: 0px; - border-style: solid; } h5 { font-size: medium; - font-weight: bold; - color: #222288; + font-weight: normal; + color: #4444AA; margin-left: 10px; margin-right: 10px; @@ -147,7 +125,7 @@ strong.error { div { margin-left: 10px; margin-right: 10px; - text-align: justify; + /*text-align: justify;*/ } div.wiki { @@ -164,13 +142,11 @@ div.index { } div.nav { - /*border-color: #88aacc; - background-color: #aaccee;*/ border-color: #888888; background-color: #cccccc; - border-style: solid + border-style: solid; border-top-width: 0px; - border-bottom-width: 2px; + border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; padding-top: 5px; @@ -246,7 +222,7 @@ div.nav { p.dialog { border-color: black; background-color: white; - padding-left: 5px; + padding-left: 5px; margin-left: 10px; margin-right: 10px; border-style: solid; @@ -260,7 +236,7 @@ p { margin-left: 1em; margin-right: 1em; margin-bottom: 1em; - text-align: justify; + /*text-align: justify;*/ } table { @@ -274,7 +250,7 @@ table { } table tbody thead { - background: #f7f7f0 + background: #f7f7f0; } /* FIXME: should be thead */ @@ -398,11 +374,11 @@ div .innerthumb { /* Styles for search word highlighting */ @media screen { - .searchword0 { background: #ff9 } - .searchword1 { background: #cfc } - .searchword2 { background: #cff } - .searchword3 { background: #ccf } - .searchword4 { background: #fcf } + .searchword0 { background: #ff9 } + .searchword1 { background: #cfc } + .searchword2 { background: #cff } + .searchword3 { background: #ccf } + .searchword4 { background: #fcf } } @media print { @@ -415,10 +391,67 @@ div .innerthumb { h3 { font-size: 12pt; border: none; } h4 { font-size: 12pt; border: none; } h5 { font-size: 12pt; border: none; } - a a:visited { text-color: #225; text-decoration: underline; } + a { text-color: #225; text-decoration: underline; } .heading:link, .heading:visited { display: none; } #footer { display: none; } .nav { display: none; } .noprint { display: none; } div.wiki { font-size: smaller; } } + +@media (prefers-color-scheme: dark) { + body { + background-color: #181818; + color: #ffffff; + } + + a { color: #9bd1ff; } + a:visited { color: #9b669b; } + a.nonexistent { color: #f0d0d0; } + a.navlink { color: #d1d1ff; } + a.login { color: #bb6666; } + + div.nav { + border-color: #606060; + background-color: #303030; + } + + body { + background-color: #181818; + color: #FFFFFF; + } + + a { color: #9Bd1ff; } + a:visited { color: #778899; } + a.nonexistent { color: #f0d0d0; } + a.navlink { color: #d1d1ff; } + a.login { color: #bb6666; } + a.heading { text-decoration: none; color: #666666; font-size: smaller; } + + h1 { + color: #88bbff; + border: #77aadd; + background-color: #2a2a2a; + } + h2 { color: #44dd66; } + h3 { color: #88aacc; } + h4 { color: #8899bb; } + h5 { color: #6666cc; } + + div.nav { + border-color: #606060; + background-color: #303030; + } + + table { border: 2px solid #444; } + table tbody thead { background: #2f2f2f; } + table tbody th { + border: 1px solid #555; + border-bottom-color: #777; + } + table tbody td { border: 1px dotted #555; } + table tbody tr { border-top: 1px solid #555; } + table tbody tr.even { background-color: #303030; } + table tbody tr.odd { background-color: #393939; } + table tbody tr:hover { background: #444 !important; } +}