Difference between revisions of "MediaWiki:Common.css"

From Earth Science Information Partners (ESIP)
 
(41 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 */
  
#firstHeading { display: none !important; }
+
.page-Main_Page #firstHeading { display: none !important; }
  
 
.read-more {
 
.read-more {
Line 61: 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;
}