ProleWiki:Main page/Header/styles.css: Difference between revisions

From ProleWiki, the proletarian encyclopedia
(CSS that hides the title was removed, goes to another file)
m (Embrace border-radius)
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
#pw-mp-banner span {
.pw-mp-header {
display: inline-block;
width: 100%;
object-fit: contain;
object-position: center;
content: url(https://shared.prolewiki.org/uploads/f/f9/Mainpageheader.png);
}
 
 
.wd-mp-header {
overflow: hidden;
overflow: hidden;
position: relative;
position: relative;
Line 16: Line 7:
}
}


.wd-mp-headerimage {
.pw-mp-headerimage {
width: 100%;
width: 100%;
object-fit: contain;
border-radius:50px;
object-position: center;
}
}


.wd-mp-overlay {
.pw-mp-overlay {
height: 0;
height: 0;
left: 50%;
left: 50%;
Line 31: Line 21:
}
}


.wd-mp-headerbox {
.pw-mp-headerbox {
background: #ddd;
background: #ddd;
background: rgba(221, 221, 221, 0.85);
background: rgba(221, 221, 221, 0.85);
Line 38: Line 28:
font-size: 1.2em;
font-size: 1.2em;
line-height: 2em;
line-height: 2em;
border-radius:25px;
}
}


.wd-mp-subheader {
.pw-mp-subheader {
margin-top:10px;
margin-top:10px;
}
}
.wd-mp-subheader > div {
.pw-mp-subheader > div {
overflow: hidden;
overflow: hidden;
position: relative;
position: relative;
Line 55: Line 46:
text-align: center;
text-align: center;
box-sizing: border-box;
box-sizing: border-box;
border-radius:5px;
}
}

Latest revision as of 18:00, 17 November 2021

.pw-mp-header {
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	color: #484848;
}

.pw-mp-headerimage {
	width: 100%;
	border-radius:50px;
}

.pw-mp-overlay {
	height: 0;
	left: 50%;
	margin: 0 0 0 -50%;
	position: absolute;
	top: 65px;
	width: 100%;
}

.pw-mp-headerbox {
	background: #ddd;
	background: rgba(221, 221, 221, 0.85);
	display: inline-block;
	padding: 2em;
	font-size: 1.2em;
	line-height: 2em;
	border-radius:25px;
}

.pw-mp-subheader {
	margin-top:10px;
}
.pw-mp-subheader > div {
	overflow: hidden;
	position: relative;
	background-color:white;
	background-color:rgba(221, 221, 221, 0.85);
	display: inline-block;
	width: auto;
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	box-sizing: border-box;
	border-radius:5px;
}