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) |
||
(16 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
. | .pw-mp-header { | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
Line 6: | Line 6: | ||
color: #484848; | color: #484848; | ||
} | } | ||
.pw-mp-headerimage { | |||
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. | 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; | |||
} | } | ||
. | .pw-mp-subheader { | ||
margin-top:10px; | margin-top:10px; | ||
} | } | ||
. | .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;
}