Template:Infocard/styles.css - Revision history

Thadius856: +dshadow class

2022-01-25T11:27:24Z

+dshadow class

← Older revision		Revision as of 11:27, 25 January 2022
Line 164:		Line 164:
	margin-left: 0;		margin-left: 0;
	}		}

			img.dshadow4blk { filter: drop-shadow(0 0 4px rgba(0,0,0,1)) }

Thadius856: -another redundant color spec

2022-01-25T11:20:41Z

-another redundant color spec

← Older revision		Revision as of 11:20, 25 January 2022
Line 96:		Line 96:
	position: relative;		position: relative;
	z-index: 10;		z-index: 10;
	~~color: #c1c1c1;~~
	font-weight: 100;		font-weight: 100;
	}		}

Thadius856: -color for container

2022-01-25T11:19:11Z

-color for container

← Older revision		Revision as of 11:19, 25 January 2022
Line 54:		Line 54:
	position: relative;		position: relative;
	background: #222222;		background: #222222;
	~~color: #c1c1c1;~~
	}		}

Thadius856: format uls inside mclist

2022-01-24T21:51:02Z

format uls inside mclist

← Older revision		Revision as of 21:51, 24 January 2022
Line 159:		Line 159:
	.mclist-col-3 {		.mclist-col-3 {
	columns: 3;		columns: 3;
			}

			.mclist ul {
			list-style-type: none;
			list-style-image: unset;
			margin-left: 0;
	}		}

Thadius856: very minor spacing tweak

2022-01-24T07:54:01Z

very minor spacing tweak

← Older revision		Revision as of 07:54, 24 January 2022
Line 79:		Line 79:

	.infocard > .main-heading, .infocard .intro:first-child > .main-heading:first-child, .infocard .outro:first-child > .main-heading:first-child {		.infocard > .main-heading, .infocard .intro:first-child > .main-heading:first-child, .infocard .outro:first-child > .main-heading:first-child {
	margin-top: .75em;		margin-top: 0.75em;
	}		}

Line 88:		Line 88:

	.infocard.compact > .main-heading, .infocard.compact .intro:first-child > .main-heading:first-child, .infocard.compact .outro:first-child > .main-heading:first-child {		.infocard.compact > .main-heading, .infocard.compact .intro:first-child > .main-heading:first-child, .infocard.compact .outro:first-child > .main-heading:first-child {
	margin-top: 0.~~8em~~;		margin-top: 0.75em;
	}		}

Thadius856: +heading link dotted underline

2022-01-24T04:00:32Z

+heading link dotted underline

← Older revision		Revision as of 04:00, 24 January 2022
Line 125:		Line 125:
	font-size: 1.5em;		font-size: 1.5em;
	}		}

			.main-heading .hgroup .main a { text-decoration: underline dotted; }

	.infocard.compact .main-heading .icon {		.infocard.compact .main-heading .icon {
	right: -2.5em;		right: -2.5em;

Thadius856: fix colors, fix padding slightly

2022-01-24T03:49:32Z

fix colors, fix padding slightly

← Older revision		Revision as of 03:49, 24 January 2022
Line 79:		Line 79:

	.infocard > .main-heading, .infocard .intro:first-child > .main-heading:first-child, .infocard .outro:first-child > .main-heading:first-child {		.infocard > .main-heading, .infocard .intro:first-child > .main-heading:first-child, .infocard .outro:first-child > .main-heading:first-child {
	margin-top: ~~1em~~;		margin-top: .75em;
	}		}

	.infocard.compact .main-heading {		.infocard.compact .main-heading {
	padding-left: 0.5em;		padding-left: 0.5em;
	margin: 0.75em -0.5em 0.~~5em~~;		margin: 0.75em -0.5em 0.75em;
	}		}

	.infocard.compact > .main-heading, .infocard.compact .intro:first-child > .main-heading:first-child, .infocard.compact .outro:first-child > .main-heading:first-child {		.infocard.compact > .main-heading, .infocard.compact .intro:first-child > .main-heading:first-child, .infocard.compact .outro:first-child > .main-heading:first-child {
	margin-top: 0.~~5em~~;		margin-top: 0.8em;
	}		}

Line 107:		Line 107:

	.infocard.captainofindustry .main-heading .hgroup {		.infocard.captainofindustry .main-heading .hgroup {
	background: #~~2c2c2c~~;		background: #222222;
	}		}

Thadius856: update colors

2022-01-24T03:45:00Z

update colors

← Older revision		Revision as of 03:45, 24 January 2022
Line 7:		Line 7:
	clear: both;		clear: both;
	}		}



	#mainpage-wrapper {		#mainpage-wrapper {
