MediaWiki:Common.css: Difference between revisions

Latest revision as of 19:33, 1 January 2021

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

/* SWG Infobox template styling */
.infobox {
	float: right;
	clear: right;
	margin: 0 0 .5em 1em;
	width: 250px;
	background: none;
	border-collapse: collapse;
	border-width: 0px;
	font-size: 0.8em;
	line-height: 1.5;
}

.infobox table.infoboxtable {
	background: #f0f0f0;
	float: right;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

.infobox td.infoboximage {
	padding: 0;
	text-align: center; 
}

.infobox th.infoboxheading {
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	font-size: larger;
}

.infobox th.infoboxsubheading {
	vertical-align: top;
	text-align: left;
	font-weight: normal; 
}

.infobox td.infoboxlabel, .infobox td.infoboxcell {
	vertical-align: middle;
/*	border-top:1px solid #999;
	border-bottom:1px solid #999;*/
}

/* ugly hack to force normal height for infobox cells */
.infoboxcell p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* .infoboxcell ul { list-style-type: disc; } */

.infoboxcell ul {
	padding-left: 10px;
	margin-left: 10px;
}

.infoboxcell ul li {
	padding-left: 0;
	margin-left: 0;
	list-style-type: square;
}

.infobox div.plainlinks {
	color: #fff;
}

.infobox div.plainlinks a {
	color: #f0f0f0;
}

/* Character Infobox Table for STO characters */

table.chinfo{
		float:right;
		margin: 1.5em 1.5em 1.5em 1.5em;
		clear:right;
		width:300px;
		font-size:90%;
		border-color: #666666 ;
		border-collapse: collapse;
		background-color: #262626; 	
		border-style: solid;
		border-width: 1px;
		padding: 10px;
		color:white;
		vertical-align: top;
		text-align:center;
}

td.chinfo-both {
		text-align:center;
}

td.chinfo-left{
		width: 145px;
		vertical-align: top;
		font-weight:bold;
		font-style:italic;
		text-align:right;
}
td.chinfo-right{
		width: 155px;
		text-align:left;
		vertical-align: top;
}

a.td.chinfo-right:visited{
		width: 155px;
		text-align:left;
		vertical-align: top;
                color:tan;
}

td.chinfo-section {
		background-color:#4D4D4D;
		font-style:italic;
		font-weight:bold;
}

td.chinfo-caption {
		font-style:italic;
		font-size:85%;
}

td.chinfo-hdr {
		font-size: 1.3em;
                font-weight:bold;
		background: url("https://www.corethscacophony.com/images/a/a6/Bg_th.jpg") no-repeat right;
		color: #333333;
}

/* Cronje new infobox styles - This is used for the D&DCharacterBox */
table.infobox2 {
 background-color: #FFFFFF;
 border:           1px solid #A9A78A;
 color:            #000000;
 float:            right;
 font-size:        88%;
 width:            275px;
 max-width:        275px;
 vertical-align:   top;
}
 
table.infobox2 tr {vertical-align: top;}
 
table.infobox2 td.infoboximage {text-align:    center !important;}
table.infobox2 td.infoboximage > img {max-width: 275px;}
 
table.infobox2 td.title,
table.infobox2 td.subtitle,
table.infobox2 td.subsubtitle {
 background-color: #BDBCAD;
 font-weight:      bold;
 line-height:      1.2em;
 padding:          0.25em 0.33em 0.33em;
 text-align:       center !important;
}
table.infobox2 td.title       {font-size: larger;}
table.infobox2 td.subtitle    {background-color: #DFDECF;}
table.infobox2 td.subsubtitle {background-color: #DDDDDD;}
 
table.infobox2 > tbody > tr > td:first-child {
 text-align:     left;
 white-space:    nowrap;
 vertical-align: top;
}
 
table.infobox2 > tbody > tr > td:last-child,
table.infobox2 td.categories, table.infobox2 {
  text-align:  left;
  white-space: normal;
}

/* For portals, taken from Wikipedia
   On wide screens, show these as two columns
   On narrow and mobile screens, let them collapse into a single column */

.portal-column-left {
    float: left;
    width: 50%;
}
.portal-column-right {
    float: right;
    width: 49%;
}
.portal-column-left-wide {
    float: left;
    width: 60%;
}
.portal-column-right-narrow {
    float: right;
    width: 39%;
}
.portal-column-left-extra-wide {
    float: left;
    width: 70%;
}
.portal-column-right-extra-narrow {
    float: right;
    width: 29%;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .portal-column-left,
    .portal-column-right,
    .portal-column-left-wide,
    .portal-column-right-narrow,
    .portal-column-left-extra-wide,
    .portal-column-right-extra-narrow {
        float: inherit;
        width: inherit;
    }
}