MediaWiki:Common.css: Difference between revisions

From Heroes of Might and Magic: Olden Era Official Wiki
Created page with "CSS placed here will be applied to all skins: Infobox template style: .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered..."
 
No edit summary
Tag: Manual revert
 
(97 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* Infobox template style */
#mw-content, #content-bottom-stuff {
.infobox {
background: linear-gradient(to right, #13161a,#242b35,#13161a);
    border: 1px solid #aaa;
filter: drop-shadow(black 0 0 3rem);
    background-color: #f9f9f9;
border-inline: solid #BEA064;
    color: black;
outline: solid #13161a 1em;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
}
.infobox td, .infobox th {
 
    vertical-align: top;
.mw-file-element {
filter: drop-shadow(black 0 0 0.3rem)
}
}
.infobox caption {
 
    font-size: larger;
.portable-infobox.pi-theme-OE {
    margin-left: inherit;
background-color: #1a1e22;
--pi-secondary-background: #1a1e22;
}
}
.infobox.bordered {
 
    border-collapse: collapse;
.portable-infobox .pi-font {
  font-size: 1.1em;
}
}
.infobox.bordered td, .infobox.bordered th {
 
    border: 1px solid #aaa;
.portable-infobox .pi-secondary-font {
  font-size: 1.1em;
}
}
.infobox.bordered .borderless td, .infobox.bordered .borderless th {
 
    border: 0;
.portable-infobox .pi-title {
  font-size: 1.5em;
}
}
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {
/**************************
    border: 0;
* Start Sidebar icons    *
    border-top: 1px solid #aaa;
**************************/
    border-right: 1px solid #aaa;
 
#p-Game.mw-portlet .mw-list-item a span:before {
content: '';
display: inline-block;
vertical-align: bottom;
height: 1.3em;
width: 1.3em;
background-size: contain;
background-repeat: no-repeat;
margin: 0 0.3em;
}
}
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {
 
    border: 0;
.mw-portlet #n-Factions span:before {
    border-right: 1px solid #aaa;
background-image: url(/images/mbhh_homm/f/fc/Temple_icon.png);
}
}
/* Put a checker background at the image description page only visible if the image has transparent background */
 
#file img {
.mw-portlet #n-Laws span:before {
    background: url("https://images.wikia.nocookie.net/central/images/5/5d/Checker-16x16.png") repeat;
background-image: url(/images/mbhh_homm/3/34/Icon_LawsPoint.png);
}
 
.mw-portlet #n-Heroes span:before {
background-image: url(/images/mbhh_homm/f/f4/Skill_Leadership.png);
}
 
.mw-portlet #n-Units span:before {
background-image: url(/images/mbhh_homm/9/9d/Focus_Charge_2.png);
}
 
.mw-portlet #n-Combat span:before {
background-image: url(/images/mbhh_homm/8/82/Skill_Offence.png);
}
 
.mw-portlet #n-Skills span:before {
background-image: url(/images/mbhh_homm/a/ab/Skill_Intelligence.png);
}
 
.mw-portlet #n-Spells span:before {
background-image: url(/images/mbhh_homm/8/8b/Mana_icon.png);
}
 
.mw-portlet #n-Objects span:before {
background-image: url(/images/mbhh_homm/8/8e/Skill_Advanced_Scouting.png);
}
 
.mw-portlet #n-Artifacts span:before {
background-image: url(/images/mbhh_homm/c/cb/Angelic_alliance_lions_shield_of_courage_artifact.png);
}
 
.mw-portlet #n-DevDiaries span:before {
background-image: url(/images/mbhh_homm/b/b3/Unfrozen_Logo_-_Full_Color.png);
}
 
/**************************
* End Sidebar icons      *
**************************/
 
 
/*
Test for Class styling for centering images
 
 
*/
 
.oe_img_center {
    display:flex;
    justify-content:center;
}
 
 
/******************************
* Test Code for Rounded Images*
******************************/
 
.rounded_edges img {
    border-radius:20px;
 
}
 
.rounded_edges10 img {
    border-radius:10px;
 
}
 
 
/***********************************
* Unordered Lists: No Bullet Points*
************************************/
 
