Difference between revisions of "MediaWiki:Common.css"

From EntropiaPlanets Wiki - Entropia Universe Guides Wiki Info
m
m
 
(143 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/*** Imported CSS for content pages with EP forum style ***/
@import "http://www.entropiaplanets.com/w/index.php?title=MediaWiki:EPwiki.css&action=raw&ctype=text/css";
 
/*** Font Awesome ***/
@import "https://cdn.entropiaplanets.com/epstatic/fontawesome/css/font-awesome.min.css";
 
 
/*** Remove SMW footer iconm, change after SMW 2.3 https://www.semantic-mediawiki.org/wiki/Help:Remove_the_footer_icon_added_by_Semantic_MediaWiki ***/
#f-poweredbyico {
display: none !important;
}
#footer-icons {
display: none !important;
}
 
 
 
/*** Classes for coloring ***/
.ep-red{color: OrangeRed}
.ep-green{color: Lime}
.ep-blue{color: Cyan}
.ep-white{color: White}
 
/*** Classes for Damage Types ***/
.ep-bg-stab{background-color: Orchid}
.ep-bg-cut{background-color: RosyBrown}
.ep-bg-impact{background-color: DarkGrey}
.ep-bg-penetration{background-color: DarkSalmon}
.ep-bg-shrapnel{background-color: Olive}
.ep-bg-burn{background-color: DarkOrange}
.ep-bg-cold{background-color: CornflowerBlue}
.ep-bg-acid{background-color: GreenYellow}
.ep-bg-electric{background-color: PowderBlue}
 
