Difference between revisions of "MediaWiki:Common.css"
From Earth Science Information Partners (ESIP)
(58 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | .page-Main_Page #firstHeading { display: none !important; } | ||
.read-more { | .read-more { | ||
− | padding-left: | + | padding-left: 1.5rem; |
background: linear-gradient(90deg, transparent, white, white, white); | background: linear-gradient(90deg, transparent, white, white, white); | ||
− | margin-left: - | + | margin-left: -1.5rem; |
} | } | ||
.ui-datepicker { | .ui-datepicker { | ||
Line 10: | Line 12: | ||
} | } | ||
.pfTokens, .select2-container-multi .select2-choices { | .pfTokens, .select2-container-multi .select2-choices { | ||
− | |||
background-image: none; | background-image: none; | ||
+ | } | ||
+ | .pf-select2-container { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #pfForm .pfTokens.createboxInput { | ||
+ | padding: 0px !important; | ||
+ | } | ||
+ | #pfForm .select2-selection { | ||
+ | min-width: unset !important; | ||
+ | } | ||
+ | #pfForm .select2-container { | ||
+ | width: 100% !important; | ||
} | } | ||
.form-control.select2-container .select2-choices { | .form-control.select2-container .select2-choices { | ||
Line 18: | Line 31: | ||
.select2-search-field { | .select2-search-field { | ||
line-height: 1.3; | line-height: 1.3; | ||
+ | } | ||
+ | #pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea { | ||
+ | padding: 0 8px 4px 8px; | ||
} | } | ||
.ui-datepicker-trigger { | .ui-datepicker-trigger { | ||
Line 25: | Line 41: | ||
padding: 2px 9px; | padding: 2px 9px; | ||
} | } | ||
+ | .resourceslist i { | ||
+ | width: 20px; | ||
+ | } | ||
+ | .resourceslist li { | ||
+ | list-style: none !important; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
@media all and ( min-width: 576px ) { | @media all and ( min-width: 576px ) { | ||
.card-deck { | .card-deck { | ||
Line 37: | Line 61: | ||
margin-left: -15px; | margin-left: -15px; | ||
} | } | ||
+ | } | ||
+ | |||
+ | .ve-not-available .ns-talk .mw-editsection .mw-editsection-divider { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | .ve-not-available .ns-talk .mw-editsection > a.mw-editsection-visualeditor + span.mw-editsection-divider { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #content .srf-datatables { | ||
+ | display: flex; | ||
+ | } | ||
+ | |||
+ | #content .srf-datatables .pagination ul { | ||
+ | margin-bottom: 0 !important; | ||
+ | } | ||
+ | .srf-datatables input, .srf-datatables textarea, .srf-datatables select, .srf-datatables .uneditable-input { | ||
+ | height: 38px; | ||
+ | } | ||
+ | .srf-datatables select, input[type="file"] { | ||
+ | height: 38px; | ||
+ | line-height: 38px; | ||
+ | margin: 0 .5rem; | ||
+ | } | ||
+ | .srf-datatables .row { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .srf-datatables .ui-button { | ||
+ | padding: 10px 12px; | ||
+ | box-sizing: content-box; | ||
+ | align-self: center; | ||
+ | order: 1 !important; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | .srf-datatables .ui-button:first-of-type { | ||
+ | order: 2 !important; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .dataTables_wrapper > div.row { | ||
+ | margin-left: 0 !important; | ||
+ | margin-right: 0 !important; | ||
+ | justify-content: space-between; | ||
+ | } | ||
+ | .srf-datatables .span-list { | ||
+ | flex: 1; | ||
} | } |
Latest revision as of 08:54, October 23, 2023
/* CSS placed here will be applied to all skins */ .page-Main_Page #firstHeading { display: none !important; } .read-more { padding-left: 1.5rem; background: linear-gradient(90deg, transparent, white, white, white); margin-left: -1.5rem; } .ui-datepicker { z-index: 1040 !important; } .pfTokens, .select2-container-multi .select2-choices { background-image: none; } .pf-select2-container { margin-bottom: 0; } #pfForm .pfTokens.createboxInput { padding: 0px !important; } #pfForm .select2-selection { min-width: unset !important; } #pfForm .select2-container { width: 100% !important; } .form-control.select2-container .select2-choices { border: 1px solid #aaa !important; } .select2-search-field { line-height: 1.3; } #pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea { padding: 0 8px 4px 8px; } .ui-datepicker-trigger { border: 1px solid #bbb; border-radius: 50%; margin-left: 4px; padding: 2px 9px; } .resourceslist i { width: 20px; } .resourceslist li { list-style: none !important; padding: 5px; } @media all and ( min-width: 576px ) { .card-deck { display: flex; flex-direction: column !important; } } @media all and ( min-width: 768px ) { .card-deck { flex-flow: row wrap !important; margin-right: -15px; margin-left: -15px; } } .ve-not-available .ns-talk .mw-editsection .mw-editsection-divider { display: inline !important; } .ve-not-available .ns-talk .mw-editsection > a.mw-editsection-visualeditor + span.mw-editsection-divider { display: none !important; } #content .srf-datatables { display: flex; } #content .srf-datatables .pagination ul { margin-bottom: 0 !important; } .srf-datatables input, .srf-datatables textarea, .srf-datatables select, .srf-datatables .uneditable-input { height: 38px; } .srf-datatables select, input[type="file"] { height: 38px; line-height: 38px; margin: 0 .5rem; } .srf-datatables .row { width: 100%; } .srf-datatables .ui-button { padding: 10px 12px; box-sizing: content-box; align-self: center; order: 1 !important; margin-left: auto; } .srf-datatables .ui-button:first-of-type { order: 2 !important; margin-left: 0; } .dataTables_wrapper > div.row { margin-left: 0 !important; margin-right: 0 !important; justify-content: space-between; } .srf-datatables .span-list { flex: 1; }