diff --git a/css/stylesheet.css b/css/stylesheet.css index 6aa8f49..4927965 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -6,6 +6,10 @@ div, h1, h2, h3, h4, h5 { font-family: system-ui; } +h1, h2, h3, h4, h5 { + user-select: text; +} + html { height: 100%; } @@ -39,24 +43,24 @@ div:has(#bar) { */ #bar { background: #f5f5f5; + display: flex; filter: drop-shadow(0 0 4px grey); - min-height: 3em; - padding-top: 1em; - padding-bottom: 1em; + height: 3em; + justify-content: space-between; margin-bottom: 2.5em; + padding-bottom: 1em; + padding-left: 0.5em; + padding-right: 0.5em; + padding-top: 1em; /* position: fixed; width: 100%; */ z-index: 1; } -#bar > * { - margin-left: 0.5em; - margin-right: 0.5em; -} - #logo { content: url(/img/logo-wordmark-horizontal.svg); height: 3em; + /* width: 20%; */ } #xmpp-uri { @@ -91,9 +95,16 @@ label, line-height: 3em; /* 2em */ } +#bar > * { + display:cn; + +} + +/* #download { float: right; } +*/ #jid { font-size: 1.5em; @@ -111,8 +122,8 @@ label, #download, #input { - border-radius: 26px; - font-size: 1.4em; + border-radius: 2em; + font-size: 1.34em; padding: 0.5em; } @@ -132,7 +143,6 @@ label, #action > a, #download, -#download-narrow, #input { color: #f5f5f5; font-weight: bold; @@ -142,32 +152,14 @@ label, text-transform: uppercase; } -#download, -#download-narrow { +#download { background: #d9541e; /* #e96d1f */ } -#download:hover, -#download-narrow:hover { +#download:hover { background: #439639; /* #a0ce67 */ } -#download-narrow { - border-bottom-left-radius: 16px; - border-bottom-right-radius: 16px; - font-size: 2em; - margin-bottom: 3em; - padding: 0.5em; - /* width: 60%; */ - width: 360px; -} - -#logo-narrow { - height: 1em; - padding-right: 1em; -} - -#download-narrow, #logo-bottom { display: none; } @@ -438,21 +430,21 @@ h3, h4, h5 { background: #f5f5f5; } - #bar, + h1 { + margin-top: 0; + padding-top: 21.44px; + } + + #bar { + border-bottom: 1px solid #c0c0c0; + filter: unset; + margin-bottom: 0; + } + #message { display: none; } - #download-narrow { - background: #a3a3a3; - display: inline-block; - margin-bottom: unset; - } - - #download-narrow:hover { - background: #a7a7a7; - } - #logo-bottom { display: unset; } @@ -522,6 +514,18 @@ h3, h4, h5 { @media (max-width: 572px) { + #bar, + #logo { + height: 2.6em; + } + + #download { + font-size: 1em; /* 0.87em */ + padding: 0.7em; /* 0.7em */ + padding-left: 1.4em; + padding-right: 1.4em; + } + #action > a:nth-child(2) { border-bottom-right-radius: 2em; border-top-right-radius: 2em; diff --git a/xhtml/disco.xhtml b/xhtml/disco.xhtml index 92616e2..d6bfc23 100644 --- a/xhtml/disco.xhtml +++ b/xhtml/disco.xhtml @@ -36,12 +36,6 @@
-
- - - Download - -

{{title}}

{% if note %}

{{note}}

diff --git a/xhtml/jid.xhtml b/xhtml/jid.xhtml index 3d7f414..a00663d 100644 --- a/xhtml/jid.xhtml +++ b/xhtml/jid.xhtml @@ -58,12 +58,6 @@
-
- - - Download - -

{{title}}

{% if filename %}
diff --git a/xhtml/main.xhtml b/xhtml/main.xhtml index a806851..e8fc06f 100644 --- a/xhtml/main.xhtml +++ b/xhtml/main.xhtml @@ -27,18 +27,13 @@ + Download
-
- - - Download - -

FASI

Fast And Sleek Invite

diff --git a/xhtml/node.xhtml b/xhtml/node.xhtml index d9f96e8..f93f8cc 100644 --- a/xhtml/node.xhtml +++ b/xhtml/node.xhtml @@ -36,12 +36,6 @@
-

{{title}}

{% if note %}

{{note}}

diff --git a/xhtml/result.xhtml b/xhtml/result.xhtml index 70cfe7d..4588da8 100644 --- a/xhtml/result.xhtml +++ b/xhtml/result.xhtml @@ -31,12 +31,6 @@
-

{{title}}

{% if note %}

{{note}}