dockeruser
/
CouchPotatoServer
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'develop'

pull/5327/head
Ruud 10 years ago
parent
c3f88b2c3a cd98374874
commit
364fd3140f
12 changed files with 2128 additions and 2053 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      couchpotato/core/_base/updater/static/updater.js
  2. 17
      couchpotato/core/_base/updater/static/updater.scss
  3. 11
      couchpotato/core/media/_base/search/static/search.scss
  4. 37
      couchpotato/core/media/movie/_base/static/movie.scss
  5. 44
      couchpotato/core/plugins/log/static/log.scss
  6. 2
      couchpotato/static/scripts/combined.base.min.js
  7. 2
      couchpotato/static/scripts/combined.plugins.min.js
  8. 6
      couchpotato/static/scripts/combined.vendor.min.js
  9. 2
      couchpotato/static/scripts/page/home.js
  10. 3968
      couchpotato/static/scripts/vendor/dynamics.js
  11. 77
      couchpotato/static/style/combined.min.css
  12. 13
      couchpotato/static/style/main.scss

2
couchpotato/core/_base/updater/static/updater.js
View File

@ -84,7 +84,7 @@ var UpdaterBase = new Class({
'click': self.doUpdate.bind(self)
}
})
).inject(document.body);
).inject(App.getBlock('footer'));
},
doUpdate: function(){

17
couchpotato/core/_base/updater/static/updater.scss
View File

@ -0,0 +1,17 @@
@import "_mixins";
.update.message {
background: $background_color;
padding: $padding;
text-align: center;
font-size: 1.25em;
@include media-tablet {
font-size: 1em;
}
a {
color: $primary_color;
padding: $padding/4;
}
}

11
couchpotato/core/media/_base/search/static/search.scss
View File

@ -6,10 +6,6 @@
width: 44px;
position: relative;
* {
transform: translateZ(0);
}
.icon-search {
position: absolute;
z-index: 2;
@ -246,7 +242,8 @@
cursor: pointer;
border-top: 1px solid rgba(255,255,255, 0.08);
transition: all .4s cubic-bezier(0.9,0,0.1,1);
transform: translateX(0);
will-change: transform;
transform: translateX(0) rotateZ(360deg);
background: $background_color;
@include media-phablet {
@ -254,11 +251,11 @@
}
&:hover {
transform: translateX(2%);
transform: translateX(2%) rotateZ(360deg);
}
&.open {
transform: translateX(100%);
transform: translateX(100%) rotateZ(360deg);
}
.info {

37
couchpotato/core/media/movie/_base/static/movie.scss
View File

@ -21,6 +21,7 @@ $mass_edit_height: 44px;
.page.movies_manage {
top: $header_height;
padding: 0;
will-change: top;
transition: top 300ms $cubic;
@include media-phablet {
@ -61,6 +62,7 @@ $mass_edit_height: 44px;
input[type=checkbox] {
display: inline-block;
position: absolute;
will-change: opacity;
transition: opacity 200ms;
opacity: 0;
z-index: 2;
@ -186,7 +188,8 @@ $mass_edit_height: 44px;
}
.movie .actions {
transform: rotateY(360deg);
will-change: transform, opacity;
transform: rotateZ(360deg);
@include media-phablet {
pointer-events: none;
@ -474,6 +477,7 @@ $mass_edit_height: 44px;
.actions {
background-image: linear-gradient(25deg, rgba($primary_color,0) 0%, rgba($primary_color,1) 80%);
will-change: opacity;
transition: opacity 400ms;
opacity: 1;
visibility: hidden;
@ -496,6 +500,8 @@ $mass_edit_height: 44px;
a {
transition: all 150ms $cubic;
will-change: color, background;
transition-property: color, background;
display: block;
width: auto;
padding: $padding / 3;
@ -526,6 +532,7 @@ $mass_edit_height: 44px;
.mask {
bottom: 44px;
border-radius: $border_radius;
will-change: opacity;
transition: opacity 30ms;
}
}
@ -550,7 +557,8 @@ $mass_edit_height: 44px;
background: rgba(0,0,0,.6);
border-radius: $border_radius 0 0 $border_radius;
opacity: 0;
transform: rotateY(360deg);
will-change: opacity;
transform: rotateZ(360deg);
transition: opacity 300ms ease 400ms;
z-index: 1;
@ -572,6 +580,7 @@ $mass_edit_height: 44px;
width: 100%;
height: 100%;
opacity: 0;
will-change: opacity;
transition: opacity 300ms ease 200ms;
&:before {
@ -595,7 +604,8 @@ $mass_edit_height: 44px;
background: $background_color;
border-radius: $border_radius 0 0 $border_radius;
overflow-y: auto;
transform: translateX(100%) rotateY(360deg);
will-change: transform;
transform: translateX(100%) rotateZ(360deg);
transition: transform 350ms $cubic;
@include media-phablet {
@ -608,11 +618,12 @@ $mass_edit_height: 44px;
padding: 0 $padding;
position: relative;
z-index: 2;
transform: rotateY(360deg);
will-change: transform, opacity;
transform: rotateZ(360deg);
@include media-phablet {
padding: 0;
line-height: 1em;
line-height: $header_width_mobile;
}
h1 {
@ -626,7 +637,6 @@ $mass_edit_height: 44px;
@include media-phablet {
min-width: 100%;
line-height: $header_width_mobile;
margin-top: $padding;
.more_menu {
width: 100%;
@ -658,7 +668,7 @@ $mass_edit_height: 44px;
line-height: $header_height;
@include media-phablet {
line-height: $header_width_mobile/2;
line-height: $header_width_mobile;
}
}
@ -756,7 +766,7 @@ $mass_edit_height: 44px;
line-height: $header_height;
@include media-phablet {
line-height: $header_width_mobile/2;
line-height: $header_width_mobile;
}
&:hover {
@ -770,7 +780,8 @@ $mass_edit_height: 44px;
.section {
padding: $padding;
border-top: 1px solid rgba(0,0,0,.1);
transform: rotateY(360deg);
will-change: transform, opacity;
transform: rotateZ(360deg);
@include media-phablet {
padding: $padding/2;
@ -793,7 +804,7 @@ $mass_edit_height: 44px;
.scroll_content {
transition-delay: 200ms;
transform: translateX(0) rotateY(360deg);
transform: translateX(0) rotateZ(360deg);
}
}
@ -1038,8 +1049,6 @@ $mass_edit_height: 44px;
.background {
opacity: .3;
transition: all 300ms;
transform: scale(1.05) rotateY(360deg);
background: no-repeat center;
background-size: cover;
position: absolute;
@ -1051,7 +1060,6 @@ $mass_edit_height: 44px;
}
.icon-play {
opacity: 0.9;
position: absolute;
z-index: 2;
@ -1059,6 +1067,7 @@ $mass_edit_height: 44px;
width: 100%;
top: 50%;
transform: translateY(-50%);
will-change: opacity;
transition: all 300ms;
color: #FFF;
font-size: $play-size;
@ -1080,6 +1089,7 @@ $mass_edit_height: 44px;
left: 50%;
margin-left: $play-size/2;
transform: translateY(-54%);
will-change: opacity;
@include media-desktop {
margin-left: $play-size/4;
@ -1140,6 +1150,7 @@ $mass_edit_height: 44px;
left: $header_width;
flex-flow: row nowrap;
align-items: center;
will-change: max-height;
transition: max-height 300ms $cubic;
max-height: 0;
overflow: hidden;

44
couchpotato/core/plugins/log/static/log.scss
View File

@ -12,6 +12,16 @@
padding: 5px 10px;
margin: 0;
@include media-tablet {
&.filter, &:nth-child(7),&:nth-child(8),&:nth-child(9),&:nth-child(10),&:nth-child(11),&:nth-child(12) {
display: none;
}
&:last-child {
display: inline-block;
}
}
&.select, &.clear {
cursor: pointer;
}
@ -32,6 +42,10 @@
font-style: italic;
opacity: .5;
margin-top: 3px;
@include media-tablet {
display: none;
}
}
.container {
@ -39,6 +53,10 @@
overflow: hidden;
line-height: 150%;
@include media-phablet {
padding: $padding $padding/2;
}
&.loading {
text-align: center;
font-size: 20px;
@ -58,6 +76,10 @@
font-family: Lucida Console, Monaco, Nimbus Mono L, monospace, serif;
display: flex;
@include media-phablet {
flex-flow: row wrap;
}
&.highlight {
background: $theme_off;
}
@ -66,7 +88,20 @@
padding: 5px 0 3px;
display: inline-block;
vertical-align: middle;
width: 90px;
width: 95px;
}
.message {
white-space: pre-wrap;
flex: 1 auto;
@include media-phablet {
flex: 1 auto;
margin-top: -$padding/4;
padding: 0;
display: block;
width: 100%;
}
}
::selection {
@ -76,15 +111,10 @@
}
.type.type {
margin-left: 10px;
margin-left: $padding/3;
width: 40px;
}
.message {
white-space: pre-wrap;
flex: 1 auto;
}
.error { color: #FFA4A4; }
.debug span { opacity: .6; }

2
couchpotato/static/scripts/combined.base.min.js
View File

@ -1044,7 +1044,7 @@ Page.Home = new Class({
identifier: "soon",
limit: 12,
title: "Available soon",
description: "These are being searched for and should be available soon as they will be released on DVD in the next few weeks.",
description: "Should be available soon as they will be released on DVD/Blu-ray in the coming weeks.",
filter: {
random: true
},

2
couchpotato/static/scripts/combined.plugins.min.js
View File

@ -109,7 +109,7 @@ var UpdaterBase = new Class({
events: {
click: self.doUpdate.bind(self)
}
})).inject(document.body);
})).inject(App.getBlock("footer"));
},
doUpdate: function() {
var self = this;

6
couchpotato/static/scripts/combined.vendor.min.js
View File

@ -8612,8 +8612,10 @@ History.handleInitialState = function(base) {
};
if (typeof module === "object" && typeof module.exports === "object") {
module.exports = dynamics;
} else if (typeof define === "function" && define.amd) {
define(dynamics);
} else if (typeof define === "function") {
define("dynamics", function() {
return dynamics;
});
} else {
window.dynamics = dynamics;
}

2
couchpotato/static/scripts/page/home.js
View File

@ -105,7 +105,7 @@ Page.Home = new Class({
'identifier': 'soon',
'limit': 12,
'title': 'Available soon',
'description': 'These are being searched for and should be available soon as they will be released on DVD in the next few weeks.',
'description': 'Should be available soon as they will be released on DVD/Blu-ray in the coming weeks.',
'filter': {
'random': true
},

3968
couchpotato/static/scripts/vendor/dynamics.js
View File

File diff suppressed because it is too large

77
couchpotato/static/style/combined.min.css
View File

@ -1,7 +1,10 @@
.page.movie_details,.thumb_list .movie.hover_start .actions{pointer-events:none}
.movies>.description a:hover,.page.movie_details .releases .buttons a:hover{text-decoration:underline}
.update.message{background:#FFF;padding:20px;text-align:center;font-size:1.25em}
@media (max-width:768px){.update.message{font-size:1em}
}
.update.message a{color:#ac0000;padding:5px}
.search_form{display:inline-block;z-index:11;width:44px;position:relative}
.search_form *{-webkit-transform:translateZ(0);transform:translateZ(0)}
.search_form .icon-search{position:absolute;z-index:2;top:50%;left:0;height:100%;text-align:center;color:#FFF;font-size:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.search_form .wrapper{position:absolute;left:44px;bottom:0;background:#ac0000;border-radius:3px 0 0 3px;display:none;box-shadow:0 0 15px 2px rgba(0,0,0,.15)}
.search_form .wrapper:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);content:'';display:block;position:absolute;height:10px;width:10px;background:#ac0000;left:-6px;bottom:16px;z-index:1}
@ -42,12 +45,12 @@
.search_form .results_container .results .media_result .options .button{display:block;background:#ac0000;text-align:center;margin:0}
.search_form .results_container .results .media_result .options .message{font-size:20px;color:#fff}
.search_form .results_container .results .media_result .thumbnail{width:30px;min-height:100%;display:block;margin:0;vertical-align:top}
.search_form .results_container .results .media_result .data{position:absolute;height:100%;top:0;left:30px;right:0;cursor:pointer;border-top:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.9,0,.1,1);-webkit-transform:translateX(0);transform:translateX(0);background:#FFF}
.search_form .results_container .results .media_result .data{position:absolute;height:100%;top:0;left:30px;right:0;cursor:pointer;border-top:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.9,0,.1,1);will-change:transform;-webkit-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg);background:#FFF}
@media (max-width:480px){.search_form .results_container .results .media_result .thumbnail{display:none}
.search_form .results_container .results .media_result .data{left:0}
}
.search_form .results_container .results .media_result .data:hover{-webkit-transform:translateX(2%);transform:translateX(2%)}
.search_form .results_container .results .media_result .data.open{-webkit-transform:translateX(100%);transform:translateX(100%)}
.search_form .results_container .results .media_result .data:hover{-webkit-transform:translateX(2%) rotateZ(360deg);transform:translateX(2%) rotateZ(360deg)}
.search_form .results_container .results .media_result .data.open{-webkit-transform:translateX(100%) rotateZ(360deg);transform:translateX(100%) rotateZ(360deg)}
.search_form .results_container .results .media_result .data .info{position:absolute;top:20%;left:15px;right:7px;vertical-align:middle}
.search_form .results_container .results .media_result .data .info h2{margin:0;font-weight:300;font-size:1.25em;padding:0;position:absolute;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex}
.search_form .results_container .results .media_result .data .info h2 .title{display:inline-block;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
@ -93,7 +96,7 @@
}
.big_search{background:#eaeaea}
.page.movies{bottom:auto;z-index:21;height:80px;background:#FFF}
.page.movies_manage,.page.movies_wanted{top:80px;padding:0;transition:top 300ms cubic-bezier(.9,0,.1,1)}
.page.movies_manage,.page.movies_wanted{top:80px;padding:0;will-change:top;transition:top 300ms cubic-bezier(.9,0,.1,1)}
@media (max-width:480px){.page.movies{height:44px}
.page.movies_manage,.page.movies_wanted{top:44px}
}
@ -102,7 +105,7 @@
.page.movies_manage .empty_manage,.page.movies_wanted .empty_manage{padding:20px}
.page.movies_manage .empty_manage .after_manage,.page.movies_wanted .empty_manage .after_manage{margin-top:20px}
.movie .ripple,.movie input[type=checkbox]{display:none}
.with_navigation .movie input[type=checkbox]{display:inline-block;position:absolute;transition:opacity 200ms;opacity:0;z-index:2;cursor:pointer}
.with_navigation .movie input[type=checkbox]{display:inline-block;position:absolute;will-change:opacity;transition:opacity 200ms;opacity:0;z-index:2;cursor:pointer}
@media (max-width:480px){.with_navigation .movie input[type=checkbox]{display:none}
}
.with_navigation .movie input[type=checkbox]:hover{opacity:1!important}
@ -132,7 +135,7 @@
.movies>.loading{background:#FFF}
.movies>.loading .message{color:#000}
.movies>.loading .spinner{background-color:#000}
.movies .movie .actions{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.movies .movie .actions{will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.movies .progress div{width:50%;padding:5px 10px;display:-webkit-flex;display:-ms-flexbox;display:flex}
.movies .progress div .folder{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}
.movies .progress div .percentage{font-weight:700}
@ -225,36 +228,36 @@
.thumb_list .movie .info .eta{opacity:.5;float:right;margin-left:4px}
.thumb_list .movie .info .quality{white-space:nowrap;overflow:hidden}
.thumb_list .movie .info .quality span{font-size:.8em;margin-right:2px}
.thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(172,0,0,0) 0,#ac0000 80%);transition:opacity 400ms;opacity:1;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-align:right}
.thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(172,0,0,0) 0,#ac0000 80%);will-change:opacity;transition:opacity 400ms;opacity:1;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-align:right}
.thumb_list .movie .actions .action{position:relative;margin-right:10px;float:right;clear:both}
.thumb_list .movie .actions .action:first-child{margin-top:10px}
.thumb_list .movie .actions .action a{transition:all 150ms cubic-bezier(.9,0,.1,1);display:block;width:auto;padding:6.67px;color:#FFF;border-radius:2px}
.thumb_list .movie .actions .action a{transition:all 150ms cubic-bezier(.9,0,.1,1);will-change:color,background;transition-property:color,background;display:block;width:auto;padding:6.67px;color:#FFF;border-radius:2px}
.thumb_list .movie .actions .action a:hover{background:#FFF;color:#ac0000}
.thumb_list .movie:hover .actions{opacity:1;visibility:visible}
.thumb_list .movie .mask{bottom:44px;border-radius:3px;transition:opacity 30ms}
.thumb_list .movie .mask{bottom:44px;border-radius:3px;will-change:opacity;transition:opacity 30ms}
@media (max-width:480px){.thumb_list .movie:hover .actions{display:none}
.page.movie_details{left:0}
}
.page.movie_details .overlay{position:fixed;top:0;bottom:0;right:0;left:132px;background:rgba(0,0,0,.6);border-radius:3px 0 0 3px;opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg);transition:opacity 300ms ease 400ms;z-index:1}
.page.movie_details .overlay{position:fixed;top:0;bottom:0;right:0;left:132px;background:rgba(0,0,0,.6);border-radius:3px 0 0 3px;opacity:0;will-change:opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);transition:opacity 300ms ease 400ms;z-index:1}
.page.movie_details .overlay .ripple{background:#FFF}
.page.movie_details .overlay .close{display:inline-block;text-align:center;font-size:60px;line-height:80px;color:#FFF;width:100%;height:100%;opacity:0;transition:opacity 300ms ease 200ms}
.page.movie_details .overlay .close{display:inline-block;text-align:center;font-size:60px;line-height:80px;color:#FFF;width:100%;height:100%;opacity:0;will-change:opacity;transition:opacity 300ms ease 200ms}
.page.movie_details .overlay .close:before{display:block;width:44px}
@media (max-width:480px){.page.movie_details .overlay{left:0;border-radius:0}
.page.movie_details .overlay .close{width:44px}
}
.page.movie_details .scroll_content{position:fixed;z-index:2;top:0;bottom:0;right:0;left:176px;background:#FFF;border-radius:3px 0 0 3px;overflow-y:auto;-webkit-transform:translateX(100%) rotateY(360deg);transform:translateX(100%) rotateY(360deg);transition:-webkit-transform 350ms cubic-bezier(.9,0,.1,1);transition:transform 350ms cubic-bezier(.9,0,.1,1)}
.page.movie_details .scroll_content>.head{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:0 20px;position:relative;z-index:2;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.page.movie_details .scroll_content{position:fixed;z-index:2;top:0;bottom:0;right:0;left:176px;background:#FFF;border-radius:3px 0 0 3px;overflow-y:auto;will-change:transform;-webkit-transform:translateX(100%) rotateZ(360deg);transform:translateX(100%) rotateZ(360deg);transition:-webkit-transform 350ms cubic-bezier(.9,0,.1,1);transition:transform 350ms cubic-bezier(.9,0,.1,1)}
.page.movie_details .scroll_content>.head{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:0 20px;position:relative;z-index:2;will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.page.movie_details .scroll_content>.head h1{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin:0;font-size:24px;color:rgba(0,0,0,.5);font-weight:300;max-width:100%}
@media (max-width:480px){.page.movie_details .scroll_content{left:44px}
.page.movie_details .scroll_content>.head{padding:0;line-height:1em}
.page.movie_details .scroll_content>.head h1{min-width:100%;line-height:44px;margin-top:20px}
.page.movie_details .scroll_content>.head{padding:0;line-height:44px}
.page.movie_details .scroll_content>.head h1{min-width:100%;line-height:44px}
.page.movie_details .scroll_content>.head h1 .more_menu{width:100%}
}
.page.movie_details .scroll_content>.head h1 .more_menu .icon-dropdown{padding-right:20px}
.page.movie_details .scroll_content>.head .more_menu{display:inline-block;vertical-align:top;max-width:100%;margin-bottom:0}
.page.movie_details .scroll_content>.head .more_menu>a{line-height:80px}
@media (max-width:480px){.page.movie_details .scroll_content>.head h1 .more_menu .icon-dropdown:before{right:10px}
.page.movie_details .scroll_content>.head .more_menu>a{line-height:22px}
.page.movie_details .scroll_content>.head .more_menu>a{line-height:44px}
}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown{position:relative;padding:0 13.33px 0 10px}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown:before{position:absolute;right:0;top:-2px;opacity:.2}
@ -273,17 +276,17 @@
.page.movie_details .scroll_content>.head .buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.page.movie_details .scroll_content>.head .buttons>a{display:inline-block;padding:0 10px;color:#ac0000;line-height:80px}
.page.movie_details .scroll_content>.head .buttons>a:hover{color:#000}
.page.movie_details .scroll_content .section{padding:20px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.page.movie_details .scroll_content .section{padding:20px;border-top:1px solid rgba(0,0,0,.1);will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
@media (max-width:480px){.page.movie_details .scroll_content>.head .more_menu.title .wrapper{top:30px;max-width:240px}
.page.movie_details .scroll_content>.head .buttons{margin:0}
.page.movie_details .scroll_content>.head .buttons>a{line-height:22px}
.page.movie_details .scroll_content>.head .buttons>a{line-height:44px}
.page.movie_details .scroll_content .section{padding:10px}
}
.page.movie_details .files span,.page.movie_details .releases .item span{white-space:nowrap;padding:6.67px 0;overflow:hidden;text-overflow:ellipsis}
.page.movie_details.show{pointer-events:auto}
.page.movie_details.show .overlay{opacity:1;transition-delay:0s}
.page.movie_details.show .overlay .close{opacity:1;transition-delay:300ms}
.page.movie_details.show .scroll_content{transition-delay:200ms;-webkit-transform:translateX(0) rotateY(360deg);transform:translateX(0) rotateY(360deg)}
.page.movie_details.show .scroll_content{transition-delay:200ms;-webkit-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg)}
.page.movie_details .section_description .meta{text-align:right;font-style:italic;font-size:.9em}
.page.movie_details .section_description .meta span{display:inline-block;margin:10px 10px 0}
.page.movie_details .section_description .meta span:last-child{margin-right:0}
@ -342,13 +345,13 @@
.page.movie_details .section_trailer.no_trailer{display:none}
.page.movie_details .trailer_container{background:#000;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;cursor:pointer}
.alph_nav .menus .button,.alph_nav .menus .counter{line-height:80px;padding:0 10px}
.page.movie_details .trailer_container .background{opacity:.3;transition:all 300ms;-webkit-transform:scale(1.05) rotateY(360deg);transform:scale(1.05) rotateY(360deg);background:center no-repeat;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.page.movie_details .trailer_container .icon-play{opacity:.9;position:absolute;z-index:2;text-align:center;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all 300ms;color:#FFF;font-size:110px}
.page.movie_details .trailer_container .background{opacity:.3;background:center no-repeat;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.page.movie_details .trailer_container .icon-play{opacity:.9;position:absolute;z-index:2;text-align:center;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:opacity;transition:all 300ms;color:#FFF;font-size:110px}
@media (max-width:1024px){.page.movie_details .trailer_container .icon-play{font-size:55px}
}
@media (max-width:480px){.page.movie_details .trailer_container .icon-play{font-size:31.43px}
}
.page.movie_details .trailer_container .icon-play span{transition:all 300ms;opacity:.9;position:absolute;font-size:1em;top:50%;left:50%;margin-left:55px;-webkit-transform:translateY(-54%);transform:translateY(-54%)}
.page.movie_details .trailer_container .icon-play span{transition:all 300ms;opacity:.9;position:absolute;font-size:1em;top:50%;left:50%;margin-left:55px;-webkit-transform:translateY(-54%);transform:translateY(-54%);will-change:opacity}
@media (max-width:1024px){.page.movie_details .trailer_container .icon-play span{margin-left:27.5px}
}
@media (max-width:480px){.page.movie_details .trailer_container .icon-play span{margin-left:15.71px}
@ -362,7 +365,7 @@
.page.movie_details .trailer_container:hover .icon-play,.page.movie_details .trailer_container:hover .icon-play span{opacity:1}
.page.movie_details .trailer_container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.alph_nav{position:relative}
.alph_nav .mass_edit_form{display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFF;position:fixed;top:80px;right:0;left:132px;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;transition:max-height 300ms cubic-bezier(.9,0,.1,1);max-height:0;overflow:hidden}
.alph_nav .mass_edit_form{display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFF;position:fixed;top:80px;right:0;left:132px;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;will-change:max-height;transition:max-height 300ms cubic-bezier(.9,0,.1,1);max-height:0;overflow:hidden}
.mass_editing .alph_nav .mass_edit_form{max-height:44px}
.alph_nav .mass_edit_form>*{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.alph_nav .mass_edit_form .select{margin:0 10px 0 20px}
@ -461,16 +464,26 @@
.page.log .nav li.clear,.page.log .nav li.select{cursor:pointer}
.page.log .nav li.active{font-weight:700;cursor:default}
.page.log .hint{font-style:italic;opacity:.5;margin-top:3px}
@media (max-width:768px){.page.log .nav li.filter,.page.log .nav li:nth-child(10),.page.log .nav li:nth-child(11),.page.log .nav li:nth-child(12),.page.log .nav li:nth-child(7),.page.log .nav li:nth-child(8),.page.log .nav li:nth-child(9){display:none}
.page.log .nav li:last-child{display:inline-block}
.page.log .hint{display:none}
}
.page.log .container{padding:20px;overflow:hidden;line-height:150%}
@media (max-width:480px){.page.log .container{padding:20px 10px}
}
.page.log .container.loading{text-align:center;font-size:20px;padding:100px 50px}
.page.log .container select{vertical-align:top}
.page.log .container .time{clear:both;font-size:.75em;border-top:1px solid rgba(255,255,255,.1);overflow:hidden;padding:0 3px;font-family:Lucida Console,Monaco,Nimbus Mono L,monospace,serif;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media (max-width:480px){.page.log .container .time{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
}
.page.log .container .time.highlight{background:#eaeaea}
.page.log .container .time span{padding:5px 0 3px;display:inline-block;vertical-align:middle;width:90px}
.page.log .container .time span{padding:5px 0 3px;display:inline-block;vertical-align:middle;width:95px}
.page.log .container .time .message{white-space:pre-wrap;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
@media (max-width:480px){.page.log .container .time .message{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin-top:-5px;padding:0;display:block;width:100%}
}
.page.log .container .time ::-moz-selection{background-color:#000;color:#FFF}
.page.log .container .time ::selection{background-color:#000;color:#FFF}
.page.log .container .type.type{margin-left:10px;width:40px}
.page.log .container .message{white-space:pre-wrap;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
.page.log .container .type.type{margin-left:6.67px;width:40px}
.page.log .container .error{color:#FFA4A4}
.page.log .container .debug span{opacity:.6}
.page.log [data-filter=DEBUG] .error,.page.log [data-filter=DEBUG] .info,.page.log [data-filter=ERROR] .debug,.page.log [data-filter=ERROR] .info,.page.log [data-filter=INFO] .debug,.page.log [data-filter=INFO] .error{display:none}
@ -625,7 +638,8 @@
body,html{font-size:14px;line-height:1.5;font-family:OpenSans,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-weight:300;height:100%;margin:0;padding:0;background:#111;overflow:hidden}
body{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}
a{position:relative;overflow:hidden;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#FFF;border:1px solid #b7b7b7}
input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#FFF;border:1px solid #b7b7b7;border-radius:0}
input,textarea{-webkit-appearance:none}
.button{color:#ac0000;font-weight:300;padding:5px;cursor:pointer;border:1px solid #ac0000;border-radius:3px;margin:0 5px;transition:all 150ms}
.button:hover{background:#ac0000;color:#FFF}
.ripple{position:absolute;height:10px;width:10px;border-radius:50%;background:#ac0000;-webkit-transform:translate(-50%,-50%) scale(1) rotateZ(360deg);transform:translate(-50%,-50%) scale(1) rotateZ(360deg);opacity:.2;transition:all 1.5s ease;transition-property:opacity,-webkit-transform;transition-property:opacity,transform}
@ -682,13 +696,12 @@ input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#F
}
.header .more_menu .wrapper{bottom:0;left:44px;right:auto;padding-left:4px}
.corner_background{display:block;position:absolute;height:10px;width:10px;background:#ac0000;top:0;left:132px}
.content,.content .pages{height:100%;position:relative}
@media (max-width:480px){.corner_background{left:44px}
}
.content{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background:#FFF;border-radius:3px 0 0 3px}
.content{position:relative;height:100%;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;background:#FFF;border-radius:3px 0 0 3px}
.content h1,.content h2,.content h3{padding:0;margin:0}
.content .pages{width:100%}
.content .footer{position:fixed;bottom:0;height:20px;width:100%}
.content .pages{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;width:100%;position:relative}
.content .footer{width:100%}
.page{position:absolute;top:0;left:0;right:0;bottom:0;display:none}
.page.active{display:block}
.page>.scroll_content{position:relative;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}

13
couchpotato/static/style/main.scss
View File

@ -40,7 +40,11 @@ input, textarea, select {
padding: $padding/3;
background: $background_color;
border: 1px solid darken($theme_off, 20);
border-radius: 0;
}
input, textarea {
-webkit-appearance: none;
}
.button {
@ -381,6 +385,9 @@ input, textarea, select {
height: 100%;
flex: 1 auto;
display: flex;
flex-flow: column nowrap;
background: $background_color;
border-radius: $border_radius 0 0 $border_radius;
//overflow: hidden;
@ -391,16 +398,12 @@ input, textarea, select {
}
.pages {
height: 100%;
flex: 1 auto;
width: 100%;
//overflow: hidden;
position: relative;
}
.footer {
position: fixed;
bottom: 0;
height: $padding;
width: 100%;
}
}

Write Preview
Loading…
Cancel
Save