(31 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
html{overflow-y:scroll; overflow-x:hidden;} | html{overflow-y:scroll; overflow-x:hidden;} | ||
− | html, body{margin:0; padding:0; font-size:12px; line-height:1. | + | html, body{margin:0; padding:0; font-size:12px; line-height:1.4em;} |
*, *::before, *::after{box-sizing:border-box;} | *, *::before, *::after{box-sizing:border-box;} | ||
Line 16: | Line 16: | ||
.capitalise{text-transform:capitalize;} | .capitalise{text-transform:capitalize;} | ||
.hidden{display:none;} | .hidden{display:none;} | ||
− | .nospace{margin: | + | .nospace{margin:15px; padding:0; list-style:none;} |
.block{display:block;} | .block{display:block;} | ||
.inline *{display:inline-block;} | .inline *{display:inline-block;} | ||
Line 26: | Line 26: | ||
.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;} | .overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;} | ||
.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;} | .bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;} | ||
+ | .bgded2{background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;} | ||
.circle{border-radius:50%; background-clip:padding-box;} | .circle{border-radius:50%; background-clip:padding-box;} | ||
Line 31: | Line 32: | ||
blockquote{display:block; position:relative; width:100%; margin:0; padding:30px; line-height:1.4; z-index:1;} | blockquote{display:block; position:relative; width:100%; margin:0; padding:30px; line-height:1.4; z-index:1;} | ||
− | blockquote::before{display:block; position:absolute; top:0; left:0; font-family:"FontAwesome"; font-size:60px; line-height:60px; content:" | + | blockquote::before{display:block; position:absolute; top:0; left:0; font-family:"FontAwesome"; font-size:60px; line-height:60px; content:""; z-index:-1;} |
.clear, .group{display:block;} | .clear, .group{display:block;} | ||
Line 74: | Line 75: | ||
.font-x3{font-size:2.8rem;} | .font-x3{font-size:2.8rem;} | ||
− | .wrapper{display:block; width:100%; margin:0; padding: | + | .wrapper{display:block; position:relative; width:100%; margin:0; padding:10px; text-align:left; word-wrap:break-word;} |
/* | /* | ||
The "hoc" class is a generic class used to centre a containing element horizontally | The "hoc" class is a generic class used to centre a containing element horizontally |
Latest revision as of 08:14, 12 August 2016