Difference between revisions of "Template:Toulouse/CSS"

Revision as of 09:06, 3 June 2015

/* ---------------------------------------------------------------- MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin) ---------------------------------------------------------------- Demo at: http://www.aaronvanderzwan.com/maxcycle/ Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/ Copyright (c) 2007-2011 Aaron Vanderzwan Dual licensed under the MIT and GPL licenses. */ /*! Version: 2.0.73 (12-Oct-2012) */ .mc-hide-scrolls{ overflow:hidden; } body .mc-cycle { height:100%; left:0; overflow:hidden; position:fixed; top:0; width:100%; z-index:-1; } div.mc-image { /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition: If you are using fading transitions, use 'opacity: */ -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; /*If you are using horizontal slide transitions, use the following CSS: -webkit-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; transition: left 1s ease-in-out;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; height:100%; overflow:hidden; width:100%; } .mc-old-browser .mc-image { overflow:hidden; } /* Import Fonts */ @import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans); body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; font-weight:400; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #777; background: #000; } h1, h2, h3, h4, h5, h6{ font-family: 'Coustard', serif; color:#fff; font-weight: normal; letter-spacing: 1px; } h1{font-size: 63px; line-height: 70px; padding: 0; margin: 0;} h5{font-size: 28px; line-height: 35px; padding: 0; margin: 0; color: #b7b7b7;} a { color: #b7b7b7; text-decoration:none; font-weight: normal; } a:hover {text-decoration:underline;} #maximage { display:none; position:fixed !important; } .gradient { left:0; height:100%; position:absolute; top:0; width:100%; z-index:999; } .show{display: block;} .hide{opacity: 0;} /* Set Page Elements */ .content { float:left; margin:40px; position:absolute; top:200px; width:600px; z-index:9999; -webkit-font-smoothing:antialiased; } #logo { font-family: 'Coustard', serif; font-size: 30px; bottom:40px; height:auto; left:40px; position:absolute; width:20%; z-index:1000; color: #fff; } .main-nav{ position:absolute; bottom: 23px; left:210px; z-index:1001; } .main-nav ul li { list-style: none; display: inline; padding-right: 10px; padding-left: 10px; border-left: 1px solid #b7b7b7; } .main-nav ul li a.active {color: #ffa800;} .social-nav { position:absolute; top: 0px; left: 40px; } .social-nav ul {margin: 0; padding:0;} .social-nav ul li{ list-style: none; display:block; float: left; background: #393939; padding:100px 10px 5px 10px; margin: 1px; opacity: .5; } .social-nav ul li:hover {opacity: 1;} button.full-screen{ position: absolute; top: 0; right: 0; width: 31px; height: 31px; background: url("../images/full-screen-btn.png"); border: 0; cursor: pointer; opacity: .7; } button.full-screen:hover {opacity: 1;} #arrow_left, #arrow_right { bottom:30px; height:42px; position:absolute; right:40px; width:42px; z-index:1000; } #arrow_left { right:95px; } <\html>