forked from friendica/friendica-wp-theme
Stle ribbon in header
This commit is contained in:
parent
d2ccc36af4
commit
72e262240f
|
@ -2981,9 +2981,34 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#banner h1 .fk-friendica-logo-char {
|
#banner h1 .fk-friendica-logo-char {
|
||||||
color: #FEBF19;
|
color: #FEBF19;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#banner h1 span { position: relative; }
|
||||||
|
#banner .ribbon {
|
||||||
|
position: absolute;
|
||||||
|
right: -100px; top: 0;
|
||||||
|
background-color: #d16103;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
line-height: 1.2em;
|
||||||
|
transform: rotate(20deg);
|
||||||
|
font-size: 12pt;
|
||||||
|
border-radius: 100%;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -moz-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
transition: all 0.2s linear;
|
||||||
|
}
|
||||||
|
#banner .ribbon:hover { transform: scale(1.3, 1.3); }
|
||||||
|
|
||||||
|
|
||||||
#banner p {
|
#banner p {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
|
Loading…
Reference in a new issue