mirror of
https://github.com/rembo10/headphones.git
synced 2026-05-10 13:49:32 +01:00
Merge remote-tracking branch 'maxkoryukov/fix/less' into develop
This commit is contained in:
rembo10
25
data/interfaces/default/css/README.md
Normal file
25
data/interfaces/default/css/README.md
Normal file
@@ -0,0 +1,25 @@
|
||||
# About less and css
|
||||
|
||||
**The main message of this document: DO NOT MODIFY style.css - IT IS GENERATED FILE**
|
||||
|
||||
----
|
||||
|
||||
If you want modify the appearance of Headphones, please, follow this simple steps.
|
||||
|
||||
0. **Install**. Do this just once, and if you still do not have `lessc` utility on your PC. Here is very useful guide, how to install less : [http://lesscss.org/#using-less-installation](http://lesscss.org/#using-less-installation)
|
||||
1. **Modify**. Carefully add your changes to the `style.less` (`.less` extension, not `.css`).
|
||||
2. **Compile**. Currently, there is no magic, so you should compile css manually. Go to the `/data/interfaces/default/css` folder (or use full paths..), and then just type:
|
||||
|
||||
```bash
|
||||
lessc style.less > style.css
|
||||
```
|
||||
|
||||
_works good on *nix hosts, I didn't test this on win-hosts_
|
||||
|
||||
DONE. You have new CSS file.
|
||||
|
||||
## LESS
|
||||
|
||||
Less is very useful tool (CSS pre-processor) for CSS writing. There is the awesome guide on the official site: [Official Less Guide](http://lesscss.org/features/)
|
||||
|
||||
Thanks!
|
||||
@@ -10,9 +10,16 @@
|
||||
@msg-bg: #FFF6A9;
|
||||
@msg-bg-success: #D3FFD7;
|
||||
@msg-bg-error: #FFD3D3;
|
||||
@brand-color: #4F4F4F;
|
||||
@caption-color: #999999;
|
||||
|
||||
@gradient-color-1: #FAFAFA;
|
||||
@gradient-color-2: #E7E7E7;
|
||||
|
||||
@heading-input-radius: 5px;
|
||||
|
||||
/* Mixins */
|
||||
.rounded(@radius: 5px) {
|
||||
.rounded(@radius: 5px) {
|
||||
-moz-border-radius: @radius;
|
||||
-webkit-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
@@ -75,3 +82,32 @@
|
||||
opacity:@opacity_percent / 100 !important;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
COLUMNS STUFF
|
||||
https://css-tricks.com/guide-responsive-friendly-css-columns/
|
||||
*/
|
||||
.columnWidth(@width) {
|
||||
-webkit-column-width: @width;
|
||||
-moz-column-width: @width;
|
||||
column-width: @width;
|
||||
}
|
||||
.columnCount(@count) {
|
||||
-webkit-columns: @count;
|
||||
-moz-columns: @count;
|
||||
columns: @count;
|
||||
}
|
||||
.columnGap(@width) {
|
||||
-webkit-column-gap: @width;
|
||||
-moz-column-gap: @width;
|
||||
column-gap: @width;
|
||||
}
|
||||
.columnRule(@border) {
|
||||
-webkit-column-rule: @border;
|
||||
-moz-column-rule: @border;
|
||||
column-rule: @border;
|
||||
}
|
||||
.columnSpan(@what) {
|
||||
-webkit-column-span: @what;
|
||||
column-span: @what;
|
||||
}
|
||||
@@ -1,5 +1,9 @@
|
||||
/* Variables */
|
||||
/* Mixins */
|
||||
/*
|
||||
COLUMNS STUFF
|
||||
https://css-tricks.com/guide-responsive-friendly-css-columns/
|
||||
*/
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
@@ -103,7 +107,7 @@ body {
|
||||
padding: 0;
|
||||
}
|
||||
a {
|
||||
color: #4183c4;
|
||||
color: #4183C4;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
@@ -125,7 +129,7 @@ a .ui-icon {
|
||||
float: left;
|
||||
}
|
||||
.links a:hover {
|
||||
color: #4183c4;
|
||||
color: #4183C4;
|
||||
}
|
||||
.links a .ui-icon {
|
||||
float: left;
|
||||
@@ -146,14 +150,106 @@ p.center {
|
||||
}
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px solid #cccccc;
|
||||
border-top: 1px solid #CCCCCC;
|
||||
display: block;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
small {
|
||||
font-size: 85%;
|
||||
small,
|
||||
.small {
|
||||
font-size: xx-small;
|
||||
}
|
||||
.configtable legend {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
text-shadow: 1px 1px 0 #FFFFFF;
|
||||
}
|
||||
.configtable tr td:last-child {
|
||||
border-left: 1px dotted #ddd;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.configtable td {
|
||||
padding-right: 15px;
|
||||
width: 50%;
|
||||
}
|
||||
.config legend {
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em;
|
||||
text-shadow: 1px 1px 0 #FFFFFF;
|
||||
}
|
||||
.config .caption {
|
||||
color: #999999;
|
||||
line-height: 12px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
.config .tab {
|
||||
-webkit-column-rule: 1px solid #CCCCCC;
|
||||
-moz-column-rule: 1px solid #CCCCCC;
|
||||
column-rule: 1px solid #CCCCCC;
|
||||
-webkit-columns: 2;
|
||||
-moz-columns: 2;
|
||||
columns: 2;
|
||||
-webkit-column-gap: 4em;
|
||||
-moz-column-gap: 4em;
|
||||
column-gap: 4em;
|
||||
}
|
||||
.config .tab .message {
|
||||
-webkit-column-span: all;
|
||||
column-span: all;
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.config .block {
|
||||
-webkit-column-break-inside: avoid;
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid-column;
|
||||
}
|
||||
.config .option {
|
||||
margin-bottom: 1em;
|
||||
font-size: 12px;
|
||||
}
|
||||
.config .option:after {
|
||||
content: " ";
|
||||
/* Older browser do not support empty content */
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
}
|
||||
.config .option .input-wrapper {
|
||||
float: left;
|
||||
}
|
||||
.config .option label {
|
||||
width: 170px;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
}
|
||||
.config .option input {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.config .option input[type=text],
|
||||
.config .option input[type=password],
|
||||
.config .option input[type=number] {
|
||||
border: 1px solid #DDD;
|
||||
border-top: 1px solid #CDCDCD;
|
||||
-moz-box-shadow: inset 0 1px 1px #e0e0e0;
|
||||
-webkit-box-shadow: inset 0 1px 1px #e0e0e0;
|
||||
-o-box-shadow: inset 0 1px 1px #e0e0e0;
|
||||
box-shadow: inset 0 1px 1px #e0e0e0;
|
||||
color: #343434;
|
||||
font-size: larger;
|
||||
max-width: 230px;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.config .option input[type=number] {
|
||||
max-width: 5em;
|
||||
}
|
||||
.config .embed-option-block {
|
||||
margin-left: 1em;
|
||||
}
|
||||
img.albumArt {
|
||||
float: left;
|
||||
@@ -184,17 +280,17 @@ table {
|
||||
border-spacing: 0;
|
||||
}
|
||||
table th {
|
||||
background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
|
||||
background-image: linear-gradient(#fafafa, #eaeaea) !important;
|
||||
background-image: -webkit-linear-gradient(#fafafa, #eaeaea) !important;
|
||||
background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
|
||||
background-image: -moz-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: -webkit-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: -o-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#E7E7E7) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#E7E7E7) !important;
|
||||
border-left: 1px solid #E0E0E0;
|
||||
-moz-box-shadow: 1px 0 0 #fafafa;
|
||||
-webkit-box-shadow: 1px 0 0 #fafafa;
|
||||
-o-box-shadow: 1px 0 0 #fafafa;
|
||||
box-shadow: 1px 0 0 #fafafa;
|
||||
-moz-box-shadow: 1px 0 0 #FAFAFA;
|
||||
-webkit-box-shadow: 1px 0 0 #FAFAFA;
|
||||
-o-box-shadow: 1px 0 0 #FAFAFA;
|
||||
box-shadow: 1px 0 0 #FAFAFA;
|
||||
text-shadow: 1px 1px 0 #FFFFFF ;
|
||||
}
|
||||
table th input[type="checkbox"] {
|
||||
@@ -209,13 +305,13 @@ table th:first-child {
|
||||
}
|
||||
table th.sorting_desc,
|
||||
table th.sorting_asc {
|
||||
background-image: -moz-linear-gradient(#fafbfd, #dce6ef) !important;
|
||||
background-image: linear-gradient(#fafbfd, #dce6ef) !important;
|
||||
background-image: -webkit-linear-gradient(#fafbfd, #dce6ef) !important;
|
||||
background-image: -o-linear-gradient(#fafbfd, #dce6ef) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafbfd, endColorstr=#dce6ef) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafbfd, endColorstr=#dce6ef) !important;
|
||||
color: #4183c4;
|
||||
background-image: -moz-linear-gradient(#FAFBFD, #DCE6EF) !important;
|
||||
background-image: linear-gradient(#FAFBFD, #DCE6EF) !important;
|
||||
background-image: -webkit-linear-gradient(#FAFBFD, #DCE6EF) !important;
|
||||
background-image: -o-linear-gradient(#FAFBFD, #DCE6EF) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFBFD, endColorstr=#DCE6EF) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFBFD, endColorstr=#DCE6EF) !important;
|
||||
color: #4183C4;
|
||||
}
|
||||
table td {
|
||||
vertical-align: top;
|
||||
@@ -227,18 +323,7 @@ select,
|
||||
input,
|
||||
textarea,
|
||||
button {
|
||||
font: 99%;
|
||||
}
|
||||
select {
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
background: #4F4F4F;
|
||||
border: 0;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
|
||||
color: #fff;
|
||||
padding: 3px 10px;
|
||||
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
|
||||
font-size: 99%;
|
||||
}
|
||||
textarea {
|
||||
overflow: auto;
|
||||
@@ -286,8 +371,7 @@ input,
|
||||
select,
|
||||
form .checkbox input,
|
||||
.configtable td#middle,
|
||||
#artist_table td#have,
|
||||
#album_table td#have {
|
||||
#artist_table td#have {
|
||||
vertical-align: middle;
|
||||
}
|
||||
input[type="radio"] {
|
||||
@@ -336,7 +420,6 @@ form fieldset small.heading {
|
||||
margin-top: -15px;
|
||||
}
|
||||
form .row {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
form .row label {
|
||||
@@ -416,21 +499,6 @@ form .checkbox small {
|
||||
margin: 0 !important;
|
||||
width: auto;
|
||||
}
|
||||
form .indent input {
|
||||
margin-left: 15px;
|
||||
}
|
||||
form .suboptions {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.option{
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
vertical-align: middle;
|
||||
}
|
||||
input.bigcheck[type="checkbox"] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
margin-left: 2em;
|
||||
@@ -473,24 +541,24 @@ ul#nav li a {
|
||||
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
ul#nav li a:hover {
|
||||
background-image: -moz-linear-gradient(#f1f1f1, #e0e0e0) !important;
|
||||
background-image: linear-gradient(#f1f1f1, #e0e0e0) !important;
|
||||
background-image: -webkit-linear-gradient(#f1f1f1, #e0e0e0) !important;
|
||||
background-image: -o-linear-gradient(#f1f1f1, #e0e0e0) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#e0e0e0) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#e0e0e0) !important;
|
||||
background-image: -moz-linear-gradient(#F1F1F1, #E0E0E0) !important;
|
||||
background-image: linear-gradient(#F1F1F1, #E0E0E0) !important;
|
||||
background-image: -webkit-linear-gradient(#F1F1F1, #E0E0E0) !important;
|
||||
background-image: -o-linear-gradient(#F1F1F1, #E0E0E0) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F1F1F1, endColorstr=#E0E0E0) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F1F1F1, endColorstr=#E0E0E0) !important;
|
||||
border: 1px solid #DDDDDD;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-moz-box-shadow: 0 1px 0 #fafafa;
|
||||
-webkit-box-shadow: 0 1px 0 #fafafa;
|
||||
-o-box-shadow: 0 1px 0 #fafafa;
|
||||
box-shadow: 0 1px 0 #fafafa;
|
||||
-moz-box-shadow: 0 1px 0 #fafafa inset;
|
||||
-webkit-box-shadow: 0 1px 0 #fafafa inset;
|
||||
-o-box-shadow: 0 1px 0 #fafafa inset;
|
||||
box-shadow: 0 1px 0 #fafafa inset;
|
||||
-moz-box-shadow: 0 1px 0 #FAFAFA;
|
||||
-webkit-box-shadow: 0 1px 0 #FAFAFA;
|
||||
-o-box-shadow: 0 1px 0 #FAFAFA;
|
||||
box-shadow: 0 1px 0 #FAFAFA;
|
||||
-moz-box-shadow: 0 1px 0 #FAFAFA inset;
|
||||
-webkit-box-shadow: 0 1px 0 #FAFAFA inset;
|
||||
-o-box-shadow: 0 1px 0 #FAFAFA inset;
|
||||
box-shadow: 0 1px 0 #FAFAFA inset;
|
||||
-webkit-transition: color 0.2s ease-in;
|
||||
-moz-transition: color 0.2s ease-in;
|
||||
-o-transition: color 0.2s ease-in;
|
||||
@@ -510,13 +578,13 @@ ul#nav li a.log {
|
||||
padding: 10px 15px 11px;
|
||||
}
|
||||
header {
|
||||
background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
|
||||
background-image: linear-gradient(#fafafa, #eaeaea) !important;
|
||||
background-image: -webkit-linear-gradient(#fafafa, #eaeaea) !important;
|
||||
background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
|
||||
border-bottom: 1px solid #CACACA;
|
||||
background-image: -moz-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: -webkit-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: -o-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#E7E7E7) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#E7E7E7) !important;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
@@ -556,12 +624,12 @@ footer {
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcf5c2, endColorstr=#fff6a9) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcf5c2, endColorstr=#fff6a9) !important;
|
||||
background-image: -moz-linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
background-image: linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
background-image: -webkit-linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
background-image: -o-linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCF5C2, endColorstr=#FFF6A9) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCF5C2, endColorstr=#FFF6A9) !important;
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
margin-top: 10px;
|
||||
@@ -573,23 +641,23 @@ footer {
|
||||
top: 4px;
|
||||
}
|
||||
.ajaxMsg {
|
||||
border: 1px solid #cccccc;
|
||||
background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
|
||||
background-image: linear-gradient(#ffffff, #eeeeee) !important;
|
||||
background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
|
||||
background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee) !important;
|
||||
border: 1px solid #CCCCCC;
|
||||
background-image: -moz-linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
background-image: linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
background-image: -webkit-linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
background-image: -o-linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE) !important;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
display: none;
|
||||
font-size: 14px;
|
||||
font-size: larger;
|
||||
right: 10px;
|
||||
-moz-box-shadow: 0px 0px 2px #aaaaaa;
|
||||
-webkit-box-shadow: 0px 0px 2px #aaaaaa;
|
||||
-o-box-shadow: 0px 0px 2px #aaaaaa;
|
||||
box-shadow: 0px 0px 2px #aaaaaa;
|
||||
-moz-box-shadow: 0px 0px 2px #aaa;
|
||||
-webkit-box-shadow: 0px 0px 2px #aaa;
|
||||
-o-box-shadow: 0px 0px 2px #aaa;
|
||||
box-shadow: 0px 0px 2px #aaa;
|
||||
padding: 7px 10px;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
@@ -612,23 +680,23 @@ footer {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
.ajaxMsg .success {
|
||||
background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3ffd7, endColorstr=#c2edc6) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3ffd7, endColorstr=#c2edc6) !important;
|
||||
.ajaxMsg.success {
|
||||
background-image: -moz-linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
background-image: linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
background-image: -webkit-linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
background-image: -o-linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D3FFD7, endColorstr=#C2EDC6) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D3FFD7, endColorstr=#C2EDC6) !important;
|
||||
padding: 15px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
.ajaxMsg .error {
|
||||
background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd3d3, endColorstr=#edc4c4) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd3d3, endColorstr=#edc4c4) !important;
|
||||
.ajaxMsg.error {
|
||||
background-image: -moz-linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
background-image: linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
background-image: -webkit-linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
background-image: -o-linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD3D3, endColorstr=#EDC4C4) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD3D3, endColorstr=#EDC4C4) !important;
|
||||
padding: 15px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -640,23 +708,23 @@ footer {
|
||||
margin-right: 3px;
|
||||
}
|
||||
#updatebar {
|
||||
border: 1px solid #cccccc;
|
||||
background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
|
||||
background-image: linear-gradient(#ffffff, #eeeeee) !important;
|
||||
background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
|
||||
background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee) !important;
|
||||
border: 1px solid #CCCCCC;
|
||||
background-image: -moz-linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
background-image: linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
background-image: -webkit-linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
background-image: -o-linear-gradient(#FFFFFF, #EEEEEE) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE) !important;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
display: none;
|
||||
font-size: 14px;
|
||||
font-size: larger;
|
||||
right: 10px;
|
||||
-moz-box-shadow: 0px 0px 2px #aaaaaa;
|
||||
-webkit-box-shadow: 0px 0px 2px #aaaaaa;
|
||||
-o-box-shadow: 0px 0px 2px #aaaaaa;
|
||||
box-shadow: 0px 0px 2px #aaaaaa;
|
||||
-moz-box-shadow: 0px 0px 2px #aaa;
|
||||
-webkit-box-shadow: 0px 0px 2px #aaa;
|
||||
-o-box-shadow: 0px 0px 2px #aaa;
|
||||
box-shadow: 0px 0px 2px #aaa;
|
||||
padding: 7px 10px;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
@@ -670,12 +738,12 @@ footer {
|
||||
-o-opacity: 0.8 !important;
|
||||
opacity: 0.8 !important;
|
||||
display: block;
|
||||
background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcf5c2, endColorstr=#fff6a9) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcf5c2, endColorstr=#fff6a9) !important;
|
||||
background-image: -moz-linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
background-image: linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
background-image: -webkit-linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
background-image: -o-linear-gradient(#FCF5C2, #FFF6A9) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCF5C2, endColorstr=#FFF6A9) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCF5C2, endColorstr=#FFF6A9) !important;
|
||||
}
|
||||
#updatebar .msg {
|
||||
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
|
||||
@@ -687,22 +755,22 @@ footer {
|
||||
top: 2px;
|
||||
}
|
||||
#updatebar.success {
|
||||
background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3ffd7, endColorstr=#c2edc6) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3ffd7, endColorstr=#c2edc6) !important;
|
||||
background-image: -moz-linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
background-image: linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
background-image: -webkit-linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
background-image: -o-linear-gradient(#D3FFD7, #C2EDC6) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D3FFD7, endColorstr=#C2EDC6) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D3FFD7, endColorstr=#C2EDC6) !important;
|
||||
padding: 15px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
#updatebar.error {
|
||||
background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd3d3, endColorstr=#edc4c4) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd3d3, endColorstr=#edc4c4) !important;
|
||||
background-image: -moz-linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
background-image: linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
background-image: -webkit-linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
background-image: -o-linear-gradient(#FFD3D3, #EDC4C4) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD3D3, endColorstr=#EDC4C4) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD3D3, endColorstr=#EDC4C4) !important;
|
||||
padding: 15px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -731,23 +799,23 @@ footer {
|
||||
z-index: 99;
|
||||
}
|
||||
#subhead #subhead_container #subhead_menu a {
|
||||
background-image: -moz-linear-gradient(#f4f4f4, #e7e7e7) !important;
|
||||
background-image: linear-gradient(#f4f4f4, #e7e7e7) !important;
|
||||
background-image: -webkit-linear-gradient(#f4f4f4, #e7e7e7) !important;
|
||||
background-image: -o-linear-gradient(#f4f4f4, #e7e7e7) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4f4f4, endColorstr=#e7e7e7) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4f4f4, endColorstr=#e7e7e7) !important;
|
||||
background-image: -moz-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: -webkit-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
background-image: -o-linear-gradient(#FAFAFA, #E7E7E7) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#E7E7E7) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#E7E7E7) !important;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
#subhead #subhead_container #subhead_menu a:hover {
|
||||
background-image: -moz-linear-gradient(#599bdc, #3072b3) !important;
|
||||
background-image: linear-gradient(#599bdc, #3072b3) !important;
|
||||
background-image: -webkit-linear-gradient(#599bdc, #3072b3) !important;
|
||||
background-image: -o-linear-gradient(#599bdc, #3072b3) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#599bdc, endColorstr=#3072b3) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#599bdc, endColorstr=#3072b3) !important;
|
||||
background-image: -moz-linear-gradient(#599BDC, #3072B3) !important;
|
||||
background-image: linear-gradient(#599BDC, #3072B3) !important;
|
||||
background-image: -webkit-linear-gradient(#599BDC, #3072B3) !important;
|
||||
background-image: -o-linear-gradient(#599BDC, #3072B3) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#599BDC, endColorstr=#3072B3) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#599BDC, endColorstr=#3072B3) !important;
|
||||
color: #FFF;
|
||||
border-color: #518CC6 #518CC6 #2A65A0;
|
||||
}
|
||||
@@ -770,6 +838,9 @@ div#searchbar {
|
||||
div#searchbar input[type=text] {
|
||||
border: 1px solid #DDD;
|
||||
border-top: 1px solid #CDCDCD;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-box-shadow: 0 1px 0 #f1f1f1;
|
||||
-webkit-box-shadow: 0 1px 0 #f1f1f1;
|
||||
-o-box-shadow: 0 1px 0 #f1f1f1;
|
||||
@@ -778,9 +849,9 @@ div#searchbar input[type=text] {
|
||||
-webkit-box-shadow: inset 0 1px 1px #e0e0e0;
|
||||
-o-box-shadow: inset 0 1px 1px #e0e0e0;
|
||||
box-shadow: inset 0 1px 1px #e0e0e0;
|
||||
color: #999;
|
||||
color: #999999;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
font-size: larger;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
margin-right: 5px;
|
||||
@@ -794,20 +865,6 @@ div#searchbar .mini-icon {
|
||||
margin-left: 9px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
.configtable legend {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
text-shadow: 1px 1px 0 #FFFFFF;
|
||||
}
|
||||
.configtable tr td:last-child {
|
||||
border-left: 1px dotted #ddd;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.configtable td {
|
||||
padding-right: 15px;
|
||||
width: 50%;
|
||||
}
|
||||
.table_wrapper {
|
||||
_height: 302px;
|
||||
background-color: #FFF;
|
||||
@@ -851,10 +908,10 @@ div#artistheader {
|
||||
div#artistheader #artistImg {
|
||||
background: #ffffff url("../images/loader_black.gif") center no-repeat;
|
||||
border: 5px solid #FFF;
|
||||
-moz-box-shadow: 1px 1px 2px 0 #555555;
|
||||
-webkit-box-shadow: 1px 1px 2px 0 #555555;
|
||||
-o-box-shadow: 1px 1px 2px 0 #555555;
|
||||
box-shadow: 1px 1px 2px 0 #555555;
|
||||
-moz-box-shadow: 1px 1px 2px 0 #555;
|
||||
-webkit-box-shadow: 1px 1px 2px 0 #555;
|
||||
-o-box-shadow: 1px 1px 2px 0 #555;
|
||||
box-shadow: 1px 1px 2px 0 #555;
|
||||
float: left;
|
||||
height: 200px;
|
||||
margin-bottom: 30px;
|
||||
@@ -918,7 +975,7 @@ div#artistheader h2 a {
|
||||
vertical-align: middle;
|
||||
}
|
||||
#artist_table #artistImg {
|
||||
background: url("../images/loader_black.gif") no-repeat scroll center center #ffffff;
|
||||
background: url("../images/loader_black.gif") no-repeat scroll center center #FFFFFF;
|
||||
border: 3px solid #FFFFFF;
|
||||
box-shadow: 1px 1px 2px 0 #555555;
|
||||
float: left;
|
||||
@@ -970,10 +1027,10 @@ div#artistheader h2 a {
|
||||
#albumheader #albumImg {
|
||||
background: #ffffff url("../images/loader_black.gif") center no-repeat;
|
||||
border: 5px solid #FFF;
|
||||
-moz-box-shadow: 1px 1px 2px 0 #555555;
|
||||
-webkit-box-shadow: 1px 1px 2px 0 #555555;
|
||||
-o-box-shadow: 1px 1px 2px 0 #555555;
|
||||
box-shadow: 1px 1px 2px 0 #555555;
|
||||
-moz-box-shadow: 1px 1px 2px 0 #555;
|
||||
-webkit-box-shadow: 1px 1px 2px 0 #555;
|
||||
-o-box-shadow: 1px 1px 2px 0 #555;
|
||||
box-shadow: 1px 1px 2px 0 #555;
|
||||
float: left;
|
||||
height: 200px;
|
||||
margin-bottom: 30px;
|
||||
@@ -1016,6 +1073,13 @@ div#artistheader h2 a {
|
||||
#albumheader .albuminfo li:last-child {
|
||||
border: none;
|
||||
}
|
||||
.nopad {
|
||||
margin-bottom: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
#album_table {
|
||||
background-color: #FFF;
|
||||
}
|
||||
@@ -1032,7 +1096,6 @@ div#artistheader h2 a {
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
#album_table th#status,
|
||||
#album_table th#albumart {
|
||||
min-width: 50px;
|
||||
text-align: left;
|
||||
@@ -1047,11 +1110,47 @@ div#artistheader h2 a {
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
}
|
||||
#album_table th#albumname {
|
||||
min-width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
#album_table th#bitrate,
|
||||
#album_table th#albumformat {
|
||||
min-width: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
#album_table th#type {
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
#album_table td {
|
||||
vertical-align: middle;
|
||||
font-size: larger;
|
||||
}
|
||||
#album_table td#albumname,
|
||||
#album_table td#reldate,
|
||||
#album_table td#type,
|
||||
#album_table td#bitrate,
|
||||
#album_table td#albumformat,
|
||||
#album_table td#score,
|
||||
#album_table td#wantlossless {
|
||||
text-align: center;
|
||||
}
|
||||
#album_table td#select {
|
||||
text-align: left;
|
||||
}
|
||||
#album_table td#albumart {
|
||||
text-align: left;
|
||||
}
|
||||
#album_table td#albumart img {
|
||||
background: #FFF;
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px;
|
||||
}
|
||||
#album_table td#status {
|
||||
text-align: center;
|
||||
}
|
||||
#album_table td#status a#wantlossless {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -1094,20 +1193,19 @@ div#artistheader h2 a {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#downloads_table th#title {
|
||||
#downloads_table th {
|
||||
text-align: center;
|
||||
}
|
||||
#downloads_table th#title {
|
||||
min-width: 500px;
|
||||
}
|
||||
#downloads_table th#size {
|
||||
text-align: center;
|
||||
min-width: 80px;
|
||||
}
|
||||
#downloads_table th#provider {
|
||||
text-align: center;
|
||||
min-width: 100px;
|
||||
}
|
||||
#downloads_table th#kind {
|
||||
text-align: center;
|
||||
min-width: 80px;
|
||||
}
|
||||
#history_table {
|
||||
@@ -1152,87 +1250,54 @@ div#artistheader h2 a {
|
||||
font-size: 12px;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
#searchresults_table th {
|
||||
font-size: larger;
|
||||
text-align: left;
|
||||
min-width: 50px;
|
||||
}
|
||||
#searchresults_table th#artistnamesmall {
|
||||
min-width: 125px;
|
||||
}
|
||||
#searchresults_table th#reldate {
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
#searchresults_table th#albumname {
|
||||
min-width: 250px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table th#artistname {
|
||||
min-width: 325px;
|
||||
}
|
||||
#searchresults_table th#score {
|
||||
min-width: 75px;
|
||||
text-align: center;
|
||||
}
|
||||
#searchresults_table td {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
font-size: larger;
|
||||
min-width: 50px;
|
||||
}
|
||||
#searchresults_table th#artistnamesmall {
|
||||
min-width: 125px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
#searchresults_table td#artistnamesmall {
|
||||
min-width: 100px;
|
||||
}
|
||||
#searchresults_table th#reldate {
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table th#format {
|
||||
min-width: 50px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table th#tracks {
|
||||
min-width: 50px;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table #artistImg {
|
||||
background: url("../images/loader_black.gif") no-repeat scroll center center #ffffff;
|
||||
border: 3px solid #FFFFFF;
|
||||
box-shadow: 1px 1px 2px 0 #555555;
|
||||
float: left;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
text-indent: -3000px;
|
||||
width: 50px;
|
||||
#searchresults_table td#reldate {
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
#searchresults_table td#albumname {
|
||||
min-width: 250px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
min-width: 220px;
|
||||
}
|
||||
#searchresults_table td#artistname {
|
||||
min-width: 300px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#searchresults_table td#artistnamesmall {
|
||||
min-width: 100px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table td#reldate {
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table td#format {
|
||||
min-width: 50px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table td#tracks {
|
||||
min-width: 50px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
}
|
||||
#searchresults_table td#add {
|
||||
vertical-align: middle;
|
||||
#searchresults_table td#score {
|
||||
min-width: 75px;
|
||||
}
|
||||
#searchresults_table td#score .bar {
|
||||
width: 100px;
|
||||
margin: 0 auto;
|
||||
border: 1px solid #cccccc;
|
||||
border: 1px solid #CCCCCC;
|
||||
padding: 1px;
|
||||
background-color: #FFF;
|
||||
}
|
||||
@@ -1243,12 +1308,22 @@ div#artistheader h2 a {
|
||||
font-size: 11px;
|
||||
vertical-align: middle;
|
||||
line-height: normal;
|
||||
background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important;
|
||||
background-image: linear-gradient(#a3e532, #90cc2a) !important;
|
||||
background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important;
|
||||
background-image: -o-linear-gradient(#a3e532, #90cc2a) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3e532, endColorstr=#90cc2a) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3e532, endColorstr=#90cc2a) !important;
|
||||
background-image: -moz-linear-gradient(#A3E532, #90CC2A) !important;
|
||||
background-image: linear-gradient(#A3E532, #90CC2A) !important;
|
||||
background-image: -webkit-linear-gradient(#A3E532, #90CC2A) !important;
|
||||
background-image: -o-linear-gradient(#A3E532, #90CC2A) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A3E532, endColorstr=#90CC2A) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A3E532, endColorstr=#90CC2A) !important;
|
||||
}
|
||||
#searchresults_table #artistImg {
|
||||
background: url("../images/loader_black.gif") no-repeat scroll center center #FFFFFF;
|
||||
border: 3px solid #FFFFFF;
|
||||
box-shadow: 1px 1px 2px 0 #555555;
|
||||
float: left;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
text-indent: -3000px;
|
||||
width: 50px;
|
||||
}
|
||||
.progress-container {
|
||||
background: #FFF;
|
||||
@@ -1260,12 +1335,12 @@ div#artistheader h2 a {
|
||||
width: 100px;
|
||||
}
|
||||
.progress-container > div {
|
||||
background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important;
|
||||
background-image: linear-gradient(#a3e532, #90cc2a) !important;
|
||||
background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important;
|
||||
background-image: -o-linear-gradient(#a3e532, #90cc2a) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3e532, endColorstr=#90cc2a) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3e532, endColorstr=#90cc2a) !important;
|
||||
background-image: -moz-linear-gradient(#A3E532, #90CC2A) !important;
|
||||
background-image: linear-gradient(#A3E532, #90CC2A) !important;
|
||||
background-image: -webkit-linear-gradient(#A3E532, #90CC2A) !important;
|
||||
background-image: -o-linear-gradient(#A3E532, #90CC2A) !important;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A3E532, endColorstr=#90CC2A) !important;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A3E532, endColorstr=#90CC2A) !important;
|
||||
height: 14px;
|
||||
}
|
||||
.havetracks {
|
||||
@@ -1293,14 +1368,14 @@ div#artistheader h2 a {
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
margin-top: -5px;
|
||||
color: #cccccc;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
#actions {
|
||||
float: right;
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
margin-top: -5px;
|
||||
color: #cccccc;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
#actions .ui-icon {
|
||||
position: relative;
|
||||
@@ -1324,7 +1399,9 @@ div#artistheader h2 a {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
}
|
||||
#trashcan {margin-top:15px;}
|
||||
#trashcan {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.cloudtag {
|
||||
font-size: 16px;
|
||||
}
|
||||
@@ -1421,78 +1498,6 @@ div#artistheader h2 a {
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: "\0020";
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.clearfix {
|
||||
zoom: 1px;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.override-float {
|
||||
float: none !important;
|
||||
margin-bottom: 0px !important;
|
||||
clear: none !important;
|
||||
display: inline !important;
|
||||
font-size: 10px;
|
||||
line-height: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
.nopad {
|
||||
margin-bottom: 0px !important;
|
||||
margin-top: 0px !important;
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0px !important;
|
||||
padding: 0px 0px !important;
|
||||
}
|
||||
#album_table th#albumname,
|
||||
#upcoming_table th#artistname,
|
||||
#wanted_table th#artistname {
|
||||
min-width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
#album_table th#type,
|
||||
#track_table th#duration {
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
#album_table th#bitrate,
|
||||
#album_table th#albumformat {
|
||||
min-width: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
#album_table td#select,
|
||||
#album_table td#albumart {
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#album_table td#albumname,
|
||||
#album_table td#reldate,
|
||||
#album_table td#type,
|
||||
#album_table td#score,
|
||||
#track_table td#duration,
|
||||
#upcoming_table td#select,
|
||||
#upcoming_table td#status,
|
||||
#wanted_table td#select,
|
||||
#wanted_table td#status {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#album_table td#status,
|
||||
#album_table td#bitrate,
|
||||
#album_table td#score,
|
||||
#album_table td#albumformat,
|
||||
#album_table td#wantlossless {
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div#albumheader .albuminfo li span,
|
||||
div#artistheader h3 span {
|
||||
font-weight: 400;
|
||||
@@ -1500,16 +1505,10 @@ div#artistheader h3 span {
|
||||
#track_table th#bitrate,
|
||||
#track_table th#format,
|
||||
#upcoming_table th#type,
|
||||
#wanted_table th#type,
|
||||
#searchresults_table th#score {
|
||||
#wanted_table th#type {
|
||||
min-width: 75px;
|
||||
text-align: center;
|
||||
}
|
||||
#searchresults_table th#scoresmall {
|
||||
min-width: 50px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
#track_table td#bitrate,
|
||||
#track_table td#format {
|
||||
font-size: 12px;
|
||||
@@ -1522,6 +1521,24 @@ div#artistheader h3 span {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#upcoming_table th#artistname,
|
||||
#wanted_table th#artistname {
|
||||
min-width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
#track_table th#duration {
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
#track_table td#duration,
|
||||
#upcoming_table td#select,
|
||||
#upcoming_table td#status,
|
||||
#wanted_table td#select,
|
||||
#wanted_table td#status {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#upcoming_table td#albumart img,
|
||||
#wanted_table td#albumart img {
|
||||
background: #FFF;
|
||||
@@ -1568,14 +1585,13 @@ div#artistheader h3 span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
#upcoming_table td#type,
|
||||
#wanted_table td#type,
|
||||
#searchresults_table td#score {
|
||||
#wanted_table td#type {
|
||||
min-width: 75px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
table tr td#status a {
|
||||
color: #4183c4;
|
||||
color: #4183C4;
|
||||
}
|
||||
.ie7 input[type="checkbox"] {
|
||||
vertical-align: baseline;
|
||||
|
||||
@@ -26,6 +26,19 @@ body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Clearfix from http://stackoverflow.com/a/8554054/1115187
|
||||
.clearfix()
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content: " "; /* Older browser do not support empty content */
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Links
|
||||
a {
|
||||
color: @link-color;
|
||||
@@ -76,18 +89,149 @@ hr {
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
small {
|
||||
font-size: 85%;
|
||||
|
||||
small, .small
|
||||
{
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
// -------------------------------------------------
|
||||
// Config Page
|
||||
// -------------------------------------------------
|
||||
|
||||
// OLD VERSION:
|
||||
.configtable {
|
||||
legend {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
text-shadow: 1px 1px 0 #FFFFFF;
|
||||
}
|
||||
tr {
|
||||
td {
|
||||
&:last-child {
|
||||
border-left: 1px dotted #ddd;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
td {
|
||||
padding-right: 15px;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
// NEW VERSION:
|
||||
.config
|
||||
{
|
||||
legend {
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em;
|
||||
text-shadow: 1px 1px 0 #FFFFFF;
|
||||
}
|
||||
|
||||
.caption
|
||||
{
|
||||
color: @caption-color;
|
||||
line-height: @base-font-size;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.tab
|
||||
{
|
||||
.columnRule( 1px solid @border-color );
|
||||
.columnCount(2);
|
||||
.columnGap(4em);
|
||||
|
||||
.message
|
||||
{
|
||||
.columnSpan(all);
|
||||
display:block;
|
||||
background-color:transparent;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
}
|
||||
|
||||
.block
|
||||
{
|
||||
-webkit-column-break-inside: avoid;
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid-column;
|
||||
}
|
||||
|
||||
.option
|
||||
{
|
||||
// TODO : need responsive - remove floating, use flexbox
|
||||
.clearfix();
|
||||
margin-bottom: 1em;
|
||||
font-size: @base-font-size;
|
||||
|
||||
.input-wrapper
|
||||
{
|
||||
// TODO : need responsive
|
||||
float: left;
|
||||
}
|
||||
|
||||
label
|
||||
{
|
||||
// TODO : need responsive
|
||||
width: 170px;
|
||||
font-size: @base-font-size;
|
||||
// TODO : need responsive
|
||||
float: left;
|
||||
}
|
||||
|
||||
input
|
||||
{
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
input[type=number],
|
||||
{
|
||||
border: 1px solid #DDD;
|
||||
border-top: 1px solid #CDCDCD;
|
||||
.shadow(inset 0 1px 1px #e0e0e0);
|
||||
color: @text-color;
|
||||
font-size: larger;
|
||||
// TODO : need responsive
|
||||
max-width: 230px;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
input[type=number]
|
||||
{
|
||||
max-width: 5em;
|
||||
}
|
||||
}
|
||||
|
||||
.embed-option-block
|
||||
{
|
||||
margin-left:1em;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
&.albumArt {
|
||||
.-less-albumArt(@size)
|
||||
{
|
||||
float: left;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
min-height: @size;
|
||||
min-width: @size;
|
||||
max-width: 250px;
|
||||
max-height: 300px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&.albumArt
|
||||
{
|
||||
.-less-albumArt(100%);
|
||||
}
|
||||
&.albumArt-nostretch
|
||||
{
|
||||
.-less-albumArt(64px);
|
||||
}
|
||||
}
|
||||
.title {
|
||||
margin-bottom:20px;
|
||||
@@ -105,9 +249,9 @@ table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
th {
|
||||
.gradient(#FAFAFA, #EAEAEA);
|
||||
.gradient(@gradient-color-1, @gradient-color-2);
|
||||
border-left: 1px solid #E0E0E0;
|
||||
.shadow(1px 0 0 #FAFAFA);
|
||||
.shadow(1px 0 0 @gradient-color-1);
|
||||
text-shadow:1px 1px 0 #FFFFFF ;
|
||||
input[type="checkbox"]{ vertical-align: middle;}
|
||||
&:first-child { border-left:0;.shadow(none)}
|
||||
@@ -126,13 +270,13 @@ table {
|
||||
// Forms
|
||||
select, input, textarea, button
|
||||
{
|
||||
font: 99%;
|
||||
font-size: 99%;
|
||||
}
|
||||
|
||||
select
|
||||
select
|
||||
{
|
||||
.rounded(5px);
|
||||
background: #4F4F4F;
|
||||
.rounded(@heading-input-radius);
|
||||
background: @brand-color;
|
||||
border: 0;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
|
||||
color: #fff;
|
||||
@@ -155,7 +299,7 @@ button {
|
||||
overflow: visible;
|
||||
width: auto;
|
||||
}
|
||||
input,select,form .checkbox input,.configtable td#middle, #artist_table td#have,#album_table td#have { vertical-align: middle; }
|
||||
input,select,form .checkbox input,.configtable td#middle, #artist_table td#have { vertical-align: middle; }
|
||||
|
||||
input[type="radio"]{ vertical-align: text-bottom; }
|
||||
::-moz-selection, ::selection {
|
||||
@@ -164,7 +308,7 @@ input[type="radio"]{ vertical-align: text-bottom; }
|
||||
text-shadow: none;
|
||||
}
|
||||
input[type=submit], input[type=button] {
|
||||
.rounded(5px);
|
||||
.rounded(@heading-input-radius);
|
||||
background: #222222 url("../images/button.png") repeat-x;
|
||||
border: 0;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
|
||||
@@ -197,8 +341,8 @@ form {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
font-family: Helvetica, Arial;
|
||||
margin-bottom: 10px;
|
||||
label {
|
||||
display: block;
|
||||
@@ -292,7 +436,7 @@ ul#nav {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0 0 0 10px;
|
||||
border-left: 1px solid #FAFAFA;
|
||||
border-left: 1px solid @gradient-color-1;
|
||||
.shadow(-1px 0 0 #e0e0e0);
|
||||
height: 58px;
|
||||
li {
|
||||
@@ -314,8 +458,8 @@ ul#nav {
|
||||
.gradient(#F1F1F1, #E0E0E0);
|
||||
border: 1px solid #DDDDDD;
|
||||
.rounded(3px);
|
||||
.shadow(0 1px 0 #FAFAFA);
|
||||
.shadow(0 1px 0 #FAFAFA inset);
|
||||
.shadow(0 1px 0 @gradient-color-1);
|
||||
.shadow(0 1px 0 @gradient-color-1 inset);
|
||||
-webkit-transition:color .2s ease-in;
|
||||
-moz-transition:color .2s ease-in;
|
||||
-o-transition:color .2s ease-in;
|
||||
@@ -339,8 +483,8 @@ ul#nav {
|
||||
}
|
||||
// Layout
|
||||
header {
|
||||
.gradient(#fafafa, #eaeaea);
|
||||
border-bottom: 1px solid #CACACA;
|
||||
.gradient(@gradient-color-1, @gradient-color-2);
|
||||
border-bottom: 1px solid @border-color;
|
||||
.shadow(0 0 10px rgba(0, 0, 0, 0.1));
|
||||
height: 58px;
|
||||
position: fixed;
|
||||
@@ -350,7 +494,7 @@ header {
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 960px;
|
||||
width: 990px;
|
||||
}
|
||||
#logo {
|
||||
float: left;
|
||||
@@ -388,12 +532,12 @@ footer {
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
#ajaxMsg {
|
||||
.ajaxMsg {
|
||||
border: 1px solid @border-color;
|
||||
.gradient(#FFFFFF, #EEEEEE);
|
||||
.rounded(7px);
|
||||
display: none;
|
||||
font-size: 14px;
|
||||
font-size: larger;
|
||||
right: 10px;
|
||||
.shadow(0px 0px 2px #aaa);
|
||||
padding: 7px 10px;
|
||||
@@ -433,9 +577,9 @@ footer {
|
||||
}
|
||||
|
||||
#updatebar {
|
||||
#ajaxMsg;
|
||||
.ajaxMsg;
|
||||
display: block;
|
||||
.gradient(#FCF5C2,@msg-bg);
|
||||
.gradient(#FCF5C2, @msg-bg);
|
||||
}
|
||||
|
||||
// Subheader
|
||||
@@ -450,29 +594,39 @@ footer {
|
||||
list-style-type: none;
|
||||
width: 100%;
|
||||
z-index: 998;
|
||||
#subhead_menu {
|
||||
#subhead_menu
|
||||
{
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
margin-top: 0px;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
a {
|
||||
.gradient(#F4F4F4, #e7e7e7);
|
||||
a
|
||||
{
|
||||
.gradient(@gradient-color-1, @gradient-color-2);
|
||||
font-family: @base-font-face;
|
||||
font-size: 12px;
|
||||
font-size: @base-font-size;
|
||||
font-weight: normal;
|
||||
&:hover {
|
||||
.gradient(#599BDC, #3072B3);
|
||||
color: #FFF;
|
||||
border-color: #518CC6 #518CC6 #2A65A0;
|
||||
&:hover
|
||||
{
|
||||
.gradient(#599BDC, #3072B3);
|
||||
color: #FFF;
|
||||
border-color: #518CC6 #518CC6 #2A65A0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#back_to_previous_link
|
||||
{
|
||||
margin-top: 20px;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Search
|
||||
div#searchbar {
|
||||
border-left: 1px solid #FAFAFA;
|
||||
border-left: 1px solid @gradient-color-1;
|
||||
.shadow(-1px 0 0 #e0e0e0);
|
||||
padding: 15px 0 15px 20px;
|
||||
position: absolute;
|
||||
@@ -481,16 +635,17 @@ div#searchbar {
|
||||
input[type=text] {
|
||||
border: 1px solid #DDD;
|
||||
border-top: 1px solid #CDCDCD;
|
||||
.rounded(@heading-input-radius);
|
||||
.shadow(0 1px 0 #f1f1f1);
|
||||
.shadow(inset 0 1px 1px #e0e0e0);
|
||||
color: #999;
|
||||
color: @caption-color;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
font-size: larger;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
margin-right: 5px;
|
||||
padding: 4px 5px 4px 25px;
|
||||
width: 150px;
|
||||
width: 185px;
|
||||
}
|
||||
.mini-icon {
|
||||
color: #999;
|
||||
@@ -501,28 +656,6 @@ div#searchbar {
|
||||
}
|
||||
}
|
||||
|
||||
// Config Page
|
||||
.configtable {
|
||||
legend {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
text-shadow: 1px 1px 0 #FFFFFF;
|
||||
}
|
||||
tr {
|
||||
td {
|
||||
&:last-child {
|
||||
border-left: 1px dotted #ddd;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
td {
|
||||
padding-right: 15px;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
// TABLES
|
||||
|
||||
// wrappers
|
||||
@@ -530,7 +663,7 @@ div#searchbar {
|
||||
_height: 302px;
|
||||
background-color: #FFF;
|
||||
clear: both;
|
||||
margin: 30px auto 0;
|
||||
margin: 60px auto 0;
|
||||
min-height: 100px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@@ -744,6 +877,15 @@ div#artistheader {
|
||||
}
|
||||
}
|
||||
|
||||
.nopad
|
||||
{
|
||||
margin-bottom: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#album_table {
|
||||
background-color: #FFF;
|
||||
th#select {
|
||||
@@ -757,7 +899,8 @@ div#artistheader {
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
th#status, th#albumart {
|
||||
th#albumart
|
||||
{
|
||||
min-width: 50px;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -771,16 +914,65 @@ div#artistheader {
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
}
|
||||
td#albumart {
|
||||
img {
|
||||
background: #FFF;
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px;
|
||||
}
|
||||
th#albumname
|
||||
{
|
||||
min-width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
td#status {
|
||||
a#wantlossless {
|
||||
white-space: nowrap;
|
||||
th#bitrate,
|
||||
th#albumformat
|
||||
{
|
||||
min-width: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
th#type
|
||||
{
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
vertical-align: middle;
|
||||
font-size: larger;
|
||||
|
||||
&#have
|
||||
{
|
||||
}
|
||||
|
||||
&#albumname,
|
||||
&#reldate,
|
||||
&#type,
|
||||
&#bitrate,
|
||||
&#albumformat,
|
||||
&#score,
|
||||
&#wantlossless
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&#select
|
||||
{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&#albumart
|
||||
{
|
||||
text-align: left;
|
||||
img {
|
||||
background: #FFF;
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px;
|
||||
}
|
||||
}
|
||||
&#status
|
||||
{
|
||||
text-align: center;
|
||||
a#wantlossless
|
||||
{
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -829,6 +1021,31 @@ div#artistheader {
|
||||
}
|
||||
}
|
||||
|
||||
#downloads_table
|
||||
{
|
||||
th
|
||||
{
|
||||
text-align: center;
|
||||
|
||||
&#title
|
||||
{
|
||||
min-width: 500px;
|
||||
}
|
||||
&#size
|
||||
{
|
||||
min-width: 80px;
|
||||
}
|
||||
&#provider
|
||||
{
|
||||
min-width: 100px;
|
||||
}
|
||||
&#kind
|
||||
{
|
||||
min-width: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// History
|
||||
#history_table {
|
||||
background-color: #FFF;
|
||||
@@ -874,18 +1091,111 @@ div#artistheader {
|
||||
padding: 2px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
// Searchresults
|
||||
#searchresults_table {
|
||||
th#albumname {
|
||||
min-width: 225px;
|
||||
#searchresults_table
|
||||
{
|
||||
th
|
||||
{
|
||||
font-size: larger;
|
||||
text-align: left;
|
||||
min-width: 50px;
|
||||
|
||||
&#artistnamesmall
|
||||
{
|
||||
min-width: 125px;
|
||||
}
|
||||
&#reldate
|
||||
{
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
&#format
|
||||
{
|
||||
}
|
||||
&#tracks
|
||||
{
|
||||
}
|
||||
&#albumname
|
||||
{
|
||||
min-width: 250px;
|
||||
}
|
||||
&#artistname
|
||||
{
|
||||
min-width: 325px;
|
||||
}
|
||||
&#score
|
||||
{
|
||||
min-width: 75px;
|
||||
text-align: center;
|
||||
}
|
||||
&#scoresmall
|
||||
{
|
||||
}
|
||||
}
|
||||
th#artistname {
|
||||
min-width: 325px;
|
||||
|
||||
td
|
||||
{
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
font-size: larger;
|
||||
min-width: 50px;
|
||||
|
||||
&#artistnamesmall
|
||||
{
|
||||
min-width: 100px;
|
||||
}
|
||||
&#reldate
|
||||
{
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
&#format
|
||||
{
|
||||
}
|
||||
&#tracks
|
||||
{
|
||||
}
|
||||
|
||||
&#albumname
|
||||
{
|
||||
min-width: 220px;
|
||||
}
|
||||
&#artistname
|
||||
{
|
||||
min-width: 300px;
|
||||
}
|
||||
&#add
|
||||
{
|
||||
}
|
||||
|
||||
&#score
|
||||
{
|
||||
min-width: 75px;
|
||||
|
||||
.bar
|
||||
{
|
||||
width: 100px;
|
||||
margin: 0 auto;
|
||||
border: 1px solid @border-color;
|
||||
padding: 1px;
|
||||
background-color: #FFF;
|
||||
.score
|
||||
{
|
||||
height: 14px;
|
||||
color: @text-color;
|
||||
color: #FFF;
|
||||
font-size: 11px;
|
||||
vertical-align: middle;
|
||||
line-height: normal;
|
||||
.gradient(#A3E532,#90CC2A);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#artistImg {
|
||||
background: url("../images/loader_black.gif") no-repeat scroll center center #FFFFFF;
|
||||
background: url("../images/loader_black.gif") no-repeat scroll center center #FFFFFF;
|
||||
border: 3px solid #FFFFFF;
|
||||
box-shadow: 1px 1px 2px 0 #555555;
|
||||
float: left;
|
||||
@@ -894,36 +1204,8 @@ div#artistheader {
|
||||
text-indent: -3000px;
|
||||
width: 50px;
|
||||
}
|
||||
td#albumname {
|
||||
min-width: 200px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
td#artistname {
|
||||
min-width: 300px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
td#add {vertical-align: middle;}
|
||||
td#score {
|
||||
.bar {
|
||||
width: 100px;
|
||||
margin: 0 auto;
|
||||
border: 1px solid @border-color;
|
||||
padding: 1px;
|
||||
background-color: #FFF;
|
||||
.score {
|
||||
height: 14px;
|
||||
color: @text-color;
|
||||
color: #FFF;
|
||||
font-size: 11px;
|
||||
vertical-align: middle;
|
||||
line-height: normal;
|
||||
.gradient(#A3E532,#90CC2A);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.progress-container {
|
||||
background: #FFF;
|
||||
border: 1px solid #ccc;
|
||||
@@ -997,6 +1279,12 @@ div#artistheader {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#trashcan
|
||||
{
|
||||
margin-top:15px;
|
||||
}
|
||||
|
||||
.cloudtag {
|
||||
font-size: 16px;
|
||||
#cloud {
|
||||
@@ -1089,48 +1377,11 @@ div#artistheader {
|
||||
}
|
||||
.invisible { visibility: hidden; }
|
||||
|
||||
.clearfix:before, .clearfix:after {
|
||||
content: "\0020";
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.clearfix {
|
||||
zoom: 1px;
|
||||
&:after { clear: both; }
|
||||
}
|
||||
|
||||
// Table width
|
||||
#album_table th#albumname, #upcoming_table th#artistname, #wanted_table th#artistname {
|
||||
min-width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
#album_table th#type, #track_table th#duration {
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
#album_table th#bitrate, #album_table th#albumformat {
|
||||
min-width: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
#album_table td#select, #album_table td#albumart {
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#album_table td#albumname,#album_table td#reldate, #album_table td#type, #track_table td#duration, #upcoming_table td#select, #upcoming_table td#status, #wanted_table td#select, #wanted_table td#status {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#album_table td#status, #album_table td#bitrate, #album_table td#albumformat, #album_table td#wantlossless {
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div#albumheader .albuminfo li span, div#artistheader h3 span {
|
||||
font-weight: 400;
|
||||
}
|
||||
#track_table th#bitrate, #track_table th#format, #upcoming_table th#type, #wanted_table th#type, #searchresults_table th#score {
|
||||
#track_table th#bitrate, #track_table th#format, #upcoming_table th#type, #wanted_table th#type
|
||||
{
|
||||
min-width: 75px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1144,6 +1395,22 @@ div#albumheader .albuminfo li span, div#artistheader h3 span {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#upcoming_table th#artistname, #wanted_table th#artistname
|
||||
{
|
||||
min-width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
#track_table th#duration {
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
width: 175px;
|
||||
}
|
||||
#track_table td#duration, #upcoming_table td#select, #upcoming_table td#status, #wanted_table td#select, #wanted_table td#status {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#upcoming_table, #wanted_table {
|
||||
td#albumart {
|
||||
img {
|
||||
@@ -1185,7 +1452,8 @@ div#albumheader .albuminfo li span, div#artistheader h3 span {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#upcoming_table td#type, #wanted_table td#type, #searchresults_table td#score {
|
||||
#upcoming_table td#type, #wanted_table td#type
|
||||
{
|
||||
min-width: 75px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
Reference in New Issue
Block a user