diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 19 |
1 files changed, 13 insertions, 6 deletions
@@ -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; |