From 39e23f832597a2e01dafa0394f4eba50c8e7e42b Mon Sep 17 00:00:00 2001 From: Locklin Doug Date: Mon, 1 Apr 2019 20:06:57 +0300 Subject: [PATCH] Added CSS styles pasted from codepen --- css/styles.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/css/styles.css b/css/styles.css index e69de29..0508159 100644 --- a/css/styles.css +++ b/css/styles.css @@ -0,0 +1,35 @@ +h1{ + display:block; + font-size:2em; + font-weight:bold; + margin:4px auto; + text-align:center; + } + .rainbow{ + margin:4px auto; + } + .rainbow tr td{ + padding:4px; + } + .rainbow tr:nth-child(7n-6){ + background-color:rgb(255,0,0); + } + .rainbow tr:nth-child(7n-5){ + background-color:rgb(255,100,0); + } + .rainbow tr:nth-child(7n-4){ + background-color:rgb(255,255,0); + } + .rainbow tr:nth-child(7n-3){ + background-color:rgb(0,255,0); + } + .rainbow tr:nth-child(7n-2){ + background-color:rgb(0,0,255); + } + .rainbow tr:nth-child(7n-1){ + background-color:rgb(150,50,255); + } + .rainbow tr:nth-child(7n){ + /*This is what all the nth-child are based on, number of tr elements you are going down and offset by those numbers*/ + background-color:rgb(200,0,200); + } \ No newline at end of file