speedie/speedwm-wiki
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

better CSS

Browse source
This commit is contained in:
speedie 2023-04-24 17:58:23 +02:00
parent a68ba95053
commit 35abb37097
1 changed files with 31 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
index.css
View file

@ -15,13 +15,13 @@
* { * {
font-family: Monospace; font-family: Monospace;
font-size: 11px;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 11px;
} }
body { body {
background-color: #222222; background-color: #363636;
} }
blockquote { blockquote {
@ -62,7 +62,7 @@ h3, h4, h5, h6 {
} }
hr { hr {
border-top: 1px solid #222222; border-top: 1px solid #363636;
border-bottom: 0; border-bottom: 0;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
@ -88,7 +88,8 @@ li > ul, li > ol
} }
p { p {
margin-top: .5em; margin-top: 1.5em;
margin-bottom: 1.5em;
} }
pre { pre {
@ -104,14 +105,14 @@ pre {
white-space: -o-pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */ word-wrap: break-word; /* Internet Explorer 5.5+ */
background: #000000; background: #212121;
border: 1px dotted gray; border: 1px dotted gray;
padding: .2em .2em .2em .4em; padding: .2em .2em .2em .4em;
} }
code { code {
font-family: Monospace; font-family: Monospace;
background: #000000; background: #212121;
color: #bbbbbb; color: #bbbbbb;
padding: .1em .1em .1em .2em; padding: .1em .1em .1em .2em;
} }
@ -120,7 +121,7 @@ table {
border-collapse: collapse; border-collapse: collapse;
padding: .2em; padding: .2em;
max-width: 99%; max-width: 99%;
background-color: #000000; background-color: #212121;
color: #dddddd; color: #dddddd;
} }
th { th {
@ -129,7 +130,7 @@ table {
td, th { td, th {
padding: .1em 1em .1em .1em; padding: .1em 1em .1em .1em;
word-break: break-all; word-break: break-all;
background: #000000; background: #212121;
} }
thead { thead {
border-bottom: 1px solid black; border-bottom: 1px solid black;
@ -155,8 +156,8 @@ table {
textarea { textarea {
font-family: Monospace; font-family: Monospace;
width: 75%; width: 75%;
background-color: #000011; background-color: #212121;
color: #ffffff; color: #f0eee4;
} }
@media (max-width: 600px), (orientation: portrait) { @media (max-width: 600px), (orientation: portrait) {
textarea { textarea {
@ -180,8 +181,8 @@ input#gitmsg
.main { .main {
padding: .3em .3em .3em 1em; padding: .3em .3em .3em 1em;
background-color: #000000; background-color: #212121;
color: #ffffff; color: #f0eee4;
} }
/* the globe */ /* the globe */
@ -205,11 +206,11 @@ input#gitmsg
} }
.note { .note {
background-color: #000011; background-color: #212121;
padding: 4px; padding: 4px;
margin: .5em 0 .5em 0; margin: .5em 0 .5em 0;
color: #9999bb; color: #6666ff;
border: solid 1px #9999bb; border: solid 1px #6666ff;
width: 75%; width: 75%;
} }
@media (max-width: 600px), (orientation: portrait) { @media (max-width: 600px), (orientation: portrait) {
@ -219,13 +220,15 @@ input#gitmsg
} }
.titlebar { .titlebar {
background-color: #111111; background-color: #262626;
color: #ffffff; color: #89bfff;
padding: 2px;
} }
.titlebar span.title { .titlebar span.title {
font-size: 10px; font-size: 10px;
font-weight: bold; font-weight: bold;
margin: 5px;
} }
.titledate { .titledate {
@ -236,7 +239,7 @@ input#gitmsg
} }
.toolbar { .toolbar {
background-color: #222222; background-color: #363636;
position: sticky; position: sticky;
top: 0; top: 0;
font-size: 2px; font-size: 2px;
@ -281,7 +284,7 @@ input#gitmsg
input.search { input.search {
/* font-size: 0.95em;*/ /* font-size: 0.95em;*/
color: #000000; color: #212121;
width: 5em; width: 5em;
padding: .1em; padding: .1em;
} }
@ -309,20 +312,20 @@ input[type="submit"] {
/* buttons (such as for the edit page) */ /* buttons (such as for the edit page) */
input[type="submit"] { input[type="submit"] {
background-color: #ffffff; background-color: #f0eee4;
color: black; color: black;
} }
input[type="button"] { input[type="button"] {
background-color: #222222; background-color: #363636;
color: white; color: white;
} }
input[type="submit"]:hover { input[type="submit"]:hover {
background-color: #ffffff; background-color: #f0eee4;
color: black; color: black;
} }
input[type="button"]:hover { input[type="button"]:hover {
background-color: #222222; background-color: #363636;
color: white; color: white;
} }
@ -371,14 +374,15 @@ a > img.icon:active, a > span.icongroup:active {
} }
input.search { input.search {
border-color: #222222; border-color: #363636;
border-width: 0px; border-width: 0px;
background-color: #222222; background-color: #363636;
color: #ffffff; color: #f0eee4;
width: 165px width: 165px
} }
.sidebar { .sidebar {
color: #aaaaaa; color: #aaaaaa;
border-color: #aaaaaa; border-color: #aaaaaa;
background-color: #161616;
} }