summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorknolax <1339802534.kk@gmail.com>2018-02-27 21:18:06 -0500
committerknolax <1339802534.kk@gmail.com>2018-02-27 21:18:06 -0500
commitac6d4f2200eb6eadd14dd30b6df6d7be90d49e93 (patch)
treefcf6c1211c378b8141c408851178be7bc26a9d0a
parent100af2980bc3d061a421b4375d4d114a784ec4af (diff)
changed font to adjust dynamically, as opposed to dynamically centering. This should be more mobile friendly now.
-rw-r--r--style.css19
1 files changed, 13 insertions, 6 deletions
diff --git a/style.css b/style.css
index a431147..d9ec5eb 100644
--- a/style.css
+++ b/style.css
@@ -22,6 +22,12 @@
font-family: Console, iol, io, monospace;
color: #000000;
margin: 0px; /*default margins get in the way*/
+ /*font size sets font height, assuming font width = 1/2 font height,
+ * then fh /2 * 80 = 60vw
+ * fh = 100/80
+ * fh = 1.1vw
+ */
+ font-size: 1.1vw;
}
a {
text-decoration: none; /*no underline*/
@@ -33,14 +39,15 @@ a:hover {
background-color: #801040;
}
.content {
- /*the following works together to center the entire element*/
- position:relative; /* allows for translation*/
- left:50%; /* this shifts the element to the right by 50% of its parent*/
- display: inline-block; /* this makes the element only as wide as it needs to be*/
- transform:translatex(-50%);/*this shifts it to the left by half its own width*/
+ display: block;
+ width: 50vw;
+ min-width: 50vh;
+ max-width: 90vw;
+ margin-left: auto;
+ margin-right: auto;
}
+
img {
- position: absolute; /*parent now ignores it's size when calculating size*/
display: block;
/*overrides not margin to center from bounds of the <pre> tag*/
margin-left: auto;