Browse Source

Hover styling

pull/5358/head
Ruud 10 years ago
parent
commit
fab356ef66
  1. 4
      couchpotato/core/media/_base/search/static/search.scss
  2. 23
      couchpotato/core/media/movie/_base/static/movie.scss
  3. 4
      couchpotato/core/plugins/wizard/static/wizard.scss
  4. 6
      couchpotato/static/style/_mixins.scss
  5. 189
      couchpotato/static/style/combined.min.css
  6. 35
      couchpotato/static/style/main.scss

4
couchpotato/core/media/_base/search/static/search.scss

@ -20,6 +20,10 @@
color: #FFF;
font-size: 20px;
transform: translateY(-50%);
&:hover {
@include theme(background, off);
}
}
.wrapper {

23
couchpotato/core/media/movie/_base/static/movie.scss

@ -350,7 +350,7 @@ $mass_edit_height: 44px;
height: 100%;
display: block;
@include theme(background, background);
@include theme(color, text);
@include theme(color, primary);
padding: $padding / 2;
width: auto;
float: right;
@ -361,7 +361,8 @@ $mass_edit_height: 44px;
}
&:hover {
@include theme(color, primary);
@include theme(background, off);
@include theme(color, text);
}
.icon {
@ -686,7 +687,7 @@ $mass_edit_height: 44px;
}
.icon-dropdown {
padding-right: $padding;
padding-right: $padding*1.5;
@include media-phablet {
&:before {
@ -708,6 +709,7 @@ $mass_edit_height: 44px;
}
> a {
float: left;
line-height: $header_height;
@include theme(color, primary);
@ -722,11 +724,11 @@ $mass_edit_height: 44px;
.icon-dropdown {
position: relative;
padding: 0 $padding/1.5 0 $padding/2;
padding: 0 $padding*1.25 0 $padding/2;
&:before {
position: absolute;
right: 0;
right: $padding/2;
top: -2px;
opacity: .2;
}
@ -818,6 +820,7 @@ $mass_edit_height: 44px;
}
&:hover {
@include theme(background, off);
@include theme(color, text);
}
}
@ -980,8 +983,8 @@ $mass_edit_height: 44px;
&:before {
display: none;
font-style: italic;
opacity: .6;
font-weight: bold;
opacity: .8;
margin-right: 3px;
width: 100%;
font-size: .9em;
@ -1083,7 +1086,7 @@ $mass_edit_height: 44px;
$max_width: $max_height * (16/9);
padding: 0;
background: $menu_color;
@include theme(background, menu);
max-height: $max_height;
overflow: hidden;
@ -1266,11 +1269,11 @@ $mass_edit_height: 44px;
> a {
display: inline-block;
width: 30px;
line-height: 80px;
line-height: $header_height;
text-align: center;
&:hover {
@include theme(color, primary);
@include theme(background, off);
}
}
}

4
couchpotato/core/plugins/wizard/static/wizard.scss

@ -23,7 +23,7 @@
padding: 10px 0;
display: block;
font-size: 30px;
margin: 80px 5px 0;
margin: $header_height 5px 0;
font-weight: 300;
}
@ -52,7 +52,7 @@
.button.green {
padding: 20px;
font-size: 25px;
margin: 10px 0 80px;
margin: 10px 0 $header_height;
display: inline-block;
}

6
couchpotato/static/style/_mixins.scss

@ -1,8 +1,8 @@
$menu_color: #111;
$vars: 'primary', 'background', 'off', 'text';
$theme_light: #ac0000, #FFF, darken(#FFF, 8), #000;
$theme_dark: #0C9DF8, #2d2d2d, lighten(#2d2d2d, 5), #FFF;
$vars: 'primary', 'background', 'off', 'text', 'menu';
$theme_light: #ac0000, #FFF, darken(#FFF, 8), #000, #111;
$theme_dark: #f85c22, #2d2d2d, lighten(#2d2d2d, 3), #FFF, #111;
//$primary_color: nth($theme_light, 1);
//$theme_off: nth($theme_light, 2);

189
couchpotato/static/style/combined.min.css

@ -5,14 +5,16 @@
@media (max-width:768px){.update.message{font-size:1em}
}
.update.message a{color:#ac0000;padding:5px}
.dark .update.message a{color:#0C9DF8}
.dark .update.message a{color:#f85c22}
.search_form{display:inline-block;z-index:11;width:44px;position:relative}
.search_form *{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.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 .icon-search:hover{background:#ebebeb}
.dark .search_form .icon-search:hover{background:#353535}
.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)}
.dark .search_form .wrapper{background:#0C9DF8;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.dark .search_form .wrapper{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.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}
.dark .search_form .wrapper:before{background:#0C9DF8}
.dark .search_form .wrapper:before{background:#f85c22}
.search_form .input{background:#FFF;border-radius:3px 0 0 3px;position:relative;left:4px;height:44px;overflow:hidden;width:100%}
.dark .search_form .input{background:#2d2d2d}
.search_form .input input{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}
@ -33,7 +35,7 @@
.search_form .results_container .results{max-height:280px;overflow-x:hidden}
.search_form .results_container .results .media_result{overflow:hidden;height:50px;position:relative}
.search_form .results_container .results .media_result .options{position:absolute;height:100%;top:0;left:30px;right:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#ebebeb}
.dark .search_form .results_container .results .media_result .options{background:#3a3a3a}
.dark .search_form .results_container .results .media_result .options{background:#353535}
.search_form .results_container .results .media_result .options>.in_library_wanted{margin-top:-7px}
.search_form .results_container .results .media_result .options>div{border:0;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
@media (max-width:480px){.page.home .search_form .wrapper,.search_form.focused .wrapper,.search_form.shown .wrapper{width:260px}
@ -53,7 +55,7 @@
.search_form .results_container .results .media_result .options .add{width:42px;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
.search_form .results_container .results .media_result .options .add a{color:#FFF}
.search_form .results_container .results .media_result .options .button{display:block;background:#ac0000;text-align:center;margin:0}
.dark .search_form .results_container .results .media_result .options .button{background:#0C9DF8}
.dark .search_form .results_container .results .media_result .options .button{background:#f85c22}
.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);will-change:transform;-webkit-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg);background:#FFF}
@ -68,7 +70,7 @@
.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}
.search_form .results_container .results .media_result .data .info h2 .year{opacity:.4;padding:0 5px;width:auto}
.search_form .results_container .results .media_result .data .info h2 .in_library,.search_form .results_container .results .media_result .data .info h2 .in_wanted{position:absolute;top:15px;left:0;font-size:11px;color:#ac0000}
.dark .search_form .results_container .results .media_result .data .info h2 .in_library,.dark .search_form .results_container .results .media_result .data .info h2 .in_wanted{color:#0C9DF8}
.dark .search_form .results_container .results .media_result .data .info h2 .in_library,.dark .search_form .results_container .results .media_result .data .info h2 .in_wanted{color:#f85c22}
.search_form .results_container .results .media_result .data .info h2.in_library_wanted .title{margin-top:-7px}
.search_form .results_container .results .media_result:hover .info h2 .year{display:inline-block}
.search_form .results_container .results .media_result:last-child .data{border-bottom:0}
@ -89,7 +91,7 @@
.page.home .search_form .wrapper .input input{box-shadow:0;font-size:2em;font-weight:400;padding-right:66px;background:#FFF}
.dark .page.home .search_form .wrapper .input input{background:#2d2d2d}
.page.home .search_form .wrapper .results_container{min-height:66px;position:absolute;top:66px;left:0;right:0;border:1px solid #ebebeb;border-top:0}
.dark .page.home .search_form .wrapper .results_container{border-color:#3a3a3a}
.dark .page.home .search_form .wrapper .results_container{border-color:#353535}
@media (max-width:480px){.page.home .search_form .wrapper .input{height:44px}
.page.home .search_form .wrapper .input input{padding-right:44px;font-size:1em}
.page.home .search_form .wrapper .results_container{top:44px;min-height:44px}
@ -110,7 +112,7 @@
.page.home .search_form .wrapper .results_container .results .media_result .options .title{width:140px;margin-right:2px}
}
.big_search{background:#ebebeb}
.dark .big_search{background:#3a3a3a}
.dark .big_search{background:#353535}
.page.movies{bottom:auto;z-index:21;height:80px}
.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}
@ -145,10 +147,10 @@
@media (max-width:768px){.movies .no_movies{padding:10px}
}
.movies .no_movies a{color:#ac0000}
.dark .movies .no_movies a{color:#0C9DF8}
.dark .movies .no_movies a{color:#f85c22}
.movies .message{padding:20px 0;text-align:center}
.movies .message a{color:#ac0000}
.dark .movies .message a{color:#0C9DF8}
.dark .movies .message a{color:#f85c22}
.movies.movies>h2{padding:0 20px;line-height:80px}
@media (max-width:480px){.movies.movies>h2{line-height:44px;padding:0 10px}
}
@ -156,7 +158,7 @@
@media (max-width:768px){.movies>.description{display:none}
}
.movies>.description a{color:#ac0000;display:inline}
.dark .movies>.description a{color:#0C9DF8}
.dark .movies>.description a{color:#f85c22}
.movies>.loading{background:#FFF}
.dark .movies>.loading{background:#2d2d2d}
.movies>.loading .message{color:#000}
@ -169,10 +171,10 @@
.movies .progress div .percentage{font-weight:700}
.list_list{font-weight:300}
.list_list .movie{display:block;border-bottom:1px solid transparent;border-color:#ebebeb;position:relative;cursor:pointer}
.dark .list_list .movie{border-color:#3a3a3a}
.dark .list_list .movie{border-color:#353535}
.list_list .movie:last-child{border-bottom:none}
.list_list .movie:hover{background:#ebebeb}
.dark .list_list .movie:hover{background:#3a3a3a}
.dark .list_list .movie:hover{background:#353535}
.list_list .movie input[type=checkbox]{left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.list_list .movie .poster{display:none}
.list_list .movie .info{padding:10px 20px;display:-webkit-flex;display:-ms-flexbox;display:flex;-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}
@ -190,11 +192,11 @@
.list_list .movie .info .rating .vote{display:inline-block;min-width:60px;text-align:right}
.list_list .movie .actions{position:absolute;right:10px;top:0;bottom:0;display:none;z-index:10}
.list_list .movie .actions .action{display:inline-block}
.list_list .movie .actions a{height:100%;display:block;background:#FFF;color:#000;padding:10px;width:auto;float:right;text:#000}
.list_list .movie .actions a{height:100%;display:block;background:#FFF;color:#ac0000;padding:10px;width:auto;float:right;text:#000}
.list_list .movie .actions a .icon,.list_list .movie .actions a:before{display:none}
.dark .list_list .movie .actions a{background:#2d2d2d;color:#FFF;text:#FFF}
.list_list .movie .actions a:hover{color:#ac0000}
.dark .list_list .movie .actions a:hover{color:#0C9DF8}
.dark .list_list .movie .actions a{background:#2d2d2d;color:#f85c22;text:#FFF}
.list_list .movie .actions a:hover{background:#ebebeb;color:#000}
.dark .list_list .movie .actions a:hover{background:#353535;color:#FFF}
.list_list .movie:hover .actions{display:block}
@media (max-width:768px){.list_list .movie .info .quality span{margin:2px 2px 0 0}
.list_list .movie:hover .actions{display:none}
@ -254,7 +256,7 @@
.thumb_list .movie input[type=checkbox]{top:10px;left:10px}
.thumb_list .movie .poster_container{border-radius:3px;position:relative;width:100%;padding-bottom:150%;overflow:hidden}
.thumb_list .movie .poster{position:absolute;background:center no-repeat #ebebeb;background-size:cover;overflow:hidden;height:100%;width:100%}
.dark .thumb_list .movie .poster{background-color:#3a3a3a}
.dark .thumb_list .movie .poster{background-color:#353535}
.thumb_list .movie .info{clear:both;font-size:.9em}
.thumb_list .movie .info .title{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:3px 0;font-weight:400}
.thumb_list .movie .info .title span{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@ -263,7 +265,7 @@
.thumb_list .movie .info .quality{white-space:nowrap;overflow:hidden;font-size:.9em}
.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,.3) 0,#ac0000 80%);will-change:opacity,visibility;transition:all 400ms;transition-property:opacity,visibility;opacity:0;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-align:right}
.dark .thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(12,157,248,.3) 0,#0c9df8 80%)}
.dark .thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(248,92,34,.3) 0,#f85c22 80%)}
.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);will-change:color,background;transition-property:color,background;display:block;width:auto;padding:6.67px;color:#FFF;border-radius:2px;font-weight:400}
@ -292,35 +294,34 @@
}
.page.movie_details .scroll_content>.head h1 .more_menu a{color:#000}
.dark .page.movie_details .scroll_content>.head h1 .more_menu a{color:#FFF}
.page.movie_details .scroll_content>.head h1 .more_menu .icon-dropdown{padding-right:20px}
.page.movie_details .scroll_content>.head h1 .more_menu .icon-dropdown{padding-right:30px}
.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;color:#ac0000}
.dark .page.movie_details .scroll_content>.head .more_menu>a{color:#0C9DF8}
.page.movie_details .scroll_content>.head .more_menu>a{float:left;line-height:80px;color:#ac0000}
.dark .page.movie_details .scroll_content>.head .more_menu>a{color:#f85c22}
.page.movie_details .scroll_content>.head .more_menu>a:hover{color:#000}
.dark .page.movie_details .scroll_content>.head .more_menu>a:hover{color:#FFF}
@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: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}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown{position:relative;padding:0 25px 0 10px}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown:before{position:absolute;right:10px;top:-2px;opacity:.2}
.page.movie_details .scroll_content>.head .more_menu .icon-dropdown:hover:before{opacity:1}
.page.movie_details .scroll_content>.head .more_menu .wrapper{top:70px;padding-top:4px;border-radius:3px 3px 0 0;font-size:14px}
@media (max-width:480px){.page.movie_details .scroll_content>.head .more_menu .wrapper{top:25px}
@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:44px}
.page.movie_details .scroll_content>.head .more_menu .wrapper{top:25px}
}
.page.movie_details .scroll_content>.head .more_menu .wrapper:before{top:0;left:auto;right:22px}
.page.movie_details .scroll_content>.head .more_menu .wrapper ul{border-radius:3px 3px 0 0;max-height:215px;overflow-y:auto}
.page.movie_details .scroll_content>.head .more_menu .wrapper a{padding-right:30px}
.page.movie_details .scroll_content>.head .more_menu .wrapper a:before{position:absolute;right:10px}
.page.movie_details .scroll_content>.head .more_menu .wrapper a.icon-ok,.page.movie_details .scroll_content>.head .more_menu .wrapper a:hover{color:#ac0000}
.dark .page.movie_details .scroll_content>.head .more_menu .wrapper a.icon-ok,.dark .page.movie_details .scroll_content>.head .more_menu .wrapper a:hover{color:#0C9DF8}
.dark .page.movie_details .scroll_content>.head .more_menu .wrapper a.icon-ok,.dark .page.movie_details .scroll_content>.head .more_menu .wrapper a:hover{color:#f85c22}
.page.movie_details .scroll_content>.head .more_menu.title>a{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}
.page.movie_details .scroll_content>.head .more_menu.title .wrapper{-webkit-transform-origin:0 0;transform-origin:0 0;left:0;right:auto}
.page.movie_details .scroll_content>.head .more_menu.title .wrapper:before{left:22px;right:auto}
.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}
.dark .page.movie_details .scroll_content>.head .buttons>a{color:#0C9DF8}
.page.movie_details .scroll_content>.head .buttons>a:hover{color:#000}
.dark .page.movie_details .scroll_content>.head .buttons>a:hover{color:#FFF}
.dark .page.movie_details .scroll_content>.head .buttons>a{color:#f85c22}
.page.movie_details .scroll_content>.head .buttons>a:hover{background:#ebebeb;color:#000}
.dark .page.movie_details .scroll_content>.head .buttons>a:hover{background:#353535;color:#FFF}
.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)}
.dark .page.movie_details .scroll_content .section{border-color:rgba(255,255,255,.1)}
@media (max-width:480px){.page.movie_details .scroll_content>.head .more_menu.title .wrapper{top:30px;max-width:240px}
@ -337,7 +338,7 @@
.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}
.page.movie_details .section_add{background:#ebebeb}
.dark .page.movie_details .section_add{background:#3a3a3a}
.dark .page.movie_details .section_add{background:#353535}
.page.movie_details .section_add .options>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.page.movie_details .section_add .options>div select{display:block;width:100%}
.page.movie_details .section_add .options>div .title{min-width:75px;width:2000px;margin:0 10px 0 0}
@ -346,20 +347,20 @@
.page.movie_details .section_add .options>div .add .button{background:#FFF;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;display:block;text-align:center;width:100%;margin:0}
.dark .page.movie_details .section_add .options>div .add .button{background:#2d2d2d}
.page.movie_details .section_add .options>div .add .button:hover{background:#ac0000}
.dark .page.movie_details .section_add .options>div .add .button:hover{background:#0C9DF8}
.dark .page.movie_details .section_add .options>div .add .button:hover{background:#f85c22}
.page.movie_details .section_add .data,.page.movie_details .section_add .thumbnail{display:none}
.page.movie_details .files span{text-align:center}
.page.movie_details .files .name{text-align:left;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.page.movie_details .files .type{min-width:80px}
.page.movie_details .releases .buttons{margin-bottom:10px}
.page.movie_details .releases .buttons a{display:inline;color:#ac0000}
.dark .page.movie_details .releases .buttons a{color:#0C9DF8}
.dark .page.movie_details .releases .buttons a{color:#f85c22}
@media (max-width:480px){.page.movie_details .releases .item{display:block}
}
.page.movie_details .releases .item:not(.head):hover{background:#ebebeb;text:#000}
.dark .page.movie_details .releases .item:not(.head):hover{background:#3a3a3a;text:#FFF}
.dark .page.movie_details .releases .item:not(.head):hover{background:#353535;text:#FFF}
.page.movie_details .releases .item span{text-align:center}
.page.movie_details .releases .item span:before{display:none;font-style:italic;opacity:.6;margin-right:3px;width:100%;font-size:.9em}
.page.movie_details .releases .item span:before{display:none;font-weight:700;opacity:.8;margin-right:3px;width:100%;font-size:.9em}
.page.movie_details .releases .item .name{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;text-align:left}
.page.movie_details .releases .item.ignored span:not(.actions){opacity:.3}
.page.movie_details .releases .item.ignored .name{text-decoration:line-through}
@ -373,7 +374,7 @@
.page.movie_details .releases .item .actions a{display:inline-block;vertical-align:top;padding:6.67px;min-width:26px;color:#000}
.dark .page.movie_details .releases .item .actions a{color:#FFF}
.page.movie_details .releases .item .actions a:hover{color:#ac0000}
.dark .page.movie_details .releases .item .actions a:hover{color:#0C9DF8}
.dark .page.movie_details .releases .item .actions a:hover{color:#f85c22}
.page.movie_details .releases .item .actions a:after{margin-left:3px;font-size:.9em}
@media (max-width:480px){.page.movie_details .releases .item .actions a{text-align:center}
.page.movie_details .releases .item .actions a.icon-info:after{content:"more info"}
@ -394,6 +395,7 @@
.page.movie_details .releases .provider:before{content:"Provider:"}
.page.movie_details .releases .actions{min-width:80px;max-width:80px}
.page.movie_details .section_trailer.section_trailer{padding:0;background:#111;max-height:450px;overflow:hidden}
.dark .page.movie_details .section_trailer.section_trailer{background:#111}
.page.movie_details .section_trailer.section_trailer.no_trailer{display:none}
.page.movie_details .section_trailer.section_trailer .trailer_container{max-height:450px;position:relative;overflow:hidden;max-width:800px;margin:0 auto;cursor:pointer}
.page.movie_details .section_trailer.section_trailer .trailer_container .background{opacity:0;background:center no-repeat;background-size:cover;position:relative;z-index:1;max-height:450px;padding-bottom:56.25%;will-change:opacity;transition:opacity 1000ms}
@ -417,7 +419,7 @@
@media (max-width:480px){.page.movie_details .section_trailer.section_trailer .trailer_container .icon-play span:first-child{margin-left:-15.71px}
}
.page.movie_details .section_trailer.section_trailer .trailer_container:hover{color:#ac0000}
.dark .page.movie_details .section_trailer.section_trailer .trailer_container:hover{color:#0C9DF8}
.dark .page.movie_details .section_trailer.section_trailer .trailer_container:hover{color:#f85c22}
.page.movie_details .section_trailer.section_trailer .trailer_container:hover .icon-play,.page.movie_details .section_trailer.section_trailer .trailer_container:hover .icon-play span{opacity:1}
.page.movie_details .section_trailer.section_trailer .trailer_container iframe{position:absolute;width:100%;height:100%;border:0;top:0;left:0;max-height:450px;z-index:10}
.alph_nav{position:relative}
@ -432,8 +434,8 @@
.alph_nav .menus .actions,.alph_nav .menus .counter,.alph_nav .menus .more_menu{float:left}
.alph_nav .menus .actions .wrapper,.alph_nav .menus .counter .wrapper,.alph_nav .menus .more_menu .wrapper{-webkit-transform-origin:92% 0;transform-origin:92% 0;right:-7px}
.alph_nav .menus .actions>a,.alph_nav .menus .counter>a,.alph_nav .menus .more_menu>a{display:inline-block;width:30px;line-height:80px;text-align:center}
.alph_nav .menus .actions>a:hover,.alph_nav .menus .counter>a:hover,.alph_nav .menus .more_menu>a:hover{color:#ac0000}
.dark .alph_nav .menus .actions>a:hover,.dark .alph_nav .menus .counter>a:hover,.dark .alph_nav .menus .more_menu>a:hover{color:#0C9DF8}
.alph_nav .menus .actions>a:hover,.alph_nav .menus .counter>a:hover,.alph_nav .menus .more_menu>a:hover{background:#ebebeb}
.dark .alph_nav .menus .actions>a:hover,.dark .alph_nav .menus .counter>a:hover,.dark .alph_nav .menus .more_menu>a:hover{background:#353535}
@media (max-width:768px){.alph_nav .menus .counter{display:none}
}
.alph_nav .menus .actions a{display:inline-block}
@ -443,7 +445,7 @@
.alph_nav .menus .filter .search{position:relative}
.alph_nav .menus .filter .search:before{position:absolute;height:100%;line-height:38px;padding-left:10px;font-size:16px;opacity:.5}
.alph_nav .menus .filter .search input{width:100%;padding:10px 10px 10px 30px;background:#FFF;border:none #ebebeb;border-bottom:1px solid transparent}
.dark .alph_nav .menus .filter .search input{background:#2d2d2d;border-color:#3a3a3a}
.dark .alph_nav .menus .filter .search input{background:#2d2d2d;border-color:#353535}
@media (max-width:480px){.alph_nav .menus .filter .wrapper{right:-70px;-webkit-transform-origin:75% 0;transform-origin:75% 0}
.alph_nav .menus .filter .wrapper:before{right:83px!important}
.alph_nav .menus .filter .search input{font-size:1.2em}
@ -451,10 +453,10 @@
.alph_nav .menus .filter .numbers{padding:10px}
.alph_nav .menus .filter .numbers li{float:left;width:10%;height:30px;line-height:30px;text-align:center;opacity:.2;cursor:default;border:0}
.alph_nav .menus .filter .numbers li.active{background:#ebebeb}
.dark .alph_nav .menus .filter .numbers li.active{background:#3a3a3a}
.dark .alph_nav .menus .filter .numbers li.active{background:#353535}
.alph_nav .menus .filter .numbers li.available{opacity:1;cursor:pointer}
.alph_nav .menus .filter .numbers li.available:hover{background:#ebebeb}
.dark .alph_nav .menus .filter .numbers li.available:hover{background:#3a3a3a}
.dark .alph_nav .menus .filter .numbers li.available:hover{background:#353535}
.alph_nav .menus .more_menu .wrapper{top:70px;padding-top:4px;border-radius:3px 3px 0 0;min-width:140px}
.alph_nav .menus .more_menu .wrapper:before{top:0;left:auto;right:22px}
.alph_nav .menus .more_menu .wrapper ul{border-radius:3px 3px 0 0}
@ -468,7 +470,7 @@
.category:hover .formHint{opacity:1}
#category_ordering ul{float:left;margin:0;width:275px;padding:0}
#category_ordering li{cursor:-webkit-grab;cursor:grab;border-bottom:1px solid transparent;border-color:#ebebeb;padding:5px;list-style:none}
.dark #category_ordering li{border-color:#3a3a3a}
.dark #category_ordering li{border-color:#353535}
#category_ordering li:last-child{border:0}
#category_ordering li .check{margin:2px 10px 0 0;vertical-align:top}
#category_ordering li>span{display:inline-block;height:20px;vertical-align:top;line-height:20px}
@ -491,7 +493,7 @@
@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:#ebebeb}
.dark .page.log .container .time.highlight{background:#3a3a3a}
.dark .page.log .container .time.highlight{background:#353535}
.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%}
@ -507,14 +509,14 @@
.report_popup.report_popup{position:fixed;left:0;right:0;bottom:0;top:0;z-index:99999;font-size:14px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;opacity:1;color:#FFF;pointer-events:auto}
.disable_hover .scroll_content>*,.mask,.ripple{pointer-events:none}
.report_popup.report_popup .button{margin:10px 0;padding:10px;color:#FFF;background:#ac0000}
.dark .report_popup.report_popup .button{background:#0C9DF8}
.dark .report_popup.report_popup .button{background:#f85c22}
.report_popup.report_popup .bug{width:80%;height:80%;max-height:800px;max-width:800px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}
.report_popup.report_popup .bug>span{margin:10px 0 20px}
.report_popup.report_popup .bug textarea{display:block;width:100%;background:#FFF;padding:20px;overflow:auto;color:#666;height:70%;font-size:12px}
.do_report.do_report{z-index:10000;position:absolute;padding:10px;background:#ac0000;color:#FFF!important}
.dark .do_report.do_report{background:#0C9DF8}
.dark .do_report.do_report{background:#f85c22}
.add_new_profile{padding:20px;display:block;text-align:center;font-size:20px;border-bottom:1px solid transparent;border-color:#ebebeb}
.dark .add_new_profile{border-color:#3a3a3a}
.dark .add_new_profile{border-color:#353535}
.profile{margin-bottom:20px}
.profile .quality_label input{font-weight:700}
.profile>.delete{position:absolute;padding:6.67px 20px;right:0;cursor:pointer;opacity:.6;color:#fd5353;font-size:1.5em;z-index:2}
@ -531,13 +533,13 @@
.profile .ctrlHolder.wait_for.wait_for{display:block}
.profile .ctrlHolder.wait_for.wait_for input{min-width:0;width:40px;text-align:center;margin:0 2px}
.profile .ctrlHolder.wait_for.wait_for .advanced{display:none;color:#ac0000}
.dark .profile .ctrlHolder.wait_for.wait_for .advanced{color:#0C9DF8}
.dark .profile .ctrlHolder.wait_for.wait_for .advanced{color:#f85c22}
.show_advanced .profile .ctrlHolder.wait_for.wait_for .advanced{display:inline}
#profile_ordering ul{list-style:none;margin:0;width:275px;padding:0}
#profile_ordering li{border-bottom:1px solid transparent;border-color:#ebebeb;padding:5px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.dark #profile_ordering li{border-color:#3a3a3a}
.dark #profile_ordering li{border-color:#353535}
#profile_ordering li:hover{background:#ebebeb}
.dark #profile_ordering li:hover{background:#3a3a3a}
.dark #profile_ordering li:hover{background:#353535}
#profile_ordering li:last-child{border:0}
#profile_ordering li input[type=checkbox]{margin:2px 10px 0 0;vertical-align:top}
#profile_ordering li>span{display:inline-block;height:20px;vertical-align:top;line-height:20px}
@ -614,7 +616,7 @@
.page.login{background:#FFF;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.25em}
.dark .page.login{background:#2d2d2d}
.page.login h1{padding:0 0 10px;font-size:60px;font-family:Lobster;font-weight:400;color:#ac0000;text-align:center}
.dark .page.login h1{color:#0C9DF8}
.dark .page.login h1{color:#f85c22}
.page.login form{padding:0;width:300px}
.page.login .ctrlHolder{padding:0;margin:0 0 20px}
.page.login .ctrlHolder:hover{background:0 0}
@ -661,19 +663,19 @@
@font-face{font-family:Lobster;src:url(../fonts/Lobster-webfont.eot);src:url(../fonts/Lobster-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/Lobster-webfont.woff2) format("woff2"),url(../fonts/Lobster-webfont.woff) format("woff"),url(../fonts/Lobster-webfont.ttf) format("truetype"),url(../fonts/Lobster-webfont.svg#lobster_14regular) format("svg");font-weight:400;font-style:normal}
*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeSpeed;-webkit-backface-visibility:hidden;backface-visibility:hidden}
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;color:#000;overflow:hidden}
.dark body,.dark html{color:#FFF}
.dark body,.dark html{background:#111;color:#FFF}
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}
a:active,a:visited{color:inherit}
input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;border-radius:0;border:1px solid #b8b8b8;background:#ebebeb;color:#000}
.dark input,.dark select,.dark textarea{border-color:#202020;background:#3a3a3a;color:#FFF}
.dark input,.dark select,.dark textarea{border-color:#1b1b1b;background:#353535;color:#FFF}
input[type=text],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}
.dark .button{color:#0C9DF8;border-color:#0C9DF8}
.dark .button{color:#f85c22;border-color:#f85c22}
.button:hover{background:#ac0000;color:#FFF}
.dark .button:hover{background:#0C9DF8}
.dark .button:hover{background:#f85c22}
.ripple{position:absolute;height:10px;width:10px;border-radius:50%;background:#ac0000;will-change:transform,opacity;-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}
.dark .ripple{background:#0C9DF8}
.dark .ripple{background:#f85c22}
.ripple.animate{-webkit-transform:translate(-50%,-50%) scale(100) rotateZ(360deg);transform:translate(-50%,-50%) scale(100) rotateZ(360deg);opacity:0}
.header{width:132px;min-width:132px;position:relative;z-index:100}
@media (max-width:480px){.header{width:44px;min-width:44px;z-index:21}
@ -681,7 +683,7 @@ input[type=text],textarea{-webkit-appearance:none}
.header a{color:#FFF;letter-spacing:1px}
.header .ripple{background:#FFF}
.header .navigation .logo{background:#ac0000;display:block;text-align:center;position:relative;overflow:hidden;font-family:Lobster,serif;color:#FFF;font-size:38px;line-height:80px;height:80px}
.dark .header .navigation .logo{background:#0C9DF8}
.dark .header .navigation .logo{background:#f85c22}
.header .navigation .logo span{position:absolute;display:block;height:100%;width:100%;text-align:center;left:0}
.header .navigation .logo span:nth-child(even){-webkit-transform:translateX(100%);transform:translateX(100%)}
@media (max-width:480px){.header .navigation .logo{font-size:28px;line-height:44px;height:44px}
@ -691,6 +693,8 @@ input[type=text],textarea{-webkit-appearance:none}
.header .navigation ul{padding:0;margin:0}
.header .navigation ul li{display:block}
.header .navigation ul li a{padding:10px 20px;display:block;position:relative}
.header .navigation ul li a:hover{background:#ebebeb}
.dark .header .navigation ul li a:hover{background:#353535}
.header .navigation ul li a:before{position:absolute;width:100%;display:none;text-align:center;font-size:18px;text-indent:0}
@media (max-width:480px){.header .navigation ul li{line-height:0}
.header .navigation ul li a{line-height:24px;height:44px;padding:10px 0;text-align:center}
@ -698,22 +702,23 @@ input[type=text],textarea{-webkit-appearance:none}
.header .navigation ul li a:before{display:block}
}
.header .navigation ul li a.icon-home:before{font-size:24px}
.header .donate{position:absolute;bottom:54px;left:0;right:0;padding:10px 20px}
.header .donate{position:absolute;bottom:44px;left:0;right:0;padding:10px 20px;transition:background 200ms}
.header .donate:hover{background:#ebebeb}
.dark .header .donate:hover{background:#353535}
.header .donate:before{display:none;font-size:20px;text-align:center}
@media (max-width:480px){.header .donate{bottom:132px;padding:10px 0}
.header .donate span{display:none}
.header .donate:before{display:block}
}
.header .menu,.header .notification_menu,.header .search_form{position:absolute;z-index:21;bottom:6.67px;width:44px;height:44px}
.header .menu,.header .notification_menu,.header .search_form{position:absolute;z-index:21;bottom:0;width:44px;height:44px}
.header .menu .wrapper,.header .notification_menu .wrapper,.header .search_form .wrapper{min-width:170px;-webkit-transform-origin:0 90%;transform-origin:0 90%}
.header .menu>a,.header .notification_menu>a,.header .search_form>a{display:inline-block;height:100%;width:100%;text-align:center;line-height:44px;font-size:20px}
.header .notification_menu{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.header .notification_menu .button:before{font-size:20px;top:-2px}
.header .notification_menu .badge{position:absolute;color:#FFF;top:5px;right:0;background:#ac0000;border-radius:50%;width:18px;height:18px;line-height:16px;text-align:center;font-size:10px;font-weight:lighter}
.dark .header .notification_menu .badge{background:#0C9DF8}
.header .notification_menu .badge{position:absolute;color:#FFF;top:5px;right:0;background:#ac0000;border-radius:50%;width:18px;height:18px;line-height:16px;text-align:center;font-size:10px;font-weight:lighter;z-index:2;pointer-events:none}
.dark .header .notification_menu .badge{background:#f85c22}
.header .notification_menu .wrapper{width:320px}
@media (max-width:480px){.header .menu,.header .notification_menu,.header .search_form{bottom:0}
.header .notification_menu{bottom:44px}
@media (max-width:480px){.header .notification_menu{bottom:44px}
.header .notification_menu .wrapper{width:250px}
}
.header .notification_menu ul{min-height:60px;max-height:300px;overflow-y:auto!important}
@ -721,15 +726,15 @@ input[type=text],textarea{-webkit-appearance:none}
.header .notification_menu ul:empty:before{content:'\e808';font-family:icons;height:100%;line-height:60px;margin-left:20px;text-align:center;opacity:.4}
.header .notification_menu ul li{padding:20px;word-wrap:break-word}
.header .notification_menu ul li .added{font-weight:lighter;font-size:11px;display:block;text-align:right}
.header .menu{left:6.67px}
.header .menu{left:0}
.header .menu .button:before{font-size:20px;top:-2px}
.header .search_form{right:6.67px}
.header .search_form{right:0}
@media (max-width:480px){.header .menu{bottom:88px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.header .search_form{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}
.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}
.dark .corner_background{background:#0C9DF8}
.dark .corner_background{background:#f85c22}
@media (max-width:480px){.corner_background{left:44px}
}
.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}
@ -752,7 +757,7 @@ input[type=text],textarea{-webkit-appearance:none}
}
.page .navigation ul{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;list-style:none}
.page .navigation ul li a{display:inline-block;font-size:24px;line-height:80px;padding:0 20px;color:#000;opacity:.5;vertical-align:bottom}
.page .navigation ul .active a,.question.show{opacity:1}
.page .navigation ul .active a,.page .navigation ul li a:hover,.question.show{opacity:1}
.dark .page .navigation ul li a{color:#FFF}
.page .navigation>ul>li:first-child{margin-left:-20px}
@media (max-width:480px){.page .navigation ul li a{font-size:18px;line-height:44px;padding:0 10px}
@ -764,29 +769,33 @@ input[type=text],textarea{-webkit-appearance:none}
.level_3{z-index:30}
.level_4{z-index:40}
.more_menu{line-height:1em}
.more_menu a:hover{background:#ebebeb}
.dark .more_menu a:hover{background:#353535}
.more_menu .button{font-size:24px;cursor:pointer}
.more_menu .wrapper{display:none;position:absolute;right:0;background:#ac0000;z-index:5000;box-shadow:0 0 15px 2px rgba(0,0,0,.15);border-radius:3px 0 0 3px;-webkit-transform-origin:80% 0;transform-origin:80% 0}
.dark .more_menu .wrapper{background:#0C9DF8;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.dark .more_menu .wrapper{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.more_menu .wrapper:before{-webkit-transform:rotate(45deg) translateY(-60%);transform:rotate(45deg) translateY(-60%);content:'';display:block;position:absolute;background:#ac0000;height:10px;width:10px;left:-9px;bottom:11px;z-index:1;opacity:1;border-radius:3px}
.dark .more_menu .wrapper:before{background:#0C9DF8}
.dark .more_menu .wrapper:before{background:#f85c22}
.more_menu .wrapper ul{background:#FFF;position:relative;z-index:2;overflow:hidden;border-radius:3px 0 0 3px}
.dark .more_menu .wrapper ul{background:#2d2d2d}
.more_menu .wrapper ul li{display:block;line-height:1em;border-top:1px solid transparent;border-color:#ebebeb}
.dark .more_menu .wrapper ul li{border-color:#3a3a3a}
.dark .more_menu .wrapper ul li{border-color:#353535}
.more_menu .wrapper ul li:first-child{border-top:0}
.more_menu .wrapper ul li a{display:block;color:#000;padding:5px 10px;font-size:1em;line-height:22px}
.question,.table .item{display:-webkit-flex;display:-ms-flexbox}
.dark .more_menu .wrapper ul li a{color:#FFF}
.more_menu .wrapper ul li a:hover{background:#ebebeb}
.dark .more_menu .wrapper ul li a:hover{background:#353535}
.more_menu .wrapper ul li:first-child a{padding-top:10px}
.more_menu .wrapper ul li:last-child a{padding-bottom:10px}
.messages{position:fixed;right:0;bottom:0;width:320px;z-index:2000;overflow:hidden;font-size:14px;font-weight:700;padding:5px}
.messages .message{overflow:hidden;transition:all .6s cubic-bezier(.9,0,.1,1);width:100%;position:relative;max-height:0;font-size:1.1em;font-weight:400;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;background:#ac0000;margin-bottom:4px;border-radius:3px;box-shadow:0 0 15px 2px rgba(0,0,0,.15)}
.mask,.messages .close{position:absolute;top:0;right:0}
.dark .messages .message{background:#0C9DF8;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.dark .messages .message{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.messages .message .inner{padding:15px 30px 15px 20px;background:#FFF;margin-bottom:4px;border-radius:3px}
.dark .messages .message .inner{background:#2d2d2d}
.messages .message.sticky{background-color:#ac0000}
.dark .messages .message.sticky{background-color:#0C9DF8}
.dark .messages .message.sticky{background-color:#f85c22}
.messages .message.show{max-height:100px;-webkit-transform:scale(1);transform:scale(1)}
.messages .message.hide{max-height:0;padding:0 20px;margin:0;-webkit-transform:scale(0);transform:scale(0)}
.messages .close{padding:10px 8px;color:#FFF}
@ -796,7 +805,7 @@ input[type=text],textarea{-webkit-appearance:none}
.question .hint{margin:-20px 0 20px}
.question a{border-color:#FFF;color:#FFF;transition:none}
.question a:hover{background:#ac0000;color:#FFF}
.dark .question a:hover{background:#0C9DF8}
.dark .question a:hover{background:#f85c22}
.mask{background:rgba(0,0,0,.8);z-index:1000;text-align:center;bottom:0;left:0;opacity:0;transition:opacity 500ms}
.mask .message,.mask .spinner{position:absolute;top:50%;left:50%}
.mask .message{color:#FFF;text-align:center;width:320px;margin:-49px 0 0 -160px;font-size:16px}
@ -852,16 +861,16 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings fieldset h2 .hint{margin:0;display:block}
}
.page.settings fieldset h2 .hint a{font-weight:400;color:#ac0000;text-decoration:underline;display:inline}
.dark .page.settings fieldset h2 .hint a{color:#0C9DF8}
.dark .page.settings fieldset h2 .hint a{color:#f85c22}
.page.settings fieldset .more_hint{position:relative}
.page.settings fieldset .more_hint .tooltip{display:inline;padding:10px}
.page.settings fieldset .more_hint .tooltip .icon-info{vertical-align:middle;display:inline-block;text-align:center;border:1px solid #ac0000;border-radius:50%;width:18px;height:18px;line-height:16px;font-size:.8em;text-decoration:none}
.dark .page.settings fieldset .more_hint .tooltip .icon-info{border-color:#0C9DF8}
.dark .page.settings fieldset .more_hint .tooltip .icon-info{border-color:#f85c22}
.page.settings fieldset .more_hint .tooltip .tip{bottom:100%;left:0;right:0;position:absolute;background:#ebebeb;z-index:20;display:none;padding:10px;margin-left:-10px}
.dark .page.settings fieldset .more_hint .tooltip .tip{background:#3a3a3a}
.dark .page.settings fieldset .more_hint .tooltip .tip{background:#353535}
.page.settings fieldset .more_hint .tooltip:hover .tip{display:block}
.page.settings fieldset .ctrlHolder{padding:6.67px 20px;border-bottom:1px solid transparent;border-color:#ebebeb;display:-webkit-flex;display:-ms-flexbox;display:flex;-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}
.dark .page.settings fieldset .ctrlHolder{border-color:#3a3a3a}
.dark .page.settings fieldset .ctrlHolder{border-color:#353535}
.page.settings fieldset .ctrlHolder:last-child{border-bottom:0}
.page.settings fieldset .ctrlHolder:nth-child(2){margin-top:10px}
.page.settings fieldset .ctrlHolder label{display:inline-block;min-width:150px}
@ -877,7 +886,7 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings fieldset .ctrlHolder .select_wrapper:before{vertical-align:top;pointer-events:none;position:absolute;top:0;line-height:2em;right:10px;height:100%}
.page.settings fieldset .ctrlHolder .formHint{-webkit-flex:1;-ms-flex:1;flex:1;opacity:.8;margin-left:20px}
.page.settings fieldset .ctrlHolder .formHint a{font-weight:400;color:#ac0000;text-decoration:underline}
.dark .page.settings fieldset .ctrlHolder .formHint a{color:#0C9DF8}
.dark .page.settings fieldset .ctrlHolder .formHint a{color:#f85c22}
@media (max-width:480px){.page.settings fieldset .ctrlHolder .select_wrapper{width:100%}
.page.settings fieldset .ctrlHolder .formHint{min-width:100%;margin-left:0}
}
@ -895,26 +904,26 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings fieldset.enabler>:nth-child(2){margin-top:0}
.page.settings fieldset.enabler>:nth-child(3){margin-top:10px}
.page.settings fieldset .ctrlHolder.advanced,.page.settings fieldset.advanced{display:none;color:#ac0000}
.dark .page.settings fieldset .ctrlHolder.advanced,.dark .page.settings fieldset.advanced{color:#0C9DF8}
.dark .page.settings fieldset .ctrlHolder.advanced,.dark .page.settings fieldset.advanced{color:#f85c22}
.page.settings.show_advanced fieldset.advanced{display:block}
.page.settings.show_advanced fieldset:not(.disabled)>.ctrlHolder.advanced{display:-webkit-flex;display:-ms-flexbox;display:flex}
.page.settings .switch{display:inline-block;background:#ac0000;height:20px;width:50px;min-width:0!important;transition:all 250ms;cursor:pointer;border-radius:20px}
.dark .page.settings .switch{background:#0C9DF8}
.dark .page.settings .switch{background:#f85c22}
.page.settings .switch input{display:none}
.page.settings .switch .toggle{background:#FFF;margin:1px;height:18px;width:18px;transition:-webkit-transform 250ms;transition:transform 250ms;-webkit-transform:translateX(30px);transform:translateX(30px);border-radius:20px}
.dark .page.settings .switch .toggle{background:#2d2d2d}
.page.settings fieldset.enabler.disabled .switch,.page.settings:not(.show_advanced) .advanced_toggle .switch{background:#ebebeb;border-color:#ebebeb}
.dark .page.settings fieldset.enabler.disabled .switch,.dark .page.settings:not(.show_advanced) .advanced_toggle .switch{background:#3a3a3a;border-color:#3a3a3a}
.dark .page.settings fieldset.enabler.disabled .switch,.dark .page.settings:not(.show_advanced) .advanced_toggle .switch{background:#353535;border-color:#353535}
.page.settings fieldset.enabler.disabled .switch .toggle,.page.settings:not(.show_advanced) .advanced_toggle .switch .toggle{-webkit-transform:translateX(0);transform:translateX(0)}
.page.settings fieldset.enabler.disabled .switch:hover,.page.settings:not(.show_advanced) .advanced_toggle .switch:hover{background:#b8b8b8;border-color:#b8b8b8}
.dark .page.settings fieldset.enabler.disabled .switch:hover,.dark .page.settings:not(.show_advanced) .advanced_toggle .switch:hover{background:#070707;border-color:#070707}
.dark .page.settings fieldset.enabler.disabled .switch:hover,.dark .page.settings:not(.show_advanced) .advanced_toggle .switch:hover{background:#020202;border-color:#020202}
.page.settings .option_list{background:#FFF;margin-top:10px}
.dark .page.settings .option_list{background:#2d2d2d}
.page.settings .option_list fieldset{position:relative}
.page.settings .option_list fieldset h2 .group_label{min-width:100px}
.page.settings .option_list fieldset.disabled h2{padding:0 20px}
.page.settings .option_list fieldset:after{position:absolute;content:'';display:block;width:100%;border-bottom:1px solid transparent;border-color:#ebebeb;bottom:0}
.dark .page.settings .option_list fieldset:after{border-color:#3a3a3a}
.dark .page.settings .option_list fieldset:after{border-color:#353535}
.page.settings .option_list fieldset:after:last-child{border-bottom:0}
.page.settings .option_list h2{font-size:1em;font-weight:400}
.page.settings .option_list h2 .hint{font-weight:300}
@ -934,7 +943,7 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings .combined_table .ctrlHolder.is_empty .delete,.page.settings .combined_table .ctrlHolder.is_empty input[type=checkbox]{visibility:hidden}
.page.settings .tab_about .usenet{padding:20px 20px 0;font-size:1.5em;line-height:1.3em}
.page.settings .tab_about .usenet a{color:#ac0000;padding:0 5px}
.dark .page.settings .tab_about .usenet a{color:#0C9DF8}
.dark .page.settings .tab_about .usenet a{color:#f85c22}
.page.settings .tab_about .usenet ul{list-style:none;float:left;width:50%;margin:10px 0;padding:0}
.page.settings .tab_about .usenet li{font-size:.8em}
.page.settings .tab_about .usenet li:before{margin-right:10px}
@ -951,7 +960,7 @@ input[type=text],textarea{-webkit-appearance:none}
}
.page.settings .directory input{width:100%}
.page.settings .multi_directory .delete{color:#ac0000;padding:0 10px;opacity:.6;font-size:1.5em}
.dark .page.settings .multi_directory .delete{color:#0C9DF8}
.dark .page.settings .multi_directory .delete{color:#f85c22}
.page.settings .multi_directory .delete:hover{opacity:1}
.page.settings .choice .select_wrapper{margin-left:20px;width:120px;min-width:120px}
@media (max-width:480px){.page.settings .choice .select_wrapper{margin:10px 0 0}
@ -960,9 +969,9 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings .renamer_to.renamer_to{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
.page.settings .renamer_to.renamer_to .ctrlHolder{width:100%}
.directory_list{z-index:2;position:absolute;width:450px;margin:28px 0 20px;background:#ac0000;box-shadow:0 0 15px 2px rgba(0,0,0,.15);border-radius:3px 3px 0 0}
.dark .directory_list{background:#0C9DF8;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.dark .directory_list{background:#f85c22;box-shadow:0 5px 15px 2px rgba(0,0,0,.4)}
.directory_list .pointer{border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid transparent;border-bottom-color:#ac0000;display:block;position:absolute;width:0;margin:-6px 0 0 100px}
.dark .directory_list .pointer{border-bottom-color:#0C9DF8}
.dark .directory_list .pointer{border-bottom-color:#f85c22}
.directory_list .wrapper{background:#FFF;border-radius:3px 3px 0 0;margin-top:5px}
.dark .directory_list .wrapper{background:#2d2d2d}
.directory_list ul{width:92%;height:300px;overflow:auto;margin:0 20px}
@ -970,7 +979,7 @@ input[type=text],textarea{-webkit-appearance:none}
.directory_list li.blur{opacity:.3}
.directory_list li:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.directory_list li:hover{color:#ac0000}
.dark .directory_list li:hover{color:#0C9DF8}
.dark .directory_list li:hover{color:#f85c22}
.directory_list li.empty{background:0 0;height:100px;text-align:center;font-style:italic;border:none;line-height:100px;cursor:default;color:#BBB;text-shadow:none;font-size:12px}
.directory_list .actions{clear:both;padding:20px;min-height:45px;position:relative;width:100%;text-align:right}
.directory_list .actions label{float:right;width:auto;padding:0}

35
couchpotato/static/style/main.scss

@ -17,7 +17,7 @@ body, html {
height: 100%;
margin: 0;
padding: 0;
background: $menu_color;
@include theme(background, menu);
@include theme(color, text);
overflow: hidden;
}
@ -178,6 +178,10 @@ input[type=text], textarea {
display: block;
position: relative;
&:hover {
@include theme(background, off);
}
@include media-phablet {
line-height: $header_width_mobile - $padding;
height: $header_width_mobile;
@ -214,10 +218,15 @@ input[type=text], textarea {
.donate {
position: absolute;
bottom: 44px + $padding/2;
bottom: 44px;
left: 0;
right: 0;
padding: $padding/2 $padding;
transition: background 200ms;
&:hover {
@include theme(background, off);
}
&:before {
display: none;
@ -242,14 +251,10 @@ input[type=text], textarea {
.menu, .search_form, .notification_menu {
position: absolute;
z-index: 21;
bottom: $padding / 3;
bottom: 0;
width: 44px;
height: 44px;
@include media-phablet {
bottom: 0;
}
.wrapper {
min-width: 170px;
transform-origin: 0 90%;
@ -291,6 +296,8 @@ input[type=text], textarea {
text-align: center;
font-size: 10px;
font-weight: lighter;
z-index: 2;
pointer-events: none;
}
.wrapper {
@ -342,7 +349,7 @@ input[type=text], textarea {
}
.menu {
left: $padding / 3;
left: 0;
@include media-phablet {
bottom: 88px;
@ -357,7 +364,7 @@ input[type=text], textarea {
}
.search_form {
right: $padding / 3;
right: 0;
@include media-phablet {
right: auto;
@ -492,6 +499,10 @@ input[type=text], textarea {
opacity: .5;
vertical-align: bottom;
&:hover {
opacity: 1;
}
@include media-phablet {
font-size: 18px;
line-height: $header_width_mobile;
@ -536,6 +547,10 @@ input[type=text], textarea {
a {
display: inline-block;
&:hover {
@include theme(background, off);
}
}
.button {
@ -603,7 +618,7 @@ input[type=text], textarea {
line-height: 22px;
&:hover {
@include theme(background, off);
}
}

Loading…
Cancel
Save