From 56336ee3d5ec32647f6dbf35cf09f94a13795b60 Mon Sep 17 00:00:00 2001 From: Connor Thomson Date: Sat, 19 Sep 2026 10:51:36 -0700 Subject: Random fixes and updates --- css/desktop/body.css | 49 +++++++++++++++++++++++++++++++++++++++++++ css/desktop/container.css | 24 +++++++++++++++++++++ css/desktop/content.css | 28 +++++++++++++++++++++++++ css/desktop/footer.css | 28 +++++++++++++++++++++++++ css/desktop/header.css | 53 +++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 182 insertions(+) create mode 100755 css/desktop/body.css create mode 100644 css/desktop/container.css create mode 100755 css/desktop/content.css create mode 100755 css/desktop/footer.css create mode 100755 css/desktop/header.css (limited to 'css/desktop') diff --git a/css/desktop/body.css b/css/desktop/body.css new file mode 100755 index 0000000..e252f1c --- /dev/null +++ b/css/desktop/body.css @@ -0,0 +1,49 @@ +/* + * GNUfault.org - GNUfault's website + * Copyright (C) 2026 Connor Thomson + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +* { + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; +} + +html, body { + font-family: sans-serif; + margin: 0; + padding: 0; + background-color: #F5F7FA; + line-height: 1; +} + +.content p, +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + margin-top: 0; + margin-bottom: 10px; +} + +a:visited { + color: #0000EE; +} + +a:active { + color: #EE0000; +} diff --git a/css/desktop/container.css b/css/desktop/container.css new file mode 100644 index 0000000..ff5e766 --- /dev/null +++ b/css/desktop/container.css @@ -0,0 +1,24 @@ +/* + * GNUfault.org - GNUfault's website + * Copyright (C) 2026 Connor Thomson + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +.container { + width: 1000px; + margin: 12px auto 0 auto; + border: 1px solid #98A5B0; + border-radius: 10px; +} diff --git a/css/desktop/content.css b/css/desktop/content.css new file mode 100755 index 0000000..0a86b16 --- /dev/null +++ b/css/desktop/content.css @@ -0,0 +1,28 @@ +/* + * GNUfault.org - GNUfault's website + * Copyright (C) 2026 Connor Thomson + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +.content { + background-color: white; + padding: 5px; +} + +.content hr { + height: 1px; + border: none; + background-color: #98A5B0; +} diff --git a/css/desktop/footer.css b/css/desktop/footer.css new file mode 100755 index 0000000..7e3b215 --- /dev/null +++ b/css/desktop/footer.css @@ -0,0 +1,28 @@ +/* + * GNUfault.org - GNUfault's website + * Copyright (C) 2026 Connor Thomson + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +.footer { + height: 35px; + padding: 5px; + background-color: #CADCEB; + display: flex; + align-items: center; + justify-content: center; + border-radius: 0 0 9px 9px; + border-top: 1px solid #98A5B0; +} diff --git a/css/desktop/header.css b/css/desktop/header.css new file mode 100755 index 0000000..ad7afb8 --- /dev/null +++ b/css/desktop/header.css @@ -0,0 +1,53 @@ +/* + * GNUfault.org - GNUfault's website + * Copyright (C) 2026 Connor Thomson + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +.header { + background-image: linear-gradient(180deg, #12A3EB 0%, #095276 100%); + display: flex; + flex-direction: column; + border-radius: 9px 9px 0 0; +} + +.header .banner { + height: 80px; + position: relative; + display: flex; + justify-content: center; + align-items: center; + border-bottom: 1px solid #98A5B0; +} + +.header .banner .taya { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); +} + +.header .banner a { + text-decoration: none; +} + +.header .navbar { + height: 35px; + padding: 5px; + background-color: #CADCEB; + display: flex; + align-items: center; + border-bottom: 1px solid #98A5B0; +} -- cgit v1.2.3