gronod/headphones
1
0
Fork 0
mirror of https://github.com/rembo10/headphones.git synced 2026-07-14 13:04:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Edited progressbars

Browse Source
This commit is contained in:
Brinken
2012-03-15 09:43:50 +01:00
parent c9ec401798
commit 81dc309d49
12 changed files with 229 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
data/css/style.css
+99 -38
View File
@@ -178,10 +178,10 @@ text-shadow: 1px 1px rgb(100,100,100);
line-height: 100%;
}
h1 { font-size: 14px; padding: 10px 0px 10px 10px; color: #FFF; text-decoration: none; background-color: #212121;}
h1 { font-size: 14px; padding: 10px 0px 10px 10px; color: #FFF; text-decoration: none; background-color: #212121; }
h2 { font-size: 13px; color: #FFF; text-decoration: none;}
h3 { font-size: 12px; color: #FFF; text-decoration: none;}
h4 { font-size: 12px; color: #FFF; text-decoration: none;}
h4 { font-size: 10px; color: #FFF; text-decoration: none;}
p.indented { margin-top: 20px; margin-bottom: 20px; font-size: 12px; }
p.center { text-align: center; font-size: 18px; }
@@ -294,20 +294,19 @@ overflow: hidden;
ul#subhead_menu
{
list-style-type: none;
list-style: none;
padding: 0px;
margin: 0px;
}
ul#subhead_menu li
{
height: 40px;
padding: 0px 9px 0px 9px;
float: left;
line-height: 40px;
display: inline-block;
border-left: 1px solid rgb(50,50,50);
border-right: 1px solid rgb(25,25,25);
margin: 0;
border-left: 1px solid rgb(45,45,45);
border-right: 1px solid rgb(15,15,15);
display: inline;
text-align: center;
}
ul#subhead_menu li:hover
@@ -317,18 +316,20 @@ background-image: -o-linear-gradient(bottom, rgb(70,0,10) 0%, rgb(60,0,20) 100%)
background-image: -moz-linear-gradient(bottom, rgb(70,0,10) 0%, rgb(60,0,20) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(70,0,10) 0%, rgb(60,0,20) 100%);
background-image: -ms-linear-gradient(bottom, rgb(70,0,10) 0%, rgb(60,0,20) 100%);
border-right: 1px solid rgb(30,30,30);
border-left: 1px solid rgb(10,10,10);
border-right: 1px solid rgb(45,45,45);
border-left: 1px solid rgb(15,15,15);
}
ul#subhead_menu li a
{
display: inline-block;
line-height: 40px;
color: white;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
display: block;
line-height: 40px;
color: white;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
ul#subhead_menu li a:hover
@@ -346,26 +347,35 @@ div#searchbar
z-index: 1000;
border-radius: 20px;
color: #fff;
background-color: rgb(120,0,10);
background-color: rgb(70,0,10);
border-top: 1px solid rgb(90,0,20);
border-left: 1px solid rgb(90,0,20);
box-shadow: 1px 1px 2px rgb(240,0,20);
}
div#searchbar input[type=text] {
background-color: rgb(120,0,10);
background-color: rgb(70,0,10);
border-radius: 20px 0px 0px 20px;
color: #fff;
padding: 2px 10px 2px 10px;
border: 0;
border-right: 1px solid #909090
border-right: 1px solid rgb(45,0,10);
}
div#searchbar select
{
color: #fff;
background-color: rgb(80,0,10);
border: 0px;
border-right: 1px solid rgb(15,0,10);
border-right: 1px solid rgb(45,0,10);
border: 0;
}
div#searchbar input[type=submit]
{
background-color: rgb(120,0,10);
background-color: rgb(70,0,10);
border-radius: 0px 20px 20px 0px;
padding: 2px 10px 2px 10px;
border: 0;
border-left: 1px solid #909090;
border-left: 1px solid rgb(45,0,10);
color: #fff;
}
@@ -373,13 +383,7 @@ div#searchbar input[type=submit]:hover {
background-color: #ac0000;
text-shadow: 1px 1px 3px #000; }
div#searchbar select
{
color: #fff;
background-color: rgb(120,0,10);
border: 0px;
border-color: rgb(70,0,10);
}
div#main
{
@@ -430,6 +434,49 @@ line-height: 40px;
font-weight: normal;
}
.btnStatus
{
background: rgb(30,170,140);
border: 1px solid #000;
box-shadow: 0px 0px 1px #000;
border-radius: 3px;
text-shadow: 0;
color: #fff;
font-size: 12px;
height: 18px;
line-height: 18px;
display: block;
width: 60%;
min-width: 90px;
text-align: center;
}
.btnStatus:hover {
text-decoration: none;
}
/*Status buttons*/
.btnDownloaded {
background: #a1a100;
}
.btnAbort {
background: rgb(170,0,10);
}
.btnGet {
background: rgb(10,30,160);
}
.btnNew
{
background: rgb(0,10,170);
}
.btnBack
{
margin-top: 10px;
background: #212121;
padding: 10px;
}
.table_wrapper { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100%; background-color: #313131; position: relative; min-height: 50px; clear: both; _height: 302px; zoom: 1; }
/*All inputs in the main content */
.table_wrapper input[type="text"],
@@ -595,16 +642,30 @@ table#searchresults_table td#artistname { vertical-align: middle; text-align: le
table#searchresults_table td#score { vertical-align: middle; text-align: left; min-width: 75px; }
/*progress container*/
div.progress-container { border: 1px solid #000; width: 100%; height: 15px; margin: 2px 5px 2px 5px; background: #414141; }
/*Progress bar*/
div.progress-container > div
div.progress-container span
{
height: 100%;
background-image: linear-gradient(bottom, rgb(44,97,0) 0%, rgb(69,122,0) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,97,0) 0%, rgb(69,122,0) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,97,0) 0%, rgb(69,122,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,97,0) 0%, rgb(69,122,0) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,97,0) 0%, rgb(69,122,0) 100%);
float: left;
margin: auto;
}
div.progress-container
{
border: 1px solid rgb(20,20,20);
width: 100%;
height: 15px;
margin: 2px 5px 2px 0px;
background: rgb(30,30,30);
color: rgb(30,30,30);
text-shadow: 1px 1px rgb(50,50,50);
text-align: center;
border-radius: 20px;
overflow: hidden;
}
/*Progress bar*/
div.progress-container div
{
height: 100%;
background-image: url(../images/progress.png);
}
/*text format for match/procent*/
.searchscrore,