c4e952cf0bb54b482886524639a75e1d7433f9df
[wolnelektury.git] / apps / wolnelektury_core / static / css / master.picture.css
1
2 #picture-view {
3     width: 100%;
4     position:absolute;
5     top: 0;
6     bottom: 0;
7 }
8  
9 #picture-view .picture-wrap {
10     margin: 3rem auto 1rem auto;
11     display: block;
12 //    position: absolute;
13 }
14
15 #picture-view .picture-wrap {
16     width: 700px;
17 }
18
19 #picture-view .picture-wrap {
20     height: 500px;
21 }
22
23
24 .picture-wrap img.original {
25     width: 100%;
26 }
27
28 .picture-wrap img.loading {
29     margin-left: -10000px;
30 }
31
32 .picture-wrap .mark {
33     border: 2px solid rgba(200, 200, 200, 0.7);
34     position: absolute;
35     display: block;
36 }
37
38 .picture-wrap .mark .label {
39     position: absolute;
40     display: none; /*block;*/
41     color: rgba(200, 200, 200, 0.8);
42     font-size: 0.9rem;
43     bottom: -1.5em;
44 }
45
46
47 .toolbar {
48     position: fixed;
49     top: 1.5rem;
50     left: 0rem;
51     color: #FFF;
52     z-index: 99;
53     list-style: none; 
54     padding: 0;
55     margin: 0;
56 }
57
58 .toolbar ul {
59     list-style: none;
60     padding: 0;
61     margin: 0;
62     font-size: 0.8rem;
63     background-color: #222;
64 }
65
66 .toolbar .button a {
67     background: #333;
68     opacity: 0.9;
69     display: block;
70     height:1.5rem;
71
72     text-align: center;
73     color: #FFF;
74     padding: 0.2rem;
75     text-decoration: none;
76 }
77
78 .toolbar .button .dropdown-body a {
79     height: 1.2rem;
80 }
81
82 #picture-view .toolbar .button.square a {
83     width:1.5rem;
84 }
85
86 li.button {
87     clear: both;
88 }
89 li.button.square {
90     clear: none;
91     float: left;
92 }
93
94 #picture-view .toolbar .button a:link,
95 #picture-view .toolbar .button a:visited {
96     color: #FFF;
97 }
98
99 #picture-view .toolbar.button a:active {
100     color: yellow;
101 }