(14 intermediate revisions by the same user not shown) | |||
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 24: | Line 24: | ||
.borderedbox{border:1px solid;} | .borderedbox{border:1px solid;} | ||
.overlay{position:relative; z-index:1;} | .overlay{position:relative; z-index:1;} | ||
− | .overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index: | + | .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