.oe_list {
    list-style-type:none;
    line-height:200%;
}
 
/******************************
*      Miscellaneous        *
******************************/
 
 
.upgradePath {
    color:#36b3d4;
}
 
 
.notePeru {
    color:peru;
 
}
 
ul.TableWhite {
    color:white;
    line-height:200%;
}
 
ul.TableWhite li {
    color:white;
}
 
.factionContainer {
    display:flex;
    flex-wrap: wrap;
    list-style: none;
    border: 1px solid cyan;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}
 
.factionItem {
 
   
}
 
.faction-item-test {
   
}
}

Latest revision as of 02:38, 26 May 2026

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

#mw-content, #content-bottom-stuff {
	background: linear-gradient(to right, #13161a,#242b35,#13161a);
	filter: drop-shadow(black 0 0 3rem);
	border-inline: solid #BEA064;
	outline: solid #13161a 1em;
}

.mw-file-element {
	filter: drop-shadow(black 0 0 0.3rem)
}

.portable-infobox.pi-theme-OE {
	background-color: #1a1e22;
	--pi-secondary-background: #1a1e22;
}

.portable-infobox .pi-font {
   font-size: 1.1em;
}

.portable-infobox .pi-secondary-font {
   font-size: 1.1em;
}

.portable-infobox .pi-title {
   font-size: 1.5em;
}

/**************************
* Start Sidebar icons     *
**************************/

#p-Game.mw-portlet .mw-list-item a span:before {
	content: '';
	display: inline-block;
	vertical-align: bottom;
	height: 1.3em;
	width: 1.3em;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.3em;
}

.mw-portlet #n-Factions span:before {
	background-image: url(/images/mbhh_homm/f/fc/Temple_icon.png);
}

.mw-portlet #n-Laws span:before {
	background-image: url(/images/mbhh_homm/3/34/Icon_LawsPoint.png);
}

.mw-portlet #n-Heroes span:before {
	background-image: url(/images/mbhh_homm/f/f4/Skill_Leadership.png);
}

.mw-portlet #n-Units span:before {
	background-image: url(/images/mbhh_homm/9/9d/Focus_Charge_2.png);
}

.mw-portlet #n-Combat span:before {
	background-image: url(/images/mbhh_homm/8/82/Skill_Offence.png);
}

.mw-portlet #n-Skills span:before {
	background-image: url(/images/mbhh_homm/a/ab/Skill_Intelligence.png);
}

.mw-portlet #n-Spells span:before {
	background-image: url(/images/mbhh_homm/8/8b/Mana_icon.png);
}

.mw-portlet #n-Objects span:before {
	background-image: url(/images/mbhh_homm/8/8e/Skill_Advanced_Scouting.png);
}

.mw-portlet #n-Artifacts span:before {
	background-image: url(/images/mbhh_homm/c/cb/Angelic_alliance_lions_shield_of_courage_artifact.png);
}

.mw-portlet #n-DevDiaries span:before {
	background-image: url(/images/mbhh_homm/b/b3/Unfrozen_Logo_-_Full_Color.png);
}

/**************************
* End Sidebar icons       *
**************************/


/*
Test for Class styling for centering images


*/

.oe_img_center {
     display:flex;
     justify-content:center;
}


/******************************
* Test Code for Rounded Images*
******************************/

.rounded_edges img { 
     border-radius:20px;

}

.rounded_edges10 img { 
     border-radius:10px;

}


/***********************************
* Unordered Lists: No Bullet Points*
************************************/

.oe_list {
     list-style-type:none;
     line-height:200%;
}

/******************************
*       Miscellaneous         *
******************************/


.upgradePath { 
     color:#36b3d4;
}


.notePeru { 
     color:peru;

}

ul.TableWhite { 
     color:white;
     line-height:200%;
}

ul.TableWhite li {
     color:white;
}

.factionContainer {
     display:flex;
     flex-wrap: wrap;
     list-style: none;
     border: 1px solid cyan;
     -ms-box-orient: horizontal;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
}

.factionItem {

     
}

.faction-item-test {
     
}