Refactor file structure

1 files changed, 135 insertions, 0 deletions

diff --git a/styles/style.css b/styles/style.css
new file mode 100644
index 0000000..2e4fb22
--- /dev/null
+++ b/styles/style.css
@@ -0,0 +1,135 @@
+body{
+    background-color:#2c3e50;
+    color:white;
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    font-size: 20px;
+}
+
+#title {
+    font-weight: bold;
+    font-size: 40px;
+}
+
+#subtitle {
+    font-style: italic;
+}
+
+#add-error {
+    margin-top: 10px;
+    color: #c0392b;
+    font-style: italic;
+    font-weight: 700;
+}
+
+.form-name {
+    font-weight: 700;
+}
+
+.form-input {
+    float: right;
+    margin-left: 40px;
+}
+
+.addButton {
+    margin-top: 20px;
+    background-color:#599bb3;
+    -moz-border-radius:8px;
+    -webkit-border-radius:8px;
+    border-radius:8px;
+    display:inline-block;
+    cursor:pointer;
+    color:#ffffff;
+    padding:8px 18px;
+    text-decoration:none;
+}
+
+.addButton:hover {
+    background-color:#408c99;
+}
+.addButton:active {
+    position:relative;
+    top:1px;
+}
+
+#container_main{
+	width:400px;
+    margin-top:40px;
+	margin-left:auto;
+	margin-right:auto;
+    text-align: center;
+}
+
+td {
+    text-align: left;
+}
+
+#que{
+    margin-top:50px;
+    background-color: #34495e;
+    font-weight: 300;
+}
+
+#que table,#que th,#que td{
+    border:1px solid white;
+}
+
+#que td,th{
+    min-width: 100px;
+    padding-left:10px;
+    padding-right:10px;
+}
+
+#que tr:nth-child(2){
+    background-color: #16a085;
+}
+
+.removeButton {
+    margin-top: 20px;
+    background-color:#c03a2b;
+    -moz-border-radius:8px;
+    -webkit-border-radius:8px;
+    border-radius:8px;
+    display:inline-block;
+    cursor:pointer;
+    color:#ffffff;
+    padding:8px 18px;
+    text-decoration:none;
+}
+.removeButton:hover {
+    background-color: #a53a2b;
+}
+.removeButton:active {
+    position:relative;
+    top:1px;
+}
+
+
+.centered-table {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#adminscreen{
+    border:3px solid #202020;
+    font-size:60px;
+    padding: 10px;
+    width:400px;
+    margin-left:auto;
+    margin-top:50px;
+    margin-right:auto;
+    padding-left:20px;
+    padding-right:20px;
+}
+
+#adminscreen td {
+    padding-left:10px;
+}
+
+.outdated{
+background-color: #c0392b;
+}
+
+.updated{
+background-color: #16a085;
+}