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

From WORST WIKI EVER
Jump to navigationJump to search
(made more role boxes (sage, regulars, player, banned))
(added padding to labels and made their background darker)
 
(7 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 35: Line 53:
 
.infobox-usergroup.sage{
 
.infobox-usergroup.sage{
 
background-color: #cbffc4;
 
background-color: #cbffc4;
color: #2c8f1f;
+
color: #2c8f1f;}
border: 2px dashed #2c8f1f;
 
}
 
 
.infobox-usergroup.regulars{
 
.infobox-usergroup.regulars{
 
background-color: #fff8a6;
 
background-color: #fff8a6;
 
color: #756c00;
 
color: #756c00;
border: 2px dashed #756c00;
 
 
}
 
}
 
.infobox-usergroup.player{
 
.infobox-usergroup.player{
 
background-color: #ecebf5;
 
background-color: #ecebf5;
 
color: #303033;
 
color: #303033;
border: 2px dashed #303033;
 
 
}
 
}
  +
.infobox-usergroup.banned{
 
  +
@media (max-width: 640px) {
background-color: #1f0d0e;
 
  +
.infobox {
color: #e8000c;
 
  +
width: 100%;
border: 2px dashed #e8000c;
 
  +
white-space: normal;
}
 
  +
}
.infobox-label, .infobox-data {
 
text-align: left;
 
vertical-align: top;
 
 
}
 
}
   
  +
@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;
	}
}