Browse Source

CSS fixes

Signed-off-by: R4SAS <r4sas@i2pmail.org>
master
R4SAS 2 years ago
parent
commit
868530b25f
Signed by: r4sas
GPG Key ID: 66F6C87B98EBCFE2
  1. 20
      css/app.css
  2. 3
      index.html

20
css/app.css

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

3
index.html

@ -2,6 +2,7 @@ @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invisible Internet Protocol Daemon</title>
<link href="css/app.css" rel="stylesheet">
<link rel="prefetch" type="application/l10n" href="locales/data.ini" />
@ -11,7 +12,7 @@ @@ -11,7 +12,7 @@
<meta name="yandex-verification" content="b50a274d8f4a99cd" />
</head>
<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>
<div class="container">
<div class="header">

Loading…
Cancel
Save