ProleWiki:Main page/Header/styles.css: Difference between revisions
From ProleWiki, the proletarian encyclopedia
More languages
More actions
No edit summary |
m (Embrace border-radius) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
. | .pw-mp-header { | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
Line 7: | Line 7: | ||
} | } | ||
. | .pw-mp-headerimage { | ||
width: 100%; | width: 100%; | ||
border-radius:50px; | |||
} | } | ||
. | .pw-mp-overlay { | ||
height: 0; | height: 0; | ||
left: 50%; | left: 50%; | ||
Line 22: | Line 21: | ||
} | } | ||
. | .pw-mp-headerbox { | ||
background: #ddd; | background: #ddd; | ||
background: rgba(221, 221, 221, 0.85); | background: rgba(221, 221, 221, 0.85); | ||
Line 29: | Line 28: | ||
font-size: 1.2em; | font-size: 1.2em; | ||
line-height: 2em; | line-height: 2em; | ||
border-radius:25px; | |||
} | } | ||
. | .pw-mp-subheader { | ||
margin-top:10px; | margin-top:10px; | ||
} | } | ||
. | .pw-mp-subheader > div { | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
Line 46: | 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;
}