Difference between revisions of "Template:Toulouse"

Line 31: Line 31:
 
  }
 
  }
  
−
a:visited {
+
@charset "utf-8";
−
    color: #18bc9c;
+
/*
−
}
+
Template Name: Fertile
 +
Author: <a href="http://www.os-templates.com/">OS Templates</a>
 +
Author URI: http://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: http://www.os-templates.com/template-terms
 +
File: Layout CSS
 +
*/
 +
 
 +
@import url("fontawesome-4.2.0.min.css");
 +
@import url("framework.css");
 +
 
  
 
/* Rows
 
/* Rows
Line 51: Line 61:
 
#header *{margin:0; padding:0;}
 
#header *{margin:0; padding:0;}
 
#header #logo{}
 
#header #logo{}
−
#header #logo h1{margin-top:20px; font-size:26px; text-transform:capitalize; font-variant:small-caps;}
+
#header #logo h1{ margin-top:10px;margin-left:-100px; font-size:37px; text-transform:capitalize; font-variant:small-caps;}
 
#header #logo h1::first-letter{}
 
#header #logo h1::first-letter{}
−
#main-wrapper
+
 
−
{
+
 
−
background: #fff;
+
−
border-top: solid 10px #e3daa8;
+
−
border-bottom: solid 10px #c1cac5;
+
−
}
+
 
/* Shout - Call To Action
 
/* Shout - Call To Action
 
---------------------------------------------------------------------------------------------------------------*/
 
---------------------------------------------------------------------------------------------------------------*/
Line 102: Line 108:
  
 
/* Content */
 
/* Content */
−
.container #content{width:100%;}
+
.container #content{}
  
 
.boxedicon{display:inline-block; width:70px; height:70px; line-height:70px; margin-bottom:50px; text-align:center;}
 
.boxedicon{display:inline-block; width:70px; height:70px; line-height:70px; margin-bottom:50px; text-align:center;}
Line 153: Line 159:
 
/* Back to Top
 
/* Back to Top
 
---------------------------------------------------------------------------------------------------------------*/
 
---------------------------------------------------------------------------------------------------------------*/
−
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; border-radius:5px; font-size:16px; text-align:center; opacity:.2;}
 
−
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
 
−
#backtotop.visible{visibility:visible; opacity:.5;}
 
−
#backtotop:hover{opacity:1;}
 
  
  
 
/* Transition Fade
 
/* Transition Fade
 
--------------------------------------------------------------------------------------------------------------- */
 
--------------------------------------------------------------------------------------------------------------- */
−
.row0, .faico a, #mainav *, .shout-content, .overlay ::before, .overlay ::after, .boxedicon a, .clients ul li *, #backtotop{transition:all .5s ease-in-out;}
+
.row0, .faico a, #mainav *, .shout-content, .overlay ::before, .overlay ::after, .boxedicon a, .clients ul li *, }
  
  
Line 178: Line 180:
  
 
/* Top Navigation */
 
/* Top Navigation */
−
#mainav{margin-bottom:-1px;}
+
#mainav{margin-bottom:-1px; margin-left:5px;}
 
#mainav ul{text-transform:uppercase;}
 
#mainav ul{text-transform:uppercase;}
 
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:left; text-transform:none;}
 
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:left; text-transform:none;}
Line 189: Line 191:
 
#mainav .drop{padding-left:15px;}
 
#mainav .drop{padding-left:15px;}
 
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
 
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
−
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
+
#mainav .drop::after, #mainav li li .drop::after{content:"";}
 
#mainav .drop::after{top:30px; left:5px;}
 
#mainav .drop::after{top:30px; left:5px;}
 
#mainav li li .drop::after{top:15px; left:5px;}
 
#mainav li li .drop::after{top:15px; left:5px;}
Line 200: Line 202:
 
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
 
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
 
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
 
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
−
#breadcrumb li a::after{top:5px; right:0; content:"\f101";}
+
#breadcrumb li a::after{top:5px; right:0; content:"";}
 
#breadcrumb li:last-child a{margin:0; padding:0;}
 
#breadcrumb li:last-child a{margin:0; padding:0;}
 
#breadcrumb li:last-child a::after{display:none;}
 
#breadcrumb li:last-child a::after{display:none;}
Line 208: Line 210:
 
.sidebar nav li{margin:0 0 3px 0; padding:0;}
 
.sidebar nav li{margin:0 0 3px 0; padding:0;}
 
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
 
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
−
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
+
.sidebar nav a::after{top:9px; left:5px; content:"";}
 
.sidebar nav ul ul a{padding-left:35px;}
 
.sidebar nav ul ul a{padding-left:35px;}
 
.sidebar nav ul ul a::after{left:25px;}
 
.sidebar nav ul ul a::after{left:25px;}
Line 253: Line 255:
 
.overlay ul li a{display:block; position:relative;}
 
.overlay ul li a{display:block; position:relative;}
 
.overlay ul li a::before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
 
.overlay ul li a::before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
−
.overlay ul li a::after{display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; line-height:40px; margin:-18px 0 0 -18px; padding:0; border-radius:50%; font-family:"FontAwesome"; content:"\f0c1"; font-size:18px; text-align:center;}
+
.overlay ul li a::after{display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; line-height:40px; margin:-18px 0 0 -18px; padding:0; border-radius:50%; font-family:"FontAwesome"; content:""; font-size:18px; text-align:center;}
 
.overlay ul li a::before, .overlay ul li a::after{opacity:0;}
 
