6a9165e81d989dfc6f93d2bc4037ed7ddc0de8ff
[redakcja.git] / redakcja / static / css / gallery.css
1 #sidebar {
2     display:none;
3     position: absolute;
4     top: 0px;
5     right: 0px;
6     bottom: 0px;
7     width: 480px;
8     background-color: #FFF;
9 }
10
11 #side-search {
12     height: 100%;
13     display: none;
14     background-color: #C1C1C1;
15 }
16
17 #side-search p {
18     padding: .5em;
19 }
20
21 #side-annotations {
22     display: none;
23 }
24
25 .annotations-list {
26     position: absolute;
27     left: 0;
28     top: 28px;
29     right: 0;
30     bottom: 0;
31     overflow: auto;
32     padding: 1em 1em 0 1em;
33 }
34
35 #side-annotations .akap {
36     font-size: 16px;
37     font-family: "Georgia", "Times New Roman", serif;
38     line-height: 1.5em;
39     margin-bottom: 1em;
40     position: relative;
41 }
42
43 #side-annotations .src {
44     font-family: monospace;
45     font-size: 10px;
46     font-weight: 400;
47     line-height: 13px;
48     position: absolute;
49     top: 0;
50     bottom: -.5em;
51     display:none;
52     background: white;
53     border: 1px solid #888;
54     width: 100%;
55 }
56
57 #side-annotations .akap:hover .src {
58     display: block;
59 }
60
61 /* =========== */
62 /* = Gallery = */
63 /* =========== */
64
65 #side-gallery .error_message
66 {
67         background-color: white;
68         color: black;
69         padding: 0.5em 1em;
70 }
71
72 .change-gallery-panel {
73     width: 100%;
74     border-bottom: 1px solid #777;
75     background-color: #C1C1C1;
76     margin: 0;
77     padding: 2px;
78     z-index: 10;
79 }
80
81 .gallery-image {
82     position: absolute;
83     top: 30px;
84     right: 0;
85     bottom: 0;
86     left: 0;
87     margin: 0;
88     border: none;
89     background-color: transparent;
90     overflow: hidden;
91 }
92
93 .gallery-image img {
94     position: absolute;
95     -moz-drag: none;
96     user-select: none;
97     -webkit-user-select: none;
98     -khtml-user-select: none;
99     -moz-user-select: none;
100     cursor: pointer;
101
102         background-color: white;
103         min-height: 100px;
104         min-width: 100px;
105 }
106
107 .gallery-image img[src=''] {
108         background-color: red;
109 }