forked from antin/bchirometer.oknesset.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bmeter.css
59 lines (59 loc) · 3.84 KB
/
bmeter.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
@import url("http://fonts.googleapis.com/earlyaccess/alefhebrew.css");
footer li a,header li a{color:inherit;margin:0 .4em;}
footer li a[href="#!categories"],header li a[href="#!categories"]{color:#7290e0;font-size:120%;padding:.8rem}
body{max-width:28em;margin:4em auto;padding:0 1em;background:#fff;color:#000;font-family:"Alef Hebrew",sans-serif;overflow-y:scroll}
button{background:transparent;font-family:inherit}
button,footer a,header a,.button{display:block;margin:0;padding:.8em;vertical-align:middle;text-align:center;text-decoration:inherit;border:none;border-radius:.3em;outline:none;box-sizing:border-box;}
button.fa::before,footer a.fa::before,header a.fa::before,.button.fa::before{padding-left:.5em}
#agendas-list button,#agendas-list footer a,#agendas-list header a,#agendas-list .button,#splash button,#splash footer a,#splash header a,#splash .button{display:inline-block}
#splash>:not(footer) button,#splash>:not(footer) footer a,#splash>:not(footer) header a,#splash>:not(footer) .button{background:#fff;color:#7290e0}
footer a,#categories-list a,#about .button,#qna .button{background:#7290e0;color:#fff}
#categories-list a{width:8em;height:6em;margin:.3em;}
#categories-list a.has-votes{background:#aec1f5}
.button{background:#fff;color:#000}
footer,header{position:fixed;right:0;left:0;text-align:center;width:100%;height:3em;background:#424242;color:#fff;z-index:2}
footer{bottom:0;top:inherit;background:#7290e0;border-top:solid medium #fff;}
#agendas footer,#categories footer{background:#fff;}
#agendas footer a,#categories footer a{background:#e8e860;color:#000;}
#agendas footer a.disabled,#categories footer a.disabled{background:#e0e0c3}
#results footer{height:inherit;background:#e8e860;color:#000;}
#results footer a{padding:0}
#results footer a,#results footer ol{background:#fff}
#results footer p{margin:0 auto}
h1{font-size:3em}
h1,h2{margin:1rem auto;text-align:center}
h3{margin:1.5rem 0 0}
h4,small{font-size:small}
h4,p{margin:.5em 0;font-weight:normal;word-wrap:break-word;}
#agendas h4.synopsis,#agendas p.synopsis{display:block;}
#agendas h4.synopsis a:after,#agendas p.synopsis a:after{content:"(לפרטים)"}
header{top:0;}
header a{text-decoration:inherit}
#parties-list img{display:block;width:18em;height:4em;margin:.5em auto}
li{display:inline-block;}
#about li,#qna li,#parties-list li{display:block;clear:both}
section:not(#qna)>ol:not(#parties-list){margin:0 auto;padding:0;text-align:center}
footer>ol,header>ol{list-style:none;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-webkit-flex-wrap:nowrap;flex-flow:row nowrap;justify-content:center;}
footer>ol>li,header>ol>li{flex:0 0 auto;display:block}
section,.collapsed{display:none}
.agree{border:#009b42 solid medium;}
.agree.selected{background:#009b42}
.bgi{background:url("bg/podium-faded.jpg") no-repeat center top fixed;background-size:cover}
.bg-toggle{position:fixed;bottom:4em;right:2em}
.disagree{border:#f95554 solid medium;}
.disagree.selected{background:#f95554}
.indifferent{border:#f9c400 solid medium;}
.indifferent.selected{background:#f9c400}
.we-are img{height:5em;margin:0 1em}
.we-are li{display:inline-block}
[data-page="#splash"]{background:#604dff;color:#fff}
[data-page="#about"] header [href="#!about"],[data-page="#categories"] header [href="#!categories"],[data-page="#qna"] header [href="#!qna"],[data-page="#splash"] header [href="/"]{color:#000}
#agendas,#results{margin-bottom:7em}
#agendas>button,#agendas>.button{float:left;background:#aec1f5;color:#000}
#agendas h2 i{padding-left:.5em}
#agendas-list>li{width:100%;text-align:start}
#parties-list h3 img{float:left;height:1em;width:2em}
#parties-list h3 span{display:inline-block;width:4em;direction:ltr}
#splash,#agendas-list>li>div{text-align:center;}
#splash p,#agendas-list>li>div p{text-align:start}
#categories-list .fa::before{display:block}