a0de35db782027aa456d01e239fa8e82795f5bbb
[urlittler] / static / theme.css
1 * {
2 font-family: helvetica, verdana, sans-serif;
3 }
4 body {
5 margin: 0;
6 }
7 header {
8 background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(160, 82, 45) 100%);
9 }
10 h1 {
11 margin: 0;
12 padding: 2em 1em .5em 1em;
13 }
14 section {
15 padding: 1em;
16 border-top: 1px solid sienna;
17 }
18 label {
19 display: inline-block;
20 font-size: larger;
21 }
22 input[type=text] {
23 width: 94%;
24 border: 1px solid sienna;
25 border-radius: .2em;
26 padding: .4em .2em .2em .2em;
27 font-size: larger;
28 }
29 input[type=submit] {
30 border-radius: .2em;
31 font-size: larger;
32 margin: .5em;
33 padding: .2em;
34 }
35 .meta-link {
36 font-size: small;
37 color: #666;
38 }
39 .meta-link .auth-token {
40 font-family: Courier, "Courier New", "Lucida Typewriter", monospace;
41 }
42 .copy-button {
43 display: inline-block;
44 vertical-align: baseline;
45 margin: .5em;
46 padding: .2em;
47 border-radius: .5em;
48 }
49 .copy-button:before {
50 background: url("copy-link.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
51 content: "";
52 display: inline-block;
53 padding: 1em;
54 margin: 0 .5em 0 0;
55 position: relative;
56 vertical-align: middle;
57 }
58 table {
59 width: 100%;
60 }
61 tbody tr:nth-child(even) td, tbody tr:nth-child(even) th {
62 background-color: #fff;
63 border: #4e9a06;
64 }
65 tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {
66 background-color: #e4ffc7;
67 border: #4e9a06;
68 }
69 thead tr th {
70 background-color: #fff;
71 border-bottom: 1px solid #4e9a06;
72 padding: .5ex 0 .5ex 0;
73 }