survey_seahorse

commit 72029e33287f100ffdd475373e7b527441ed20de
parent fcc596663b8719414fba9df4fbfc9c061d6efa88
Author: John Kubach <johnkubach@gmail.com>
Date:   Sun, 16 Dec 2018 22:42:18 -0500

move stylesheet

move stylesheet from root to res/

Diffstat:
A
website/res/style.css
 | 
126
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1 file changed, 126 insertions(+), 0 deletions(-)
diff --git a/website/res/style.css b/website/res/style.css
@@ -0,0 +1,126 @@
+@import url('https://fonts.googleapis.com/css?family=Raleway');
+@import url('https://fonts.googleapis.com/css?family=Oswald');
+
+/*index page*/
+html {
+    background-color: rgb(3,83,136);
+    color: white;
+}
+.panel {
+    height:100%;
+}
+.panel h1{
+    text-align: center;
+    font-family: 'Oswald', sans-serif;
+    font-size: 500%;
+}
+.panel h3 {
+    text-align: center;
+    font-family: 'Raleway', sans-serif;
+    font-size: 200%;
+}
+.seahorse_pic {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 10px;
+    padding-bottom: 30px;
+}
+.index-grid-panel {
+    display: grid;
+    grid-auto-rows: 1;
+}
+.index-grid-panel a {
+    font-family: 'Raleway', sans-serif;
+    background-color: rgb(118, 193, 243);
+    color:rgb(3,83,136);
+    border: none;
+    /*padding: 10px;*/
+    padding: 30px;
+    text-align: center;
+    text-decoration: none;
+    /*display: inline-block;*/
+    font-size: 16px;
+    -webkit-transition-duration: 0.4s; /* Safari */
+    transition-duration: 0.4s;
+}
+.index-grid-panel a:hover {
+    background:white;
+}
+a.off:hover {
+    background:red;
+    color: white;
+}
+
+/*sign in page*/
+.signin-form {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    background: white;
+    padding: 20px;
+}
+
+form h2 {
+    color: rgb(3,83,136);
+    text-align: center;
+    font-family: 'Raleway', sans-serif;
+    font-size: 200%;
+}
+
+form input {
+    display: block;
+    width: 100%;
+    height: 50px;
+    background: rgba(0, 0, 0, .3);
+    outline: none;
+    border: 1px solid rgba(1, 1, 1, .5);
+    color: white;
+    font-family: 'Raleway', sans-serif;
+    font-weight: lighter;
+    font-size: 14px;
+    margin-bottom: 10px;
+    padding-left: 10px;
+    border-radius: 5px;
+}
+
+form button {
+    width: 332px;
+    height: 50px;
+    font-size: 16px;
+    background-color: rgb(3,83,136);
+    color: white;
+    border: none;
+    -webkit-transition-duration: 0.4s; /* Safari */
+    transition-duration: 0.4s;
+}
+
+form button:hover{
+    background-color: rgb(118, 193, 243);
+}
+
+form a{
+    color: rgb(3,83,136);;
+}
+
+/*sign up page*/
+.signup-form {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    background: white;
+    padding: 20px;
+}
+
+.find-survey-form {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    background: white;
+    padding: 20px;
+    font-family: 'Raleway', sans-serif;
+    color: rgb(3,83,136);
+}