Stle ribbon in header
This commit is contained in:
parent
d2ccc36af4
commit
72e262240f
1 changed files with 28 additions and 3 deletions
|
@ -2981,9 +2981,34 @@
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
#banner h1 .fk-friendica-logo-char {
|
||||
color: #FEBF19;
|
||||
}
|
||||
#banner h1 .fk-friendica-logo-char {
|
||||
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 {
|
||||
font-size: 1em;
|
||||
|
|
Loading…
Reference in a new issue