Kumi momos (Talk | contribs) |
|||
Line 19: | Line 19: | ||
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | ||
+ | |||
+ | |||
+ | |||
+ | /** | ||
+ | * Demo Styles | ||
+ | */ | ||
+ | |||
+ | html { | ||
+ | height: 100%; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | *, | ||
+ | *:before, | ||
+ | *:after { | ||
+ | box-sizing: inherit; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | position: relative; | ||
+ | margin: 0; | ||
+ | padding-bottom: 6rem; | ||
+ | min-height: 100%; | ||
+ | font-family: "Helvetica Neue", Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | .demo { | ||
+ | margin: 0 auto; | ||
+ | padding-top: 64px; | ||
+ | max-width: 640px; | ||
+ | width: 94%; | ||
+ | } | ||
+ | |||
+ | .demo h1 { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Footer Styles | ||
+ | */ | ||
+ | |||
+ | .footer { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | padding: 1rem; | ||
+ | background-color: #efefef; | ||
+ | text-align: center; | ||
+ | } | ||
Line 810: | Line 860: | ||
<br> | <br> | ||
<br> | <br> | ||
− | + | <div class="footer">This footer will always be positioned at the bottom of the page, but <strong>not fixed</strong>.</div> | |
</body> | </body> | ||
</html> | </html> |
Revision as of 14:48, 14 October 2018