From 7210fd59ff4036c3448614b97a9de77428fd356d Mon Sep 17 00:00:00 2001 From: Frankie B Date: Wed, 16 Aug 2023 14:10:19 +0100 Subject: [PATCH] Tidy up css --- public/css/master.css | 167 +++--------------- .../views/components/codeblock.blade.php | 2 +- resources/views/pages/bookmarks.blade.php | 2 +- resources/views/pages/guestbook.blade.php | 4 +- resources/views/pages/home.blade.php | 9 +- resources/views/pages/music.blade.php | 5 +- resources/views/pages/weather.blade.php | 2 +- 7 files changed, 38 insertions(+), 153 deletions(-) diff --git a/public/css/master.css b/public/css/master.css index dffc9ad..bdcd8cd 100644 --- a/public/css/master.css +++ b/public/css/master.css @@ -28,7 +28,7 @@ div.page { } h1.inline { - margin-top: 0em; + margin-top: 0; clear: none; display: inline; } @@ -56,43 +56,7 @@ table.form td { /* -------------------------------------------------------------------------- */ -div.preview { - display: inline-block; - width: 30em; - max-width: 100%; - text-align: center; - vertical-align: top; - margin-bottom: 2em; -} - -div.project { - display: inline-block; - width: 40em; - max-width: 100%; - text-align: center; - vertical-align: top; - margin-bottom: 2em; -} - -div.preview .heading .name, -div.project .heading .name { - font-size: 120%; -} - -div.preview img, -div.project img { - width: auto; - max-width: 90%; - max-height: 15em; -} - -div.preview pre.small, -div.project pre.small { - font-size: 75%; - overflow: hidden; -} - -div.codeblock { +div.code-block { background-color: var(--background); border: 2px solid #dddddd; padding: 10px; @@ -103,33 +67,29 @@ div.codeblock { margin: 10px; } -div.codeblock hr { +div.code-block hr { margin-top: 5px; margin-bottom: 5px; } -div.codeblock h1 { +div.code-block h1 { margin: 0; font-family: monospace; } -div.codeblock h1 small { +div.code-block h1 small { color: #919191; font-size: 12px; } -div.codeblock pre hr { +div.code-block pre hr { margin-bottom: 5px; } -div.codeblock pre code { +div.code-block pre code { background-color: #222; } -div.project pre { - border: 1px solid #666666; -} - pre { display: inline; max-width: 95%; @@ -155,8 +115,7 @@ nav div h1 { sans-serif; font-weight: normal; font-size: 30px; - margin: 10px; - margin-left: 0; + margin: 10px 10px 10px 0; } div.date { @@ -172,14 +131,6 @@ table { border-color: #fff; } -table.noborder td { - border: none; -} - -table.skami a { - text-decoration: none; -} - table.weather th { font-weight: normal; } @@ -189,35 +140,6 @@ table.weather td { text-align: right; } -.project .name { - font-weight: bold; -} - -.toplinks a { - margin-right: 0.5em; - text-decoration: none; -} - -div.inlinepage { - margin-top: 2em; - border: 0; - padding: 0; -} - -div.pheader { - font-size: 120%; -} - -div.pheader span.date { - margin-right: 1em; - font-weight: normal; -} - -div.pheader a { - font-weight: bold; - text-decoration: none; -} - div.rss { position: absolute; top: 1em; @@ -237,14 +159,6 @@ video { max-width: 100%; } -.toplinks span { - display: block; - text-align: right; - float: left; - width: 8em; - margin-right: 0.5em; -} - .deprecated { line-height: 140%; width: 100%; @@ -254,22 +168,6 @@ .deprecated { border-bottom: 2px dashed #aa0000; } -.project .attributes { - font-style: italic; -} - -.project .attribbracket { - margin-left: 0.5em; -} - -.toplinks { - line-height: 140%; - width: 100%; - padding-top: 0.5em; - padding-bottom: 0.5em; - border-bottom: 1px solid #cccccc; -} - table td { border: 1px solid white; } @@ -279,29 +177,14 @@ td { vertical-align: top; } -table.skami { - border-color: #eeeeee; -} - -.header .pagetree { - font-size: 80%; - display: block; - text-align: center; - width: 100%; - padding-top: 0.1em; - padding-bottom: 0.1em; - border-top: 1px solid #cccccc; - color: #ffffff; -} - -.header .pagetree .title { +.header .title { color: #fff; } .header { font-size: 100%; font-weight: normal; - padding-bottom: 0em; + padding-bottom: 0; text-align: center; color: #ffffff; } @@ -345,39 +228,39 @@ a { text-decoration: none; } -table.gb-entryform tr td { +table.gb-entry-form tr td { border: none; } -table.gb-entryform tr td label { +table.gb-entry-form tr td label { padding-right: 5px; } -table.gb-entryform tr td span.text-danger { +table.gb-entry-form tr td span.text-danger { padding-left: 5px; color: rgb(255, 114, 114); } -table.gb-entryform tr td textarea, -table.gb-entryform tr td input { +table.gb-entry-form tr td textarea, +table.gb-entry-form tr td input { margin-bottom: 5px; } -table.gb-entryform-container { +table.gb-entry-form-container { width: 100%; } -table.gb-entryform-container tr td { +table.gb-entry-form-container tr td { border: none; vertical-align: top; } -table.gb-entryform-container tr td p, -table.gb-entryform-container tr td ul { +table.gb-entry-form-container tr td p, +table.gb-entry-form-container tr td ul { margin: 0; } -table.gb-entryform tbody tr td textarea { +table.gb-entry-form tbody tr td textarea { width: 210px; } @@ -419,15 +302,15 @@ table.gb-admin tr td.gb-message { column-span: 2; } -table.infotable tr td { +table.info-table tr td { border: none; padding-right: 5px; vertical-align: bottom; } -table.infotable tr td h1, -table.infotable tr td h2, -table.infotable tr td small { +table.info-table tr td h1, +table.info-table tr td h2, +table.info-table tr td small { margin: 0; } @@ -440,7 +323,7 @@ caption { text-align: left; } -table.infotable tr td small { +table.info-table tr td small { margin-bottom: 5px; } diff --git a/resources/views/components/codeblock.blade.php b/resources/views/components/codeblock.blade.php index 3d3594f..ff7c2a5 100644 --- a/resources/views/components/codeblock.blade.php +++ b/resources/views/components/codeblock.blade.php @@ -7,7 +7,7 @@ $highlighted = $hl->highlight($lang, Storage::disk('local')->get($file_path)); $file_size = Storage::disk('local')->size($file_path); @endphp -
+

{{ $file_name }} {{ $file_size}} bytes

{!! $highlighted->value !!} diff --git a/resources/views/pages/bookmarks.blade.php b/resources/views/pages/bookmarks.blade.php index 01d11bc..54d464d 100644 --- a/resources/views/pages/bookmarks.blade.php +++ b/resources/views/pages/bookmarks.blade.php @@ -11,7 +11,7 @@ @endphp @foreach ($categories as $category) - +

{{ $category->name }}

diff --git a/resources/views/pages/guestbook.blade.php b/resources/views/pages/guestbook.blade.php index 2037311..08bc7cb 100644 --- a/resources/views/pages/guestbook.blade.php +++ b/resources/views/pages/guestbook.blade.php @@ -2,13 +2,13 @@ @section('title', 'Guestbook') @section('content')
- +
@csrf - +
diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php index ab33c93..d32f8ba 100644 --- a/resources/views/pages/home.blade.php +++ b/resources/views/pages/home.blade.php @@ -4,7 +4,7 @@ @section('content')

Hi! This my personal homepage on the World Wide Web. - +
+ + +

Fun Facts

@@ -21,10 +21,13 @@
◆ Some people say I suck at PHP, but that's clearly wrong :P
◆ Some of my favorite games are: OneShot, Minecraft, Stardew Valley, N++ and Starbound

- +

Interests

@@ -44,7 +47,7 @@

- +

Contact & social

diff --git a/resources/views/pages/music.blade.php b/resources/views/pages/music.blade.php index e24f88c..3e97daa 100644 --- a/resources/views/pages/music.blade.php +++ b/resources/views/pages/music.blade.php @@ -11,7 +11,7 @@ $top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top')); $count = 0; @endphp - +
- + diff --git a/resources/views/pages/weather.blade.php b/resources/views/pages/weather.blade.php index 6f67b80..823c448 100644 --- a/resources/views/pages/weather.blade.php +++ b/resources/views/pages/weather.blade.php @@ -17,7 +17,7 @@ function degreesToCompassDirection($degrees) { $updated = gmdate('H:i Y-m-d', $data->updated); $data = $data->current; @endphp -

Last/Current Track:

@@ -32,8 +32,7 @@

Top {{ $cfg['toptracks'] }} Tracks (Last 7 days)
# Track Artist
+

Local Weather