summaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
Diffstat (limited to 'static')
-rw-r--r--static/style.css86
1 files changed, 86 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..3845959
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,86 @@
1body {
2 font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-size:15pt; font-stretch:normal;
3 margin: 1em 0;
4 padding: 0 5%;
5}
6
7ul {
8 list-style-type: none;
9}
10
11li {
12 margin: 0 0 0.5em 0;
13}
14
15button {
16 margin: 0 0.5em 0 0;
17 min-width: 5.5em;
18}
19
20button.add,
21button.edit {
22 box-shadow:inset 0px 1px 0px 0px #bee2f9;
23 background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
24 background-color:#63b8ee;
25 border-radius:9px;
26 border:1px solid #3866a3;
27 display:inline-block;
28 cursor:pointer;
29 color:#ffffff;
30 padding:5px 6px;
31 text-decoration:none;
32 text-shadow:0px 1px 0px #7cacde;
33}
34button.delete {
35 box-shadow:inset 0px 1px 0px 0px #cf866c;
36 background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
37 background-color:#d0451b;
38 border-radius:9px;
39 border:1px solid #942911;
40 display:inline-block;
41 cursor:pointer;
42 color:#ffffff;
43 padding:5px 6px;
44 text-decoration:none;
45 text-shadow:0px 1px 0px #854629;
46}
47button.add:hover,
48button.edit:hover {
49 background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
50 background-color:#468ccf;
51}
52button.delete:hover {
53 background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
54 background-color:#bc3315;
55}
56
57button.add:active,
58button.edit:active,
59button.delete:active {
60 position:relative;
61 top:1px;
62}
63
64input[type="text"] {
65 padding: 0.3em 0.4em;
66
67 border: 1px solid grey;
68 border-radius: 6px;
69
70 font-weight: bold;
71 font-size: 13pt;
72 transition: background-color 1s;
73 color: #444;
74 min-width: 35%;
75}
76
77.age {
78 display: inline-block;
79 text-align: right;
80 border-radius: 4px;
81 border: solid 1px black;
82 background-color: grey;
83 padding: 0 0.2em;
84 margin-right: 0.5em;
85 width: 4em;
86}