Revision as of 20:29, February 21, 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;
   }
}

.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: 50px;
  background: white;
  z-index: 101;
}

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

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

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

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

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