Santa Fe Institute Collaboration Platform

Origins

Get Involved!
Contact: Chris Kempes, Project Principal Investigator, ckempes@santafe.edu

Difference between revisions of "MediaWiki:Common.css"

From Origins
 
 
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 
.sysop-show, .user-show {
 
.sysop-show, .user-show {
 
display: none;
 
display: none;
 +
}
 +
/*
 +
.popupform-wrapper .popupform-container .popupform-innercontainer {
 +
    height: 80%;
 +
    width: 80%;
 +
}
 +
*/
 +
@supports (-webkit-overflow-scrolling: touch) {
 +
  .popupform-wrapper .popupform-container div.popupform-innercontainer {
 +
      overflow-y: scroll !important;
 +
      -webkit-overflow-scrolling: touch !important;
 +
  }
 +
}
 +
 +
body.page-Special_RunQuery_Attendee_note_query .pf-runquery-formcontent,
 +
body.page-Special_RunQuery_Attendee_note_query h1#firstHeading {
 +
  display: none;
 +
}
 +
 +
.sticky-content {
 +
  position: -webkit-sticky;
 +
  position: sticky;
 +
  top: 50px;
 +
  z-index: 101; /* sticky content should be on top of everything, right ? :) */
 +
}
 +
 +
#get-involved {
 +
  position: -webkit-sticky;
 +
  position: sticky;
 +
  top: 52px;
 +
  background: white;
 +
  z-index: 101;
 +
}
 +
 +
/* To workaround for jumping header which increases it in size */
 +
@media (max-width: 1056px) {
 +
  .sticky-content, #get-involved {
 +
    top: 102px;
 +
  }
 +
}
 +
 +
@media (max-width: 767px) {
 +
  .sticky-content, #get-involved {
 +
    top: 51px;
 +
  }
 +
}
 +
 +
/* Makes repositioning elements hidden until js moves them into their place */
 +
 +
[data-reposition-target] {
 +
  display: none;
 +
}
 +
 +
[data-reposition-target].repositioned {
 +
  display: block;
 +
}
 +
 +
.alert.alert-thermocomp {
 +
  background-color: #2a6773;
 +
  color: #fff;
 +
}
 +
 +
.alert.alert-thermocomp a, .alert.alert-thermocomp a:visited {
 +
  color: #fff;
 +
}
 +
 +
.ve-area-wrapper .oo-ui-toolGroup-tools {
 +
  border-collapse: initial;
 +
}
 +
 +
/* DivTable.com */
 +
.divTable{
 +
display: table;
 +
width: 100%;
 +
}
 +
.divTableRow {
 +
display: table-row;
 +
}
 +
.divTableHeading {
 +
background-color: #EEE;
 +
display: table-header-group;
 +
}
 +
.divTableCell, .divTableHead {
 +
border: 1px solid #999999;
 +
display: table-cell;
 +
padding: 3px 10px;
 +
}
 +
.divTableHeading {
 +
background-color: #EEE;
 +
display: table-header-group;
 +
font-weight: bold;
 +
}
 +
.divTableFoot {
 +
background-color: #EEE;
 +
display: table-footer-group;
 +
font-weight: bold;
 +
}
 +
.divTableBody {
 +
display: table-row-group;
 
}
 
}

Latest revision as of 19:56, September 24, 2019

/* CSS placed here will be applied to all skins */

.sysop-show, .user-show {
	display: none;
}
/*
.popupform-wrapper .popupform-container .popupform-innercontainer {
    height: 80%;
    width: 80%;
}
*/
@supports (-webkit-overflow-scrolling: touch) {
   .popupform-wrapper .popupform-container div.popupform-innercontainer {
      overflow-y: scroll !important;
      -webkit-overflow-scrolling: touch !important;
   }
}

body.page-Special_RunQuery_Attendee_note_query .pf-runquery-formcontent,
body.page-Special_RunQuery_Attendee_note_query h1#firstHeading {
   display: none;
}

.sticky-content {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 101; /* sticky content should be on top of everything, right ? :) */
}

#get-involved {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  background: white;
  z-index: 101;
}

/* To workaround for jumping header which increases it in size */
@media (max-width: 1056px) {
  .sticky-content, #get-involved {
    top: 102px;
  }
}

@media (max-width: 767px) {
  .sticky-content, #get-involved {
    top: 51px;
  }
}

/* Makes repositioning elements hidden until js moves them into their place */

[data-reposition-target] {
  display: none;
}

[data-reposition-target].repositioned {
  display: block;
}

.alert.alert-thermocomp {
   background-color: #2a6773;
   color: #fff;
}

.alert.alert-thermocomp a, .alert.alert-thermocomp a:visited {
  color: #fff;
}

.ve-area-wrapper .oo-ui-toolGroup-tools {
  border-collapse: initial;
}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}