Difference between revisions of "Template:Toulouse/framework"
| (17 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
.uppercase{text-transform:uppercase;} | .uppercase{text-transform:uppercase;} | ||
.hidden{display:none;} | .hidden{display:none;} | ||
| − | .nospace{margin:0; padding:0; list-style:none;} | + | .nospace{margin:0; padding:0; list-style:none; } |
.borderedbox{border:1px solid;} | .borderedbox{border:1px solid;} | ||
.bgded{background:top center no-repeat; background-size:cover;} | .bgded{background:top center no-repeat; background-size:cover;} | ||
.fixed{position:fixed;} | .fixed{position:fixed;} | ||
| − | .circle{border-radius:50%; background-clip:padding-box;} | + | .circle{border-radius:50%; background-clip:padding-box; padding: 10px;} |
.btn{display:inline-block; margin:0; padding:15px 35px; border-radius:5px;} | .btn{display:inline-block; margin:0; padding:15px 35px; border-radius:5px;} | ||
.font_xxl{position:relative; padding-bottom:15px; font-size:2rem;} | .font_xxl{position:relative; padding-bottom:15px; font-size:2rem;} | ||
| − | .font_xxl:after{position:absolute; bottom:0; left:50%; width:80px; height:2px; margin:0 0 | + | .font_xxl:after{position:absolute; bottom:0; left:50%; width:80px; height:2px; margin:0 0 -10px -40px; content:""; font-size:2rem;} |
.clear, .group{display:block;} | .clear, .group{display:block;} | ||
| + | |||
| + | .group{display:flex; padding-top:60px;} | ||
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";} | .clear::before, .clear::after, .group::before, .group::after{display:table; content:"";} | ||
.clear, .clear::after, .group, .group::after{clear:both;} | .clear, .clear::after, .group, .group::after{clear:both;} | ||
| Line 29: | Line 31: | ||
.fl_right, .imgr{float:right;} | .fl_right, .imgr{float:right;} | ||
| − | img{width:auto; max-width: | + | img{width:auto; max-width:100%; height:auto; padding:0; box-sizing:border-box; border:none; line-height:normal; vertical-align:middle; } |
| − | .imgl{margin:0 | + | .imgl{margin:0 10px 10px 0; clear:left;} |
.imgr{margin:0 0 10px 15px; clear:right;} | .imgr{margin:0 0 10px 15px; clear:right;} | ||
| Line 42: | Line 44: | ||
/* Generalise | /* Generalise | ||
-----------------------------------------------------------------------------------*/ | -----------------------------------------------------------------------------------*/ | ||
| − | h1, h2, h3, h4, h5, h6, .heading{margin:0 0 | + | h1, h2, h3, h4, h5, h6, .heading{margin:0 0 10px 0; font-size:22px; line-height:normal; font-weight:normal;} |
address{font-style:normal; font-weight:normal;} | address{font-style:normal; font-weight:normal;} | ||
| Line 49: | Line 51: | ||
.wrapper{display:block; position:relative; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;} | .wrapper{display:block; position:relative; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;} | ||
.wrapper.fixed{position:fixed; z-index:999;} | .wrapper.fixed{position:fixed; z-index:999;} | ||
| − | #header, .shout, #pageintro, .container, .clients, #footer, #copyright{display:block; width:978px; margin:0 auto;} | + | #header, .shout, #pageintro, .container, .clients, #footer, #copyright{display:block; width:978px; margin:0 auto; margin-top:-15px;} |
| Line 59: | Line 61: | ||
/* Grid | /* Grid | ||
-----------------------------------------------------------------------------------*/ | -----------------------------------------------------------------------------------*/ | ||
| − | .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block | + | .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block;margin:0 0 0 3.06748466257669%; list-style:none; box-sizing:border-box;} |
.first{margin-left:0; clear:left;} | .first{margin-left:0; clear:left;} | ||
Latest revision as of 13:32, 17 August 2015