Mercurial > hg > LGDataverses

comparison src/main/webapp/resources/css/structure.css @ 10:a50cf11e5178

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Rewrite LGDataverse completely upgrading to dataverse4.0
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Tue, 08 Sep 2015 17:00:21 +0200
parents
children
comparison
equal deleted inserted replaced
9:5926d6419569 10:a50cf11e5178
1 /*--------- BODY --------- */
2 body {/*margin-top:50px;*/}
3 body .ui-widget {font-size: inherit;}
4 .ui-widget-content a {color: #428BCA;}
5 .ui-widget-content a:hover, .ui-widget-content a:focus {color: #2A6496;}
6
7 /* -------- TEMPLATE -------- */
8 .panelgridHeaderTable {width:100%;}
9 .panelgridHeaderTable .ui-widget-content, .panelgridHeaderTable .ui-widget-content > td {border:0; background:none;}
10 .panelgridHeaderTable .ui-widget-content > td:last-child table {margin-left:auto;}
11
12 .text-brand {color:#C55B28;}
13 .bg-brand {background:#C55B28;}
14 .bg-muted {background:#f5f5f5;}
15
16 #navbarFixed {margin-bottom:0;}
17 .navbar-fixed-top, .navbar-fixed-bottom {
18 z-index: 930;
19 }
20 #navbarFixed .navbar-brand {color:#C55B28; padding-left:32px;}
21 #navbarFixed .icon-dataverse {color:#C55B28; font-size:28px; margin: -4px 0 0 -27px; position: absolute;}
22 #navbarFixed .label.status {display:block; float:left; margin-top:16px; background:#C55B28; font-size:14px; font-weight:normal;}
23
24 #navbarFixed form.navbar-form.navbar-form-link {margin:0; padding:0;}
25 #navbarFixed form.navbar-form-link a.ui-commandlink, #navbarFixed ul.navbar-nav li.dropdown span.dropdown-toggle {display:block; padding:15px; color: #777;}
26 #navbarFixed form.navbar-form-link a.ui-commandlink:hover, #navbarFixed form.navbar-form-link a.ui-commandlink:focus,
27 #navbarFixed ul.navbar-nav li.dropdown span.dropdown-toggle:hover, #navbarFixed ul.navbar-nav li.dropdown span.dropdown-toggle:focus {color: #262626; text-decoration: none;}
28 #navbarFixed #navbar-search-toggle, #navbarFixed #dataverseSupportLink, #navbarFixed #lnk_header_account_dropdown {cursor: pointer; cursor: hand;}
29 #navbarFixed .dropdown.accountName #lnk_header_account_dropdown span.glyphicon {margin-right:8px;}
30 #navbarFixed .dropdown.accountName .label.label-danger {margin-left:.5em; line-height:normal; vertical-align:text-top;}
31 #navbarFixed .dropdown.accountName .logout form {margin:0; padding:0; width:100%;}
32 #navbarFixed .dropdown.accountName .logout a {clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; text-decoration: none;}
33 #navbarFixed .dropdown.accountName .logout a:hover, #navbarFixed .dropdown.accountName .logout a:focus {background-color: #E8E8E8; background-image: linear-gradient(to bottom, #F5F5F5 0px, #E8E8E8 100%); background-repeat: repeat-x; color: #262626; outline: 0; text-decoration: none;}
34 #navbarFixed li.dropdown.open > span.dropdown-toggle {background-color: #e7e7e7;}
35
36 #footer {margin-top:3em; padding-bottom:4em;}
37 #footer span.socicon-twitter {color:#55acee; font-size:20px; vertical-align: top;}
38 #footer span.socicon-github {color:#000; font-size:20px; vertical-align: top;}
39 #footer .poweredbylogo span {color:#808080;font-size:.85em;margin-right:.3em;}
40 #footer .version {margin-top:24px;font-size:.85em;color:#808080;}
41
42 .panelLayoutBlock, .panelLayoutTitleBlock, .panelLayoutButtonBlock {border:0;}
43 .panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content, .panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content > td {border:0;}
44 .form-group table.noBorders tr.ui-widget-content, .form-group table.noBorders td {border:0; padding-left:0;}
45
46 .panelgridLayoutTable, .panelgridFormTable {width:100%;}
47 .panelgridFormTable > tbody > tr.ui-widget-content > td:first-child {width:20%;}
48 .panelgridFormTable.ui-panelgrid td table.ui-picklist td {border: 0; padding:0;}
49 .panelgridFormTable.ui-panelgrid td table.ui-picklist td ul.ui-widget-content.ui-corner-all {border:1px solid #DDDDDD; border-radius: 4px;}
50
51 .panelLayoutButtonBlock button {/*margin-right:2em;*/}
52
53 .panelLayoutBlock > .ui-widget-content {border-bottom:1px solid #DDDDDD;}
54 .panelLayoutBlock.breadcrumbNavBlock > .ui-widget-content {border-bottom:0;}
55 .panelLayoutTitleBlock > .ui-widget-content {border:0;}
56
57 .panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content .ui-panelgrid {margin-bottom: 1em;}
58 .panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content .ui-panelgrid .ui-widget-content .ui-panelgrid {margin-bottom: 0}
59 .panelLayoutBlock .ui-panelgrid.panelgridLayoutTable .ui-widget-content .ui-panelgrid .ui-widget-content .ui-panelgrid td:first-child {padding-left:0;}
60
61 .no-padding-left-right {padding-left:0;padding-right:0;}
62
63 .btn span.glyphicon {margin-right:.3em;}
64 .btn span.glyphicon.no-text {margin:0;}
65 .btn-group .btn span.glyphicon.no-text {margin-left:10px;margin-right:10px;}
66 .icon-inline-action {margin-left:.3em;}
67 .icon-inline-action:first-of-type {margin-left:1em;}
68
69 .text-icon-inline {font-size:1.3em;line-height:1.1em;margin-right:4px;}
70
71 #messagePanel div.messagePanel {margin-top:1em;}
72 .messagePanel .glyphicon {font-size: 1.5em; vertical-align: bottom;}
73
74 .highlightBold, a.highlightBold, .dropdown-menu > li > a.highlightBold {font-weight:bold;}
75 tr.ui-state-highlight, .ui-widget-content tr.ui-state-highlight, .ui-widget-header tr.ui-state-highlight {background-color: #ffffcc; background-image: none; color: #333333;}
76 tr.ui-state-highlight label, .ui-widget-content tr.ui-state-highlight label, .ui-widget-header tr.ui-state-highlight label {color: #333333;}
77 tr.ui-state-highlight a:not(.btn), .ui-widget-content tr.ui-state-highlight a:not(.btn), .ui-widget-header tr.ui-state-highlight a:not(.btn) {color: #428bca;}
78 tr.ui-state-highlight .ui-icon {
79 background-image: url("/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap");
80 }
81 td.col-select-width {width:36px;}
82
83 #ajaxStatusPanel_start {width:31px;height:31px;position:fixed;right:50%;bottom:50%;z-index:1111;}
84 #ajaxStatusPanel_complete {position:absolute;top:-9999px;left:-9999px;}
85
86 .italic {font-style: italic;}
87 .margin-top {margin-top:1em;}
88 .margin-top-half {margin-top:.5em;}
89 .margin-bottom {margin-bottom:1em;}
90 .margin-bottom-half {margin-bottom:.5em;}
91 .no-margin-bottom {margin-bottom:0;}
92 .padding-12 {padding: 12px;}
93 .clear-both {clear:both;}
94
95 table.selectManyCheckboxBlock input {margin-right:4px;}
96 table.selectManyCheckboxBlock label {font-weight:normal;}
97 .normal-text {font-weight:normal;}
98 .normal-text input {margin-right:4px;}
99
100 hr {border-color: #ddd;}
101
102 span.glyphicon[data-toggle='tooltip'] {cursor: default;}
103
104 /* Dropdown submenu */
105 .dropdown-submenu {
106 position: relative;
107 }
108
109 .dropdown-submenu>.dropdown-menu {
110 top: 0;
111 left: 100%;
112 margin-top: -6px;
113 margin-left: -1px;
114 -webkit-border-radius: 0 6px 6px 6px;
115 -moz-border-radius: 0 6px 6px;
116 border-radius: 0 6px 6px 6px;
117 }
118
119 .dropdown-submenu:hover>.dropdown-menu {
120 display: block;
121 }
122
123 .dropdown-submenu>a:after {
124 display: block;
125 content: " ";
126 float: right;
127 width: 0;
128 height: 0;
129 border-color: transparent;
130 border-style: solid;
131 border-width: 5px 0 5px 5px;
132 border-left-color: #ccc;
133 margin-top: 5px;
134 margin-right: -10px;
135 }
136
137 .dropdown-submenu:hover>a:after {
138 border-left-color: #fff;
139 }
140
141 .dropdown-submenu.pull-left {
142 float: none;
143 }
144
145 .dropdown-submenu.pull-left>.dropdown-menu {
146 left: -100%;
147 margin-left: 10px;
148 -webkit-border-radius: 6px 0 6px 6px;
149 -moz-border-radius: 6px 0 6px 6px;
150 border-radius: 6px 0 6px 6px;
151 }
152
153 .highlight {
154 padding: 9px 14px;
155 margin-bottom: 1em;
156 background-color: #f7f7f9;
157 border: 1px solid #e1e1e8;
158 border-radius: 4px;
159 }
160 .highlight pre {
161 background-color: transparent;
162 border: 0;
163 margin-bottom: 0;
164 margin-top: 0;
165 padding: 0;
166 white-space: nowrap;
167 word-break: normal;
168 }
169 .highlight pre code {
170 display: inline-block;
171 color: #333;
172 font-size: inherit;
173 background-color: transparent;
174 border-radius: 0;
175 color: inherit;
176 padding: 0;
177 white-space: pre-wrap;
178 }
179
180 /* -------- HEADER -------- */
181 #dataverse-header-block {padding-top:50px;}
182 #dataverseHeader {margin:0 auto;}
183 #dataverseHeader .dataverseHeaderBlock {display:table-row;}
184 #dataverseHeader .dataverseHeaderCell {display:table-cell;}
185 #dataverseHeader .dataverseHeaderLogo {text-align:center;}
186 #dataverseHeader .dataverseHeaderLogo img {max-width:940px; max-height:120px;}
187 #dataverseHeader .dataverseHeaderCell.dataverseHeaderLogo img {max-width:100px; max-height:100px;}
188 #dataverseHeader .dataverseHeaderName {padding:2em 1em;}
189 #dataverseHeader .dataverseHeaderName .dataverseHeaderDataverseName {font-size: 1.3em;}
190 #dataverseHeader .dataverseHeaderName span.label.label-unpublished {vertical-align:text-top; line-height: normal; margin-left:1em;}
191 #dataverseHeader .dataverseHeaderTagline {padding-left:2em; font-size:1.3em;}
192 #dataverseHeader .dataverseHeaderLink {padding-left:2em;}
193
194 /* -------- BREADCRUMBS -------- */
195 #breadcrumbNavBlock {margin-top:.5em;}
196 #breadcrumbNavBlock .breadcrumbBlock {float:left; position:relative;}
197 #breadcrumbNavBlock .breadcrumbActive {font-weight:bold;}
198 #breadcrumbNavBlock a[id^='breadcrumbLnkTree'] {cursor: pointer; cursor: hand;}
199 #breadcrumbNavBlock a[id^='breadcrumbLnkTree'] span.glyphicon-chevron-down {vertical-align:middle;padding-bottom:2px;}
200
201 #breadcrumbNavBlock > .ui-panel-content {overflow:hidden;}
202
203 #breadcrumbNavBlock.panelLayoutBlock > .ui-widget-content {border-bottom: 0;}
204
205 #breadcrumbNavBlock .breadcrumbCarrot {float:left; margin:0 .4em; color:#B3B3B3;}
206
207 #breadcrumbNavBlock div.dropdown-menu {padding-right:.5em; min-width:280px;}
208
209 #breadcrumbNavBlock .ui-tree {width: auto;}
210
211 #breadcrumbNavBlock div.ui-tree.ui-widget-content {border:0;}
212 #breadcrumbNavBlock div.ui-tree.ui-widget-content span.ui-treenode-content span.ui-icon.ui-tree-toggler {background-size: auto 284px; height:20px; width:20px;}
213 #breadcrumbNavBlock div.ui-tree.ui-widget-content span.ui-treenode-content span.ui-icon.ui-tree-toggler.ui-icon-triangle-1-s {background-position: -72px -16px;}
214 #breadcrumbNavBlock div.ui-tree.ui-widget-content span.ui-treenode-content span.ui-icon.ui-tree-toggler.ui-icon-triangle-1-e {background-position: -35px -16px;}
215
216 /* -------- LOGIN -------- */
217 #login-container {margin-top:1em;}
218
219 div.panel.highlight {
220 background-color: #f7f7f9;
221 }
222 #idpSelectIdPListTile form, #idpSelectIdPEntryTile form {margin-bottom:1em;}
223 #idpSelectIdPListTile input.btn, #idpSelectIdPEntryTile input.btn {margin-left:.5em;}
224
225 #idpSelectIdPEntryTile {position: relative;}
226
227 ul.IdPSelectDropDown {
228 background-clip: padding-box;
229 background-color: #fff;
230 border: 1px solid rgba(0, 0, 0, 0.15);
231 border-radius: 4px;
232 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
233 /* display: none;*/
234 float: left;
235 font-size: 14px;
236 left: 0;
237 list-style: none outside none;
238 margin: 2px 0 0;
239 min-width: 160px;
240 padding: 5px 0;
241 position: absolute;
242 text-align: left;
243 /*top: 100%;*/
244 bottom:-22px;
245 z-index: 1000;
246 }
247
248 ul.IdPSelectDropDown > li > a {
249 clear: both;
250 color: #333;
251 display: block;
252 font-weight: 400;
253 line-height: 1.42857;
254 padding: 3px 20px;
255 white-space: nowrap;
256 }
257
258 ul.IdPSelectDropDown > li > a:hover, ul.IdPSelectDropDown > li > a:focus {
259 background-color: #f5f5f5;
260 color: #262626;
261 text-decoration: none;
262 }
263 ul.IdPSelectDropDown > .active > a, ul.IdPSelectDropDown > .active > a:hover, ul.IdPSelectDropDown > .active > a:focus {
264 background-color: #428bca;
265 color: #fff;
266 outline: 0 none;
267 text-decoration: none;
268 }
269 ul.IdPSelectDropDown > .disabled > a, ul.IdPSelectDropDown > .disabled > a:hover, ul.IdPSelectDropDown > .disabled > a:focus {
270 color: #777;
271 }
272 ul.IdPSelectDropDown > .disabled > a:hover, ul.IdPSelectDropDown > .disabled > a:focus {
273 background-color: transparent;
274 background-image: none;
275 cursor: not-allowed;
276 text-decoration: none;
277 }
278
279 /* -------- USER -------- */
280 #terms-agreement-block {max-height:200px; margin-bottom: .5em; padding: 12px; overflow-y:scroll; box-shadow:none; background-image: none; background-color: #f5f5f5;}
281 div[id$='notifications'].ui-tabs-panel div.table-container {display:table;}
282 div[id$='notifications'].ui-tabs-panel div.notification-item {display:table-row;}
283 div[id$='notifications'].ui-tabs-panel div.notification-item-cell {display:table-cell; border-bottom:1px solid #DDDDDD; padding:5px;}
284 div[id$='notifications'].ui-tabs-panel span.text-muted.small {margin-left:1em;}
285
286 /* -------- DATAVERSE -------- */
287 form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal table.ui-panelgrid.ui-widget,
288 form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal table.ui-panelgrid.ui-widget tr,
289 form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal table.ui-panelgrid.ui-widget td {border:0;}
290 form[id$='dataverseForm'] .panelLayoutBlock .form-horizontal div.form-group {vertical-align: middle;}
291 .form-horizontal .text-left .control-label {text-align:left;}
292
293 input.metadata-blocks-default[type="checkbox"], input.facets-blocks-default[type="checkbox"] {margin: 4px 6px 0 0;}
294 div.checkbox input.metadata-blocks-default[type="checkbox"] {margin-left:-20px;}
295 label.metadata-blocks-default {margin-bottom:0; font-weight:normal;}
296
297 table[id$="facetPickListCreate"] td:last-child {padding-top:20px;}
298 table[id$="facetPickListCreate"] div.ui-selectonemenu {width:178px !important;}
299 table[id$="facetPickListCreate"] label.ui-selectonemenu-label {width:152px !important;}
300
301 table.ui-selectmanycheckbox.metadata-blocks-select label {font-weight:normal; margin-top:1px;}
302 table.ui-selectmanycheckbox.metadata-blocks-select label.ui-state-disabled {background:inherit;}
303
304 div.ui-state-focus span.ui-chkbox-icon {outline: -webkit-focus-ring-color auto 5px;}
305
306 /* Buttons */
307 #actionButtonBlock {margin-bottom:1em; margin-top:0;}
308 #dataverse-info-dropdown {padding:.5em 1em .25em 1em; overflow:hidden; width:400px;}
309 #dataverse-info-dropdown .dataverse-info-logo-icon {width:40px; float:left; margin-right:12px;}
310 #dataverse-info-dropdown .dataverse-info-logo-icon i.icon-dataverse {font-size:40px; line-height:40px;}
311 #dataverse-info-dropdown .dataverse-info-general {float:left; width:300px;}
312
313 .button-block {margin-top:1em;}
314 .form-group > .button-block,
315 .panel-body > .button-block,
316 td.col-file-action > .button-block, td.col-manage-action > .button-block,
317 div.ui-datatable-header > .button-block {margin-top:0;}
318 form.btn-form {display:inline-block;}
319 .button-block button, .button-block a.btn, .button-block input.btn, .button-block div.btn-group {margin-right:1em;}
320 .button-block div.btn-group div.btn-group {margin-right:0;}
321 .button-block button.pull-right:first-child, .button-block a.btn.pull-right:first-child, .button-block div.btn-group.pull-right:first-child,
322 .button-block div.btn-group button, .button-block div.btn-group a.btn {margin-right:0;}
323 .button-block .btn:last-child, .button-block .btn-group:last-child,
324 .button-block form.btn-form:last-child .btn-group {margin-right:0;}
325 .button-block.pull-right .btn:last-child {margin-right:0;}
326 .button-block ul.dropdown-menu li.disabled span.ui-commandlink.ui-state-disabled {display: block; padding: 3px 20px; color: #777; background: none; opacity:1.0;}
327 div.field-add-delete a.btn {margin:0 1em 0 0;}
328 div.field-add-delete a.btn:last-child {margin-right:0;}
329 div.field-add-delete a.btn.compound-field-btn {margin-top:1.8em;}
330 div.field-add-delete a.btn.nolabel-field-btn {margin-top:0;}
331
332 /* Featured Dataverses*/
333 #carouselBlocksWrapper {border-bottom:1px solid #ddd; margin-bottom:1em;}
334 #featuredDataversesBlock {overflow: hidden; padding-top:.5em; border-top:1px solid #ddd;}
335 #featuredDataversesBlock div.customNavigation {width:4%;float:left;padding:28px 0;}
336 #featuredDataversesBlock div.customNavigation span.glyphicon {color:#999999;font-size:2em;}
337 #featuredDataversesList {width:90%; float:left;}
338 #featuredDataversesList .item {min-height:80px;}
339 #featuredDataversesList .item a {display:block;}
340 #featuredDataversesList .item .icon-dataverse {font-size:50px;line-height:normal;color:#c55b28;}
341 #featuredDataversesList .item img {max-width:160px; max-height:60px;}
342 .owl-carousel {margin-bottom:.5em;}
343 .owl-carousel .item {text-align: center; padding: 10px; border: 1px solid #e3e3e3; border-radius: 4px; margin: 10px;}
344
345 .logoPreview {max-width:80px;max-height:80px;}
346
347 #metadataFieldOptionsPanel-Block {width:70%; margin-left:60px; margin-top:.5em;}
348 #metadataFieldOptionsPanel-Body {padding:0; max-height:400px; overflow-y:scroll;}
349 #metadataFieldOptions td {vertical-align: middle;}
350 #metadataFieldOptions div.checkbox.child-field {padding-left:18px;}
351
352 /* -------- SEARCH -------- */
353 .panelLayoutBlock.panelSerchForm > .ui-widget-content {border:0;padding:0;}
354 input.search-input {margin-right:1em; padding:4px; display: inline-block; vertical-align: middle; width: auto;}
355 .panelLayoutBlock.panelSerchForm a[id$='advsearchlink'] {margin-left:1em;}
356
357 #dv-sidecolumn {width:20%;float:left;padding-right:1em;}
358 #dv-maincolumn {width:80%;float:left;}
359 #dv-maincolumn.nofacets {width:100%;float:none;}
360
361 .searchTypeButton {display:block; border:1px solid #DDD; padding:4px 0; margin-bottom: .5em;}
362
363 /*#resultsCountPaginatorBlock {overflow:hidden;}*/
364 #resultsCountPaginatorBlock div.results-count {width:25%; padding: 6px 12px 6px 0; margin-top: 1px; font-weight:bold;}
365 #resultsCountPaginatorBlock div.results-sort-pagination {width:70%; text-align:right;}
366 #resultsCountPaginatorBlock .pagination {margin:0;}
367
368 span.search-term-match {font-weight: bold;}
369 div[id$='resultsTable'] div.ui-datatable-tablewrapper table td > div > span.label {vertical-align:text-bottom; line-height: normal; margin-left:.5em;}
370 div[id$='resultsTable'] div.file-tags-block span.label:first-of-type {margin-left:0;}
371 div[id$='resultsTable'] .resultDatasetCitationBlock {display:block;margin:4px 0 .5em 60px;padding:4px;}
372 div[id$='resultsTable'] .resultDatasetCitationBlock span.search-term-match {font-weight: normal;}
373 div[id$='resultsTable'] div.card-title-icon-block span[class^='icon'],
374 div[id$='resultsTable'] div.card-title-icon-block span[class^='glyphicon'] {font-size:1.3em; margin-left:3px;}
375 div[id$='resultsTable'] div.card-title-icon-block span[class^='glyphicon'] {margin-top:3px;}
376 div[id$='resultsTable'] div.card-preview-icon-block {width:48px; float:left; margin:4px 12px 6px 0;}
377 div[id$='resultsTable'] div.card-preview-icon-block a {display:block; height:48px; line-height:48px;}
378 div[id$='resultsTable'] div.card-preview-icon-block img {vertical-align:middle;}
379 div[id$='resultsTable'] div.card-preview-icon-block span[class^='icon'],
380 div[id$='resultsTable'] div.card-preview-icon-block span[class^='glyphicon'] {font-size:2.8em;}
381
382 form[id$='facetType'] > div.clearfix {margin-bottom:4px;}
383 form[id$='facetType'] > div.clearfix:last-child {margin-bottom:0;}
384 form[id$='facetType'] > div.clearfix .facetTypeChBox {display:block; float:left;}
385 form[id$='facetType'] > div.clearfix .facetTypeChBox > div.ui-chkbox {padding-top:2px;padding-right:4px;}
386 form[id$='facetType'] > div.clearfix a.facetTypeLink {display:block; float:left; text-decoration:none;}
387
388 form[id$='facetType'] > div.clearfix a.facetTypeLink span {padding:4px 0px;}
389
390 form[id$='facetCategoryForm'] {margin-top:1em;}
391 div[id$='facetCategoryList'] ul, div[id$='facetCategoryList'] li, div[id$='facetCategoryList'] div {margin:0; padding:0; list-style: none; border:0;}
392 div[id$='facetCategoryList'] > div > ul > li {border-bottom:1px solid #DDD; margin-bottom:.5em;}
393 /*div[id$='facetCategoryList'] > div > ul > li:last-child {border-bottom:0; margin-bottom:0;}*/
394 div[id$='facetCategoryList'] div li div {padding:4px 0px;}
395 div[id$='facetCategoryList'] div li div.ui-datalist-empty-message {padding:4px 0px; font-style:italic; color:#AAA;}
396 div[id$='facetCategoryList'] div.ui-datalist, div[id$='facetCategoryList'] div.ui-datalist div.ui-datalist-content {padding-top:0;}
397 .facetCategoryName {font-weight:bold;}
398
399 .facetCategoryName, .facetLink {
400 -ms-word-break: break-all;
401
402 /* Be VERY careful with this, breaks normal words wh_erever */
403 word-break: break-all;
404
405 /* Non standard for webkit */
406 word-break: break-word;
407
408 -webkit-hyphens: auto;
409 -moz-hyphens: auto;
410 hyphens: auto;}
411 a.facetLink {text-decoration:none; font-size:90%;}
412 a.facetLink.facetSelected, a.facetTypeLink.facetSelected {font-weight:bold;}
413 a.facetLink.facetSelected span.glyphicon-remove {vertical-align:text-top; margin-top:1px; margin-left:.25em;}
414
415 table.ui-panelgrid.facetsMoreLess {width:100%;}
416 table.ui-panelgrid.facetsMoreLess tr.ui-widget-content {border:0;}
417 table.ui-panelgrid.facetsMoreLess td {width:50%; border:0;}
418 table.ui-panelgrid.facetsMoreLess td:last-child {text-align:right;}
419
420 #dv-maincolumn div.emptyResults.bg-warning {background:#FCF8F2; padding:.5em 1em;}
421 #resultsFacetsTopBlock {margin-bottom:.5em;}
422 #resultsFacetsTopBlock a.facetLink.facetSelected {display:inline-block; margin-bottom:.5em; margin-right:1em; background-color:#E6F1F6; padding-left:.3em; padding-right:.3em;}
423
424 #dv-maincolumn div.results-sort-pagination div.pagination {margin-left:1em;}
425 #dv-maincolumn div.results-sort-pagination.results-bottom .pagination {margin-top:0; margin-bottom:0;}
426
427 div[id$='resultsTable'] .ui-datatable-tablewrapper table > thead {display:none;}
428 div[id$='resultsTable'] > .ui-datatable-tablewrapper > table {border-collapse:separate; border-spacing:0 1em;}
429
430 div[id$='resultsTable'].resultsNone .ui-datatable-tablewrapper table tfoot {display:none;}
431
432 div[id$='resultsTable'] > .ui-datatable-tablewrapper > table > tbody > tr > td[role='gridcell'] {font-size:90%;}
433 div[id$='resultsTable'] > .ui-datatable-tablewrapper > table > tbody > tr > td[role='gridcell'] > div.card-title-icon-block,
434 div[id$='resultsTable'] > .ui-datatable-tablewrapper > table > tbody > tr > td[role='gridcell'] > div.card-preview-icon-block,
435 div[id$='resultsTable'] > .ui-datatable-tablewrapper > table > tbody > tr > td[role='gridcell'] > div.file-tags-block {font-size:110%;}
436
437 div[id$='resultsTable'] .dataverseResult {border-color:#c55b28;}
438 div[id$='resultsTable'] .datasetResult {border-color:#428bca;}
439
440 /* -------- TABLES -------- */
441 div.headerless-table .ui-datatable-tablewrapper table > thead {display:none;}
442
443 /* -------- POPUP -------- */
444 div.ui-dialog.smallPopUp {max-width:600px;}
445 div.ui-dialog.largePopUp {min-width:60%; max-width:80%; max-height:80%; overflow-y:scroll;}
446 div.ui-dialog .ui-datatable-scrollable table {table-layout: auto !important;}
447 div.ui-dialog .ui-datatable-scrollable table colgroup col {max-width:1000px;}
448
449 div.ui-dialog div.highlight {
450 background-color: #f7f7f9;
451 border: 1px solid #e1e1e8;
452 border-radius: 4px;
453 margin-bottom: 14px;
454 padding: 9px 14px;
455 }
456 .ui-dialog.dialog-submenu, .ui-dialog.dialog-submenu .ui-dialog-content, .ui-dialog.dialog-submenu .form-inline, .ui-dialog.dialog-submenu .form-group {overflow:visible !important;}
457 .ui-dialog.dialog-submenu .ui-menu-list.ui-menu-child {z-index: 9999 !important; width: auto; min-width: 12.5em;}
458
459 .ui-dialog-content {min-width:600px;}
460
461 /* -------- SUBTABS -------- */
462 div.popupSubTabParent > div.ui-tabs-panels > div.ui-tabs-panel.ui-widget-content {padding-left:0; padding-right:0;}
463 div.ui-tabs-panels .ui-tabs .ui-tabs-nav.ui-widget-header li {border:0;}
464 div.ui-tabs-panels .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header {border-bottom:0;}
465
466 /* -------- ADVANCED -------- */
467
468 /* -------- PERMISSIONS -------- */
469 div[id$='roleDisplay'] span.label, div[id$='roleDetails'] span.label {display:inline-block; margin-bottom:4px;}
470
471 /* -------- METRICS -------- */
472 #metrics-block {width:238px;}
473 #metrics-label {background:#6f5499;color:#fff;padding: 7px 10px;}
474 #metrics-content {background:#6f5499;position:relative;min-height:21px;}
475 #metrics-content div.tab-pane {color:#fff;padding: 2px 0;width:152px;position:absolute;top:0;left:0;}
476 #metrics-tabs a {background:#428bca;display:block;width:38px;line-height:13px;}
477 #metrics-tabs a:hover {text-decoration:none;}
478 #metrics-block .metrics-views {background:#428bca;}
479 #metrics-block .metrics-downloads {background:#5cb85c;}
480 #metrics-block .metrics-citations {background:#c55b28;}
481 #metrics-block .metrics-shares {background:#f0ad4e;}
482
483 /* -------- SHARRRE -------- */
484 #sharrre-block a {display:block; float:left; padding:6px 12px; margin-right:1em; background:#6f5499;}
485 #sharrre-block a:last-of-type {margin-right:0;}
486 #sharrre-block a span {color:#fff; font-size:14px;}
487 #sharrre-block a.sharrre-facebook {background:#3a5795;}
488 #sharrre-block a.sharrre-twitter {background:#55acee;}
489 #sharrre-block a.sharrre-google {background:#d73d32;}
490
491 /* -------- DATASET -------- */
492 #datasetVersionBlock span.label {vertical-align:text-top; line-height:normal; margin-left: 1em;}
493
494 #title {font-size:1.5em;font-weight:bold;}
495 #author, #contact {display:block; margin-bottom:.5em;}
496 #citation-block {margin-bottom:.5em;}
497 .bg-citation {background:#ECF6FB;}
498 #citation, #citation-download {padding:.5em;}
499 #citation span.glyphicon-question-sign {margin-left:.5em; margin-bottom:2px; vertical-align: middle;}
500 #metadata-panel label.col-sm-3 {padding-left:0;}
501 .waiver-CC0-inline {display:inline-block; margin-left:1em;}
502
503 div.panel-body div.form-group:last-child, div.panel-body div.form-group:last-child label {margin-bottom:0 !important;}
504 div.panel-body.read-terms{max-height:220px; overflow-y:scroll; width:100%; background-color:#eeeeee;}
505
506 /* Buttons */
507 .button-block.form-top {border-top: 1px solid #dddddd; padding:1em 0;}
508 span[id$='editDataSet'] .ui-button-text {white-space: nowrap;}
509 #replicationDataButton {margin-top:5px;}
510
511 #deaccession-reason-block {padding:4px; margin-bottom:.5em;}
512
513 div.form-group .glyphicon.glyphicon-asterisk {font-size:.5em; vertical-align:text-top;}
514 #datasetForm .form-group, #templateForm .form-group {overflow: hidden;}
515 div.form-col-container div.form-col-container {padding-left:0;}
516 div.form-group .ui-selectonemenu {display:block;}
517 div.form-col-container.edit-compound-field div.form-col-container {margin-bottom:.5em;}
518
519 div.panel-group div.panel {margin-bottom:1em;}
520 div.panel div.panel-body div.form-group {overflow: hidden;}
521 div.edit-field div.ui-message {margin:6px 0;}
522 .metadata-logo {max-width:180px;max-height:40px;}
523
524 /* Primefaces vs Bootstrap selectOneMenu fix */
525 div.ui-selectonemenu.form-control {padding:0px;}
526 .ui-selectonemenu .ui-selectonemenu-label {padding:6px 4px;}
527 .ui-selectonemenu .ui-selectonemenu-trigger {border-radius:0; width:24px;}
528 .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {margin-top:8px;}
529
530 /* Primefaces vs Bootstrap selectOneRadio fix */
531 table.ui-selectoneradio {border-collapse:separate;}
532 table.ui-selectoneradio td {padding:1px;}
533 table.ui-selectoneradio span.ui-icon-bullet, .ui-radiobutton-box span.ui-icon-bullet {background-position: -81.3px -145.1px;}
534 table.ui-selectoneradio label {font-weight: normal; margin-right:1em;}
535 .ui-radiobutton-box span.ui-radiobutton-icon {height: 16px; width: 16px; display: block; overflow: hidden;}
536
537 div.ui-radiobutton {margin:0; vertical-align:text-bottom;}
538 div.radio.no-padding-left label {padding-left:0;}
539
540 /* Primefaces vs Bootstrap checkbox fix */
541 .ui-chkbox .ui-chkbox-box {margin:0; vertical-align:top;}
542 .ui-chkbox.ui-widget .ui-chkbox-box.ui-widget {margin-top:4px;}
543 .ui-selectmanycheckbox.ui-widget td > .ui-chkbox.ui-widget .ui-chkbox-box.ui-widget, .ui-selectcheckboxmenu-item > .ui-chkbox.ui-widget .ui-chkbox-box.ui-widget {margin-top:0;}
544 .ui-selectcheckboxmenu-header > .ui-chkbox.ui-widget .ui-chkbox-box.ui-widget {margin-top:2px;}
545 .ui-chkbox .ui-chkbox-label {display:inline; vertical-align:text-top;}
546 .chkbox-label-margin {margin-top:3px;}
547
548 .ui-selectcheckboxmenu.form-control {height:auto;padding:0;}
549 .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {width:30px; padding:6px; border-radius:0 4px 4px 0;}
550 .ui-selectcheckboxmenu a.ui-selectcheckboxmenu-label-container {color:black; text-decoration:none !important;}
551 .ui-selectcheckboxmenu label.ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu label.ui-selectcheckboxmenu-label.ui-state-hover {font-weight:normal; margin-bottom:0; padding:6px 40px 6px 12px;}
552 .ui-selectcheckboxmenu label, .ui-selectcheckboxmenu-item label {font-weight:normal; margin-bottom:0;}
553
554 /* pickList */
555 table.ui-picklist.ui-widget td {padding: 0 5px; vertical-align:bottom;}
556 table.ui-picklist div.ui-picklist-filter-container {padding-bottom:5px;}
557
558 .ui-tieredmenu.form-control {width:auto;height:auto;}
559
560 .select-scroll-block {height:auto; max-height:120px; overflow-y:scroll; padding: 6px 12px;}
561 .col-sm-9 > .select-scroll-block {margin: 4px 10px;}
562 .select-scroll-block table.ui-selectmanycheckbox label {margin-left:5px; margin-top:0; font-weight:normal;}
563
564 #contentTabs .ui-tabs .ui-tabs-panel {padding-left:0; padding-right:0;}
565
566 #contentTabs div.panel-heading[data-toggle="collapse"] {cursor: pointer; cursor: hand;}
567 #contentTabs div.panel-heading.text-info[data-toggle="collapse"] {color: #31708F;}
568
569 .btn-sm.ui-button {padding: 5px 10px;}
570
571 #dragdropMsg {padding:20px;font-size:1.3em;color:#808080;text-align:center;}
572
573 div.popover.fade.top.in {max-width: none;}
574 div.popover.fade.top.in div.popover-content {text-align:center; vertical-align: middle; display:table-cell; width:428px; height:418px;}
575 span.text-info.popoverHTML {display:inline-block;}
576
577 div[id$="filesTable"] .ui-datatable-tablewrapper thead {display:none;}
578 div[id$="versionsTable"] .ui-datatable-tablewrapper thead {display:none;}
579
580 div[id$="filesTable"] div.ui-datatable-header.ui-widget-header {padding:0; background:none; border:0;}
581 div[id$="filesTable"] td.col-file-thumb {width:64px; border-right:0;}
582 div[id$="filesTable"] td.col-file-thumb div.thumbnail-block {position:relative;width:64px;height:64px;margin:0 auto;}
583 div[id$="filesTable"] td.col-file-thumb div.thumbnail-block span.file-thumbnail-icon {font-size:62px;line-height:1.05;}
584 div[id$="filesTable"] td.col-file-thumb div.thumbnail-block div.file-icon-restricted-block {display:block;position:absolute;bottom:-4px;right:-1px;}
585 div[id$="filesTable"] td.col-file-metadata {padding-left:0; border-left:0; border-right:0;}
586 div[id$="filesTable"] td.col-file-action {width: 380px; border-left:0; overflow:visible;}
587 div[id$="filesTable"] div.file-tags-block {padding-bottom:2px;}
588 div[id$="filesTable"] div.file-tags-block a.ui-commandlink {font-size:12px;}
589 div[id$="filesTable"] div.file-tags-block span.label, div[id$="filesTable"] div.file-tags-block a.ui-commandlink {margin-right:.5em;}
590 div[id$="filesTable"] div.file-tags-block span.label:last-of-type {margin-right:0;}
591
592 span.ingest-warning {display:inline-block; font-size:30px; line-height:1.42857; vertical-align: middle;}
593 span.ingest-warning span.glyphicon {top:5px;}
594
595 #version-details-block > div {width:35%; padding:4px 10px; border: 1px solid #DDDDDD;}
596 #version-details-block > div:first-of-type {width:30%; border:0;}
597 #version-details-block > div:last-of-type {border-left-width:0;}
598
599 div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > thead {display:none;}
600 div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody {border:0;}
601 div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:first-child, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:first-child > td {border-top-width:0;}
602 div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:last-child, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr:last-child > td {border-bottom-width:0;}
603 div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr > td:first-child {border-left-width:0;}
604 div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr, div.dvnDifferanceTable > div.ui-datatable-tablewrapper > table > tbody > tr > td:last-child {border-right-width:0;}
605 div.dvnDifferanceTable div.ui-datatable-tablewrapper table td.versionValue {width:30%;}
606 div.dvnDifferanceTable div.ui-datatable-tablewrapper table td.versionDetails {width:35%;}
607
608 div.dvnDifferanceTable .diffDetailBlock {display:block;}
609
610 .dropin-btn-status.ui-icon {background: url("https://www.dropbox.com/static/images/widgets/dbx-saver-status.png") no-repeat;}
611
612 /* Overwrite Primefaces */
613 button.btn-default.ui-button-text-only .ui-button-text {padding:0; font-size:14px;}
614 .ui-widget-overlay {background:#CCC;}
615 .ui-confirm-dialog-severity {margin-top:3px;}
616 .ui-widget-content a.btn-default {color:#333;}
617 .ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail, .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {
618 margin-left: 0px;
619 }