Difference between revisions of "Template:Toulouse France/framework"
| (21 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;} | ||
.btn{display:inline-block; padding:10px 20px 12px; text-transform:uppercase; border:1px solid;} | .btn{display:inline-block; padding:10px 20px 12px; text-transform:uppercase; border:1px solid;} | ||
| − | blockquote{display:block; position: | + | 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: | + | 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 42: | Line 43: | ||
.fl_right, .imgr{float:right;} | .fl_right, .imgr{float:right;} | ||
| − | img{width:auto; max-width:100%; height: | + | img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;} |
.imgl{margin:0 15px 10px 0; clear:left;} | .imgl{margin:0 15px 10px 0; clear:left;} | ||
.imgr{margin:0 0 10px 15px; clear:right;} | .imgr{margin:0 0 10px 15px; clear:right;} | ||
| 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
