Difference between revisions of "Template:Toulouse France/framework"

 
(25 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.5em;}
+
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:0; padding:0; list-style:none;}
+
.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:center; width:100%; margin:10px; padding:0px; 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:20px; font-family:"FontAwesome"; font-size:60px; line-height:60px; content:❝ z-index:2;}
+
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:0; text-align:left; word-wrap:break-word;}
+
.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