Browse Source

Whitespace cleanup

pull/110/head
Ruud 13 years ago
parent
commit
71e5fb5346
  1. 4
      couchpotato/core/plugins/file/static/file.js
  2. 2
      couchpotato/core/plugins/log/static/log.css
  3. 8
      couchpotato/core/plugins/log/static/log.js
  4. 2
      couchpotato/core/plugins/movie/static/list.js
  5. 89
      couchpotato/core/plugins/movie/static/movie.css
  6. 10
      couchpotato/core/plugins/movie/static/search.css
  7. 30
      couchpotato/core/plugins/profile/static/profile.css
  8. 4
      couchpotato/core/plugins/quality/static/quality.css
  9. 2
      couchpotato/core/plugins/quality/static/quality.js
  10. 2
      couchpotato/core/plugins/status/static/status.js
  11. 2
      couchpotato/core/plugins/userscript/static/userscript.js
  12. 6
      couchpotato/core/plugins/wizard/static/wizard.css
  13. 8
      couchpotato/static/scripts/block.js
  14. 8
      couchpotato/static/scripts/page.js
  15. 2
      couchpotato/static/scripts/page/manage.js
  16. 6
      couchpotato/static/scripts/page/settings.js
  17. 68
      couchpotato/static/style/main.css
  18. 109
      couchpotato/static/style/page/settings.css
  19. 44
      couchpotato/static/style/uniform.css
  20. 40
      couchpotato/static/style/uniform.generic.css

4
couchpotato/core/plugins/file/static/file.js

