diff options
author | knolax <1339802534.kk@gmail.com> | 2018-02-19 13:53:35 -0500 |
---|---|---|
committer | knolax <1339802534.kk@gmail.com> | 2018-02-19 13:53:35 -0500 |
commit | dbd95f65fc661a198c97dde3a6cc4d54bbab7469 (patch) | |
tree | 74be4932023420f82a263beea87438ed7874d315 /style.css |
initial commit
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..28a2c31 --- /dev/null +++ b/style.css @@ -0,0 +1,65 @@ +/*removes margins for all*/ +* { + margin: none; + padding: none; + background-color : #262626; + color: #d9d9d9; + font-family: monospace; + font-size: 110%; +} +img { + display: block; + margin-left: auto; + margin-right: auto; +} +h { + display: block; + font-size: 120%; + color: #5dc833; + margin-top: 2vh; +} +.main { + display: block; + /*to center we give it automargins*/ + margin-left: auto; + margin-right: auto; + /*won't be wider than the 1.5 * screen is tall so that it doesn't mess up + * the aspect ratio + */ + max-width: 150vh; +} +/*this is the banner image, we want this to cover the whole screen at first*/ +.banner { + display: block; + /*make it cover up whole screen*/ + height: 100vh; + width: auto; + /*center*/ + margin-left : auto; + margin-right: auto; + /* width is 1.5height */ + /* we do not want 1.5 * heigh to exceed 100vw*/ + max-height:60vw; +} +/*cuts off any overflow*/ +.bannerholder { + display: block; + overflow: hidden; +} +.exampleimage{ + /*block, but still linebreaks*/ + display: inline-block; + width: 24%; + min-width: 30vh; + height: auto; +} +/*for centering the above*/ +.img-holder{ + display: block; + /*centers the inline blocks*/ + text-align: center; +} +/*child of list*/ +.listchild{ + font-size: 90%; +} |