Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
Revision as of 00:37, 13 September 2024 by OkaDoka (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Weights can be grabbed if necessary */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Montserrat');

/* BEGIN GALLERY TRANSFORMATIONS */
/* Initial collapsed state for the text inside gallerytextwrapper */
div.gallerytext {
    padding: 0;
    padding-right: var(--border-radius-base);
    padding-left: var(--border-radius-base);
    font-size: var(--font-size-x-small);
    color: var(--color-subtle);
    letter-spacing: 0.025em;
    max-height: 50px;  /* Adjust to control how much text is shown initially */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  /* Ensure the text doesn't wrap */
    transition: max-height 0.3s ease-in-out, white-space 0.3s ease-in-out;
}

/* Expanded state specifically for the div.gallerytext inside the gallerytextwrapper */
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper div.gallerytext,
.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover div.gallerytext,
ul.mw-gallery-packed-hover .gallerybox.mw-gallery-focused div.gallerytextwrapper:hover div.gallerytext {
    max-height: none;  /* Remove height limit */
    white-space: normal;  /* Allow text to wrap */
    overflow: visible;
    text-overflow: clip;
}
/* END GALLERY TRANSFORMATIONS */

.navbox-title
{
	width: 100%;
	min-width:100%;
}

body, body #mw-page-base {
	background: url(https://wiki.massivecraft.com/images/e/ee/Bg3.png);
	background-repeat: no-repeat;
}

#simpleSearch input {
    background-color: #ffffff;
}

/* BEGIN TILE FORMATTING */
/* tile grid */
.tile-grid {
  display: flex;
  flex-wrap: wrap; 
  gap: 16px; 
  justify-content: center; 
}

/* tile */
.tile {
  display: block;
  width: 200px; 
  background-color: #14181f;
  border: 1px solid #ddd; 
  border-radius: 8px;
  text-align: center;
  text-decoration: none; 
  color: #333; 
  transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

/* hover element */
.tile:hover {
  transform: scale(1.05); 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* image element */
.tile-image {
  width: 100%; 
  height: auto; 
  border-bottom: 1px solid #ddd; 
  border-top-left-radius: 8px; 
  border-top-right-radius: 8px; 
}

/* text element */
.tile-text {
  padding: 8px; 
}
/* END TILE FORMATTING */

.mainpage_box {
	background-color: #14181f;
	margin: 0;
	min-width: 210px;
	box-shadow: 0 2px 2px rgba( 102, 121, 153, 0.2 );
	display: inline-block;
}

.mainpage_box p {
	margin: 0;
}

.mw-collapsible span.mw-collapsible-toggle {
    float:left;
    margin-left:0;
    margin-right:1em;
    vertical-align:bottom;
}

.button-contain {
	font-size:160%;
	padding-left: 10px;
	padding-right: 10px;
}

.infobox {
	border: 1px solid #C9D8CC;
	border-spacing: 0;
}
	
#bodyContent .plainlinks a {
	background: none !important;
	padding: 0 !important;
	color: #002bb8 !important;
}

/* {{pp|small=yes}} */
.div-col {
	margin-top: 0.3em;
	column-width: 40em;
	column-rule: 1px solid #aaa;
}

/* Reset top margin for lists in div col */
.div-col dl,
.div-col ol,
.div-col ul {
	margin-top: 0;
}

/* Avoid elements breaking between columns
   See also Template:No col break */
.div-col li,
.div-col dd {
	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
	break-inside: avoid-column;
}

/* {{pp|small=yes}} */
.div-col-rel {
	margin-top: 0.3em;
	column-width: 40em;
	column-rule: 1px solid #aaa;
}

/* Reset top margin for lists in div col */
.div-col-rel dl,
.div-col-rel ol,
.div-col-rel ul {
	margin-top: 0;
}

/* Avoid elements breaking between columns
   See also Template:No col break */
.div-col-rel li,
.div-col-rel dd {
	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
	break-inside: avoid-column;
}