felixfoertsch/webextensions-examples
1
0
Fork 0
mirror of https://github.com/mdn/webextensions-examples.git synced 2026-04-17 14:59:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Minor tweaks on inpage-toolbar-ui stylesheet

Browse Source
This commit is contained in:
Luca Greco
2016-01-27 20:08:31 +01:00
parent 5d6b7077da
commit 189379b14f
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
inpage-toolbar-ui/toolbar/ui.css
View File

@@ -1,7 +1,16 @@
body { body {
overflow: hidden; overflow: hidden;
color: black; 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%); 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 { #title {
@@ -17,7 +26,7 @@ body {
/* Toggle Button. */ /* Toggle Button. */
#toggle { #toggle {
top: 4px; top: 8px;
right: 4px; right: 4px;
position: absolute; position: absolute;
margin: 0 1em; margin: 0 1em;

1
inpage-toolbar-ui/toolbar/ui.html
View File

@@ -6,6 +6,7 @@
</head> </head>
<body> <body>
<span> <span>
<div id="rainbow"></div>
<img src="whimsy.png" class="whimsy wobbling"> <img src="whimsy.png" class="whimsy wobbling">
<span id="title" class="wobbling">In-Page "Amazing and super-useful" Toolbar</span> <span id="title" class="wobbling">In-Page "Amazing and super-useful" Toolbar</span>
</span> </span>