@ -2,7 +2,7 @@ var File = new Class({
initialize: function(file){ initialize: function(file){
var self = this; var self = this;
if(!file){ if(!file){
self.el = new Element('div'); self.el = new Element('div');
return return
@ -17,7 +17,7 @@ var File = new Class({
createImage: function(){ createImage: function(){
var self = this; var self = this;
var file_name = self.data.path.replace(/^.*[\\\/]/, ''); var file_name = self.data.path.replace(/^.*[\\\/]/, '');
self.el = new Element('div', { self.el = new Element('div', {

2
couchpotato/core/plugins/log/static/log.css

@ -60,6 +60,6 @@
color: lightgrey; color: lightgrey;
padding: 3px 0; padding: 3px 0;
} }
.page.log .container .time:last-child { display: none; } .page.log .container .time:last-child { display: none; }

8
couchpotato/core/plugins/log/static/log.js

@ -5,18 +5,18 @@ Page.Log = new Class({
name: 'log', name: 'log',
title: 'Show recent logs.', title: 'Show recent logs.',
has_tab: false, has_tab: false,
initialize: function(options){ initialize: function(options){
var self = this; var self = this;
self.parent(options) self.parent(options)
App.getBlock('more').addLink(new Element('a', { App.getBlock('more').addLink(new Element('a', {
'href': App.createUrl(self.name), 'href': App.createUrl(self.name),
'text': self.name.capitalize(), 'text': self.name.capitalize(),
'title': self.title 'title': self.title
})) }))
}, },
indexAction: function(){ indexAction: function(){

2
couchpotato/core/plugins/movie/static/list.js

@ -200,7 +200,7 @@ var MovieList = new Class({
} }
}); });
// Add menu or hide // Add menu or hide
if (self.options.menu.length > 0) if (self.options.menu.length > 0)
self.options.menu.each(function(menu_item){ self.options.menu.each(function(menu_item){

89
couchpotato/core/plugins/movie/static/movie.css

@ -24,7 +24,7 @@
.movies .movie.list_view:hover, .movies .movie.mass_edit_view:hover { .movies .movie.list_view:hover, .movies .movie.mass_edit_view:hover {
background: rgba(255,255,255,0.03); background: rgba(255,255,255,0.03);
} }
.movies .data { .movies .data {
padding: 20px; padding: 20px;
height: 180px; height: 180px;
@ -43,11 +43,11 @@
border: 0; border: 0;
background: none; background: none;
} }
.movies .movie .check { .movies .movie .check {
display: none; display: none;
} }
.movies.mass_edit_list .movie .check { .movies.mass_edit_list .movie .check {
float: left; float: left;
display: block; display: block;
@ -62,21 +62,21 @@
height: 180px; height: 180px;
border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
transition: all 0.2s linear; transition: all 0.2s linear;
} }
.movies .list_view .poster, .movies .mass_edit_view .poster { .movies .list_view .poster, .movies .mass_edit_view .poster {
width: 20px; width: 20px;
height: 30px; height: 30px;
} }
.movies.mass_edit_list .poster { .movies.mass_edit_list .poster {
display: none; display: none;
} }
.movies .poster img, .options .poster img { .movies .poster img, .options .poster img {
width: 101%; width: 101%;
height: 101%; height: 101%;
} }
.movies .info .title { .movies .info .title {
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
@ -91,7 +91,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
width: 64%; width: 64%;
} }
.movies .info .year { .movies .info .year {
font-size: 30px; font-size: 30px;
margin-bottom: 10px; margin-bottom: 10px;
@ -105,7 +105,7 @@
font-size: 16px; font-size: 16px;
width: 6%; width: 6%;
} }
.movies .info .rating { .movies .info .rating {
font-size: 30px; font-size: 30px;
margin-bottom: 10px; margin-bottom: 10px;
@ -114,7 +114,7 @@
width: 5%; width: 5%;
padding: 0 0 0 3%; padding: 0 0 0 3%;
} }
.movies .info .description { .movies .info .description {
clear: both; clear: both;
height: 80px; height: 80px;
@ -126,13 +126,13 @@
.movies .list_view .info .description, .movies .mass_edit_view .info .description { .movies .list_view .info .description, .movies .mass_edit_view .info .description {
display: none; display: none;
} }
.movies .data .quality { .movies .data .quality {
display: block; display: block;
min-height: 20px; min-height: 20px;
vertical-align: mid; vertical-align: mid;
} }
.movies .data .quality span { .movies .data .quality span {
padding: 2px 3px; padding: 2px 3px;
font-weight: bold; font-weight: bold;
@ -154,39 +154,39 @@
float: right; float: right;
width: 30%; width: 30%;
} }
.movies .data .quality .available, .movies .data .quality .snatched { .movies .data .quality .available, .movies .data .quality .snatched {
opacity: 1; opacity: 1;
box-shadow: 1px 1px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
cursor: pointer; cursor: pointer;
} }
.movies .data .quality .available { background-color: #578bc3; } .movies .data .quality .available { background-color: #578bc3; }
.movies .data .quality .snatched { background-color: #369545; } .movies .data .quality .snatched { background-color: #369545; }
.movies .data .quality .done { .movies .data .quality .done {
background-color: #369545; background-color: #369545;
opacity: 1; opacity: 1;
} }
.movies .data .quality .finish { .movies .data .quality .finish {
background-image: url('../images/sprite.png'); background-image: url('../images/sprite.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 2px; background-position: 0 2px;
padding-left: 14px; padding-left: 14px;
background-size: 14px background-size: 14px
} }
.movies .data .actions { .movies .data .actions {
line-height: 0; line-height: 0;
clear: both; clear: both;
float: right; float: right;
margin-top: -25px; margin-top: -25px;
} }
.movies .data:hover .action { opacity: 0.6; } .movies .data:hover .action { opacity: 0.6; }
.movies .data:hover .action:hover { opacity: 1; } .movies .data:hover .action:hover { opacity: 1; }
.movies.mass_edit_list .data .actions { .movies.mass_edit_list .data .actions {
display: none; display: none;
} }
.movies .data .action { .movies .data .action {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -196,12 +196,12 @@
padding: 3px; padding: 3px;
opacity: 0; opacity: 0;
} }
.movies .list_view .data:hover .actions, .movies .mass_edit_view .data:hover .actions { .movies .list_view .data:hover .actions, .movies .mass_edit_view .data:hover .actions {
margin: -34px 2px 0 0; margin: -34px 2px 0 0;
background: #4e5969; background: #4e5969;
} }
.movies .delete_container { .movies .delete_container {
clear: both; clear: both;
text-align: center; text-align: center;
@ -223,23 +223,23 @@
color: #fff; color: #fff;
background-color: #d32917; background-color: #d32917;
} }
.movies .options { .movies .options {
position: absolute; position: absolute;
margin-left: 120px; margin-left: 120px;
width: 840px; width: 840px;
} }
.movies .options .form { .movies .options .form {
margin: 70px 20px 0; margin: 70px 20px 0;
float: left; float: left;
font-size: 20px; font-size: 20px;
} }
.movies .options .form select { .movies .options .form select {
margin-right: 20px; margin-right: 20px;
} }
.movies .options .table { .movies .options .table {
height: 180px; height: 180px;
overflow: auto; overflow: auto;
@ -255,15 +255,15 @@
.movies .options .table .item.ignored .delete { .movies .options .table .item.ignored .delete {
background-image: url('../images/icon.undo.png'); background-image: url('../images/icon.undo.png');
} }
.movies .options .table .item:last-child { border: 0; } .movies .options .table .item:last-child { border: 0; }
.movies .options .table .item:nth-child(even) { .movies .options .table .item:nth-child(even) {
background: rgba(255,255,255,0.05); background: rgba(255,255,255,0.05);
} }
.movies .options .table .item:not(.head):hover { .movies .options .table .item:not(.head):hover {
background: rgba(255,255,255,0.03); background: rgba(255,255,255,0.03);
} }
.movies .options .table .item > * { .movies .options .table .item > * {
display: inline-block; display: inline-block;
padding: 0 5px; padding: 0 5px;
@ -290,7 +290,7 @@
.movies .options .table.files .name { width: 605px; } .movies .options .table.files .name { width: 605px; }
.movies .options .table .type { width: 130px; } .movies .options .table .type { width: 130px; }
.movies .options .table .is_available { width: 90px; } .movies .options .table .is_available { width: 90px; }
.movies .options .table a { .movies .options .table a {
width: 30px !important; width: 30px !important;
height: 20px; height: 20px;
@ -307,7 +307,7 @@
padding-bottom: 4px; padding-bottom: 4px;
height: auto; height: auto;
} }
.movies .load_more { .movies .load_more {
display: block; display: block;
padding: 10px; padding: 10px;
@ -363,14 +363,14 @@
.movies .alph_nav li.available { .movies .alph_nav li.available {
color: rgba(255,255,255,0.8); color: rgba(255,255,255,0.8);
font-weight: bolder; font-weight: bolder;
} }
.movies .alph_nav li.active.available, .movies .alph_nav li.available:hover { .movies .alph_nav li.active.available, .movies .alph_nav li.available:hover {
color: #fff; color: #fff;
font-size: 24px; font-size: 24px;
line-height: 24px; line-height: 24px;
} }
.movies .alph_nav input { .movies .alph_nav input {
padding: 6px 5px; padding: 6px 5px;
margin: 0 0 0 6px; margin: 0 0 0 6px;
@ -378,16 +378,16 @@
width: 155px; width: 155px;
height: 25px; height: 25px;
} }
.movies .alph_nav .actions { .movies .alph_nav .actions {
margin: 0 6px 0 0; margin: 0 6px 0 0;
-moz-user-select: none; -moz-user-select: none;
} }
.movies .alph_nav .actions li { .movies .alph_nav .actions li {
border-radius: 1px; border-radius: 1px;
width: auto; width: auto;
} }
.movies .alph_nav .actions li.active { .movies .alph_nav .actions li.active {
background: none; background: none;
border: 1px solid transparent; border: 1px solid transparent;
box-shadow: none; box-shadow: none;
@ -398,15 +398,15 @@
width: 25px; width: 25px;
height: 100%; height: 100%;
} }
.movies .alph_nav .actions li.mass_edit span { .movies .alph_nav .actions li.mass_edit span {
background-position: 3px 3px; background-position: 3px 3px;
} }
.movies .alph_nav .actions li.list span { .movies .alph_nav .actions li.list span {
background-position: 3px -95px; background-position: 3px -95px;
} }
.movies .alph_nav .actions li.thumbs span { .movies .alph_nav .actions li.thumbs span {
background-position: 3px -74px; background-position: 3px -74px;
} }
@ -417,7 +417,7 @@
.movies .alph_nav .actions li:last-child { .movies .alph_nav .actions li:last-child {
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
} }
.movies .alph_nav .mass_edit_form { .movies .alph_nav .mass_edit_form {
clear: both; clear: both;
text-align: center; text-align: center;
@ -439,7 +439,7 @@
font-weight: bold; font-weight: bold;
margin: 0 3px 0 10px; margin: 0 3px 0 10px;
} }
.movies .alph_nav .mass_edit_form .quality { .movies .alph_nav .mass_edit_form .quality {
float: left; float: left;
padding: 8px 0 0; padding: 8px 0 0;
@ -452,21 +452,20 @@
.movies .alph_nav .mass_edit_form .button { .movies .alph_nav .mass_edit_form .button {
padding: 3px 7px; padding: 3px 7px;
} }
.movies .alph_nav .mass_edit_form .delete { .movies .alph_nav .mass_edit_form .delete {
float: left; float: left;
padding: 8px 0 0 8px; padding: 8px 0 0 8px;
} }
.movies .alph_nav .mass_edit_form .delete span { .movies .alph_nav .mass_edit_form .delete span {
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
.movies .alph_nav .more_menu { .movies .alph_nav .more_menu {
margin-left: 48px; margin-left: 48px;
} }
.movies .alph_nav .more_menu > a { .movies .alph_nav .more_menu > a {
background-position: center -157px; background-position: center -157px;
} }

10
couchpotato/core/plugins/movie/static/search.css

@ -14,7 +14,7 @@
.search_form input:focus { .search_form input:focus {
padding-right: 83px; padding-right: 83px;
} }
.search_form .input .enter { .search_form .input .enter {
background: #369545 url('../images/sprite.png') right -188px no-repeat; background: #369545 url('../images/sprite.png') right -188px no-repeat;
padding: 0 20px 0 4px; padding: 0 20px 0 4px;
@ -36,7 +36,7 @@
.search_form.focused.filled .input .enter { .search_form.focused.filled .input .enter {
opacity: 1; opacity: 1;
} }
.search_form .input a { .search_form .input a {
width: 17px; width: 17px;
height: 20px; height: 20px;
@ -50,7 +50,7 @@
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
vertical-align: middle; vertical-align: middle;
} }
.search_form.filled .input a { .search_form.filled .input a {
opacity: 1; opacity: 1;
} }
@ -68,7 +68,7 @@
.search_form.shown.filled .results_container { .search_form.shown.filled .results_container {
display: block; display: block;
} }
.search_form .results_container:before { .search_form .results_container:before {
content: ' '; content: ' ';
height: 0; height: 0;
@ -146,7 +146,7 @@
} }
.movie_result:last-child .data { border-bottom: 0; } .movie_result:last-child .data { border-bottom: 0; }
.movie_result .in_wanted, .movie_result .in_library { .movie_result .in_wanted, .movie_result .in_library {
position: absolute; position: absolute;
margin-top: 105px; margin-top: 105px;

30
couchpotato/core/plugins/profile/static/profile.css

@ -16,7 +16,7 @@
padding: 14px; padding: 14px;
background-position: center; background-position: center;
} }
.profile .qualities { .profile .qualities {
min-height: 80px; min-height: 80px;
} }
@ -40,36 +40,36 @@
.profile .wait_for input { .profile .wait_for input {
margin: 0 5px !important; margin: 0 5px !important;
} }
.profile .types { .profile .types {
padding: 0; padding: 0;
margin: 0 20px 0 -4px; margin: 0 20px 0 -4px;
display: inline-block; display: inline-block;
} }
.profile .types li { .profile .types li {
padding: 3px 5px; padding: 3px 5px;
border-bottom: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2);
list-style: none; list-style: none;
} }
.profile .types li:last-child { border: 0; } .profile .types li:last-child { border: 0; }
.profile .types li > * { .profile .types li > * {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
line-height: 0; line-height: 0;
margin-right: 10px; margin-right: 10px;
} }
.profile .quality_type select { .profile .quality_type select {
width: 186px; width: 186px;
margin-left: -1px; margin-left: -1px;
} }
.profile .types li.is_empty .check, .profile .types li.is_empty .delete, .profile .types li.is_empty .handle { .profile .types li.is_empty .check, .profile .types li.is_empty .delete, .profile .types li.is_empty .handle {
visibility: hidden; visibility: hidden;
} }
.profile .types .type .handle { .profile .types .type .handle {
background: url('./handle.png') center; background: url('./handle.png') center;
display: inline-block; display: inline-block;
@ -80,7 +80,7 @@
cursor: -webkit-grab; cursor: -webkit-grab;
margin: 0; margin: 0;
} }
.profile .types .type .delete { .profile .types .type .delete {
background-position: left center; background-position: left center;
height: 20px; height: 20px;
@ -88,13 +88,13 @@
visibility: hidden; visibility: hidden;
cursor: pointer; cursor: pointer;
} }
.profile .types .type:hover:not(.is_empty) .delete { .profile .types .type:hover:not(.is_empty) .delete {
visibility: visible; visibility: visible;
} }
#profile_ordering { #profile_ordering {
} }
#profile_ordering ul { #profile_ordering ul {
@ -112,19 +112,19 @@
padding: 0 5px; padding: 0 5px;
} }
#profile_ordering li:last-child { border: 0; } #profile_ordering li:last-child { border: 0; }
#profile_ordering li .check { #profile_ordering li .check {
margin: 2px 10px 0 0; margin: 2px 10px 0 0;
vertical-align: top; vertical-align: top;
} }
#profile_ordering li > span { #profile_ordering li > span {
display: inline-block; display: inline-block;
height: 20px; height: 20px;
vertical-align: top; vertical-align: top;
line-height: 20px; line-height: 20px;
} }
#profile_ordering li .handle { #profile_ordering li .handle {
background: url('./handle.png') center; background: url('./handle.png') center;
width: 20px; width: 20px;

4
couchpotato/core/plugins/quality/static/quality.css

@ -1,5 +1,5 @@
.group_sizes { .group_sizes {
} }
.group_sizes .head { .group_sizes .head {
@ -15,7 +15,7 @@
.group_sizes .label { .group_sizes .label {
max-width: 120px; max-width: 120px;
} }
.group_sizes .min, .group_sizes .max { .group_sizes .min, .group_sizes .max {
text-align: center; text-align: center;
width: 50px; width: 50px;

2
couchpotato/core/plugins/quality/static/quality.js

@ -93,7 +93,7 @@ var QualityBase = new Class({
var data = data || {'id': randomString()} var data = data || {'id': randomString()}
var profile = new Profile(data) var profile = new Profile(data)
self.profiles.include(profile) self.profiles.include(profile)
return profile; return profile;
}, },

2
couchpotato/core/plugins/status/static/status.js

@ -6,7 +6,7 @@ var StatusBase = new Class({
self.statuses = statuses; self.statuses = statuses;
}, },
get: function(id){ get: function(id){
return this.statuses.filter(function(status){ return this.statuses.filter(function(status){
return status.id == id return status.id == id

2
couchpotato/core/plugins/userscript/static/userscript.js

@ -72,7 +72,7 @@ var UserscriptSettingTab = new Class({
catch(e){ catch(e){
userscript = Browser.chrome === true; userscript = Browser.chrome === true;
} }
var host_url = window.location.protocol + '//' + window.location.host; var host_url = window.location.protocol + '//' + window.location.host;
self.settings.createGroup({ self.settings.createGroup({

6
couchpotato/core/plugins/wizard/static/wizard.css

@ -31,14 +31,14 @@
margin: 0; margin: 0;
display: block; display: block;
} }
.page.wizard .tabs li { .page.wizard .tabs li {
display: inline-block; display: inline-block;
} }
.page.wizard .tabs li a { .page.wizard .tabs li a {
padding: 20px 30px; padding: 20px 30px;
} }
.page.wizard .tab_wrapper .pointer { .page.wizard .tab_wrapper .pointer {
border-right: 10px solid transparent; border-right: 10px solid transparent;
border-left: 10px solid transparent; border-left: 10px solid transparent;
@ -47,7 +47,7 @@
position: absolute; position: absolute;
top: 60px; top: 60px;
} }
.page.wizard .tab_content { .page.wizard .tab_content {
margin: 20px 0 160px; margin: 20px 0 160px;
} }

8
couchpotato/static/scripts/block.js

@ -7,13 +7,13 @@ var BlockBase = new Class({
initialize: function(parent, options){ initialize: function(parent, options){
var self = this; var self = this;
self.setOptions(options); self.setOptions(options);
self.page = parent; self.page = parent;
self.create(); self.create();
}, },
create: function(){ create: function(){
this.el = new Element('div.block'); this.el = new Element('div.block');
}, },
@ -21,11 +21,11 @@ var BlockBase = new Class({
getParent: function(){ getParent: function(){
return this.page return this.page
}, },
hide: function(){ hide: function(){
this.el.hide(); this.el.hide();
}, },
show: function(){ show: function(){
this.el.show(); this.el.show();
}, },

8
couchpotato/static/scripts/page.js

@ -46,7 +46,7 @@ var PageBase = new Class({
self.fireEvent('error'); self.fireEvent('error');
} }
}, },
openUrl: function(url){ openUrl: function(url){
if(History.getPath() != url) if(History.getPath() != url)
History.push(url); History.push(url);
@ -59,15 +59,15 @@ var PageBase = new Class({
getName: function(){ getName: function(){
return this.name return this.name
}, },
show: function(){ show: function(){
this.el.addClass('active'); this.el.addClass('active');
}, },
hide: function(){ hide: function(){
this.el.removeClass('active'); this.el.removeClass('active');
}, },
toElement: function(){ toElement: function(){
return this.el return this.el
} }

2
couchpotato/static/scripts/page/manage.js

@ -16,7 +16,7 @@ Page.Manage = new Class({
'click': self.refresh.bind(self, true) 'click': self.refresh.bind(self, true)
} }
}); });
self.refresh_quick = new Element('a', { self.refresh_quick = new Element('a', {
'title': 'Just scan for recently changed', 'title': 'Just scan for recently changed',
'text': 'Quick library scan', 'text': 'Quick library scan',

6
couchpotato/static/scripts/page/settings.js

@ -9,11 +9,11 @@ Page.Settings = new Class({
tabs: {}, tabs: {},
current: 'about', current: 'about',
has_tab: false, has_tab: false,
initialize: function(options){ initialize: function(options){
var self = this; var self = this;
self.parent(options); self.parent(options);
// Add to more menu // Add to more menu
if(self.name == 'settings') if(self.name == 'settings')
App.getBlock('more').addLink(new Element('a', { App.getBlock('more').addLink(new Element('a', {
@ -21,7 +21,7 @@ Page.Settings = new Class({
'text': self.name.capitalize(), 'text': self.name.capitalize(),
'title': self.title 'title': self.title
}), 'top') }), 'top')
}, },
open: function(action, params){ open: function(action, params){

68
couchpotato/static/style/main.css

@ -13,13 +13,14 @@ body {
background: #4e5969; background: #4e5969;
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;
text-align: justify;
} }
body.noscroll { overflow: hidden; } body.noscroll { overflow: hidden; }
#clean { #clean {
background: transparent !important; background: transparent !important;
} }
* { * {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -99,9 +100,9 @@ a:hover { color: #f3f3f3; }
right: 0; right: 0;
padding: 10px 10px 10px 40px; padding: 10px 10px 10px 40px;
background: #f7f7f7 url('../images/toTop.gif') no-repeat 10px center; background: #f7f7f7 url('../images/toTop.gif') no-repeat 10px center;
border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;
} }
form { form {
padding:0; padding:0;
margin:0; margin:0;
@ -202,19 +203,19 @@ body > .spinner, .mask{
display: block; display: block;
margin-top: 5px; margin-top: 5px;
} }
.header .navigation li.disabled { .header .navigation li.disabled {
color: #e5e5e5; color: #e5e5e5;
} }
.header .navigation li a:link, .header .navigation li a:visited { .header .navigation li a:link, .header .navigation li a:visited {
color: #fff; color: #fff;
} }
.header .navigation li a:hover, .header .navigation li a:active { .header .navigation li a:hover, .header .navigation li a:active {
color: #b1d8dc; color: #b1d8dc;
} }
.header .navigation .backtotop { .header .navigation .backtotop {
opacity: 0; opacity: 0;
display: block; display: block;
@ -231,7 +232,7 @@ body > .spinner, .mask{
font-weight: normal; font-weight: normal;
} }
.header:hover .navigation .backtotop { color: #fff; } .header:hover .navigation .backtotop { color: #fff; }
.header .more_menu { .header .more_menu {
margin-left: 12px; margin-left: 12px;
} }
@ -242,10 +243,10 @@ body > .spinner, .mask{
.header .more_menu .wrapper:before { .header .more_menu .wrapper:before {
margin-left: -34px; margin-left: -34px;
} }
.header .more_menu .red { color: red; } .header .more_menu .red { color: red; }
.header .more_menu .orange { color: orange; } .header .more_menu .orange { color: orange; }
.badge { .badge {
position: absolute; position: absolute;
width: 14px; width: 14px;
@ -261,30 +262,31 @@ body > .spinner, .mask{
background-color: #1b79b8; background-color: #1b79b8;
text-shadow: none; text-shadow: none;
} }
.header .notification_menu .wrapper { .header .notification_menu .wrapper {
width: 300px; width: 300px;
margin-left: -260px; margin-left: -260px;
text-align: left; text-align: left;
} }
.header .notification_menu .wrapper:before { .header .notification_menu .wrapper:before {
left: 296px; left: 296px;
} }
.header .notification_menu ul { .header .notification_menu ul {
max-height: 300px; max-height: 300px;
overflow: auto; overflow: auto;
} }
.header .notification_menu > a { .header .notification_menu > a {
background-position: center -209px; background-position: center -209px;
} }
.header .notification_menu li > span { .header .notification_menu li > span {
padding: 5px; padding: 5px;
display: block; display: block;
border-bottom: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2);
word-wrap: break-word;
} }
.header .notification_menu li > span { color: #777; } .header .notification_menu li > span { color: #777; }
.header .notification_menu li:last-child > span { border: 0; } .header .notification_menu li:last-child > span { border: 0; }
@ -294,11 +296,11 @@ body > .spinner, .mask{
color: #aaa; color: #aaa;
text-align: ; text-align: ;
} }
.header .notification_menu li .more { .header .notification_menu li .more {
text-align: center; text-align: center;
} }
.header .message.update { .header .message.update {
text-align: center; text-align: center;
position: relative; position: relative;
@ -340,9 +342,9 @@ body > .spinner, .mask{
display: inline-block; display: inline-block;
padding: 0 30px 0 20px; padding: 0 30px 0 20px;
border-radius:30px; border-radius:30px;
box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0px rgba(255,255,255,0.20); box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0px rgba(255,255,255,0.20);
background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient( background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient(
linear, linear,
left bottom, left bottom,
@ -356,12 +358,12 @@ body > .spinner, .mask{
#406db8 100% #406db8 100%
); );
} }
.select .selection .selectionDisplay { .select .selection .selectionDisplay {
display: inline-block; display: inline-block;
padding-right: 15px; padding-right: 15px;
border-right: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2);
box-shadow: 1px 0 0 rgba(255,255,255,0.15); box-shadow: 1px 0 0 rgba(255,255,255,0.15);
} }
@ -370,7 +372,7 @@ body > .spinner, .mask{
overflow: hidden; overflow: hidden;
font-weight: bold; font-weight: bold;
} }
.select .list:before { .select .list:before {
content: ' '; content: ' ';
height: 0; height: 0;
@ -380,7 +382,7 @@ body > .spinner, .mask{
border-bottom-color: #282d34; border-bottom-color: #282d34;
margin: -11px 0 0 70px; margin: -11px 0 0 70px;
} }
.select .list { .select .list {
display: none; display: none;
background: #282d34; background: #282d34;
@ -391,7 +393,7 @@ body > .spinner, .mask{
border-radius:3px; border-radius:3px;
z-index: 3; z-index: 3;
} }
.select.active .list { .select.active .list {
display: block; display: block;
} }
.select .list ul { .select .list ul {
@ -409,7 +411,7 @@ body > .spinner, .mask{
background: rgba(255,255,255,0.1); background: rgba(255,255,255,0.1);
border-color: transparent; border-color: transparent;
} }
.select input { display: none; } .select input { display: none; }
.inlay { .inlay {
@ -425,7 +427,7 @@ body > .spinner, .mask{
outline: none; outline: none;
box-shadow: inset 0 1px 8px rgba(0,0,0,0.05), 0 1px 0px rgba(255,255,255,0.15); box-shadow: inset 0 1px 8px rgba(0,0,0,0.05), 0 1px 0px rgba(255,255,255,0.15);
} }
.inlay:focus { .inlay:focus {
background-color: #3a4350; background-color: #3a4350;
outline: none; outline: none;
@ -491,7 +493,7 @@ body > .spinner, .mask{
.question .answer:hover { .question .answer:hover {
background: #f1f1f1; background: #f1f1f1;
} }
.question .answer.delete { .question .answer.delete {
background-color: #a82f12; background-color: #a82f12;
} }
@ -516,7 +518,7 @@ body > .spinner, .mask{
.more_menu.show > a:not(:active), .more_menu > a:hover:not(:active) { .more_menu.show > a:not(:active), .more_menu > a:hover:not(:active) {
background-color: #406db8; background-color: #406db8;
} }
.more_menu .wrapper { .more_menu .wrapper {
display: none; display: none;
border: 1px solid #333; border: 1px solid #333;
@ -544,7 +546,7 @@ body > .spinner, .mask{
rgb(255,255,255) 100% rgb(255,255,255) 100%
); );
} }
.more_menu .wrapper:before { .more_menu .wrapper:before {
content: ' '; content: ' ';
height: 0; height: 0;
@ -559,18 +561,18 @@ body > .spinner, .mask{
.more_menu.show .wrapper { .more_menu.show .wrapper {
display: block; display: block;
} }
.more_menu ul { .more_menu ul {
padding: 0; padding: 0;
margin: -12px 0 0 0; margin: -12px 0 0 0;
list-style: none; list-style: none;
} }
.more_menu .wrapper li { .more_menu .wrapper li {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.more_menu .wrapper li a { .more_menu .wrapper li a {
display: block; display: block;
border-bottom: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2);
@ -582,7 +584,7 @@ body > .spinner, .mask{
padding: 3px 0; padding: 3px 0;
color: #000; color: #000;
} }
.more_menu .wrapper li:last-child a { .more_menu .wrapper li:last-child a {
border: none; border: none;
} }

109
couchpotato/static/style/page/settings.css

@ -1,6 +1,3 @@
/* @override
http://127.0.0.1:5000/_api_/static/style/page/settings.css */
.page.settings:after { .page.settings:after {
content: "."; content: ".";
display: block; display: block;
@ -19,7 +16,7 @@
padding: 40px 0; padding: 40px 0;
margin: 0; margin: 0;
min-height: 470px; min-height: 470px;
background-image: -webkit-gradient( background-image: -webkit-gradient(
linear, linear,
right top, right top,
@ -46,7 +43,7 @@
font-size: 25px; font-size: 25px;
color: #fff; color: #fff;
} }
.page.settings .tabs .subtabs { .page.settings .tabs .subtabs {
list-style: none; list-style: none;
padding: 0; padding: 0;
@ -57,7 +54,7 @@
.page.settings .tabs > .active .subtabs { .page.settings .tabs > .active .subtabs {
max-height: 300px; max-height: 300px;
} }
.page.settings .tabs .subtabs a { .page.settings .tabs .subtabs a {
font-size: 15px; font-size: 15px;
padding: 1px 15px; padding: 1px 15px;
@ -65,27 +62,27 @@
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background: rgba(78, 89, 105, 0.4); background: rgba(78, 89, 105, 0.4);
} }
.page.settings .tabs .subtabs .active a { .page.settings .tabs .subtabs .active a {
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
background: rgb(78, 89, 105); background: rgb(78, 89, 105);
} }
.page.settings .containers { .page.settings .containers {
width: 80%; width: 80%;
float: left; float: left;
padding: 20px 2%; padding: 20px 2%;
min-height: 300px; min-height: 300px;
} }
.page .advanced { .page .advanced {
display: none; display: none;
color: #edc07f; color: #edc07f;
} }
.page.show_advanced .advanced { display: block; } .page.show_advanced .advanced { display: block; }
.page.settings .tab_content { .page.settings .tab_content {
display: none; display: none;
} }
@ -106,7 +103,7 @@
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
} }
.page fieldset.disabled .ctrlHolder { .page fieldset.disabled .ctrlHolder {
display: none; display: none;
} }
@ -153,14 +150,14 @@
height: 24px; height: 24px;
vertical-align: middle; vertical-align: middle;
} }
.page .ctrlHolder label { .page .ctrlHolder label {
font-weight: bold; font-weight: bold;
width: 20%; width: 20%;
margin: 0; margin: 0;
padding: 6px 0 0; padding: 6px 0 0;
} }
.page .xsmall { width: 20px !important; text-align: center; } .page .xsmall { width: 20px !important; text-align: center; }
.page input[type=text], .page input[type=password] { .page input[type=text], .page input[type=password] {
@ -174,7 +171,7 @@
.page .input.medium { width: 15% } .page .input.medium { width: 15% }
.page .input.large { width: 25% } .page .input.large { width: 25% }
.page .input.xlarge { width: 30% } .page .input.xlarge { width: 30% }
.page .advanced_toggle { .page .advanced_toggle {
clear: both; clear: both;
display: block; display: block;
@ -183,10 +180,10 @@
margin: 0; margin: 0;
} }
.page .advanced_toggle span { padding: 0 5px; } .page .advanced_toggle span { padding: 0 5px; }
.page.show_advanced .advanced_toggle { .page.show_advanced .advanced_toggle {
color: #edc07f; color: #edc07f;
} }
.page .directory { .page .directory {
display: inline-block; display: inline-block;
padding: 0 4% 0 4px; padding: 0 4% 0 4px;
@ -206,7 +203,7 @@
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
} }
.page .directory_list { .page .directory_list {
z-index: 2; z-index: 2;
position: absolute; position: absolute;
@ -216,7 +213,7 @@
border-radius: 3px; border-radius: 3px;
box-shadow: 0 0 50px rgba(0,0,0,0.55); box-shadow: 0 0 50px rgba(0,0,0,0.55);
} }
.page .directory_list .pointer { .page .directory_list .pointer {
border-right: 6px solid transparent; border-right: 6px solid transparent;
border-left: 6px solid transparent; border-left: 6px solid transparent;
@ -226,7 +223,7 @@
width: 0px; width: 0px;
margin: -6px 0 0 38%; margin: -6px 0 0 38%;
} }
.page .directory_list ul { .page .directory_list ul {
width: 92%; width: 92%;
height: 300px; height: 300px;
@ -234,7 +231,7 @@
margin: 0 4%; margin: 0 4%;
font-size: 16px; font-size: 16px;
} }
.page .directory_list li { .page .directory_list li {
padding: 4px 10px; padding: 4px 10px;
cursor: pointer; cursor: pointer;
@ -245,17 +242,17 @@
.page .directory_list li:last-child { .page .directory_list li:last-child {
border-bottom: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1);
} }
.page .directory_list li:hover { .page .directory_list li:hover {
background-color: #515c68; background-color: #515c68;
} }
.page .directory_list .actions { .page .directory_list .actions {
clear: both; clear: both;
padding: 4% 4% 2%; padding: 4% 4% 2%;
min-height: 25px; min-height: 25px;
} }
.page .directory_list .actions label { .page .directory_list .actions label {
float: right; float: right;
width: auto; width: auto;
@ -264,7 +261,7 @@
.page .directory_list .actions .inlay { .page .directory_list .actions .inlay {
margin: -2px 0 0 7px; margin: -2px 0 0 7px;
} }
.page .directory_list .actions .back { .page .directory_list .actions .back {
font-weight: bold; font-weight: bold;
width: 160px; width: 160px;
@ -273,7 +270,7 @@
line-height: 120%; line-height: 120%;
vertical-align: top; vertical-align: top;
} }
.page .directory_list .actions:last-child { .page .directory_list .actions:last-child {
float: right; float: right;
padding: 4%; padding: 4%;
@ -283,23 +280,23 @@
padding: 0 5px; padding: 0 5px;
text-shadow: none; text-shadow: none;
} }
.page .directory_list .actions:last-child > .clear { .page .directory_list .actions:last-child > .clear {
left: -90%; left: -90%;
position: relative; position: relative;
background-color: #af3128; background-color: #af3128;
} }
.page .directory_list .actions:last-child > .cancel { .page .directory_list .actions:last-child > .cancel {
font-weight: bold; font-weight: bold;
color: #ddd; color: #ddd;
} }
.page .directory_list .actions:last-child > .save { .page .directory_list .actions:last-child > .save {
background: #9dc156; background: #9dc156;
} }
.page .multi_directory.is_empty .delete { .page .multi_directory.is_empty .delete {
visibility: hidden; visibility: hidden;
} }
@ -315,18 +312,18 @@
background-position: center; background-position: center;
margin-left: 5px; margin-left: 5px;
} }
.page .tag_input select { .page .tag_input select {
width: 20%; width: 20%;
display: inline-block; display: inline-block;
} }
.page .tag_input .selection { .page .tag_input .selection {
border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;
height: 26px; height: 26px;
} }
.page .tag_input > input { .page .tag_input > input {
display: none; display: none;
} }
@ -345,7 +342,7 @@
border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
} }
.page .tag_input:hover .formHint { display: none; } .page .tag_input:hover .formHint { display: none; }
.page .tag_input > ul > li { .page .tag_input > ul > li {
display: inline-block; display: inline-block;
min-height: 20px; min-height: 20px;
@ -392,12 +389,12 @@
#406db8 100% #406db8 100%
); );
} }
.page .tag_input .select { .page .tag_input .select {
display: none; display: none;
} }
.page .tag_input:hover .select { display: inline-block; } .page .tag_input:hover .select { display: inline-block; }
.page .tag_input li input { .page .tag_input li input {
background: 0; background: 0;
border: 0; border: 0;
@ -410,13 +407,13 @@
padding-left: 2px; padding-left: 2px;
min-width: 0; min-width: 0;
} }
.page .tag_input li:not(.choice) span { .page .tag_input li:not(.choice) span {
white-space: pre; white-space: pre;
position: absolute; position: absolute;
top: -9999px; top: -9999px;
} }
.page .tag_input .delete { .page .tag_input .delete {
display: none; display: none;
height: 10px; height: 10px;
@ -440,11 +437,11 @@
background-size: 65%; background-size: 65%;
} }
.page .tag_input .choice:hover .delete { display: inline-block; } .page .tag_input .choice:hover .delete { display: inline-block; }
.page .tag_input .choice .delete:hover { .page .tag_input .choice .delete:hover {
height: 14px; height: 14px;
margin-top: -13px; margin-top: -13px;
} }
.page .combined_table .head { .page .combined_table .head {
margin: 0 0 0 60px; margin: 0 0 0 60px;
} }
@ -462,17 +459,17 @@
.page .combined_table .head abbr.host { .page .combined_table .head abbr.host {
margin-right: 197px; margin-right: 197px;
} }
.page .combined_table .ctrlHolder { .page .combined_table .ctrlHolder {
padding-top: 2px; padding-top: 2px;
padding-bottom: 3px; padding-bottom: 3px;
} }
.page .combined_table .ctrlHolder.hide { display: none; } .page .combined_table .ctrlHolder.hide { display: none; }
.page .combined_table .ctrlHolder > * { .page .combined_table .ctrlHolder > * {
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
.page .combined_table .ctrlHolder .delete { .page .combined_table .ctrlHolder .delete {
display: none; display: none;
width: 22px; width: 22px;
@ -483,7 +480,7 @@
.page .combined_table .ctrlHolder:hover .delete { .page .combined_table .ctrlHolder:hover .delete {
display: inline-block; display: inline-block;
} }
.page .combined_table .ctrlHolder.is_empty .delete, .page.settings .combined_table .ctrlHolder.is_empty .check { .page .combined_table .ctrlHolder.is_empty .delete, .page.settings .combined_table .ctrlHolder.is_empty .check {
visibility: hidden; visibility: hidden;
} }
@ -522,7 +519,7 @@
.page .tab_about .donate form { .page .tab_about .donate form {
padding: 10px 0 0; padding: 10px 0 0;
} }
.page .tab_about .info { .page .tab_about .info {
padding: 20px 30px; padding: 20px 30px;
margin: 0; margin: 0;
@ -535,7 +532,7 @@
width: 17%; width: 17%;
font-weight: bold; font-weight: bold;
} }
.page .tab_about .info dd { .page .tab_about .info dd {
float: right; float: right;
width: 80%; width: 80%;
@ -544,12 +541,12 @@
font-style: italic; font-style: italic;
} }
.page .tab_about .info dd.version { cursor: pointer; } .page .tab_about .info dd.version { cursor: pointer; }
.page .tab_about .group_actions > div { .page .tab_about .group_actions > div {
padding: 30px; padding: 30px;
text-align: center; text-align: center;
} }
.page .tab_about .group_actions a { .page .tab_about .group_actions a {
margin: 0 10px; margin: 0 10px;
font-size: 20px; font-size: 20px;
@ -561,24 +558,24 @@
font-size: 20px; font-size: 20px;
font-weight: normal; font-weight: normal;
} }
.group_userscript h2 .hint { .group_userscript h2 .hint {
display: block; display: block;
margin: 0 !important; margin: 0 !important;
} }
.group_userscript .userscript { .group_userscript .userscript {
float: left; float: left;
margin: 14px 0 0 25px; margin: 14px 0 0 25px;
height: 36px; height: 36px;
line-height: 25px; line-height: 25px;
} }
.group_userscript .or { .group_userscript .or {
float: left; float: left;
margin: 20px 10px; margin: 20px 10px;
} }
.group_userscript .bookmarklet { .group_userscript .bookmarklet {
display: block; display: block;
display: block; display: block;
@ -586,8 +583,8 @@
padding: 20px 15px 0 0 ; padding: 20px 15px 0 0 ;
border-radius: 5px; border-radius: 5px;
} }
.group_userscript .bookmarklet span { .group_userscript .bookmarklet span {
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
} }

44
couchpotato/static/style/uniform.css

@ -1,7 +1,7 @@
/* ------------------------------------------------------------------------------ /* ------------------------------------------------------------------------------
Copyright (c) 2010, Dragan Babic Copyright (c) 2010, Dragan Babic
Permission is hereby granted, free of charge, to any person Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without files (the "Software"), to deal in the Software without
@ -10,10 +10,10 @@
copies of the Software, and to permit persons to whom the copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following Software is furnished to do so, subject to the following
conditions: conditions:
The above copyright notice and this permission notice shall be The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software. included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
@ -28,22 +28,22 @@
/* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */
.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ .uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
/* Some generals and more resets */ /* Some generals and more resets */
.uniForm fieldset{ border: none; margin: 0; padding: 0; } .uniForm fieldset{ border: none; margin: 0; padding: 0; }
.uniForm fieldset legend{ margin: 0; padding: 0; } .uniForm fieldset legend{ margin: 0; padding: 0; }
/* This are the main units that contain form elements */ /* This are the main units that contain form elements */
.uniForm .ctrlHolder, .uniForm .ctrlHolder,
.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
/* Clear all floats */ /* Clear all floats */
.uniForm:after, .uniForm:after,
.uniForm .buttonHolder:after, .uniForm .buttonHolder:after,
.uniForm .ctrlHolder:after, .uniForm .ctrlHolder:after,
.uniForm .ctrlHolder .multiField:after, .uniForm .ctrlHolder .multiField:after,
.uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.uniForm label, .uniForm label,
.uniForm button{ cursor: pointer; } .uniForm button{ cursor: pointer; }
@ -55,17 +55,17 @@
.uniForm label, .uniForm label,
.uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; } .uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; }
/* Float the input elements */ /* Float the input elements */
.uniForm .textInput, .uniForm .textInput,
.uniForm .fileUpload, .uniForm .fileUpload,
.uniForm .selectInput, .uniForm .selectInput,
.uniForm select, .uniForm select,
.uniForm textarea{ float: left; width: 53%; margin: 0; } .uniForm textarea{ float: left; width: 53%; margin: 0; }
/* Postition the hints */ /* Postition the hints */
.uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; } .uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; }
/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
.uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; } .uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; }
.uniForm ul li{ margin: 0 0 .5em 0; list-style: none; } .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; }
@ -79,7 +79,7 @@
.uniForm ul.alternate .textInput, .uniForm ul.alternate .textInput,
.uniForm ul.alternate .selectInput, .uniForm ul.alternate .selectInput,
.uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; } .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; }
/* Required fields asterisk styling */ /* Required fields asterisk styling */
.uniForm label em, .uniForm label em,
.uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; } .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; }
@ -93,7 +93,7 @@
.uniForm .inlineLabels label, .uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; } .uniForm .inlineLabels .label{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; }
/* Float the input elements */ /* Float the input elements */
.uniForm .inlineLabels .textInput, .uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload, .uniForm .inlineLabels .fileUpload,
@ -103,7 +103,7 @@
/* Postition the hints */ /* Postition the hints */
.uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; } .uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; }
/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
.uniForm .inlineLabels ul{ float: left; width: 66%; } .uniForm .inlineLabels ul{ float: left; width: 66%; }
.uniForm .inlineLabels ul li{ margin: .5em 0; } .uniForm .inlineLabels ul li{ margin: .5em 0; }
@ -113,7 +113,7 @@
.uniForm .inlineLabels ul li label .textInput, .uniForm .inlineLabels ul li label .textInput,
.uniForm .inlineLabels ul li label textarea, .uniForm .inlineLabels ul li label textarea,
.uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; } .uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; }
/* Required fields asterisk styling */ /* Required fields asterisk styling */
.uniForm .inlineLabels label em, .uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; } .uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; }
@ -124,22 +124,22 @@
/* Generals */ /* Generals */
.uniForm legend{ color: inherit; } .uniForm legend{ color: inherit; }
.uniForm .secondaryAction{ float: left; } .uniForm .secondaryAction{ float: left; }
/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
.uniForm .inlineLabel input, .uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input, .uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input,
/* class .inlineLabel is depreciated */ /* class .inlineLabel is depreciated */
.uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; } .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; }
.uniForm .buttonHolder .inlineLabel, .uniForm .buttonHolder .inlineLabel,
.uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; }
/* When you don't want to use a label */ /* When you don't want to use a label */
.uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ } .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ }
/* Classes for control of the widths of the fields */ /* Classes for control of the widths of the fields */
.uniForm .small { width: 30% !important; } .uniForm .small { width: 30% !important; }
.uniForm .medium{ width: 45% !important; } .uniForm .medium{ width: 45% !important; }

40
couchpotato/static/style/uniform.generic.css

@ -1,11 +1,11 @@
/* ------------------------------------------------------------------------------ /* ------------------------------------------------------------------------------
UNI-FORM DEFAULT by DRAGAN BABIC (v2) | Wed, 31 Mar 10 UNI-FORM DEFAULT by DRAGAN BABIC (v2) | Wed, 31 Mar 10
------------------------------------------------------------------------------ ------------------------------------------------------------------------------
Copyright (c) 2010, Dragan Babic Copyright (c) 2010, Dragan Babic
Permission is hereby granted, free of charge, to any person Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without files (the "Software"), to deal in the Software without
@ -14,10 +14,10 @@
copies of the Software, and to permit persons to whom the copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following Software is furnished to do so, subject to the following
conditions: conditions:
The above copyright notice and this permission notice shall be The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software. included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
@ -26,18 +26,18 @@
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE. OTHER DEALINGS IN THE SOFTWARE.
------------------------------------------------------------------------------ */ ------------------------------------------------------------------------------ */
.uniForm{} .uniForm{}
.uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; } .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
.uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #efefef; } .uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #efefef; }
.uniForm .ctrlHolder.focused{ background: #fffcdf; } .uniForm .ctrlHolder.focused{ background: #fffcdf; }
.uniForm .inlineLabels .noLabel{} .uniForm .inlineLabels .noLabel{}
.uniForm .buttonHolder{ background: #efefef; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em; .uniForm .buttonHolder{ background: #efefef; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em;
/* CSS3 */ /* CSS3 */
border-radius: 4px; border-radius: 4px;
@ -51,21 +51,21 @@
.uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; } .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; }
.uniForm .secondaryAction { text-align: left; } .uniForm .secondaryAction { text-align: left; }
.uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; } .uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; }
.uniForm .inlineLabels label em, .uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; } .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
.uniForm label small{ font-size: .75em; color: #777; } .uniForm label small{ font-size: .75em; color: #777; }
.uniForm .textInput, .uniForm .textInput,
.uniForm textarea { padding: 4px 2px; border: 1px solid #aaa; background: #fff; } .uniForm textarea { padding: 4px 2px; border: 1px solid #aaa; background: #fff; }
.uniForm textarea { height: 12em; } .uniForm textarea { height: 12em; }
.uniForm select {} .uniForm select {}
.uniForm .fileUpload {} .uniForm .fileUpload {}
.uniForm ul{} .uniForm ul{}
.uniForm li{} .uniForm li{}
.uniForm ul li label{ font-size: .85em; } .uniForm ul li label{ font-size: .85em; }
.uniForm .small {} .uniForm .small {}
.uniForm .medium{} .uniForm .medium{}
.uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */ .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */
@ -73,15 +73,15 @@
.uniForm .small, .uniForm .small,
.uniForm .medium, .uniForm .medium,
.uniForm .auto{} .uniForm .auto{}
/* Get rid of the 'glow' effect in WebKit, optional */ /* Get rid of the 'glow' effect in WebKit, optional */
.uniForm .ctrlHolder .textInput:focus, .uniForm .ctrlHolder .textInput:focus,
.uniForm .ctrlHolder textarea:focus{ outline: none; } .uniForm .ctrlHolder textarea:focus{ outline: none; }
.uniForm .formHint { font-size: .85em; color: #777; } .uniForm .formHint { font-size: .85em; color: #777; }
.uniForm .inlineLabels .formHint { padding-top: .5em; } .uniForm .inlineLabels .formHint { padding-top: .5em; }
.uniForm .ctrlHolder.focused .formHint{ color: #333; } .uniForm .ctrlHolder.focused .formHint{ color: #333; }
/* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */
/* ############################### Messages #################################### */ /* ############################### Messages #################################### */
/* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */
@ -105,7 +105,7 @@
-o-border-radius: 4px; -o-border-radius: 4px;
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
} }
.uniForm .ctrlHolder.error, .uniForm .ctrlHolder.error,
.uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5; .uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5;
/* CSS3 */ /* CSS3 */
@ -118,7 +118,7 @@
.uniForm .ctrlHolder.error input.error, .uniForm .ctrlHolder.error input.error,
.uniForm .ctrlHolder.error select.error, .uniForm .ctrlHolder.error select.error,
.uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; } .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; }
/* Success messages at the top of the form */ /* Success messages at the top of the form */
.uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center; .uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 0 1.5em; text-align: center;
/* CSS3 */ /* CSS3 */

Loading…
Cancel
Save