diff --git a/palette.txt b/palette.txt index b17e486..b1b3199 100644 --- a/palette.txt +++ b/palette.txt @@ -3,4 +3,6 @@ Color palette: #FEEFE5 - Linen #FFCF00 - Cyber Yellow #EE6123 - Orange Panteon -#FA003F - Red Munsell \ No newline at end of file +#FA003F - Red Munsell + +#FF0B7E - Winter Sky \ No newline at end of file diff --git a/static/style.css b/static/style.css index 5df02bf..8c9ce00 100644 --- a/static/style.css +++ b/static/style.css @@ -5,7 +5,7 @@ z-index: 1; top: 0; left: 0; - background-color: #FA003F; + background-color: #FF0B7E; overflow-x: :hidden; padding-top: 20px; } @@ -39,12 +39,58 @@ .main { margin-left: 160px; - padding: 0px 10px; + padding: 0px 40px; } .main h1 { text-align: center; text-transform: uppercase; + padding-bottom: 50px; +} + +.mainTestContainer { + border-radius: 25px; + border: 2px solid #FF0B7E; + padding: 20px; + width: 800px; + height: 225px; +} + +.mainTestName { + font-weight: bold; + font-size: 20px; + padding-bottom: 20px; +} + +.mainTestMeta { + font-size: 13px; + padding-bottom: 15px; + color: #808080; +} + +.mainTestContainer button { + height: 30px; + width: 150px; + color: #FFF; + font-size: 17px; + background: #00916E; + cursor: pointer; + border-radius: 25px; + border: none; + outline: none; + transform: translate(200%,0%); +} + +.mainTestContainer a { + color: inherit; + text-decoration: inherit; +} + +.mainTestDesc{ + padding-bottom: 15px; +} + +.mainTestQuest { } .authContent { @@ -145,4 +191,4 @@ input[type=checkbox]{ margin-top: 15px; } -background-color:#FA003F +background-color:#FF0B7E diff --git a/templates/authBase.html b/templates/authBase.html index 6b6cc90..6cff205 100644 --- a/templates/authBase.html +++ b/templates/authBase.html @@ -8,7 +8,7 @@ -
+
- {{test.name}}
-
- Passing score: {{test.passing_score}}
-
- Category: {{test.category.name}}
-