Difference between revisions of "project10:Main"
From 100ybp
Line 1: | Line 1: | ||
− | + | _NOTITLE__ __NOTOC__ | |
+ | <html> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet"> | ||
+ | <style> | ||
− | + | div#headercontainer { | |
− | + | width: 850px; | |
− | + | height: 30px; | |
− | + | margin: 0px; | |
− | + | margin-bottom: 0px; | |
− | + | margin-top: -20px; | |
− | + | padding: 0px; | |
− | + | border: 0px; | |
− | + | background: #514E4F;} | |
− | + | ||
− | + | div#Namecontainer { | |
− | + | width: 846px; | |
− | + | height: 20px; | |
− | + | margin: 0px; | |
− | + | margin-top: -7px; | |
− | + | padding: 0px; | |
− | + | border: 0px; | |
− | </ | + | background: #808284; |
− | < | + | text-align:center; |
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 20px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#container { | ||
+ | width: 842px; | ||
+ | margin: 0px; | ||
+ | margin-top:-4px; | ||
+ | padding: 0px; | ||
+ | border: 4px; | ||
+ | border-style: solid; | ||
+ | border-color: #514E4F; | ||
+ | } | ||
+ | |||
+ | div#headline { | ||
+ | width: 846px; | ||
+ | height: 36px; | ||
+ | margin-top: 50px; | ||
+ | padding: 0px; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 50px; | ||
+ | color: #617dc6; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | div#button { | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#617dc6; | ||
+ | } | ||
+ | |||
+ | div#buttonDarkBlue { | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#617dc6; | ||
+ | } | ||
+ | |||
+ | div#buttonMediumBlue { | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#01b9bb; | ||
+ | } | ||
+ | |||
+ | div#buttonYellow { | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#f7d22b; | ||
+ | } | ||
+ | |||
+ | div#buttonMediumRed { | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#f25e42; | ||
+ | } | ||
+ | |||
+ | div#buttonDarkRed { | ||
+ | float: left; | ||
+ | width: 170px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#e26c7a; | ||
+ | } | ||
+ | |||
+ | div#buttonDarkBlue a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkBlue a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkBluen a:active {background: #617dc6;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkBlue a:hover {color: #617dc6; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonMediumBlue a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumBlue a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumBlue a:active {background: #01b9bb;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumBlue a:hover {color: #01b9bb; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonYellow a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonYellow a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonYellow a:active {background: #f7d22b;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonYellow a:hover {color: #f7d22b; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonMediumRed a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumRed a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumRed a:active {background: #f25e42;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumRed a:hover {color: #f25e42; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonDarkRed a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkRed a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkRed a:active {background: #e26c7a;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkRed a:hover {color: #e26c7a; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | </style> | ||
+ | </html> | ||
+ | |||
+ | [[File:Robotcut.jpg | 850px]] |
Revision as of 17:13, 27 November 2018
_NOTITLE__