MediaWiki:Common.css: Difference between revisions

Revision as of 03:12, 4 June 2025

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



/* general */

body { background-color: #eaeaea }

a *, a:hover { color: #807391 !important; text-decoration: none }

.mw-ui-button.mw-ui-progressive,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #807391 !important; border-color: #807391 !important }

.client-darkmode { background-color: #e8e8e8 }

a, .client-darkmode a { color: #ba0000 }

.mw-page-container { background-color: #efefef }

.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu { background-color: inherit }

#vector-page-tools-pinned-container .vector-page-tools:after { display: none }


/* specific */

.contentbox {
    border: 1px solid #807391; 
    border-radius: 2px;
    margin:5px;
    padding: 5px 10px;
}

.contentheading {
    font-size: 1.75em;
    font-family: 'Linux Libertine','Georgia','Times',serif;
}

.subcontentheading {
    font-size: 1.5em;
    font-family: 'Linux Libertine','Georgia','Times',serif;
}

.contenthr {
    background-color: #e8e8e8;
    margin: 0px -10px 10px;
}


.charabutton {
    background-color: #807391;
    border: 3px outset #ddd;
    color: white !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 3px;
    width: 70px;
    height: 100px;
    overflow: hidden;
}
/* min-width:75px; replaced with a set width and height from 012port templates. */
/*     margin: 5px; */
/*     padding: 4px 8px 4px; */

.float-right {
    float: right;
    margin: 10px 0 10px 10px;
}

/* homepage table */

.mainpage tr {
    height: 360px;
    text-align: center;
}

.hover-effect img:hover {
	transform: scale(1.05);
    transition: all 125ms ease-in-out;
}

/* hover is for character portraits in game main pages */


 .contain-image {
            width: 100%;
            height: 70px;
            object-fit: contain;
}

.wrap-flex {
             display: flex;
  align-items: stretch; /* baseline | center | stretch */
}

.dotted {text-decoration:underline; text-decoration-style: dotted;}
/* for tooltip text */

.infocolor {
  color: #eef00a;
  text-decoration:underline; text-decoration-style: dotted;
}

.mw-no-invert