diff --git a/rin/rin.html b/rin/rin.html
index b97cf54..cbe934d 100644
--- a/rin/rin.html
+++ b/rin/rin.html
@@ -3,7 +3,7 @@
froth.zone Nameserver
-
+
diff --git a/rin/theme.css b/rin/theme.css
index c22e7f4..5ad68b5 100644
--- a/rin/theme.css
+++ b/rin/theme.css
@@ -12,12 +12,24 @@ body {
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
+ max-height: 80%;
+ margin: auto;
}
+/* For mobile phones: */
img {
- max-width: 50%;
+ max-width: 20em;
}
+@media only screen and (min-width: 1300px) {
+ /* For desktop: */
+ img {
+ max-width: 50%;
+ }
+}
+
+
+
a {
color: rgba(200, 200, 200, 0.8);
}
diff --git a/saber/saber.html b/saber/saber.html
index e339958..0a7776d 100644
--- a/saber/saber.html
+++ b/saber/saber.html
@@ -3,10 +3,7 @@
froth.zone Nameserver
-
+
diff --git a/saber/theme.css b/saber/theme.css
index c22e7f4..5ad68b5 100644
--- a/saber/theme.css
+++ b/saber/theme.css
@@ -12,12 +12,24 @@ body {
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
+ max-height: 80%;
+ margin: auto;
}
+/* For mobile phones: */
img {
- max-width: 50%;
+ max-width: 20em;
}
+@media only screen and (min-width: 1300px) {
+ /* For desktop: */
+ img {
+ max-width: 50%;
+ }
+}
+
+
+
a {
color: rgba(200, 200, 200, 0.8);
}
diff --git a/sakura/sakura.html b/sakura/sakura.html
index efba27a..b3d3a8e 100644
--- a/sakura/sakura.html
+++ b/sakura/sakura.html
@@ -3,10 +3,7 @@
froth.zone Nameserver
-
+
diff --git a/sakura/theme.css b/sakura/theme.css
index c22e7f4..5ad68b5 100644
--- a/sakura/theme.css
+++ b/sakura/theme.css
@@ -12,12 +12,24 @@ body {
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
+ max-height: 80%;
+ margin: auto;
}
+/* For mobile phones: */
img {
- max-width: 50%;
+ max-width: 20em;
}
+@media only screen and (min-width: 1300px) {
+ /* For desktop: */
+ img {
+ max-width: 50%;
+ }
+}
+
+
+
a {
color: rgba(200, 200, 200, 0.8);
}