diff options
Diffstat (limited to 'localfs/var/www/vhosts/jango104.domain.de/index.css')
| -rw-r--r-- | localfs/var/www/vhosts/jango104.domain.de/index.css | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/localfs/var/www/vhosts/jango104.domain.de/index.css b/localfs/var/www/vhosts/jango104.domain.de/index.css new file mode 100644 index 0000000..1af57fb --- /dev/null +++ b/localfs/var/www/vhosts/jango104.domain.de/index.css @@ -0,0 +1,76 @@ +html {background:#040507;color:#e8e9f0;} +body,html {max-width:1024pt;padding:0;margin:0 auto;} +header:before { + display:block;position:fixed;top:8pt;left:12pt; + background-image:url('./blue_fedora.svg'); + background-size:66pt 66pt; + width:66pt;height:66pt;z-index:90; + content: " "; +} +header>h1:after,header>p:after { + white-space:pre;font-family:"DejaVu Sans Mono","Courier New",monospace,serif; + font-size:16pt;display:block; + margin-left:8em;padding:0;text-align:left; +} +header>h1>span,header>p>span {visibility:hidden;} +header>h1:after { + font-weight:bold; + content: ' _ ___ ____ __ __ \A (_)____ _ ____ ____ _ ____ < // __ \\ / // / \A / // __ `// __ \\ / __ `// __ \\ / // / / // // /_ \A / // /_/ // / / // /_/ // /_/ // // /_/ //__ __/ \A __/ / \\__,_//_/ /_/ \\__, / \\____//_/ \\____/ /_/ \A/___/ /____/'; +} +header>p:after { + font-weight:bold; + color:#304060; + content: '\\‾‾‾\\ \\‾‾‾‾\\ \A ‾‾\\ \\ /‾‾`‾\\\\‾\\ \\‾\\ /‾‾` \\ /‾‾‾‾\\\\‾\\ /‾‾‾‾\\ \\‾\\ \A \\ \\\\ \\‾\\ \\\\ \\ \\ \\\\ \\‾\\ \\\\ \\‾\\ \\\\ \\\\ \\‾\\ \\\\‾‾ ‾‾\\ \A \\ \\\\ ‾‾ ,\\\\ ‾‾ / \\ ‾‾ ,\\\\ ‾‾ / \\ \\\\ \\ \\ \\\\ \\\\ \\‾ \A (‾)‾‾‾‾ ‾ ‾‾‾‾ ‾‾‾‾ ‾ ‾‾‾‾ < \\\\ ‾‾ / \\ \\\\ \\ \A ‾ ‾‾‾ ‾‾‾‾ ‾‾ ‾‾ '; +} +#whatever { + margin-top:8em; + margin-left:16em; + font-size:12pt; + font-family:"Telex","Helvetica Neue",Helvetica,Arial,sans-serif; + margin-bottom:2em; +} +footer .table {display:table;margin:0 auto;position:fixed;bottom:0;left:50%;border-spacing:2px;margin-left:-8em;padding:2pt;background:#040507;} +footer .table ul{display:table-row;} +footer .table ul li {display:table-cell;padding:0 0.5em 0 0.5em;} +footer .table ul li {border-right:1px solid;border-left:1px solid;} +footer .table ul li:first-child {border-left:0!important;} +footer .table ul li:last-child {border-right:0!important;} +a,a:visited,a:link {color:#2573ba;text-decoration:none;} +a:hover {color:white} +nav#sublinks { + position:fixed;top:100pt;left:8pt; + border-radius:4pt; + background:#234; + /*border:1px solid #468;*/ + border-width:2px;border-color:#346;border-style:groove; + font-family:Monospace,monospace,serif; + padding:1em 2em 1em 1em; +} +nav#sublinks h2 { + font-size:100%;font-weight:normal; +} +nav#sublinks ul { + list-style:none;padding-left:1.5em;margin-right:2em; +} +nav#sublinks ul li:before { + content: " "; + display:inline-block; + height:1.5em;width:1.5em; + background:transparent url('./tux-bw.svg') center center; + background-size:1.5em 1.5em; + margin-right:.5em; + margin-left:-1.5em; +} +@keyframes fadeDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeDown { + animation:fadeDown 1s ease; |