summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorLukas Fleischer <lfleischer@calcurse.org>2019-01-05 21:41:18 +0100
committerLukas Fleischer <lfleischer@calcurse.org>2019-01-05 21:41:18 +0100
commitfc511625fde0ef9df3000e469401b3317f650d9f (patch)
treeb8bf90703ae2f641cc248611556d5e4d903ba9a3 /css
parent9e8ceefb48b78306344528a8e203abd9d8912980 (diff)
downloadcalcurse.org-fc511625fde0ef9df3000e469401b3317f650d9f.tar.gz
calcurse.org-fc511625fde0ef9df3000e469401b3317f650d9f.zip
Add donations page and improve mobile layout
Signed-off-by: Lukas Fleischer <lfleischer@calcurse.org>
Diffstat (limited to 'css')
-rw-r--r--css/style.css118
1 files changed, 98 insertions, 20 deletions
diff --git a/css/style.css b/css/style.css
index cc93418..5a3864a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10,26 +10,36 @@ body {
}
#header {
- max-width:800px;
- margin:2em auto;
-}
-
-#header img {
- float:left;
+ max-width:830px;
+ padding:2em 15px;
+ margin:0 auto;
}
#header ul {
- float:right;
- margin:0;
padding:0;
list-style-type:none;
}
#header ul li {
- float:left;
- padding:1.5ex;
font-family:Lato,Arial,sans-serif;
font-weight:bold;
+ padding:1ex;
+}
+
+@media (min-width: 640px) {
+ #header img {
+ float:left;
+ }
+
+ #header ul {
+ float:right;
+ margin:0;
+ }
+
+ #header ul li {
+ float:left;
+ padding:1.5ex;
+ }
}
#header ul li a {
@@ -47,17 +57,23 @@ body {
background-color:white;
border:1px solid #ddd;
border-radius:7px;
- margin:2em auto;
- padding:2ex 3ex;
+ margin:0 auto 2em auto;
+ padding:10px 30px 20px 30px;
line-height:1.4;
}
#download {
- float:right;
width:260px;
padding:1ex 0 1ex 4ex;
- border-left:1px solid #ddd;
- margin:2ex 0 2ex 3ex;
+ margin:2ex auto;
+}
+
+@media (min-width: 640px) {
+ #download {
+ float:right;
+ border-left:1px solid #ddd;
+ margin:2ex 0 2ex 3ex;
+ }
}
#download > a {
@@ -145,16 +161,16 @@ ul.pkglist li {
ul.gallery {
list-style-type:none;
- margin:0;
+ margin:0 auto;
padding:0;
}
ul.gallery li {
text-align:center;
- float:left;
+ display:inline-block;
width:200px;
- margin:10px 8px;
- padding:1ex;
+ margin:10px;
+ padding:5px;
}
ul.gallery li img {
@@ -195,7 +211,7 @@ dt {
}
#footer {
- width:800px;
+ max-width:800px;
color:#888;
border-top:1px solid #ccc;
font-size:8pt;
@@ -203,3 +219,65 @@ dt {
padding:2ex 3ex;
text-align:right;
}
+
+ul.donate {
+ font:normal normal normal 100% Lato,Arial,sans-serif;
+ margin:5px;
+ padding:5px;
+ list-style:none;
+}
+
+ul.donate li {
+ display:inline-block;
+}
+
+ul.donate li a {
+ display:inline-block;
+ color:#666;
+ background-color:#eee;
+ border:1px solid #ccc;
+ border-left:5px solid #ccc;
+ border-radius:3pt;
+ padding:1ex 1.5ex;
+ margin:0 3px 3px 0;
+ cursor:hand;
+}
+
+ul.donate li a:hover {
+ color:white;
+ font-weight:bold;
+ text-decoration:none;
+ background-color:#47a;
+ border:1px solid #269;
+ border-left:5px solid #269;
+ border-radius:3pt;
+}
+
+ul.donate li input {
+ display:inline-block;
+ padding:1ex 1ex;
+ margin:0 1ex 0 0;
+ width:60px;
+}
+
+ul.donate li select {
+ display:inline-block;
+ padding:1ex 1ex;
+ margin:0 1ex 0 0;
+ width:60px;
+}
+
+img {
+ max-width: 100%;
+}
+
+pre {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ overflow: auto;
+}
+
+.error {
+ color: #c23;
+ font-weight:bold;
+}