This file contains hidden or 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
# in this happy fairy land of pseudo code: | |
# all non-existent nodes don't throw seg faults and instead have color BLACK! | |
def fixup(red_node): | |
while red_node.parent.color == RED: | |
parent = red_node.parent | |
grandpa = red_node.parent.parent | |
if parent == grandpa.left: | |
uncle = grandparent.right | |
if uncle.color == RED: |
This file contains hidden or 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
/** | |
* Multiple borders | |
*/ | |
div { | |
width: 100px; | |
height: 60px; | |
margin: 25px; | |
background: yellowgreen; | |
border: 5px solid red; |
This file contains hidden or 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
@import url(https://fonts.googleapis.com/css?family=Signika:400,600,700); | |
/** | |
* Blue Help Box | |
*/ | |
body { | |
background: lightskyblue; | |
color: darkblue; | |
font-family: 'Signika', sans-serif; | |
} |
This file contains hidden or 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
/** | |
* An empty Dabblet | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; |
This file contains hidden or 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
<!doctype html> | |
<html> | |
<head> | |
<title>Title Here</title> | |
</head> | |
<body> | |
Content Here | |
</body> | |
</html> |
This file contains hidden or 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
/** | |
* Gettysburg Address | |
*/ |
This file contains hidden or 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
/** | |
* Basic CSS Selectors | |
*/ | |
p { | |
background-color: #aaa; | |
} | |
.cool { | |
color: blue; |
This file contains hidden or 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
/** | |
* Things you can color | |
*/ | |
body { | |
column-count: 3; | |
column-gap: 2em; | |
column-rule: 2px solid salmon; | |
} | |
This file contains hidden or 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
<!doctype html> | |
<html> | |
<head> | |
<title>A Title</title> | |
<link href="style.css" rel="stylesheet"/> | |
<style> | |
body { | |
color: white; | |
} | |
</style> |
This file contains hidden or 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
/* box model basics */ | |
div { | |
background-color: #aaa; | |
display: block; | |
outline: 5px dashed white; | |
margin: 50px; | |
border: 30px solid hsla(2000,100%,50%, .4); | |
padding: 10px; | |
background-clip: padding-box; | |
} |