missing migrations
[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     z-index: 10;
8 }
9  
10 #picture-view .picture-wrap {
11     margin: 3rem auto 1rem auto;
12     display: block;
13     z-index: 10;
14 }
15 #picture-view .picture-wrap img {
16     z-index: 10;
17 }
18
19 #picture-view .picture-wrap {
20     width: 700px;
21 }
22
23 #picture-view .picture-wrap {
24     height: 500px;
25 }
26
27
28 .picture-wrap img.original {
29     width: 100%;
30 }
31
32 .picture-wrap img.loading {
33     margin-left: -10000px;
34 }
35
36 .picture-wrap .mark {
37     border: 2px solid rgba(200, 200, 200, 0.7);
38     position: absolute;
39     display: block;
40 }
41
42 .picture-wrap .mark .label {
43     position: absolute;
44     display: none; /*block;*/
45     color: rgba(200, 200, 200, 0.8);
46     font-size: 0.9rem;
47     bottom: -1.5em;
48 }
49
50
51 .toolbar {
52     position: fixed;
53     //top: 1.5rem;
54     left: 0rem;
55     color: #FFF;
56     z-index: 99;
57     list-style: none; 
58     padding: 0;
59     margin: 0;
60     
61     background: #333;
62     opacity: 0.9;
63     width: 8rem;
64 }
65
66 .toolbar ul {
67     list-style: none;
68     padding: 0;
69     margin: 0;
70     font-size: 0.8rem;
71     background-color: #222;
72 }
73
74 .toolbar .button a {
75     //background: #333;
76     //opacity: 0.9;
77     display: block;
78     height:1.5rem;
79
80     text-align: center;
81     color: #FFF;
82     padding: 0.2rem 0;
83     text-decoration: none;
84 }
85
86 .toolbar .button .dropdown-body a {
87     height: 1.2rem;
88 }
89
90 #picture-view .toolbar .button.square a {
91     width: 4rem; //1.5rem;
92 }
93
94 li.button {
95     clear: both;
96 }
97 li.button.square {
98     clear: none;
99     float: left;
100 }
101
102 #picture-view .toolbar .button a:link,
103 #picture-view .toolbar .button a:visited {
104     color: #FFF;
105 }
106
107 #picture-view .toolbar.button a:active {
108     color: yellow;
109 }
110
111 .moveright {
112     margin-left: 8rem !important;
113 }
114
115 #sponsors {
116     position: absolute;
117     display: block;
118     top: 3.5rem;
119     right: 2rem;
120     z-index:1;
121     width: 9rem;
122 }
123 #sponsors div {
124     z-index: -10;
125 }
126
127 #sponsors img {
128     width: 100%;
129     z-index: -10;
130 }