swtr/static/css/swtmaker.css - swtr in Sweet web

body {
  overflow-y: scroll;
}
/* styles modifying annotorious editor default styles */
.annotorious-editor {
  min-width: 270px;
}
#header {
    z-index: 1;
}
.annotorious-editor-text {
  font-size: 12px;
  min-height: 35px;
}

#swt-maker {
}

#control-panel {
  margin-top: 10px;
  margin-left: 0;
}

#img-annotation-wrapper, #ocd-results {
  margin: 30px auto 0 auto;
}

#img-anno-controls {
  display: none;
  margin-bottom: 5px;
  padding-bottom: 3px;
}

#annotatable-img {
  margin: 0 auto;
  max-width: 1125px;
}

#sweet-list-wrapper {
  width: 500px;
  min-height: 300px;
  position: absolute;
  top: 33%;
  left: 33%;
  z-index: 1000;
  border: 1px solid #999;
  box-shadow: 1px 1px 6px #999;
  background-color: #FFF;
  padding: 30px;
  display: none;
}

.jumbotron h1 {
  font-size: 50px;
  margin-bottom: 25px;
}

.home-links {
  text-align: center;
}

#sweet-list {
  margin-bottom: 10px;
}

.ocd-item.col-md-4 {
  width: 32.3333%;
}
.ocd-item {
  padding-bottom: 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 0 5px 20px 5px;
  text-align: center;
}
.ocd-item-cover {
  position: absolute;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 3px #ccc;
  width: 100%;
  padding: 12px;
  background: #fff;
  height: 60px;
  margin-left: -15px;
  display: none;
}
.ocd-item .text{
  margin-top: 3px;
}

.thumb-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 400px;
  width: 400px;
  margin: 0 auto;
}

#sweet {
  display: none;
}

#helpview {
  font-size: 1.2em;
  padding: 8px;
  box-shadow: 1px 1px 3px #ccc;
  color: #444;
  margin-bottom: 20px;
}
#helpview-text {
  text-align: center;
  margin-left: 30px;
}
#app-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.7);
}

#user-input-row .form-inline .form-control,
#search-user-input-row .form-inline .form-control {
  width: 100%;
}

.page {
  display: none;
}

footer {
  font-size: 0.9em;
  text-align: center;
}


/* text-annotation styles */

#overlayBar {
  background: #fff;
  border-bottom: 1px solid #ccc;
  left: 0;
  opacity: 0.95;
  position: fixed;
  top: 0;
  width: 100%;
}

.nav-btn {
  margin-left: 10px;
}

#tag-cloud {
    display: none;
}

#gallery {
    margin-top: 10em;
}

#tags-tag-cloud svg {
    position: absolute;
    left:100px;
    top: 0;
    height:100%;
    width: 100%;
}

#user-tag-cloud svg {
    position: absolute;
    height:100%;
    top: 40em;
    left:100px;
    width: 100%
}

.mCursor {
    cursor: pointer;
}

.spinner {
    width: 40px;
    height: 40px;

    position: relative;
    margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

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

Gitorious