.ep-circle {
    width: 99%;
    height:99%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
 
/*** Tooltip-popup thingie ***/
.ep-tip span {
display:none;
opacity:0.9;
color:black;
position:absolute;
bottom:20px;
-moz-box-shadow: 2px 2px 2px #CCC;
-webkit-box-shadow: 2px 2px 2px #CCC;
box-shadow: 2px 2px 2px #CCC;}
.ep-tip div {
display:none;
opacity:0.9;
color:black;
position:absolute;
bottom:20px;
-moz-box-shadow: 2px 2px 2px #CCC;
-webkit-box-shadow: 2px 2px 2px #CCC;
box-shadow: 2px 2px 2px #CCC;}
.ep-tip:hover {
  color: Cyan;
}
.ep-tip:hover span {
display:inline;
z-index:99;
max-width:300px;
min-width:100px;
}
.ep-tip:hover div {
display:initial;
z-index:99;
max-width:300px;
min-width:100px;
}
/*** Horizontal list ***/
ul.horizontal-list {
display: inline;
list-style-type: none;
}
 
 
/********** T E S T I N G **********/
/*
.skintest { color: red; }
*/
 


.collapseButton { /* 'show'/'hide' buttons created dynamically by the */         
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */         
Line 7: Line 94:
width: auto;
width: auto;
}
}


/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
/* Wikitable (collapsible) class for skinning normal tables */
/* Wikitable (collapsible) class for skinning normal tables */
.collapsible { border: 0px solid black; }
.collapsible { border: 0px solid black; }
.collapsible th, .collapsible td { border: 0px solid black; }
.collapsible th, .collapsible td { border: 0px solid black; }
/* Set colours for all header cells in the top row */   
/* Set colours for all header cells in the top row */   
.collapsible th[scope=col] { color: Black; background-color: #C0C0C0; font-size: 1.2em; font-style: bold;}
.collapsible th[scope=col] { color: Black; background-color: #C0C0C0; font-size: 1.2em; font-style: bold;}
.collapsible th[scope=row] { color: black; background-color: #E6E6E6; }
.collapsible th[scope=row] { color: black; background-color: #E6E6E6; }
.collapsible th[scope=row]
.collapsible th[scope=row]
{
font-size: 1em;
font-weight: normal;


}


/*--------------------------------------------------|
/* For template documentation */
| dTree 2.05 | 
.template-documentation {
www.destroydrop.com/javascript/tree/
    clear: both;
    margin: 1em 0 0 0;
|---------------------------------------------------|
    border: 1px solid #aaa;
| Copyright (c) 2002-2003 Geir Landr?              |
    background-color: #ecfcf4;
|--------------------------------------------------*/
    padding: 1em;
.dtree {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666;
        white-space: nowrap;
}
.dtree img {
        border: 0px;
        vertical-align: middle;
}
.dtree a {
        color: #333;
        text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
        color: #333;
        text-decoration: underline;
}
.dtree a.nodeSel {
        background-color: #c0d2ec;
}
.dtree .clip {
        overflow: hidden;
}
}


/*
* Dynamic menus
*/
.dmenu { width: 180px }
.dmenu, .dmenu ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
.dmenu .selflink { font-weight: normal; }
.dmenu li { /* all list items */
position: relative;
float: left;
width: 172px;
padding: 4px;
z-index: 100;
}
.dmenu li,
.dmenu li.even a,
.dmenu li.odd a,
.dmenu li li,
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
color : black;
}
.dmenu li li { margin: 0; }
.dmenu li ul { /* second-level lists */
position: absolute;
left: -999em;
z-index: 101;
border: 1px solid #ccc;
}
.dmenu li ul ul { /* third-and-above-level lists */
position: absolute;
left: -999em;
margin: 0 0 0 0;
z-index: 102;
}
.dmenu li.odd .submenu {
width: 12px;
height: 15px;
float: right;
background: url(/common/images/rarr-lt.png) 0 3px no-repeat;
}
.dmenu li.even .submenu {
width: 12px;
height: 15px;
float: right;
background: url(/common/images/rarr-dk.png) 0 3px no-repeat;
}
.dmenu li.odd {
background: #E9EDF4;
border: 2px solid #E9EDF4;
}
.dmenu li.even {
background: #D0D8E8;
border: 2px solid #D0D8E8;
}
.dmenu li:hover, .dmenu li.sfhover {
border: 2px solid #385D8A;
}
.dmenu li:hover ul ul,
.dmenu li:hover ul ul ul,
.dmenu li.sfhover ul ul,
.dmenu li.sfhover ul ul ul {
left: -999em;
}
.dmenu li:hover ul,
.dmenu li li:hover ul,
.dmenu li li li:hover ul,
.dmenu li.sfhover ul,
.dmenu li li.sfhover ul,
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
left: 182px;
top: -3px;
}
#footer-icon-poweredby { display: none; }


/*********** Rightbox ***********/
/*********** Rightbox ***********/
Line 161: Line 122:
}
}


/*********** EXPORT STYLES ***********/
/**** ROCKtropiaForum ****/
.rtfedit {
  background:url(http://www.entropiaplanets.com/w/images/5/52/Icon_Edit_Pencil_Blue_16px.png) no-repeat top left;
  display:inline-block;
}
.rtfrefresh {
  background:url(http://www.entropiaplanets.com/w/images/7/77/Icon_refresh_16px.png) no-repeat top left;
  display: inline-block;
}
/*********** Portal:Entropia Universe Real Estate ***********/
.portalrealestateheader {
  background-image:url(http://www.entropiaplanets.com/w/images/9/95/Portal_Entropia_Universe_Real_Estate_Header.jpg);
  background-color:#000000;
  background-position:50%
}
/*********** Portal:Next Island ***********/
.portalnextisland {
  background-image:url(http://www.entropiaplanets.com/w/images/8/8c/Portal_Next_Island_Header.png);
  background-position:50%
}
/*********** Portal:Planet Cyrene ***********/
/*********** Portal:Planet Cyrene ***********/
.portalcyrene {
.portalcyrene {
Line 182: Line 168:
table.EntropiaPlanetsForums th { border: 1px solid black; }
table.EntropiaPlanetsForums th { border: 1px solid black; }
table.EntropiaPlanetsForums td { border: 1px solid black; }
table.EntropiaPlanetsForums td { border: 1px solid black; }


/*********** tighttable ***********/
/*********** tighttable ***********/
table.tighttable { padding:0px; }
table.tighttable { padding:0px; }
table.tighttable th { padding:0px; }
table.tighttable th { padding:0px 0px 0px 1px; font-size:0.85em; font-weight:bold; }
table.tighttable td { padding:0px; font-size:0.9em; }
table.tighttable td { padding:0px 0px 0px 1px; font-size:0.85em; }
table.tighttable th.Position { width:102px; }
table.tighttable th.Rewards { width:300px; }
 


/* even and odd in tables*/
/*********** nobordertable ***********/
.smwtable .row-even {background-color:#f9f9f9; }
table.nobordertable { border:0px solid white; }
.smwtable .row-odd {background-color:#f2f2f2; }
 
 
/*********** infoboxtable ***********/
table.infoboxtable {border-color:#FFFFFF; border-width:0px; border-style:solid; border-spacing:4px; }
table.infoboxtable th { background-color:#DCDCDC; padding-left:4px; padding-right:4px; vertical-align:top; text-align:left; }
 
 
/*********** even and odd in tables ***********/
.smwtable .row-even {background-color:#FFF;}
.smwtable .row-odd {background-color:#CDE6EA;}
 
 
/*********** mapping stuff ***********/
.maplabel {background-image:url(http://www.entropiaplanets.com/w/images/1/17/Maplabelback.png); }
 
 
/*    Weapon Card Test        */
table.weaponcard {
background-image: url(http://www.entropiaplanets.com/w/images/7/77/TestCard.png);
background-size:100% 100%;
}

Latest revision as of 15:07, 3 March 2017

/*** Imported CSS for content pages with EP forum style ***/
@import "http://www.entropiaplanets.com/w/index.php?title=MediaWiki:EPwiki.css&action=raw&ctype=text/css";

/*** Font Awesome ***/
@import "https://cdn.entropiaplanets.com/epstatic/fontawesome/css/font-awesome.min.css";


/*** Remove SMW footer iconm, change after SMW 2.3 https://www.semantic-mediawiki.org/wiki/Help:Remove_the_footer_icon_added_by_Semantic_MediaWiki ***/
#f-poweredbyico {
	display: none !important;
}
#footer-icons {
	display: none !important;
}



/*** Classes for coloring ***/
.ep-red{color: OrangeRed}
.ep-green{color: Lime}
.ep-blue{color: Cyan}
.ep-white{color: White}

/*** Classes for Damage Types ***/
.ep-bg-stab{background-color: Orchid}
.ep-bg-cut{background-color: RosyBrown}
.ep-bg-impact{background-color: DarkGrey}
.ep-bg-penetration{background-color: DarkSalmon}
.ep-bg-shrapnel{background-color: Olive}
.ep-bg-burn{background-color: DarkOrange}
.ep-bg-cold{background-color: CornflowerBlue}
.ep-bg-acid{background-color: GreenYellow}
.ep-bg-electric{background-color: PowderBlue}

.ep-circle {
    width: 99%;
    height:99%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}

/*** Tooltip-popup thingie ***/
.ep-tip span {
 display:none;
 opacity:0.9;
 color:black;
 position:absolute;
 bottom:20px;
 -moz-box-shadow: 2px 2px 2px #CCC;
 -webkit-box-shadow: 2px 2px 2px #CCC;
 box-shadow: 2px 2px 2px #CCC;}
.ep-tip div {
 display:none;
 opacity:0.9;
 color:black;
 position:absolute;
 bottom:20px;
 -moz-box-shadow: 2px 2px 2px #CCC;
 -webkit-box-shadow: 2px 2px 2px #CCC;
 box-shadow: 2px 2px 2px #CCC;}
.ep-tip:hover {
  color: Cyan;
}
.ep-tip:hover span {
display:inline;
z-index:99;
max-width:300px;
min-width:100px;
}
.ep-tip:hover div {
display:initial;
z-index:99;
max-width:300px;
min-width:100px;
}
/*** Horizontal list ***/
ul.horizontal-list {
 display: inline;
 list-style-type: none; 
}


/********** T E S T I N G **********/
/*
.skintest { color: red; }
*/


.collapseButton {		/* 'show'/'hide' buttons created dynamically by the */         
	float: right;		/* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
	font-weight: normal;	/* are styled here so they can be customised. */               
	text-align: right;
	width: auto;
}

/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
/* Wikitable (collapsible) class for skinning normal tables */
.collapsible { border: 0px solid black; }
.collapsible th, .collapsible td { border: 0px solid black; }
/* Set colours for all header cells in the top row */   
.collapsible th[scope=col] { color: Black; background-color: #C0C0C0; font-size: 1.2em; font-style: bold;}
.collapsible th[scope=row] { color: black; background-color: #E6E6E6; }
.collapsible th[scope=row]


/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}


/*********** Rightbox ***********/
.rightbox {
   border-top:1px solid LightGrey;
   border-left:1px solid LightGrey;
   border-bottom:1px solid LightGrey;
}


/*********** EXPORT STYLES ***********/
/**** ROCKtropiaForum ****/
.rtfedit {
   background:url(http://www.entropiaplanets.com/w/images/5/52/Icon_Edit_Pencil_Blue_16px.png) no-repeat top left;
   display:inline-block;
}
.rtfrefresh {
   background:url(http://www.entropiaplanets.com/w/images/7/77/Icon_refresh_16px.png) no-repeat top left;
   display: inline-block;
}



/*********** Portal:Entropia Universe Real Estate ***********/
.portalrealestateheader {
   background-image:url(http://www.entropiaplanets.com/w/images/9/95/Portal_Entropia_Universe_Real_Estate_Header.jpg);
   background-color:#000000;
   background-position:50%
}
/*********** Portal:Next Island ***********/
.portalnextisland {
   background-image:url(http://www.entropiaplanets.com/w/images/8/8c/Portal_Next_Island_Header.png);
   background-position:50%
}
/*********** Portal:Planet Cyrene ***********/
.portalcyrene {
   background-image:url(http://www.entropiaplanets.com/w/images/f/f8/Planet_Cyrene_Merfolken_Header.png);
   background-position:50%
}
.Planet_Cyrene.rightbox {
   border-top:1px solid DeepSkyBlue;
   border-left:1px solid DeepSkyBlue;
   border-bottom:1px solid DeepSkyBlue;
}
.Planet_Cyrene.leftbox {
   border-top:1px solid DeepSkyBlue;
   border-right:1px solid DeepSkyBlue;
   border-bottom:1px solid DeepSkyBlue;
}


/*********** EntropiaPlanets Forums ***********/
table.EntropiaPlanetsForums { border: 1px solid LightGrey; border-collapse:collapse; }
table.EntropiaPlanetsForums th { border: 1px solid black; }
table.EntropiaPlanetsForums td { border: 1px solid black; }


/*********** tighttable ***********/
table.tighttable { padding:0px; }
table.tighttable th { padding:0px 0px 0px 1px; font-size:0.85em; font-weight:bold; }
table.tighttable td { padding:0px 0px 0px 1px; font-size:0.85em; }
table.tighttable th.Position { width:102px; }
table.tighttable th.Rewards { width:300px; }


/*********** nobordertable ***********/
table.nobordertable { border:0px solid white; }


/*********** infoboxtable ***********/
table.infoboxtable {border-color:#FFFFFF; border-width:0px; border-style:solid; border-spacing:4px; }
table.infoboxtable th { background-color:#DCDCDC; padding-left:4px; padding-right:4px; vertical-align:top; text-align:left; }


/*********** even and odd in tables ***********/
.smwtable .row-even {background-color:#FFF;}
.smwtable .row-odd {background-color:#CDE6EA;}


/*********** mapping stuff ***********/
.maplabel {background-image:url(http://www.entropiaplanets.com/w/images/1/17/Maplabelback.png); }


/*    Weapon Card Test        */
table.weaponcard {
background-image: url(http://www.entropiaplanets.com/w/images/7/77/TestCard.png);
background-size:100% 100%;
}