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
/** | |
* RRRRRRRRRRROLL | |
*/ | |
body { | |
background-color: #000; | |
} | |
html, body, ul { | |
padding: 0; |
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
/** | |
* Messing with calc | |
*/ | |
body { | |
margin: 0; | |
} | |
div { |
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
/** | |
* Flexible background image and height with vw | |
*/ | |
div { | |
background: transparent url("https://www.djangoproject.com/m/img/logos/django-logo-positive.png") no-repeat center top; | |
background-size: 90%; | |
height: 28vw; | |
width: 90%; | |
} |
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
/** | |
* Carthorse playin' | |
*/ | |
li:nth-child(odd):not(:last-child) { | |
background-color: #eee; | |
} | |
a:not([href*="http"]) { | |
color: hotpink; | |
} |
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
/** | |
* Carthorse playin' | |
*/ | |
li:nth-child(odd):not(:last-child) { | |
background-color: #eee; | |
} | |
a:not([href*="http"]) { | |
color: hotpink; | |
} |
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
/** | |
* Full height element | |
*/ | |
body { | |
padding: 0; | |
margin: 0; | |
} | |
.sidebar { | |
background-color: #eee; |
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
/** | |
* Full height element | |
*/ | |
body { | |
padding: 0; | |
margin: 0; | |
} | |
.sidebar { | |
background-color: #eee; |
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
/** | |
* Don't give a fuck | |
*/ | |
body { | |
background: transparent url('http://static.fjcdn.com/gifs/Move_fbbe7d_2459319.gif') repeat left top; | |
} | |
h1 { | |
animation-name: blink; | |
animation-duration: 0.4s; |
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
/** | |
* Don't give a fuck | |
*/ | |
body { | |
background: transparent url('http://static.fjcdn.com/gifs/Move_fbbe7d_2459319.gif') repeat left top; | |
} | |
h1 { | |
animation-name: blink; | |
animation-duration: 0.4s; |
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
/** | |
* Hard as fuck | |
*/ | |
body { | |
background: url('http://4.bp.blogspot.com/-Q9GLh-Ppxos/UGnH5HrptUI/AAAAAAAABQ4/sLWyIjNu6F8/s1600/mexicanmafia.jpeg'); | |
} | |
h1 { | |
color: #ff00d8; | |
text-align: center; |