e466cb71f9b780af65256da6916e6324595cc4a8
[confetti] / style.css
1 * {
2   font-family: sans-serif;
3   -moz-box-sizing: border-box;
4   -webkit-box-sizing: border-box;
5   box-sizing: border-box;
6   z-index: 0;
7 }
8 body {
9   background: #EEE;
10   margin: 0;
11   padding: 0;
12   padding-top: 2.5em;
13   position: absolute;
14   min-height: 100%;
15   width: 100%;
16   padding-bottom: 2em;
17 }
18 .NAVIGATION {
19   position: fixed;
20   top: 0;
21   display: inline-block;
22   border-style: none solid solid solid;
23   border-width: 0 1px 1px 1px;
24   border-radius: 0 0 4px 4px;
25   margin: 0 2em;
26   padding: .5em 1ex;
27   background: #FFF;
28   z-index: 1;
29 }
30 .NAVIGATION label,
31 .NAVIGATION a {
32   color: #008;
33   border: solid 1px #BBF;
34   margin: .5em .5ex .25em .5ex;
35   padding: .2em 3ex .2em 3ex;
36   background: #EFF;
37 }
38 .NAVIGATION label:hover,
39 .NAVIGATION a:hover {
40   border-width: 2px 1px;
41   background: #F3FFFF;
42 }
43
44 #CONFIGURE        label[for="navigationconfig"] { display: none; }
45 #CONFIGURE:target label[for="navigationconfig"] { display: inline; }
46
47 .NAVIGATION input#navigationconfig { display: none; }
48 .NAVIGATION input + form.config {
49   position: static;
50   display: none;
51 }
52
53 .NAVIGATION .config a { display: block; }
54 .NAVIGATION .config a:hover { border-width: 1px 2px; }
55 .NAVIGATION input:checked + form.config { display: block; }
56 .NAVIGATION .config input[type=text],
57 .NAVIGATION .config button {
58   font-size: .875em;
59   line-height: 1.5em;
60   height: 1.75em;
61   padding: 0 .25em;
62   vertical-align: bottom;
63   border: 1px solid #000;
64   background-color: #FFF;
65 }
66 .NAVIGATION .config input[type=text] {
67   margin: .25em 0 0 .375em;
68   border-right: none;
69   width: 70%;
70 }
71 .NAVIGATION .config button {
72   min-width: 2.5em;
73   text-align: center;
74   max-width: 30%;
75 }
76 .NAVIGATION .config button[value=del] {
77   background: #FCC;
78 }
79
80
81 .trailbtn { display: none; }
82 .trailbtn + .trailbox { display: none; }
83 .trailbtn:checked + .trailbox { display: inline-block; }
84 .trailbtn:checked + .trailbox + .trailbtn { display: block; }
85 .trailbtn:checked + .trailbox + .trailbtn:before {
86    display: block; content: '+';
87    width: 3ex; text-align: center;
88    margin-top: .25em; padding: .25em 0;
89    background-color: #FFF;
90    border-width: 1px; border-style: solid;
91 }
92 .trailbtn:checked + .trailbox + .trailbtn:checked,
93 .trailbtn:checked { display: none; }
94
95 #footer {
96   width: 100%;
97   background-color: #FFF;
98   border-top: 1px solid #BBF;
99   margin: 0; padding: .5em 2em;
100   position: absolute; bottom: 0;
101 }