.overlay ul li a::before, .overlay ul li a::after{opacity:0;}
 
.overlay ul li a:hover::before, .overlay ul li a:hover::after{opacity:1;}
 
.overlay ul li a:hover::before, .overlay ul li a:hover::after{opacity:1;}
Line 265: Line 267:
 
.faico a{display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; font-size:16px; text-align:center;}
 
.faico a{display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; font-size:16px; text-align:center;}
  
−
.faico a{color:inherit; background-color:#3C3C3C;}
+
.faico a{color:inherit; }
 
.faico a:hover{color:#FFFFFF;}
 
.faico a:hover{color:#FFFFFF;}
  
Line 285: Line 287:
 
/* Colours
 
/* Colours
 
---------------------------------------------------------------------------------------------------------------*/
 
---------------------------------------------------------------------------------------------------------------*/
−
body{color:#B4B4B4; background-color:#232323;}
+
body{color:black; background-color:#817E8B;}
−
a{color:#56AED4;}
+
 
 
hr, .borderedbox{border-color:#EDEDED;}
 
hr, .borderedbox{border-color:#EDEDED;}
 
label span{color:#FF0000; background-color:inherit;}
 
label span{color:#FF0000; background-color:inherit;}
−
.btn{color:#FFFFFF; background-color:#56AED4;}
+
.btn{color:#FFFFFF;}
 
.font_xxl:after{color:inherit; background-color:#56AED4;}
 
.font_xxl:after{color:inherit; background-color:#56AED4;}
  
  
 
/* Rows */
 
/* Rows */
−
.row0{color:#888888; background-color:rgba(255,255,255,.8); border-color:#EDEDED;}
+
.row0{color:#101132; background-color:rgba(208, 211, 199, 0.38); border-color:#D6DB88; border-width:4px;}
−
.row0:hover{background-color:rgba(255,255,255,1);}
+
.row0:hover{background-color:rgba(223, 228, 207, 0.48);}
 
.row1, .row1 a{color:#FFFFFF; background-color:#000000;}
 
.row1, .row1 a{color:#FFFFFF; background-color:#000000;}
 
.row2, .row2 a{color:#FFFFFF; background-color:#000000;}
 
.row2, .row2 a{color:#FFFFFF; background-color:#000000;}
−
.row3{color:#888888; background-color:#FFFFFF;}
+
.row3{color:#888888; background-color:#EDF5FF;}
 
.row4, .row4 a{color:#B4B4B4; background-color:#EDEDED;}
 
.row4, .row4 a{color:#B4B4B4; background-color:#EDEDED;}
−
.row5{color:#B4B4B4; background-color:#232323;}
+
.row5{color:white; background-color:#817E8B;}
−
.row6, .row6 a{color:#B4B4B4; background-color:#232323;}
+
.row6, .row6 a{color:#B4B4B4; background-color:#817E8B;}
 
.row6{border-color:#3C3C3C;}
 
.row6{border-color:#3C3C3C;}
  
Line 310: Line 312:
  
 
/* Shout */
 
/* Shout */
−
.shout .shout-content{color:inherit; background-color:rgba(255,255,255,.8);}
+
.shout .shout-content{color:inherit; background-color:rgba(223, 228, 207, 0.48);}
−
.shout .shout-content:hover{background-color:rgba(255,255,255,1);}
+
.shout .shout-content:hover{background-color:rgba(208, 211, 199, 0.38);}
  
  
Line 319: Line 321:
  
 
/* Content */
 
/* Content */
−
.boxedicon a{color:inherit; border-color:#56AED4;}
+
.boxedicon a{color:#56AED4; }
−
.boxedicon a:hover{color:#FFFFFF; background-color:#56AED4;}
+
.boxedicon a:hover{color:#FFFFFF;}
  
  
Line 327: Line 329:
 
#footer .title{color:#FFFFFF; border-color:#3C3C3C;}
 
#footer .title{color:#FFFFFF; border-color:#3C3C3C;}
 
#footer input{color:#FFFFFF; background-color:#3C3C3C;}
 
#footer input{color:#FFFFFF; background-color:#3C3C3C;}
−
#footer button{color:#FFFFFF; background-color:#56AED4;}
+
#footer button{color:#FFFFFF; }
  
  
 
/*Back to Top*/
 
/*Back to Top*/
−
#backtotop{color:#FFFFFF; background-color:#56AED4;}
 
  
  
 
/* Navigation */
 
/* Navigation */
 
#mainav li a{color:inherit;}
 
#mainav li a{color:inherit;}
−
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#56AED4; background-color:inherit;}
+
#mainav .active a, #mainav a:hover, #mainav li:hover > a{; background-color:inherit;}
 
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
 
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
 
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#56AED4;}
 
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#56AED4;}
Line 361: Line 362:
 
/* Gallery */
 
/* Gallery */
 
.overlay ul li a::before{background-color:rgba(0,0,0,.5);}
 
.overlay ul li a::before{background-color:rgba(0,0,0,.5);}
−
.overlay ul li a::after{color:#FFFFFF; background-color:#56AED4;}
+
.overlay ul li a::after{color:#FFFFFF; }
 +
 
 +
a:link {color: rgba(29, 5, 79, 0.81);}
 +
a:visited {color: rgba(29, 5, 79, 0.81);}
 +
a:hover {color:rgba(22, 19, 29, 0.95);}
 +
a:active {color:rgba(29, 5, 79, 0.81);}
 +
 
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 06:54, 5 July 2015