Merge pull request anru#47 from mateosss/mateosss/ghribbon-tweaks

Fork me button css tweaks
retzger · Oct 11, 2018 · 620b8ab · 620b8ab
2 parents 38c925b + b554263
commit 620b8ab
Showing 1 changed file with 10 additions and 30 deletions.
diff --git a/static/style/base.css b/static/style/base.css
@@ -112,36 +112,16 @@ li.ext_link {
     font-size: 0.9em !important;
 }
 
-a#github-ribbon {
-  position: fixed;
-  top: -5px;
-  right: 5px;
-  width: 150px;
-  line-height: 1;
-  padding: 8px 5px 5px;
-  color: white;
-
-  /* From colorzilla gradient generator */
-  background: #444444; /* Old browsers */
-  background: -moz-linear-gradient(top, #444444 0%, #666666 50%, #444444 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#666666), color-stop(100%,#444444)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #444444 0%,#666666 50%,#444444 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #444444 0%,#666666 50%,#444444 100%); /* Opera11.10+ */
-  background: -ms-linear-gradient(top, #444444 0%,#666666 50%,#444444 100%); /* IE10+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
-  background: linear-gradient(top, #444444 0%,#666666 50%,#444444 100%); /* W3C */
-
-  text-shadow: #333 1px 1px 1px; 
-  text-align: center;
+#github-ribbon {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  height: 2.5rem;
+  line-height: 2.5rem;
+  padding: 0 1rem;
+  color: #213A49;
+  background: #E1EAEF;
   text-decoration: none;
   font-weight: bold;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  -webkit-box-shadow: 0px 0px 10px #213A49; /* 94*3 */
-  -moz-box-shadow: 0px 0px 10px #213A49;
-  box-shadow: 0px 0px 10px #213A49;
-  z-index: 1;
+  border-radius: 2px;
 }
-
-