Difference between revisions of "Template:Infobox/styles.css"

From WORST WIKI EVER
Jump to navigationJump to search
(minor changes and removed banned)
(added padding to labels and made their background darker)
 
(6 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
color: black;
 
color: black;
 
padding: 0.2em;
 
padding: 0.2em;
margin: 0.5em 0 0.5em 1em;
 
 
border-spacing: 3px 0.5em;
 
border-spacing: 3px 0.5em;
width: 22em;
 
float: right;
 
clear: right;
 
 
}
 
}
   
Line 17: Line 13:
   
 
.infobox-image {
 
.infobox-image {
 
text-align: center;
  +
}
  +
 
.infobox-label, .infobox-data {
  +
padding: 1px;
 
text-align: left;
  +
vertical-align: top;
  +
}
  +
 
.infobox-label {
 
background-color: #eee;
  +
}
  +
  +
.infobox-separator {
  +
background-color: #e6e6fa;
  +
}
  +
  +
.infobox-datatable {
  +
width: 100%;
  +
min-width: 100%;
  +
}
  +
.infobox-datatable .infobox-label, .infobox-datatable .infobox-data {
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 45: Line 63:
 
}
 
}
   
  +
@media (max-width: 640px) {
.infobox-label, .infobox-data {
 
  +
.infobox {
text-align: left;
 
  +
width: 100%;
vertical-align: top;
 
  +
white-space: normal;
  +
}
 
}
 
}
   
  +
@media (min-width: 640px) {
.infobox-separator {
 
  +
.infobox {
background-color: #e6e6fa;
 
 
margin: 0.5em 0 0.5em 1em;
 
width: 22em;
 
float: right;
 
clear: right;
  +
}
 
}
 
}

Latest revision as of 18:19, 21 April 2025

.infobox {
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	color: black;
	padding: 0.2em;
	border-spacing: 3px 0.5em;
}

.infobox-title {
	text-align: center;
	font-size: 125%;
}

.infobox-image {
	text-align: center;
}

.infobox-label, .infobox-data {
	padding: 1px;
	text-align: left;
	vertical-align: top;
}

.infobox-label {
	background-color: #eee;
}

.infobox-separator {
	background-color: #e6e6fa;
}

.infobox-datatable {
	width: 100%;
	min-width: 100%;
}
.infobox-datatable .infobox-label, .infobox-datatable .infobox-data {
	text-align: center;
}

.infobox-usergroup {
	font-size: 125%;
}
.infobox-usergroup.owner {
	background-color: #ffd6d6;
	color: #ff3f3f;
	border: 2px dashed #ff3f3f;
}
.infobox-usergroup.admin {
	background-color: #dac6fa;
	color: #7a56fa;
	border: 2px dashed #7a56fa;
}
.infobox-usergroup.sage{
  background-color: #cbffc4;
  color: #2c8f1f;}
.infobox-usergroup.regulars{
  background-color: #fff8a6;
  color: #756c00;
}
.infobox-usergroup.player{
  background-color: #ecebf5;
  color: #303033;
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		margin: 0.5em 0 0.5em 1em;
		width: 22em;
		float: right;
		clear: right;
	}
}