diff options
-rw-r--r-- | public/css/master.css | 57 | ||||
-rw-r--r-- | resources/views/components/codeblock.blade.php | 4 | ||||
-rw-r--r-- | resources/views/layouts/default-hljs.blade.php | 2 | ||||
-rw-r--r-- | resources/views/layouts/default.blade.php | 2 |
4 files changed, 28 insertions, 37 deletions
diff --git a/public/css/master.css b/public/css/master.css index c5fc565..b77328e 100644 --- a/public/css/master.css +++ b/public/css/master.css @@ -1,8 +1,13 @@ +root { + --background: #181818; + --foreground: #dddddd; +} + body { font-family: sans-serif; margin: 0; - color: #ddd; - background-color: #333; + color: var(--foreground); + background-color: var(--background); } html { @@ -13,28 +18,6 @@ ul { list-style-type: square; } -table.banner { - margin-left: auto; - margin-right: auto; - border: 2px solid #e04a38; - background-color: #e6897e; - width: 95%; - /* Passes both WCAG AD and WCAG AAA contrast tests */ - color: #0f0f0f; -} - -table.banner td { - padding: 5px; -} - -table.banner td a { - color: #0f0f0f; -} - -table.banner td a:hover { - text-decoration: underline; -} - div.page { min-width: 780px; max-width: 800px; @@ -54,7 +37,6 @@ h2, h3 { margin-top: 1em; clear: left; - color: #fff; } img { @@ -109,23 +91,28 @@ div.project pre.small { overflow: hidden; } -div.codeblock pre { - background-color: #222; - border: 2px solid #FFF; +div.codeblock { + background-color: var(--background); + border: 2px solid #dddddd; padding: 10px; - color: #ccc; display: inline-block; text-align: left; max-width: 90%; min-width: 400px; + margin: 10px; } -div.codeblock pre h1, -div.codeblock pre hr { - margin: 0 +div.codeblock hr { + margin-top: 5px; + margin-bottom: 5px; } -div.codeblock pre h1 small { +div.codeblock h1 { + margin: 0; + font-family: monospace; +} + +div.codeblock h1 small { color: #919191; font-size: 12px; } @@ -445,3 +432,7 @@ table.infotable tr td small { table.infotable tr td small { margin-bottom: 5px; } + +.hljs { + background: none !important; +} diff --git a/resources/views/components/codeblock.blade.php b/resources/views/components/codeblock.blade.php index 8dcebda..3d3594f 100644 --- a/resources/views/components/codeblock.blade.php +++ b/resources/views/components/codeblock.blade.php @@ -7,8 +7,8 @@ $hl = new \Highlight\Highlighter(); $highlighted = $hl->highlight($lang, Storage::disk('local')->get($file_path)); $file_size = Storage::disk('local')->size($file_path); @endphp -<div class="codeblock"><pre> +<div class="codeblock"> <h1>{{ $file_name }} <small>{{ $file_size}} bytes</small></h1> <hr> <code class="hljs {{$highlighted->language}}">{!! $highlighted->value !!}</code> -</pre></div> +</div> diff --git a/resources/views/layouts/default-hljs.blade.php b/resources/views/layouts/default-hljs.blade.php index a9380b0..dab8a11 100644 --- a/resources/views/layouts/default-hljs.blade.php +++ b/resources/views/layouts/default-hljs.blade.php @@ -1,4 +1,4 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<!DOCTYPE html> <html lang="en"> <head> @include('includes.head-hljs') diff --git a/resources/views/layouts/default.blade.php b/resources/views/layouts/default.blade.php index f2dc5f9..be3ae92 100644 --- a/resources/views/layouts/default.blade.php +++ b/resources/views/layouts/default.blade.php @@ -1,4 +1,4 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<!DOCTYPE html> <html lang="en"> <head> @include('includes.head') |