Line 77:		Line 75:
	position: relative;		position: relative;
	line-height: 1;		line-height: 1;
	background: ~~#222222;~~		background: rgba(255, 164, 22, 1)
	}		}

Line 94:		Line 92:

	.infocard .main-heading .hgroup {		.infocard .main-heading .hgroup {
	background: ~~#222222~~;		background: rgba(34, 34, 34, 1);
	padding: 0 1em;		padding: 0 1em;
	display: inline-block;		display: inline-block;
Line 108:		Line 106:
	}		}

	.infocard.~~terraria~~ .main-heading .hgroup {		.infocard.captainofindustry .main-heading .hgroup {
	background: #2c2c2c;		background: #2c2c2c;
	}		}

Thadius856: +col count

2022-01-23T23:07:23Z

+col count

← Older revision		Revision as of 23:07, 23 January 2022
Line 154:		Line 154:
	.mclist {		.mclist {
	column-gap: 0.5em;		column-gap: 0.5em;
			}

			.mclist-col-3 {
			columns: 3;
	}		}

Thadius856: Creation

2022-01-23T22:57:07Z

Creation

New page

.clearfix::before, .clearfix::after {
content: " ";
display: table;
}

.clearfix::after {
clear: both;
}

#mainpage-wrapper {
min-width: 300px;
}

#mainpage-wrapper .section {
margin: 0 -2px;
}

.box-row-s #main-section #sep-B, .box-row-s #main-section #sep-D, .box-row-s #main-section #sep-F {
display: block;
}

#main-section .sep {
display: none;
width: 100%;
height: 0;
}

.width-f#box-items {
flex: 1 1 720px;
}

.width-e#box-items {
flex: 1 1 320px;
}

#mainpage-wrapper .section .infocard {
width: auto;
margin: 2px;
}

.infocard.captainofindustry {
background: #222222;
border-color: #FF9900;
}

.infocard {
margin: 0.5em 0;
padding: 1em;
box-sizing: border-box;
border: 1px solid orange;
border-radius: 6px;
width: 100%;
min-width: 300px;
position: relative;
background: #222222;
color: #c1c1c1;
}

.infocard.compact {
padding: 0.5em;
min-width: 240px;
}

.captainofindustry {
border: 1px #FF9900 solid;
padding: 8px 12px;
border-radius: 6px;
position: relative;
}

.infocard .main-heading {
border-right: 3em solid transparent;
padding-left: 1em;
margin: 2em -1em 1em;
position: relative;
line-height: 1;
background: #222222;
}

.infocard > .main-heading, .infocard .intro:first-child > .main-heading:first-child, .infocard .outro:first-child > .main-heading:first-child {
margin-top: 1em;
}

.infocard.compact .main-heading {
padding-left: 0.5em;
margin: 0.75em -0.5em 0.5em;
}

.infocard.compact > .main-heading, .infocard.compact .intro:first-child > .main-heading:first-child, .infocard.compact .outro:first-child > .main-heading:first-child {
margin-top: 0.5em;
}

.infocard .main-heading .hgroup {
background: #222222;
padding: 0 1em;
display: inline-block;
position: relative;
z-index: 10;
color: #c1c1c1;
font-weight: 100;
}

.infocard.compact .main-heading .hgroup {
padding: 0 0.5em;
font-weight: normal;
}

.infocard.terraria .main-heading .hgroup {
background: #2c2c2c;
}

.infocard .main-heading .icon {
position: absolute;
right: -2em;
top: 0;
height: 100%;
z-index: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}

.infocard.compact .main-heading .hgroup > .main {
font-size: 1.5em;
}
.infocard.compact .main-heading .icon {
right: -2.5em;
}

.infocard > .outro {
margin: 1em 0;
min-width: 200px;
}

.infocard .outro {
padding-top: 2px;
}

.infocard > .intro:last-child, .infocard > .outro:last-child, .infocard > .box:last-child {
margin-bottom: 0;
}

.infocard.compact > .outro {
margin: 0.5em 0;
}

.infocard.compact > .intro:last-child, .infocard.compact > .outro:last-child, .infocard.compact > .box:last-child {
margin-bottom: 0;
}

.mclist {
column-gap: 0.5em;
}