Template:Infobox/style.css: Difference between revisions

Template page
No edit summary
mNo edit summary
 
(26 intermediate revisions by 2 users not shown)
Line 10: Line 10:
}
}


.skin-citizen-dark .infobox table {
.skin-timeless .infobox table, .skin-vector .infobox table {
background: rgb(31, 38, 44);
background: rgb(180, 190, 185) !important;
color: #FFF;
color: #1a1a1b !important;
border: solid #1a1a1b 1px;
margin: 0 0 1em 1em;
font-size: 95%;
background: #ccd;
color: #1a1a1b;
width: 310px;
padding: 10px;
text-align: left;
float: right;
}
}


.skin-citizen-light .infobox table, .skin-timeless .infobox table, .skin-vector .infobox table {
.skin-timeless .infoboxheader, .skin-vector .infoboxheader  {
background: rgb(180, 190, 185);
text-align: center;
color: #1a1a1b;
font-size:125%;
background-color: #ff4500;
color: #fff;
border: solid #1a1a1b;
}
 
.infobox-image .image:hover img {
    transform: scale( 1.1 );
}
}


.infobox table {
.infobox table {
background: var(--background-color-framed);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06), 0 10px 10px rgba(0, 0, 0, 0.06);
margin: 0 0 1em 1em;
margin: 0 0 1em 1em;
font-size: 95%;
font-size: 95%;
width: 310px;
width: 400px;
padding: 10px;
padding: 10px;
text-align: left;
text-align: left;
float: right;
float: right;
border-radius:16px;
border-radius:16px;
border: 1px solid var( --border-color-base );
}
}


.infoboxheader {
.infoboxheader {
background-color: #ff4500;
color: var(--color-base--emphasized);
color: #fff;
border-bottom: 1px solid #ff4500;  
text-align: center;
text-align: center;
font-size:125%;
font-size:125%;
font-weight:bold;
font-weight:bold;
}
.infobox-tr {
vertical-align: top;
}
.infobox-parameter {
font-weight: bold;
color: var(--color-base--subtle);
}
}

Latest revision as of 20:58, 12 April 2022

/* CSS placed here will affect Community templates */

@media screen and (max-width: 600px) {
  .infobox table {
  	clear: left;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
}

.skin-timeless .infobox table, .skin-vector .infobox table {
	background: rgb(180, 190, 185) !important;
	color: #1a1a1b !important;
	border: solid #1a1a1b 1px;
	margin: 0 0 1em 1em;
	font-size: 95%;
	background: #ccd;
	color: #1a1a1b;
	width: 310px;
	padding: 10px;
	text-align: left;
	float: right;
}

.skin-timeless .infoboxheader, .skin-vector .infoboxheader  {
	text-align: center;
	font-size:125%;
	background-color: #ff4500;
	color: #fff;
	border: solid #1a1a1b;
}

.infobox-image .image:hover img {
    transform: scale( 1.1 );
}

.infobox table {
	background: var(--background-color-framed);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06), 0 10px 10px rgba(0, 0, 0, 0.06);
	margin: 0 0 1em 1em;
	font-size: 95%;
	width: 400px;
	padding: 10px;
	text-align: left;
	float: right;
	border-radius:16px;
	border: 1px solid var( --border-color-base );
}

.infoboxheader {
	color: var(--color-base--emphasized);
	border-bottom: 1px solid #ff4500; 
	text-align: center;
	font-size:125%;
	font-weight:bold;
}

.infobox-tr {
	vertical-align: top;
}

.infobox-parameter {
	font-weight: bold;
	color: var(--color-base--subtle);
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.