light theme

i feel like changing the theme. it's too dark.

i guess it's june right now, so let's make it a light
theme instead of dark.

totally done on a whim.

Signed-off-by: Leah Rowe <info@minifree.org>
master
Leah Rowe 2024-06-23 21:15:29 +01:00
parent d8bcd5c704
commit 955e3ade94
6 changed files with 20 additions and 14 deletions

View File

@ -2,6 +2,9 @@
* This CSS is released under Creative Commons Zero 1.0 Universal license:
* https://creativecommons.org/publicdomain/zero/1.0/legalcode.txt
*/
h1,h2,h3,h4{font-weight:normal; font-size:2em}
.specs
{
float: right;
@ -14,7 +17,7 @@
}
@media (max-width:89em)
@media (max-width:90em)
{
html
{
@ -31,21 +34,24 @@
html
{
background: #280b22;
color: #eee;
color: #280b22;
background: #f0f0f0;
font-family: sans-serif;
line-height: 1.4;
text-shadow: 1px 1px #000;
}
hr {
color: #eee;
}
code,pre, #TOC, a:hover
code,pre, #TOC, a:hover, img
{
background: #4e324e;
background: #d9d6d6;
border-radius:0.25em;
}
a
{
color: #fcc;
color: #4e324e;
}
img,video,iframe,pre
@ -81,12 +87,12 @@ html, ul, #TOC
{
.title-logo{display:none}
div.title,h1.title {
background:url("/favicon.ico") no-repeat;
background:url("https://av.libreboot.org/logo/logo.png") no-repeat;
background-size:auto 99%;
min-height:2em
}
div.title {background-position:right}
h1.title {padding:0 4em}
h1.title {padding:0 4em; font-size:2.5em; font-weight:normal;}
#TOC
{
float: left;

View File

@ -53,7 +53,7 @@ $if(title)$
<header>
<div class="title">
<p class="title-logo">
<img class="title-logo" alt="Libreboot logo" src="/favicon.ico" />
<img class="title-logo" alt="Libreboot logo" src="https://av.libreboot.org/logo/logo_purple.png" />
</p>
<h1 class="title">$title$</h1>
</div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header>
<div class="title">
<p class="title-logo">
<img class="title-logo" alt="Libreboot logo" src="/favicon.ico" />
<img class="title-logo" alt="Libreboot logo" src="https://av.libreboot.org/logo/logo_purple.png" />
</p>
<h1 class="title">$title$</h1>
</div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header>
<div class="title">
<p class="title-logo">
<img class="title-logo" alt="Libreboot logo" src="/favicon.ico" />
<img class="title-logo" alt="Libreboot logo" src="https://av.libreboot.org/logo/logo_purple.png" />
</p>
<h1 class="title">$title$</h1>
</div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header>
<div class="title">
<p class="title-logo">
<img class="title-logo" alt="Логотип Libreboot" src="/favicon.ico" />
<img class="title-logo" alt="Логотип Libreboot" src="https://av.libreboot.org/logo/logo_purple.png" />
</p>
<h1 class="title">$title$</h1>
</div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header>
<div class="title">
<p class="title-logo">
<img class="title-logo" alt="Libreboot 图标" src="/favicon.ico" />
<img class="title-logo" alt="Libreboot 图标" src="https://av.libreboot.org/logo/logo_purple.png" />
</p>
<h1 class="title">$title$</h1>
</div>