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