PurpleI2P/i2pd.website
1
0
Fork 0
mirror of https://github.com/PurpleI2P/purplei2p.github.io synced 2025-01-16 17:40:00 +00:00
Code Issues Releases Wiki Activity

CSS fixes

Browse Source 
Signed-off-by: R4SAS <r4sas@i2pmail.org>
This commit is contained in:
R4SAS 2022-06-07 01:26:28 +03:00
parent e4337e6c78
commit 868530b25f
Signed by: r4sas
GPG Key ID: 66F6C87B98EBCFE2
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/app.css
View File

@ -1,9 +1,9 @@
/* http://meyerweb.com/eric/tools/css/reset/ /* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126 v2.0 | 20110126
License: none (public domain) License: none (public domain)
*/ */
:root { :root {
--bg: #0A0A0A; --bg: #0A0A0A;
--color1: #C145FF; --color1: #C145FF;
--color2: #E7B6FF; --color2: #E7B6FF;
@ -22,8 +22,8 @@ b, u, i, center,
dl, dt, dd, ol, ul, li, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, menu, nav, output, ruby, section, summary,
time, mark, audio, video { time, mark, audio, video {
margin: 0; margin: 0;
@ -34,7 +34,7 @@ time, mark, audio, video {
vertical-align: baseline; vertical-align: baseline;
} }
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { footer, header, hgroup, menu, nav, section {
display: block; display: block;
} }
@ -203,7 +203,7 @@ a:hover {color: lightgrey;}
#dl-btn { #dl-btn {
font-size: 1.5em; font-size: 1.5em;
color: var(--bg); color: var(--bg);
background: var(--color1); display: inline-block; background: var(--color1); display: inline-block;
border: 5px var(--color1) solid; border: 5px var(--color1) solid;
padding: 25px; margin: 10px; padding: 25px; margin: 10px;
@ -214,7 +214,7 @@ a:hover {color: lightgrey;}
color: var(--color1); color: var(--color1);
} }
.header a { padding: 15px; color: var(--color1);} .header a {padding: 15px; color: var(--color1);}
.header a:hover {color: #FFFFFF;} .header a:hover {color: #FFFFFF;}
.content { .content {
@ -230,7 +230,7 @@ a:hover {color: lightgrey;}
.content { text-align: left; } .content { text-align: left; }
} }
#donations {display: none;} #donations {display: none; overflow-wrap: break-word;}
#donations:target {display: block;} #donations:target {display: block;}
.p-hr { .p-hr {
border-top: 5px var(--color1) solid; border-top: 5px var(--color1) solid;
@ -243,3 +243,7 @@ a:hover {color: lightgrey;}
.links { color: var(--color1); text-align: center; } .links { color: var(--color1); text-align: center; }
.links a {font-size: 1.2em; padding: 10px; color: var(--color1); } .links a {font-size: 1.2em; padding: 10px; color: var(--color1); }
.links img {max-height: 50px;color: var(--color1); } .links img {max-height: 50px;color: var(--color1); }
@media screen and (max-width: 980px) {
.header a {display: block;}
}

3
index.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invisible Internet Protocol Daemon</title> <title>Invisible Internet Protocol Daemon</title>
<link href="css/app.css" rel="stylesheet"> <link href="css/app.css" rel="stylesheet">
<link rel="prefetch" type="application/l10n" href="locales/data.ini" /> <link rel="prefetch" type="application/l10n" href="locales/data.ini" />
@ -11,7 +12,7 @@
<meta name="yandex-verification" content="b50a274d8f4a99cd" /> <meta name="yandex-verification" content="b50a274d8f4a99cd" />
</head> </head>
<body> <body>
<a class="github-fork-ribbon" href="https://github.com/PurpleI2P/i2pd" <a class="github-fork-ribbon" href="https://github.com/PurpleI2P/i2pd"
title="Fork me on GitHub">Fork me on GitHub</a> title="Fork me on GitHub">Fork me on GitHub</a>
<div class="container"> <div class="container">
<div class="header"> <div class="header">