MediaWiki:Common.css: Difference between revisions

From UO Outlands Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 30: Line 30:


.hero-image {
.hero-image {
  background-image: url("/images/1/11/gettingstarted1a.jpg"); /* The image used */
   background-color: #000; /* Used if the image is unavailable */
   background-color: #000; /* Used if the image is unavailable */
   height: 400px; /* You must set a specified height */
   height: 400px; /* You must set a specified height */
Line 48: Line 49:


ul {
ul {
   list-style-image:url('/images/f/f4/bullets.png');
   list-style-image:url('/skins/Vector/images/bullet-icon.png');
}
}

Revision as of 22:26, 27 April 2021

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


* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}


.hero-image {
  background-image: url("/images/1/11/gettingstarted1a.jpg"); /* The image used */
  background-color: #000; /* Used if the image is unavailable */
  height: 400px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}


ul {
  list-style-image:url('/skins/Vector/images/bullet-icon.png');
}