MediaWiki:Common.css: Difference between revisions

From Heroes of Might and Magic: Olden Era Official Wiki
No edit summary
Tag: Manual revert
No edit summary
Tag: Manual revert
 
(74 intermediate revisions by 3 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 */
#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 {
.portable-infobox.pi-theme-OE {
background-color: #1a1e22;
background-color: #1a1e22;
--pi-secondary-background: #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;
}
}


Line 22: Line 45:


.mw-portlet #n-Factions span:before {
.mw-portlet #n-Factions span:before {
background-image: url(/images/mbhh_homm/c/c0/Human_icon.png);
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);
}
}


Line 31: Line 58:
.mw-portlet #n-Units span:before {
.mw-portlet #n-Units span:before {
background-image: url(/images/mbhh_homm/9/9d/Focus_Charge_2.png);
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);
}
}


Line 37: Line 72:
}
}


.mw-portlet #n-Resources span:before {
.mw-portlet #n-Objects span:before {
background-image: url(/images/mbhh_homm/9/9a/Icon_Resource_Gold.png);
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);
}
}


Line 48: Line 87:
* End Sidebar icons      *
* 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 {
     
}