Difference between revisions of "Template:Intro to/styles.css"

From blackwiki
Jump to navigation Jump to search
imported>El C
m (Protected "Template:Intro to/styles.css": Highly visible template ([Edit=Require template editor access] (indefinite) [Move=Require template editor access] (indefinite)))
imported>Pppery
(Adding protection template)
Line 1: Line 1:
 +
/* {{pp-template}} */
 
.introto__main {
 
.introto__main {
 
display: flex;
 
display: flex;

Revision as of 20:57, 2 March 2020

/* {{pp-template}} */
.introto__main {
	display: flex;
	box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1100px;
	max-width: 100%;
	overflow: hidden;
	border: 1px solid black;
	margin: auto;
}
.introto__main-title {
	font-size: 250%;
	background: #777;
	color: #FFF;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.introto__lead {
	background:#EEE;
	padding: 30px 60px;
	margin-bottom: 30px;
}
.introto__base {
	max-width: 1060px;
	min-height: 55px;
	margin:auto;
    padding:5px 20px;
    font-size: 1.1em;
    background: #EEE;
    border: 1px solid lightgrey;
    border-top: 3px solid lightgrey;
}
.introto__tabs-main {
	height: auto;
}
.introto__tabs-title {
	font-size: 1.5em;
	font-weight: bold;
}
.introto__columns-left {
	display:inline-block;
	min-width: 260px;
	flex:0 1 0;
	vertical-align:top;
}
.introto__columns-right {
	display:inline-block;
	flex:1 1 0;
	padding: 1em;
    min-width:250px;
	vertical-align:top;
    border-left: 1px solid #c9c9c9;
}

@media screen and (min-width: 1100px) {
	.introto__main {
		max-width: 1100px;
	}
}

@media screen and (min-width: 800px) {
	.introto__tabs-main {
		padding: 2em;
	}
	.introto__columns-right{
		padding: 40px;
	}
}