diff options
| -rw-r--r-- | apioforum/static/style.css | 46 |
1 files changed, 24 insertions, 22 deletions
diff --git a/apioforum/static/style.css b/apioforum/static/style.css index 2c2b6ec..d5323f1 100644 --- a/apioforum/static/style.css +++ b/apioforum/static/style.css @@ -10,6 +10,7 @@ body { --alternating-colour-even: hsl(0, 0%, 96%); --alternating-colour-odd: hsl(0, 0%, 91%); --dark-colour: black; + --border-colour: black; --gray: darkgray; --light-colour: white; --username-colour: hsl(0, 0%, 25%); @@ -28,13 +29,13 @@ a:visited { color: var(--visited); } .post:nth-child(even) { background-color: var(--alternating-colour-even) } .post:nth-child(odd) { background-color: var(--alternating-colour-odd) } .post { - border-left: 1px solid var(--dark-colour); - border-right: 1px solid var(--dark-colour); - border-top: 1px solid var(--dark-colour); + border-left: 1px solid var(--border-colour); + border-right: 1px solid var(--border-colour); + border-top: 1px solid var(--border-colour); width: 100%; box-sizing: border-box; } -.post:last-of-type { border-bottom: 1px solid var(--dark-colour); } +.post:last-of-type { border-bottom: 1px solid var(--border-colour); } .post-heading,.post-footer { font-size: smaller; } .post-heading,.post-footer,.username,.username:visited,nav#navbar .username { @@ -60,9 +61,9 @@ a:visited { color: var(--visited); } div.deleted-post { color:var(--light-colour); background-color: var(--dark-colour) !important; - border-left: 1px solid var(--dark-colour); - border-right: 1px solid var(--dark-colour); - border-top: 1px solid var(--dark-colour); + border-left: 1px solid var(--border-colour); + border-right: 1px solid var(--border-colour); + border-top: 1px solid var(--border-colour); } .deleted-post > .post-heading > * { color: hsl(0,0%,85%); @@ -96,9 +97,9 @@ div.deleted-post { div.deleted-post { color:var(--light-colour); background-color: var(--dark-colour) !important; - border-left: 1px solid var(--dark-colour); - border-right: 1px solid var(--dark-colour); - border-top: 1px solid var(--dark-colour); + border-left: 1px solid var(--border-colour); + border-right: 1px solid var(--border-colour); + border-top: 1px solid var(--border-colour); } } @@ -128,7 +129,7 @@ div.deleted-post { } .user_info { - border: 1px solid var(--dark-colour); + border: 1px solid var(--border-colour); background-color: var(--alternating-colour-even); width: 100%; padding: 4px; @@ -182,7 +183,7 @@ nav#navbar { padding: 5px; margin: 2px; margin-bottom: 20px; - border: 1px solid var(--dark-colour); + border: 1px solid var(--border-colour); display:flex; align-items: center; flex-wrap: wrap; @@ -198,7 +199,7 @@ nav#pages { justify-content: space-between; margin-bottom: -1px; padding: 5px; - border: 1px solid var(--dark-colour); + border: 1px solid var(--border-colour); background-color: var(--alternating-colour-even); position: sticky; top: 0; @@ -209,19 +210,19 @@ nav#pages .links > a:not([href]) { color: var(--gray); } nav#pages .pageno { align-self: center; } /* todo: make the navbar less bad */ -.flashmsg { border: 1px solid var(--dark-colour); background-color: yellow; max-width: max-content; padding: 5px; clear: both; color: black} +.flashmsg { border: 1px solid var(--border-colour); background-color: yellow; max-width: max-content; padding: 5px; clear: both; color: black} .listing:nth-child(even) { background-color: var(--alternating-colour-even) } .listing:nth-child(odd) { background-color: var(--alternating-colour-odd) } .listing { - border-left: 1px solid var(--dark-colour); - border-right: 1px solid var(--dark-colour); - border-top: 1px solid var(--dark-colour); + border-left: 1px solid var(--border-colour); + border-right: 1px solid var(--border-colour); + border-top: 1px solid var(--border-colour); margin-top: -1px; padding: 10px; } -.listing:last-of-type { border-bottom: 1px solid var(--dark-colour); } +.listing:last-of-type { border-bottom: 1px solid var(--border-colour); } .listing-main { display: flex; align-items: center; @@ -246,7 +247,7 @@ nav#pages .pageno { align-self: center; } .listing-header, .listing-box, .more-subforums summary { font-weight: normal; font-size: smaller; - border: 1px solid var(--dark-colour); + border: 1px solid var(--border-colour); margin-top: -1px; margin-bottom: 0; padding: 2px 10px 2px 10px; @@ -336,14 +337,14 @@ nav#pages .pageno { align-self: center; } height:20em; resize:vertical; width:100%; - border:1px solid var(--dark-colour); + border:1px solid var(--border-colour); margin-top: 5px; } #polloptions { display: block; resize: vertical; - border:1px solid var(--dark-colour); + border:1px solid var(--border-colour); margin-top: 5px; height: 5em; width: 100%; @@ -375,7 +376,7 @@ fieldset { margin-bottom: 15px; } display: inline-block; font-size: .75rem; padding: 1px 3px; - border: 1px solid var(--dark-colour); + border: 1px solid var(--border-colour); white-space: nowrap; max-width: 10ch; overflow: hidden; @@ -440,6 +441,7 @@ textarea { --alternating-colour-even: hsl(0, 0%, 5%); --alternating-colour-odd: hsl(0, 0%, 15%); --dark-colour: white; + --border-colour: hsl(0, 0%, 35%); --gray: lightgray; --grayish: hsl(0, 0%, 20%); --light-colour: black; |