diff options
Diffstat (limited to 'f/styles/style.css')
| -rw-r--r-- | f/styles/style.css | 105 |
1 files changed, 87 insertions, 18 deletions
diff --git a/f/styles/style.css b/f/styles/style.css index 8a1c541..3209cef 100644 --- a/f/styles/style.css +++ b/f/styles/style.css @@ -1,46 +1,112 @@ body{
- background-color:black;
+ background-color:#2c3e50;
color:white;
- font-family: Helvetica Neue,Helvetica,sans-serif;
+ font-family: 'Lato', sans-serif;
+ font-weight: 300;
+ font-size: 20px;
}
+
+#title {
+ font-weight: bold;
+ font-size: 40px;
+}
+
+#subtitle {
+ font-style: italic;
+}
+
+.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{
- font-size:24px;
width:400px;
margin-top:40px;
margin-left:auto;
margin-right:auto;
+ text-align: center;
}
-td:first-child{
- text-align:right;
+
+td {
+ text-align: left;
}
+
#que{
margin-top:50px;
- background-color:#202020;
+ 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:darkgreen;
+ background-color: #16a085;
}
-#que td:nth-child(3){
- text-align: center;
+
+.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;
}
-#addform{
-
+.removeButton:hover {
+ background-color:#408c99;
}
-#addbutton{
- width:60px;
- margin-left:auto;
- margin-right:auto;
+.removeButton:active {
+ position:relative;
+ top:1px;
+}
+
+
+.centered-table {
+ margin-left: auto;
+ margin-right: auto;
}
+
#adminscreen{
border:3px solid #202020;
- font-size:72px;
+ font-size:60px;
+ padding: 10px;
width:400px;
margin-left:auto;
margin-top:50px;
@@ -48,12 +114,15 @@ td:first-child{ padding-left:20px;
padding-right:20px;
}
+
#adminscreen td {
padding-left:10px;
}
+
.outdated{
-background-color:darkred;
+background-color: #c0392b;
}
+
.updated{
-background-color:darkgreen;
+background-color: #16a085;
}
|