unify css, increase responsiveness by reducing server communication
[confetti] / static / common.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: 2.5em 0 0 0;
12 }
13 .NAVIGATION {
14   position: fixed;
15   top: 0;
16   display: inline-block;
17   border-style: none solid solid solid;
18   border-width: 0 1px 1px 1px;
19   border-radius: 0 0 4px 4px;
20   margin: 0 auto auto 3%;
21   padding: .5em 1ex .5em 1ex;
22   background: #FFF;
23   z-index: 1;
24 }
25 .NAVIGATION a {
26   color: #008;
27   border: solid 1px #BBF;
28   margin: .5em .5ex .25em .5ex;
29   padding: .2em 3ex .2em 3ex;
30   background: #EFF;
31 }
32 .NAVIGATION a:hover {
33   border-width: 2px 1px 2px 1px;
34   background: #F3FFFF;
35 }
36
37 .trailbtn { display: none; }
38 .trailbtn + .trailbox { display: none; }
39 .trailbtn:checked + .trailbox { display: inline-block; }
40 .trailbtn:checked + .trailbox + .trailbtn { display: block; }
41 .trailbtn:checked + .trailbox + .trailbtn:before {
42    display: block; content: '+';
43    width: 3ex; text-align: center;
44    margin-top: .25em; padding: .25em 0;
45    background-color: #FFF;
46    border-width: 1px; border-style: solid;
47 }
48 .trailbtn:checked + .trailbox + .trailbtn:checked,
49 .trailbtn:checked { display: none; }
50