Merge branch 'edumed' of https://github.com/fnp/redakcja into edumed
[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 .active {
36     font-weight: bold;
37 }
38
39 #side-annotations .spinner {
40     position: absolute;
41     left: 0;
42     top: 28px;
43     right: 0;
44     bottom: 0;
45     text-align:center;
46     padding-top: 50%;
47     background: white;
48 }
49
50 #side-annotations .spinner img {
51     margin-top: -15px;
52 }
53
54 #side-annotations .akap {
55     font-size: 16px;
56     font-family: "Georgia", "Times New Roman", serif;
57     line-height: 1.5em;
58     margin-bottom: 1em;
59     position: relative;
60 }
61
62 #side-annotations .src {
63     font-family: monospace;
64     font-size: 10px;
65     font-weight: 400;
66     line-height: 13px;
67     position: absolute;
68     top: 0;
69     bottom: -.5em;
70     display:none;
71     background: white;
72     border: 1px solid #888;
73     width: 100%;
74 }
75
76 #side-annotations .akap:hover .src {
77     display: block;
78 }
79
80 /* =========== */
81 /* = Gallery = */
82 /* =========== */
83
84 #side-gallery .error_message
85 {
86         background-color: white;
87         color: black;
88         padding: 0.5em 1em;
89 }
90
91 .change-gallery-panel {
92     width: 100%;
93     border-bottom: 1px solid #777;
94     background-color: #C1C1C1;
95     margin: 0;
96     padding: 2px;
97     z-index: 10;
98 }
99
100 .gallery-image {
101     position: absolute;
102     top: 30px;
103     right: 0;
104     bottom: 0;
105     left: 0;
106     margin: 0;
107     border: none;
108     background-color: transparent;
109     overflow: hidden;
110 }
111
112 .gallery-image img {
113     position: absolute;
114     -moz-drag: none;
115     user-select: none;
116     -webkit-user-select: none;
117     -khtml-user-select: none;
118     -moz-user-select: none;
119     cursor: pointer;
120
121         background-color: white;
122         min-height: 100px;
123         min-width: 100px;
124 }
125
126 .gallery-image img[src=''] {
127         background-color: red;
128 }