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
Line 57: Line 57:


.mainpage_box img {
.mainpage_box img {
float: left;
/*float: left;*/
padding: 0;
padding: 0;
margin: 0;
margin: 0;

Revision as of 22:35, 11 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 */
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;
}

.mainpage_box {
	/*flex: 1;
	margin: 5px;*/
	min-width: 210px;
	border: 2px solid #a2a9b1;
	padding: 0 10px 10px 10px;
	/*box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.2 );*/
}

.mainpage_box img {
	/*float: left;*/
	padding: 0;
	margin: 0;
	border: 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;
}

table.testtable {
     background-image:url('https://wiki.massivecraft.com/images/2/2c/Altalook.png');
}

/* {{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;
}