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