From 189379b14ffd8e6db2adbf424dc6522e6121eaaf Mon Sep 17 00:00:00 2001 From: Luca Greco Date: Wed, 27 Jan 2016 20:08:31 +0100 Subject: [PATCH] Minor tweaks on inpage-toolbar-ui stylesheet --- inpage-toolbar-ui/toolbar/ui.css | 11 ++++++++++- inpage-toolbar-ui/toolbar/ui.html | 1 + 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/inpage-toolbar-ui/toolbar/ui.css b/inpage-toolbar-ui/toolbar/ui.css index a244bfe..9a81ae4 100644 --- a/inpage-toolbar-ui/toolbar/ui.css +++ b/inpage-toolbar-ui/toolbar/ui.css @@ -1,7 +1,16 @@ body { overflow: hidden; color: black; + background: rgba(255,255,255,0.9); +} + +#rainbow { background: linear-gradient(0deg, rgba(217,26,18,0.70) 15%, rgba(225,51,0,0.70) 15%, rgba(255, 127, 20, 0.70) 16%, rgba(242, 171, 3, 0.70) 32%, rgba(235, 192, 0, 0.70) 32%, rgba(250, 222, 0, 0.70) 33%, rgba(239, 255, 3, 0.70) 48%, rgba(86, 252, 2, 0.70) 49%, rgba(82, 255, 1, 0.70) 66%, rgba(74, 222, 126, 0.70) 67%, rgba(59, 170, 242, 0.70) 67%, rgba(59, 170, 242, 0.70) 84%, rgba(115, 55, 247, 0.70) 84%, rgba(107, 64, 242, 0.70) 100%); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 6px; } #title { @@ -17,7 +26,7 @@ body { /* Toggle Button. */ #toggle { - top: 4px; + top: 8px; right: 4px; position: absolute; margin: 0 1em; diff --git a/inpage-toolbar-ui/toolbar/ui.html b/inpage-toolbar-ui/toolbar/ui.html index 2c36118..981bcf3 100644 --- a/inpage-toolbar-ui/toolbar/ui.html +++ b/inpage-toolbar-ui/toolbar/ui.html @@ -6,6 +6,7 @@ +
In-Page "Amazing and super-useful" Toolbar