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

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
Line 7: Line 7:
/* BEGIN GALLERY TRANSFORMATIONS */
/* BEGIN GALLERY TRANSFORMATIONS */
/* Initial collapsed state for the text inside gallerytextwrapper */
/* Initial collapsed state for the text inside gallerytextwrapper */
div.gallerytext {
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper div.gallerytext {
     padding: 0;
     padding: 0;
     padding-right: var(--border-radius-base);
     padding-right: var(--border-radius-base);
Line 14: Line 14:
     color: var(--color-subtle);
     color: var(--color-subtle);
     letter-spacing: 0.025em;
     letter-spacing: 0.025em;
     max-height: 50px;  /* Adjust to control how much text is shown initially */
     max-height: 50px;  /* Limit the amount of text shown */
     overflow: hidden;
     overflow: hidden;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;  /* Ensure the text doesn't wrap */
     white-space: nowrap;  /* Prevent text from wrapping */
     transition: max-height 0.3s ease-in-out, white-space 0.3s ease-in-out;
     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 */
/* Text expands on hover, but only for packed-overlay galleries */
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper div.gallerytext,
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover 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 */
     max-height: none;  /* Remove height limit */
     white-space: normal;  /* Allow text to wrap */
     white-space: normal;  /* Allow text to wrap */
     overflow: visible;
     overflow: visible;
     text-overflow: clip;
     text-overflow: clip;
}
/* Maintain the background and other styles in packed-overlay mode */
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    position: absolute;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px 10px;
    bottom: 0;
    left: 0;
    height: auto;
    max-height: 40%;
    overflow: hidden;
    font-weight: bold;
    margin: 2px;
}
}
/* END GALLERY TRANSFORMATIONS */
/* END GALLERY TRANSFORMATIONS */

Revision as of 23:00, 13 September 2024

/* 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 */
ul.mw-gallery-packed-overlay li.gallerybox div.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;  /* Limit the amount of text shown */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  /* Prevent text from wrapping */
    transition: max-height 0.3s ease-in-out, white-space 0.3s ease-in-out;
}

/* Text expands on hover, but only for packed-overlay galleries */
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover div.gallerytext {
    max-height: none;  /* Remove height limit */
    white-space: normal;  /* Allow text to wrap */
    overflow: visible;
    text-overflow: clip;
}

/* Maintain the background and other styles in packed-overlay mode */
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    position: absolute;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px 10px;
    bottom: 0;
    left: 0;
    height: auto;
    max-height: 40%;
    overflow: hidden;
    font-weight: bold;
    margin: 2px;
}
/* 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;
}

.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;
}