Created
September 2, 2012 12:17
-
-
Save dvnckr/3597933 to your computer and use it in GitHub Desktop.
1st theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 1st theme */ | |
/* Réinitialisation */ | |
* {margin: 0px; padding:0px;} | |
/* Police personnalisée*/ | |
@font-face { | |
src: url('http://dl.dropbox.com/u/67963796/ttf/gillsans.ttf'); | |
font-family: "Gill Sans"; | |
} | |
body { | |
font-family:"Gill Sans"; | |
} | |
/* Bordure du haut */ | |
body { | |
border-top: 20px solid #003366; | |
} | |
/* Haut de Page + Menu */ | |
header { | |
width:800px; margin:auto; | |
border-bottom: 1px dashed rgba(0,33,66,0.2); | |
} | |
nav li { | |
list-style-type: none; | |
display: inline-block; | |
margin-left: 20px; | |
} | |
nav ul li a { | |
text-transform: uppercase; | |
padding:5px; | |
} | |
nav ul li a:hover { | |
background-color:rgba(33,66,99,0.8); | |
border-radius: 3px; | |
color:white; | |
padding-bottom: 40px; | |
-webkit-transition: all 500ms ease-in-out; | |
} | |
li a { | |
text-decoration: none; | |
} | |
nav ul { | |
display: inline-block; | |
vertical-align:45px; | |
margin-left: 100px;} | |
nav h1 { | |
width: 100px; | |
height: 100px; | |
margin-top: 10px; | |
/*border: 1px solid black;*/ | |
background: url('http://dl.dropbox.com/u/67963796/fond/monkey2.jpg') right; | |
border-radius: 50px; | |
display: inline-block; | |
box-shadow: 0px 0px 2px black; | |
} | |
nav h1:hover { | |
transform: scale(1.1); | |
box-shadow: 0px 0px 10px black; | |
transition: all 400ms linear; | |
} | |
a { color: gray;} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<header> | |
<nav> | |
<a href="#" title="Gorille des Montagnes"><h1></h1></a> | |
<ul> | |
<li><a href="#">blog</a></li> | |
<li><a href="#">about</a></li> | |
<li><a href="mailto:dvnckr@gmail.com">contact</a></li> | |
<li><a href="http://twitter.com/dvnckr">twitter</a></li> | |
</ul> | |
<nav> | |
</header> | |
<section id="wrapper"> | |
<article id="main"> | |
<h4><h4> | |
<h6></h6> | |
<p></p> | |
</article> | |
</section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split","fontsize":"60","seethrough":"","prefixfree":"1","page":"html"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment