This file looks large and may slow your browser down if we attempt
to syntax highlight it, so we are showing it without any
pretty colors.
Highlight
it anyway.
1 |
body { |
2 |
overflow-y: scroll; |
3 |
} |
4 |
/* styles modifying annotorious editor default styles */ |
5 |
.annotorious-editor { |
6 |
min-width: 250px; |
7 |
} |
8 |
#header { |
9 |
z-index: 1; |
10 |
} |
11 |
.annotorious-editor-text { |
12 |
font-size: 12px; |
13 |
min-height: 35px; |
14 |
} |
15 |
|
16 |
#swt-maker { |
17 |
} |
18 |
|
19 |
#control-panel { |
20 |
margin-top: 10px; |
21 |
margin-left: 0; |
22 |
} |
23 |
|
24 |
#img-annotation-wrapper, #ocd-results { |
25 |
margin: 30px auto 0 auto; |
26 |
} |
27 |
|
28 |
#annotatable-img { |
29 |
margin: 0 auto; |
30 |
max-width: 1125px; |
31 |
} |
32 |
|
33 |
#sweet-list-wrapper { |
34 |
width: 500px; |
35 |
min-height: 300px; |
36 |
position: absolute; |
37 |
top: 33%; |
38 |
left: 33%; |
39 |
z-index: 1000; |
40 |
border: 1px solid #999; |
41 |
box-shadow: 1px 1px 6px #999; |
42 |
background-color: #FFF; |
43 |
padding: 30px; |
44 |
display: none; |
45 |
} |
46 |
|
47 |
.jumbotron h1 { |
48 |
font-size: 50px; |
49 |
margin-bottom: 25px; |
50 |
} |
51 |
|
52 |
.home-links { |
53 |
text-align: center; |
54 |
} |
55 |
|
56 |
#sweet-list { |
57 |
margin-bottom: 10px; |
58 |
} |
59 |
|
60 |
.ocd-item.col-md-4 { |
61 |
width: 32.3333%; |
62 |
} |
63 |
.ocd-item { |
64 |
padding-bottom: 4px; |
65 |
border: 1px solid #ddd; |
66 |
border-radius: 4px; |
67 |
margin: 0 5px 20px 5px; |
68 |
text-align: center; |
69 |
} |
70 |
.ocd-item-cover { |
71 |
position: absolute; |
72 |
border: 1px solid #ddd; |
73 |
box-shadow: 1px 1px 3px #ccc; |
74 |
width: 100%; |
75 |
padding: 12px; |
76 |
background: #fff; |
77 |
height: 60px; |
78 |
margin-left: -15px; |
79 |
display: none; |
80 |
} |
81 |
.ocd-item .text{ |
82 |
margin-top: 3px; |
83 |
} |
84 |
|
85 |
.thumb-image { |
86 |
background-position: center center; |
87 |
background-repeat: no-repeat; |
88 |
background-size: cover; |
89 |
display: block; |
90 |
height: 400px; |
91 |
margin: 0 auto; |
92 |
} |
93 |
|
94 |
#sweet { |
95 |
display: none; |
96 |
} |
97 |
|
98 |
#helpview { |
99 |
font-size: 1.2em; |
100 |
padding: 8px; |
101 |
box-shadow: 1px 1px 3px #ccc; |
102 |
color: #444; |
103 |
margin-bottom: 20px; |
104 |
} |
105 |
#helpview-text { |
106 |
text-align: center; |
107 |
margin-left: 30px; |
108 |
} |
109 |
#app-overlay { |
110 |
position: fixed; |
111 |
top: 0; |
112 |
left: 0; |
113 |
display: none; |
114 |
width: 100%; |
115 |
height: 100%; |
116 |
z-index: 10000; |
117 |
background-color: rgba(255, 255, 255, 0.7); |
118 |
} |
119 |
|
120 |
#user-input-row .form-inline .form-control, |
121 |
#search-user-input-row .form-inline .form-control { |
122 |
width: 100%; |
123 |
} |
124 |
|
125 |
.page { |
126 |
display: none; |
127 |
} |
128 |
|
129 |
footer { |
130 |
font-size: 0.9em; |
131 |
text-align: center; |
132 |
} |
133 |
|
134 |
|
135 |
/* text-annotation styles */ |
136 |
|
137 |
#overlayBar { |
138 |
background: #fff; |
139 |
border-bottom: 1px solid #ccc; |
140 |
left: 0; |
141 |
opacity: 0.95; |
142 |
position: fixed; |
143 |
top: 0; |
144 |
width: 100%; |
145 |
} |
146 |
|
147 |
.nav-btn { |
148 |
margin-left: 10px; |
149 |
} |
150 |
#tag-cloud { |
151 |
display: none; |
152 |
} |
153 |
#gallery { |
154 |
margin-top: 10em; |
155 |
} |
156 |
#tags-tag-cloud svg { |
157 |
position: absolute; |
158 |
left:100px; |
159 |
top: 0; |
160 |
height:100%; |
161 |
width: 100%; |
162 |
} |
163 |
#user-tag-cloud svg { |
164 |
position: absolute; |
165 |
height:100%; |
166 |
top: 40em; |
167 |
left:100px; |
168 |
width: 100% |
169 |
} |
170 |
|
171 |
.spinner { |
172 |
width: 40px; |
173 |
height: 40px; |
174 |
|
175 |
position: relative; |
176 |
margin: 100px auto; |
177 |
} |
178 |
|
179 |
.double-bounce1, .double-bounce2 { |
180 |
width: 100%; |
181 |
height: 100%; |
182 |
border-radius: 50%; |
183 |
background-color: #333; |
184 |
opacity: 0.6; |
185 |
position: absolute; |
186 |
top: 0; |
187 |
left: 0; |
188 |
|
189 |
-webkit-animation: bounce 2.0s infinite ease-in-out; |
190 |
animation: bounce 2.0s infinite ease-in-out; |
191 |
} |
192 |
|
193 |
.double-bounce2 { |
194 |
-webkit-animation-delay: -1.0s; |
195 |
animation-delay: -1.0s; |
196 |
} |
197 |
|
198 |
@-webkit-keyframes bounce { |
199 |
0%, 100% { -webkit-transform: scale(0.0) } |
200 |
50% { -webkit-transform: scale(1.0) } |
201 |
} |
202 |
|
203 |
@keyframes bounce { |
204 |
0%, 100% { |
205 |
transform: scale(0.0); |
206 |
-webkit-transform: scale(0.0); |
207 |
} 50% { |
208 |
transform: scale(1.0); |
209 |
-webkit-transform: scale(1.0); |
210 |
} |
211 |
} |