Renamer, movie searcher, Library scanning
New theme for UI and more..
This commit is contained in:
Ruud
@@ -1,17 +1,18 @@
|
||||
/* @override http://localhost:5000/static/style/main.css */
|
||||
|
||||
html {
|
||||
color: #343434;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
font-family: Helvetica, Arial, Geneva, sans-serif;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
|
||||
height: 100%;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
background: #4e5969;
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -40,11 +41,11 @@ a img {
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color: #6ea1d7;
|
||||
color: #fff;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
a:hover { color: #4d66c4; }
|
||||
a:hover { color: #f3f3f3; }
|
||||
|
||||
.page {
|
||||
display: none;
|
||||
@@ -99,7 +100,7 @@ form {
|
||||
}
|
||||
|
||||
.spinner{
|
||||
background: #f7f7f7 url('../images/spinner.gif') no-repeat center;
|
||||
background: #4e5969 url('../images/spinner.gif') no-repeat center;
|
||||
}
|
||||
|
||||
.button {
|
||||
@@ -130,9 +131,8 @@ form {
|
||||
|
||||
/*** Navigation ***/
|
||||
.header {
|
||||
background: #f7f7f7;
|
||||
background: #4e5969;
|
||||
padding:10px;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
height: 60px;
|
||||
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.1);
|
||||
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
|
||||
@@ -153,7 +153,7 @@ form {
|
||||
padding: 0;
|
||||
}
|
||||
.header .navigation li {
|
||||
color: #8b8b8b;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size:20px;
|
||||
font-weight: bold;
|
||||
@@ -183,10 +183,151 @@ form {
|
||||
}
|
||||
|
||||
.header .navigation li a:link, .header .navigation li a:visited {
|
||||
color: #2c2c2c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.header .navigation li a:hover, .header .navigation li a:active {
|
||||
color: #8b8b8b;
|
||||
color: #b1d8dc;
|
||||
}
|
||||
|
||||
/*** Global Styles ***/
|
||||
.check {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.check.highlighted { background-color: #424c59; }
|
||||
.check.checked {
|
||||
background-image: url('../images/checks.png');
|
||||
background-position: -2px 0;
|
||||
}
|
||||
.check input {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.select {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.select .selection {
|
||||
display: inline-block;
|
||||
padding: 0 30px 0 20px;
|
||||
|
||||
border-radius:30px;
|
||||
-moz-border-radius: 30px;
|
||||
-webkit-border-radius: 30px;
|
||||
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0px rgba(255,255,255,0.20);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0px rgba(255,255,255,0.20);
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0px rgba(255,255,255,0.20);
|
||||
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, #406db8),
|
||||
color-stop(1, #5b9bd1)
|
||||
);
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -moz-linear-gradient(
|
||||
center top,
|
||||
#5b9bd1 0%,
|
||||
#406db8 100%
|
||||
);
|
||||
}
|
||||
|
||||
.select .selection .selectionDisplay {
|
||||
display: inline-block;
|
||||
padding-right: 15px;
|
||||
border-right: 1px solid rgba(0,0,0,0.2);
|
||||
|
||||
box-shadow: 1px 0 0 rgba(255,255,255,0.15);
|
||||
-moz-box-shadow: 1px 0 0 rgba(255,255,255,0.15);
|
||||
-webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
.select .menu {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
font-weight: bold;
|
||||
}
|
||||
.select .list {
|
||||
display: none;
|
||||
background: #282d34;
|
||||
border: 1px solid #1f242b;
|
||||
position: absolute;
|
||||
margin: 28px 0 0 0;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
border-radius:3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
|
||||
z-index: 3;
|
||||
}
|
||||
.select.active .list {
|
||||
display: block;
|
||||
}
|
||||
.select .list ul {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
}
|
||||
.select .list li {
|
||||
padding: 2px 33px 2px 20px;
|
||||
display: block;
|
||||
}
|
||||
.select .list li.highlighted {
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.select input { display: none; }
|
||||
|
||||
.inlay {
|
||||
color: #fff;
|
||||
border: 0;
|
||||
border-radius:3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
background: #282d34;
|
||||
box-shadow: inset 0 1px 8px rgba(0,0,0,0.25), 0 1px 0px rgba(255,255,255,0.25);
|
||||
-moz-box-shadow: inset 0 1px 8px rgba(0,0,0,0.25), 0 1px 0px rgba(255,255,255,0.25);
|
||||
-webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,0.25), 0 1px 0px rgba(255,255,255,0.25);
|
||||
}
|
||||
|
||||
.inlay.light {
|
||||
background: #47515f;
|
||||
outline: none;
|
||||
box-shadow: inset 0 1px 8px rgba(0,0,0,0.05), 0 1px 0px rgba(255,255,255,0.15);
|
||||
-moz-box-shadow: inset 0 1px 8px rgba(0,0,0,0.05), 0 1px 0px rgba(255,255,255,0.15);
|
||||
-webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,0.05), 0 1px 0px rgba(255,255,255,0.15);
|
||||
}
|
||||
|
||||
.inlay:focus {
|
||||
background: #3a4350;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.onlay, .inlay .selected, .inlay > li:hover {
|
||||
border-radius:3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border: 1px solid #252930;
|
||||
box-shadow: inset 0 1px 0px rgba(255,255,255,0.20), 0 0 3px rgba(0,0,0, 0.2);
|
||||
-moz-box-shadow: inset 0 1px 0px rgba(255,255,255,0.20), 0 0 3px rgba(0,0,0, 0.2);
|
||||
-webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,0.20), 0 0 3px rgba(0,0,0, 0.2);
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, rgb(55,62,74)),
|
||||
color-stop(1, rgb(73,83,98))
|
||||
);
|
||||
background-image: -moz-linear-gradient(
|
||||
center bottom,
|
||||
rgb(55,62,74) 0%,
|
||||
rgb(73,83,98) 100%
|
||||
);
|
||||
}
|
||||
|
||||
@@ -12,35 +12,40 @@
|
||||
list-style: none;
|
||||
padding: 40px 0;
|
||||
margin: 0;
|
||||
min-height: 300px;
|
||||
min-height: 470px;
|
||||
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
40% 4%,
|
||||
color-stop(0, rgba(0,0,0, 0.3)),
|
||||
color-stop(0.9, rgba(0,0,0, 0))
|
||||
);
|
||||
background-image: -moz-linear-gradient(
|
||||
30% 0% 16deg,
|
||||
rgba(0,0,0,0) 0%,
|
||||
rgba(0,0,0,0.3) 100%
|
||||
);
|
||||
}
|
||||
.page.settings .tabs a {
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
border: 1px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-right: -1px;
|
||||
padding: 11px 15px;
|
||||
}
|
||||
.page.settings .tabs .active a {
|
||||
color: black;
|
||||
background: #fbfbfb;
|
||||
border-color: #f1f1f1;
|
||||
border-right-color: transparent;
|
||||
background: #4e5969;
|
||||
}
|
||||
|
||||
|
||||
.page.settings .containers {
|
||||
width: 75.8%;
|
||||
float: left;
|
||||
padding: 20px 2%;
|
||||
min-height: 300px;
|
||||
background: #fbfbfb;
|
||||
border-left: 1px solid #f1f1f1;s
|
||||
}
|
||||
|
||||
.page.settings .advanced {
|
||||
display: none;
|
||||
color: #ce3b19;
|
||||
color: #edc07f;
|
||||
}
|
||||
.page.settings.show_advanced .advanced { display: block; }
|
||||
|
||||
@@ -57,10 +62,13 @@
|
||||
font-size: 25px;
|
||||
padding: 0 9px 10px 30px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
box-shadow: 0 1px 0px rgba(255,255,255, 0.15);
|
||||
-moz-box-shadow: 0 1px 0px rgba(255,255,255, 0.15);
|
||||
-webkit-box-shadow: 0 1px 0px rgba(255,255,255, 0.15);
|
||||
}
|
||||
.page.settings fieldset h2 .hint {
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
@@ -81,26 +89,44 @@
|
||||
.page.settings .ctrlHolder {
|
||||
line-height: 25px;
|
||||
padding: 10px 10px 10px 30px;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
font-size: 14px;
|
||||
border: 0;
|
||||
}
|
||||
.page.settings .ctrlHolder:last-child { border: none; }
|
||||
.page.settings .ctrlHolder:hover { background: rgba(211,234,254,0.1); }
|
||||
.page.settings .ctrlHolder.focused:hover { background: rgba(251,246,48,0.29); }
|
||||
.page.settings .ctrlHolder:hover { background: rgba(255,255,255,0.05); }
|
||||
.page.settings .ctrlHolder.focused { background: rgba(255,255,255,0.2); }
|
||||
|
||||
.page.settings .ctrlHolder .formHint {
|
||||
float: right;
|
||||
width: 47%;
|
||||
margin: -18px 0;
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.check {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.check.highlighted { background-color: #424c59; }
|
||||
.check.checked {
|
||||
background-image: url('../../images/checks.png');
|
||||
background-position: -2px 0;
|
||||
}
|
||||
.check input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page.settings .ctrlHolder input[type=checkbox] + .formHint {
|
||||
.page.settings .check + .formHint {
|
||||
float: none;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
margin-left: 1% !important;
|
||||
color: #222;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page.settings .ctrlHolder label {
|
||||
@@ -111,8 +137,7 @@
|
||||
}
|
||||
|
||||
.page.settings input[type=text], .page.settings input[type=password] {
|
||||
border: 1px solid #aaa;
|
||||
padding: 3px;
|
||||
padding: 5px 3px;
|
||||
margin: 0;
|
||||
width: 30%;
|
||||
|
||||
@@ -135,5 +160,44 @@
|
||||
}
|
||||
.page.settings .advanced_toggle span { padding: 0 5px; }
|
||||
.page.settings.show_advanced .advanced_toggle {
|
||||
color: #ce3b19;
|
||||
}
|
||||
color: #edc07f;
|
||||
}
|
||||
|
||||
.page.settings .directory {
|
||||
display: inline-block;
|
||||
padding: 0 4px;
|
||||
font-size: 13px;
|
||||
width: 29.7%;
|
||||
}
|
||||
.page.settings .directory_list {
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
margin: 0 0 0 16.5%;
|
||||
background: #282d34;
|
||||
border: 1px solid #1f242b;
|
||||
position: absolute;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
border-radius:3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
.page.settings .directory_list ul {
|
||||
width: 100%;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.page.settings .directory_list li {
|
||||
padding: 2px 10px;
|
||||
}
|
||||
|
||||
.page.settings .directory_list .actions {
|
||||
clear: both;
|
||||
padding: 10px;
|
||||
background: #414953;
|
||||
}
|
||||
.page.settings .directory_list .actions:first-child { border-bottom: 1px solid #1f242b; }
|
||||
.page.settings .directory_list .actions:last-child { border-top: 1px solid #1f242b; }
|
||||
@@ -1,134 +0,0 @@
|
||||
/* @override http://localhost:5000/static/style/page/wanted.css */
|
||||
|
||||
.page.wanted .movies {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.page.wanted .movie {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #999;
|
||||
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
margin: 10px 0;
|
||||
border: 1px solid #fff;
|
||||
border-color: #eee #fff #fff #eee;
|
||||
background: #ddd;
|
||||
}
|
||||
.page.wanted .movie:hover {
|
||||
border-color: #ddd #fff #fff #ddd;
|
||||
}
|
||||
.page.wanted .movie:hover .data {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.page.wanted .data {
|
||||
padding: 2%;
|
||||
position: absolute;
|
||||
width: 96.1%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.page.wanted .data:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
.page.wanted .data .poster, .page.wanted .options .poster {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
max-width: 10%;
|
||||
margin: 0 2% 0 0;
|
||||
border-radius:3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.35);
|
||||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35);
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.page.wanted .info {
|
||||
float: right;
|
||||
width: 88%;
|
||||
}
|
||||
|
||||
.page.wanted .info .title {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.page.wanted .info .year {
|
||||
font-size: 30px;
|
||||
margin-bottom: 10px;
|
||||
float: right;
|
||||
color: #bbb;
|
||||
width: 10%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.page.wanted .info .rating {
|
||||
font-size: 30px;
|
||||
margin-bottom: 10px;
|
||||
color: #444;
|
||||
float: left;
|
||||
width: 5%;
|
||||
padding: 0 0 0 3%;
|
||||
background: url('../../images/rating.png') no-repeat left center;
|
||||
}
|
||||
|
||||
.page.wanted .info .description {
|
||||
clear: both;
|
||||
width: 95%;
|
||||
}
|
||||
.page.wanted .data .actions {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
line-height: 0;
|
||||
}
|
||||
.page.wanted .data:hover .action { opacity: 0.6; }
|
||||
.page.wanted .data:hover .action:hover { opacity: 1; }
|
||||
|
||||
.page.wanted .data .action {
|
||||
background: no-repeat center;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 3px;
|
||||
opacity: 0;
|
||||
}
|
||||
.page.wanted .data .action.refresh { background-image: url('../../images/reload.png'); }
|
||||
.page.wanted .data .action.delete { background-image: url('../../images/delete.png'); }
|
||||
.page.wanted .data .action.edit { background-image: url('../../images/edit.png'); }
|
||||
.page.wanted .data .action.imdb { background-image: url('../../images/imdb.png'); }
|
||||
|
||||
.page.wanted .delete_container {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
position: relative;
|
||||
}
|
||||
.page.wanted .delete_container .cancel {
|
||||
}
|
||||
.page.wanted .delete_container .or {
|
||||
padding: 10px;
|
||||
}
|
||||
.page.wanted .delete_container .delete {
|
||||
background-color: #ff321c;
|
||||
font-weight: normal;
|
||||
}
|
||||
.page.wanted .delete_container .delete:hover {
|
||||
color: #fff;
|
||||
background-color: #d32917;
|
||||
}
|
||||
|
||||
.page.wanted .options {
|
||||
padding: 2%;
|
||||
}
|
||||
Reference in New Issue
Block a user