From a9c558fba0a839e45597dcf4bda225a857467295 Mon Sep 17 00:00:00 2001 From: Jan Tuomi Date: Wed, 20 Jan 2016 14:44:47 +0200 Subject: Update looks --- f/styles/style.css | 105 ++++++++++++++++++++++++++++++++++++++++--------- f/templates/index.html | 101 +++++++++++++++++++++++++++++------------------ 2 files changed, 149 insertions(+), 57 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; } diff --git a/f/templates/index.html b/f/templates/index.html index 8710d65..81e2b7c 100644 --- a/f/templates/index.html +++ b/f/templates/index.html @@ -1,41 +1,64 @@ - - - - - - -Jonokone - - -

Jonokone @ jonokone.dy.fi

- - - - -

Rivi:
Nimi

- - - - - - - - -

Rivi	Nimi	Poista
Rivi {{person.row}}	{{person.name}}

- - + + + + + + + + Jonokone + + +

Jonokone

@ jonokone.dy.fi

+
+ + + + + + + + + +

Rivi:	+ +
Nimi:	+ +

+ + Lisää + +

+ Poista {{person.name}} +

+ + + + + + + + + + +

Rivi	Nimi
Rivi {{person.row}}	{{person.name}}

+ +

+ + \ No newline at end of file -- cgit v1.3