danbarber/tube-status-server
1
0
Fork 0
mirror of https://github.com/danbee/tube-status-server synced 2025-03-04 08:39:12 +00:00
Code Issues Releases Wiki Activity

Styling tweaks.

Browse Source
This commit is contained in:
Dan Barber 2013-01-29 17:02:09 +00:00
parent 41f003c24a
commit 813913ac57
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
stylesheets/main.css
View File

@ -1,7 +1,7 @@
@font-face { @font-face {
font-family: 'fontawesome'; font-family: 'fontawesome';
src: url("/fonts/fontawesome.eot"); src: url("../fonts/fontawesome.eot");
src: url("/fonts/fontawesome.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome.svg#fontawesome") format("svg"), url("/fonts/fontawesome.woff") format("woff"), url("/fonts/fontawesome.ttf") format("truetype"); src: url("../fonts/fontawesome.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome.svg#fontawesome") format("svg"), url("../fonts/fontawesome.woff") format("woff"), url("../fonts/fontawesome.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; } font-style: normal; }
@ -58,7 +58,7 @@ body {
width: 52px; width: 52px;
height: 52px; height: 52px;
margin: -26px 0 0 -26px; margin: -26px 0 0 -26px;
background: black url(/images/loader.gif) center center no-repeat; background: black url(../images/loader.gif) center center no-repeat;
border-radius: 26px; border-radius: 26px;
opacity: 0.7; opacity: 0.7;
display: none; } display: none; }
@ -98,10 +98,19 @@ header {
color: white; color: white;
font-family: "fontawesome"; font-family: "fontawesome";
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
header #refresh:focus { header #refresh:hover, header #refresh:focus {
background: rgba(255, 255, 255, 0.2); } background: rgba(255, 255, 255, 0.2); }
header #refresh:active { header #refresh:active {
background: rgba(255, 255, 255, 0.3); } padding: 0.4em 0.7em 0.3em;
background-color: rgba(255, 255, 255, 0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.15)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4); }
footer { footer {
position: fixed; position: fixed;
@ -149,7 +158,6 @@ footer {
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
border: 1px solid black;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4); } box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4); }
footer li a:before { footer li a:before {

7
stylesheets/main.scss
View File

@ -57,11 +57,13 @@ header {
color: white; color: white;
font-family: "fontawesome"; font-family: "fontawesome";
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
&:focus { &:hover, &:focus {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
} }
&:active { &:active {
background: rgba(255, 255, 255, 0.3); padding: 0.4em 0.7em 0.3em;
@include linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4));
} }
} }
} }
@ -100,7 +102,6 @@ footer {
color: white; color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5), 0 0 5px rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5), 0 0 5px rgba(255, 255, 255, 0.3);
@include linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15)); @include linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
border: 1px solid black;
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4)); @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.3), inset 0 2px 2px rgba(0, 0, 0, 0.4));
} }
&:before { &:before {