Stle ribbon in header

6 years ago · 72e262240f
parent d2ccc36af4
commit 72e262240f
1 changed files with 28 additions and 3 deletions
--- a/assets/css/main.css
+++ b/assets/css/main.css
@ -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;