fwoppydwisk/diskfloppy.me
fwoppydwisk/diskfloppy.me
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Activity Actions

Tidy up css

Browse source
This commit is contained in:
floppydiskette 2023-08-16 14:10:19 +01:00
parent e144965ed5
commit 7210fd59ff
No known key found for this signature in database
7 changed files with 38 additions and 153 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

167
public/css/master.css
View file

@ -28,7 +28,7 @@ div.page {
} }
h1.inline { h1.inline {
margin-top: 0em; margin-top: 0;
clear: none; clear: none;
display: inline; display: inline;
} }
@ -56,43 +56,7 @@ table.form td {
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
div.preview { div.code-block {
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 {
background-color: var(--background); background-color: var(--background);
border: 2px solid #dddddd; border: 2px solid #dddddd;
padding: 10px; padding: 10px;
@ -103,33 +67,29 @@ div.codeblock {
margin: 10px; margin: 10px;
} }
div.codeblock hr { div.code-block hr {
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
div.codeblock h1 { div.code-block h1 {
margin: 0; margin: 0;
font-family: monospace; font-family: monospace;
} }
div.codeblock h1 small { div.code-block h1 small {
color: #919191; color: #919191;
font-size: 12px; font-size: 12px;
} }
div.codeblock pre hr { div.code-block pre hr {
margin-bottom: 5px; margin-bottom: 5px;
} }
div.codeblock pre code { div.code-block pre code {
background-color: #222; background-color: #222;
} }
div.project pre {
border: 1px solid #666666;
}
pre { pre {
display: inline; display: inline;
max-width: 95%; max-width: 95%;
@ -155,8 +115,7 @@ nav div h1 {
sans-serif; sans-serif;
font-weight: normal; font-weight: normal;
font-size: 30px; font-size: 30px;
margin: 10px; margin: 10px 10px 10px 0;
margin-left: 0;
} }
div.date { div.date {
@ -172,14 +131,6 @@ table {
border-color: #fff; border-color: #fff;
} }
table.noborder td {
border: none;
}
table.skami a {
text-decoration: none;
}
table.weather th { table.weather th {
font-weight: normal; font-weight: normal;
} }
@ -189,35 +140,6 @@ table.weather td {
text-align: right; 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 { div.rss {
position: absolute; position: absolute;
top: 1em; top: 1em;
@ -237,14 +159,6 @@ video {
max-width: 100%; max-width: 100%;
} }
.toplinks span {
display: block;
text-align: right;
float: left;
width: 8em;
margin-right: 0.5em;
}
.deprecated { .deprecated {
line-height: 140%; line-height: 140%;
width: 100%; width: 100%;
@ -254,22 +168,6 @@ .deprecated {
border-bottom: 2px dashed #aa0000; 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 { table td {
border: 1px solid white; border: 1px solid white;
} }
@ -279,29 +177,14 @@ td {
vertical-align: top; vertical-align: top;
} }
table.skami { .header .title {
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 {
color: #fff; color: #fff;
} }
.header { .header {
font-size: 100%; font-size: 100%;
font-weight: normal; font-weight: normal;
padding-bottom: 0em; padding-bottom: 0;
text-align: center; text-align: center;
color: #ffffff; color: #ffffff;
} }
@ -345,39 +228,39 @@ a {
text-decoration: none; text-decoration: none;
} }
table.gb-entryform tr td { table.gb-entry-form tr td {
border: none; border: none;
} }
table.gb-entryform tr td label { table.gb-entry-form tr td label {
padding-right: 5px; padding-right: 5px;
} }
table.gb-entryform tr td span.text-danger { table.gb-entry-form tr td span.text-danger {
padding-left: 5px; padding-left: 5px;
color: rgb(255, 114, 114); color: rgb(255, 114, 114);
} }
table.gb-entryform tr td textarea, table.gb-entry-form tr td textarea,
table.gb-entryform tr td input { table.gb-entry-form tr td input {
margin-bottom: 5px; margin-bottom: 5px;
} }
table.gb-entryform-container { table.gb-entry-form-container {
width: 100%; width: 100%;
} }
table.gb-entryform-container tr td { table.gb-entry-form-container tr td {
border: none; border: none;
vertical-align: top; vertical-align: top;
} }
table.gb-entryform-container tr td p, table.gb-entry-form-container tr td p,
table.gb-entryform-container tr td ul { table.gb-entry-form-container tr td ul {
margin: 0; margin: 0;
} }
table.gb-entryform tbody tr td textarea { table.gb-entry-form tbody tr td textarea {
width: 210px; width: 210px;
} }
@ -419,15 +302,15 @@ table.gb-admin tr td.gb-message {
column-span: 2; column-span: 2;
} }
table.infotable tr td { table.info-table tr td {
border: none; border: none;
padding-right: 5px; padding-right: 5px;
vertical-align: bottom; vertical-align: bottom;
} }
table.infotable tr td h1, table.info-table tr td h1,
table.infotable tr td h2, table.info-table tr td h2,
table.infotable tr td small { table.info-table tr td small {
margin: 0; margin: 0;
} }
@ -440,7 +323,7 @@ caption {
text-align: left; text-align: left;
} }
table.infotable tr td small { table.info-table tr td small {
margin-bottom: 5px; margin-bottom: 5px;
} }

2
resources/views/components/codeblock.blade.php
View file

@ -7,7 +7,7 @@
$highlighted = $hl->highlight($lang, Storage::disk('local')->get($file_path)); $highlighted = $hl->highlight($lang, Storage::disk('local')->get($file_path));
$file_size = Storage::disk('local')->size($file_path); $file_size = Storage::disk('local')->size($file_path);
@endphp @endphp
<div class="codeblock"> <div class="code-block">
<h1>{{ $file_name }} <small>{{ $file_size}} bytes</small></h1> <h1>{{ $file_name }} <small>{{ $file_size}} bytes</small></h1>
<hr> <hr>
<code class="hljs {{$highlighted->language}}">{!! $highlighted->value !!}</code> <code class="hljs {{$highlighted->language}}">{!! $highlighted->value !!}</code>

2
resources/views/pages/bookmarks.blade.php
View file

@ -11,7 +11,7 @@
@endphp @endphp
@foreach ($categories as $category) @foreach ($categories as $category)
<table class="infotable"> <table class="info-table">
<caption> <caption>
<h1>{{ $category->name }}</h1> <h1>{{ $category->name }}</h1>

4
resources/views/pages/guestbook.blade.php
View file

@ -2,13 +2,13 @@
@section('title', 'Guestbook') @section('title', 'Guestbook')
@section('content') @section('content')
<br> <br>
<table class="gb-entryform-container"> <table class="gb-entry-form-container">
<tr> <tr>
<td> <td>
<form method="POST" action="/guestbook"> <form method="POST" action="/guestbook">
@csrf @csrf
<x-honeypot /> <x-honeypot />
<table class="gb-entryform"> <table class="gb-entry-form">
<tr> <tr>
<td> <td>
<label for="name"><strong>Name:</strong></label> <label for="name"><strong>Name:</strong></label>

9
resources/views/pages/home.blade.php
View file

@ -4,7 +4,7 @@
@section('content') @section('content')
<p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb. <p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.
<table class="infotable"> <table class="info-table">
<caption> <caption>
<h1>Fun Facts</h1> <h1>Fun Facts</h1>
<hr> <hr>
@ -21,10 +21,13 @@
<tr> <tr>
<td>&#9670; Some people say I suck at PHP, but that's clearly wrong :P</td> <td>&#9670; Some people say I suck at PHP, but that's clearly wrong :P</td>
</tr> </tr>
<tr>
<td>&#9670; Some of my favorite games are: OneShot, Minecraft, Stardew Valley, N++ and Starbound</td>
</tr>
</table> </table>
<br> <br>
<table class="infotable"> <table class="info-table">
<caption> <caption>
<h1>Interests</h1> <h1>Interests</h1>
<hr> <hr>
@ -44,7 +47,7 @@
</table> </table>
<br> <br>
<table class="infotable"> <table class="info-table">
<caption> <caption>
<h1>Contact &amp; social</h1> <h1>Contact &amp; social</h1>
<hr> <hr>

5
resources/views/pages/music.blade.php
View file

@ -11,7 +11,7 @@
$top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top')); $top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top'));
$count = 0; $count = 0;
@endphp @endphp
<table class="infotable"> <table class="info-table">
<tr> <tr>
<td colspan="4"> <td colspan="4">
<h2>Last/Current Track:</h2> <h2>Last/Current Track:</h2>
@ -32,8 +32,7 @@
<h2>Top {{ $cfg['toptracks'] }} Tracks (Last 7 days)</h2> <h2>Top {{ $cfg['toptracks'] }} Tracks (Last 7 days)</h2>
</td> </td>
</tr> </tr>
<tr <tr>
">
<td style="text-align: right"><b>#</b></td> <td style="text-align: right"><b>#</b></td>
<td><b>Track</b></td> <td><b>Track</b></td>
<td><b>Artist</b></td> <td><b>Artist</b></td>

2
resources/views/pages/weather.blade.php
View file

@ -17,7 +17,7 @@ function degreesToCompassDirection($degrees) {
$updated = gmdate('H:i Y-m-d', $data->updated); $updated = gmdate('H:i Y-m-d', $data->updated);
$data = $data->current; $data = $data->current;
@endphp @endphp
<table class="infotable"> <table class="info-table">
<caption> <caption>
<h1>Local Weather</h1> <h1>Local Weather</h1>
<hr> <hr>