View this code at http://livecoding.io/4608772
| { | |
| "libraries": [ | |
| "d3" | |
| ], | |
| "mode": "html", | |
| "layout": "fullscreen mode (vertical)", | |
| "resolution": "reset" | |
| } |
| /* all <ul> items */ | |
| ul { | |
| font-size:20px; | |
| } | |
| #redDiv { | |
| position: absolute; | |
| width: 118px; | |
| height: 107px; | |
| /* top:139px;*/ | |
| /* left: 192px;*/ | |
| background-color: red; | |
| } | |
| /* | |
| ul ul { | |
| font-style: italic; | |
| } | |
| */ | |
| /* classes */ | |
| .red_fruits { | |
| color: red; | |
| } | |
| .orange_fruits { | |
| color: orange; | |
| } | |
| .yellow_fruits { | |
| color: yellow; | |
| } | |
| .vegetables li { | |
| color: blue; | |
| } | |
| /* ids */ | |
| #tastiest { | |
| font-weight: bold; | |
| font-size: 150%; | |
| } |
| <html> | |
| <head> | |
| <title>Lists of Fruits and Vegetables.</title> | |
| </head> | |
| <body> | |
| Here are some fruits: | |
| <ul> | |
| <li>Apples</li> | |
| <li>Citrus Fruits</li> | |
| <ul> | |
| <li>Oranges</li> | |
| <li>Lemons</li> | |
| </ul> | |
| <li>Not Fruits</li> | |
| <ul> | |
| <li>Spinach</li> | |
| <li>Onion</li> | |
| <li>Tomatoes (?)</li> | |
| </ul> | |
| </ul> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment