Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

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

From ProleWiki, the proletarian encyclopedia
More languages
No edit summary
m (Embrace border-radius)
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.wd-mp-header {
.pw-mp-header {
overflow: hidden;
overflow: hidden;
position: relative;
position: relative;
Line 7: Line 7:
}
}


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


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


.wd-mp-headerbox {
.pw-mp-headerbox {
background: #ddd;
background: #ddd;
background: rgba(221, 221, 221, 0.9);
background: rgba(221, 221, 221, 0.85);
display: inline-block;
display: inline-block;
padding: 2em;
padding: 2em;
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;
background-color:white;
background-color:white;
background-color:rgba(221, 221, 221, 0.85);
display: inline-block;
display: inline-block;
width: auto;
width: auto;
Line 45: 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;
}