From b8b6024592eda03164fb7d2ffb5d0ca3388a606e Mon Sep 17 00:00:00 2001 From: Ruud Date: Sun, 14 Dec 2014 12:04:26 +0100 Subject: [PATCH] Styling --- couchpotato/static/style/combined.min.css | 1 + couchpotato/static/style/fonts.scss | 79 +++++++++++------------ couchpotato/static/style/main.scss | 14 ++-- couchpotato/static/style/mixins.scss | 5 ++ 4 files changed, 51 insertions(+), 48 deletions(-) create mode 100644 couchpotato/static/style/combined.min.css diff --git a/couchpotato/static/style/combined.min.css b/couchpotato/static/style/combined.min.css new file mode 100644 index 00000000..afe34723 --- /dev/null +++ b/couchpotato/static/style/combined.min.css @@ -0,0 +1 @@ +.search_form{display:inline-block;vertical-align:middle;text-align:right;-webkit-transition:all .4s cubic-bezier(0.9,0,.1,1);transition:all .4s cubic-bezier(0.9,0,.1,1);z-index:20;border:0 solid transparent;border-bottom-width:4px}.search_form:hover{border-color:#047792}@media all and (max-width:480px){.search_form{right:44px}}.search_form.focused,.search_form.shown{border-color:#04bce6}.search_form .input{height:100%;overflow:hidden;width:45px;-webkit-transition:all .4s cubic-bezier(0.9,0,.1,1);transition:all .4s cubic-bezier(0.9,0,.1,1)}.search_form.focused .input,.search_form.shown .input{width:380px;background:#4e5969}.search_form .input input{-webkit-border-radius:0;border-radius:0;display:block;border:0;background:0 0;color:#FFF;font-size:25px;height:100%;width:100%;opacity:0;padding:0 40px 0 10px;-webkit-transition:all .4s ease-in-out .2s;transition:all .4s ease-in-out .2s}.search_form.focused .input input,.search_form.shown .input input{opacity:1}.search_form input::-ms-clear{width:0;height:0}@media all and (max-width:480px){.search_form .input input{font-size:15px}.search_form.focused .input,.search_form.shown .input{width:277px}}.search_form .input a{position:absolute;top:0;right:0;width:44px;height:100%;cursor:pointer;vertical-align:middle;text-align:center;line-height:66px;font-size:15px;color:#FFF}.search_form .input a:after{content:"\e03e"}.search_form.shown.filled .input a:after{content:"\e04e"}@media all and (max-width:480px){.search_form .input a{line-height:44px}}.search_form .results_container{text-align:left;position:absolute;background:#5c697b;margin:4px 0 0;width:470px;min-height:50px;-webkit-box-shadow:0 20px 20px -10px rgba(0,0,0,.55);box-shadow:0 20px 20px -10px rgba(0,0,0,.55);display:none}@media all and (max-width:480px){.search_form .results_container{width:320px}}.search_form.focused.filled .results_container,.search_form.shown.filled .results_container{display:block}.search_form .results{max-height:570px;overflow-x:hidden}.media_result{overflow:hidden;height:50px;position:relative}.media_result .options{position:absolute;height:100%;top:0;left:30px;right:0;padding:13px;border:1px solid transparent;border-width:1px 0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,.25);box-shadow:inset 0 1px 8px rgba(0,0,0,.25)}.media_result .options>.in_library_wanted{margin-top:-7px}.media_result .options>div{border:0}.media_result .options .thumbnail{vertical-align:middle}.media_result .options select{vertical-align:middle;display:inline-block;margin-right:10px}.media_result .options select[name=title]{width:170px}.media_result .options select[name=profile]{width:90px}.media_result .options select[name=category]{width:80px}@media all and (max-width:480px){.media_result .options select[name=title]{width:90px}.media_result .options select[name=category],.media_result .options select[name=profile]{width:50px}}.media_result .options .button{vertical-align:middle;display:inline-block}.media_result .options .message{height:100%;font-size:20px;color:#fff;line-height:20px}.media_result .data{position:absolute;height:100%;top:0;left:30px;right:0;background:#5c697b;cursor:pointer;border-top:1px solid rgba(255,255,255,.08);-webkit-transition:all .4s cubic-bezier(0.9,0,.1,1);transition:all .4s cubic-bezier(0.9,0,.1,1)}.media_result .data.open{left:100%!important}.media_result:last-child .data{border-bottom:0}.media_result .in_library,.media_result .in_wanted{position:absolute;bottom:2px;left:14px;font-size:11px}.media_result .thumbnail{width:34px;min-height:100%;display:block;margin:0;vertical-align:top}.media_result .info{position:absolute;top:20%;left:15px;right:7px;vertical-align:middle}.media_result .info h2{margin:0;font-weight:400;font-size:20px;padding:0}.search_form .info h2{position:absolute;width:100%}.media_result .info h2 .title{display:block;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search_form .info h2 .title{position:absolute;width:88%}.media_result .info h2 .year{padding:0 5px;text-align:center;position:absolute;width:12%;right:0}@media all and (max-width:480px){.search_form .info h2 .year{font-size:12px;margin-top:7px}}.media_result .mask,.search_form .mask{position:absolute;height:100%;width:100%;left:0;top:0}.movies{padding:10px 0 20px;position:relative;z-index:3;width:100%}.movies>div{clear:both}.movies>div .message{display:block;padding:20px;font-size:20px;color:#fff;text-align:center}.movies>div .message a{padding:20px;display:block}.movies.thumbs_list>div:not(.description){margin-right:-4px}.movies .loading{display:block;padding:20px 0 0;width:100%;z-index:3;-webkit-transition:all .4s cubic-bezier(0.9,0,.1,1);transition:all .4s cubic-bezier(0.9,0,.1,1);height:40px;opacity:1;position:absolute;text-align:center}.movies .loading.hide{height:0;padding:0;opacity:0;margin-top:-20px;overflow:hidden}.movies .loading .spinner{display:inline-block}.movies .loading .message{margin:0 20px}.movies h2{margin-bottom:20px}@media all and (max-width:480px){.movies h2{font-size:25px;margin-bottom:10px}}.movies>.description{position:absolute;top:30px;right:0;font-style:italic;opacity:.8}.movies:hover>.description{opacity:1}@media all and (max-width:860px){.movies>.description{display:none}}.movies.thumbs_list{padding:20px 0}.home .movies{padding-top:6px}.movies .movie{position:relative;margin:10px 0;padding-left:20px;overflow:hidden;width:100%;height:180px;-webkit-transition:all .6s cubic-bezier(0.9,0,.1,1);transition:all .6s cubic-bezier(0.9,0,.1,1);-webkit-transition-property:width,height;transition-property:width,height;background:rgba(0,0,0,.2)}.movies.mass_edit_list .movie{padding-left:22px;background:0 0}.movies.details_list .movie{padding-left:120px}.movies.list_list .movie:not(.details_view),.movies.mass_edit_list .movie{height:30px;border-bottom:1px solid rgba(255,255,255,.15)}.movies.list_list .movie:last-child,.movies.mass_edit_list .movie:last-child{border:none}.movies.thumbs_list .movie{width:16.66667%;height:auto;min-height:200px;display:inline-block;margin:0;padding:0;vertical-align:top;line-height:0}@media all and (max-width:800px){.movies.thumbs_list .movie{width:25%;min-height:100px}}.movies .movie .mask{position:absolute;top:0;left:0;height:100%;width:100%}.movies.list_list .movie:not(.details_view),.movies.mass_edit_list .movie{margin:0}.movies .data{padding:20px;height:100%;width:100%;position:relative;-webkit-transition:all .6s cubic-bezier(0.9,0,.1,1);transition:all .6s cubic-bezier(0.9,0,.1,1);right:0}.movies.list_list .movie:not(.details_view) .data,.movies.mass_edit_list .movie .data{padding:0 0 0 10px;border:0;background:#4e5969}.movies.mass_edit_list .movie .data{padding-left:8px}.movies.thumbs_list .data{position:absolute;left:0;top:0;width:100%;padding:10px;height:100%;background:0 0;-webkit-transition:none;transition:none}.movies.thumbs_list .movie:hover .data{background:rgba(0,0,0,.9)}.movies .data.hide_right{right:-100%}.movies .movie .check{display:none}.movies.mass_edit_list .movie .check{position:absolute;left:0;top:0;display:block;margin:7px 0 0 5px}.movies .poster{position:absolute;left:0;width:120px;line-height:0;overflow:hidden;height:100%;-webkit-transition:all .6s cubic-bezier(0.9,0,.1,1);transition:all .6s cubic-bezier(0.9,0,.1,1);background:rgba(0,0,0,.1)}.movies.thumbs_list .poster{position:relative}.movies.list_list .movie:not(.details_view) .poster,.movies.mass_edit_list .poster{width:20px;height:30px}.movies.mass_edit_list .poster{display:none}.movies.thumbs_list .poster{width:100%;height:100%;-webkit-transition:none;transition:none;background:no-repeat center/cover;-webkit-background-size:cover}.movies .poster img,.movies.thumbs_list .no_thumbnail .empty_file,.options .poster img{width:100%;height:100%}.movies.thumbs_list .poster img{height:auto;width:100%;top:0;bottom:0;opacity:0}.movies .info{position:relative;height:100%;width:100%}.movies .info .title{font-size:28px;font-weight:700;margin-bottom:10px;margin-top:2px;width:100%;padding-right:80px;-webkit-transition:all .2s linear;transition:all .2s linear;height:35px;top:-5px;position:relative}.movies.list_list .info .title,.movies.mass_edit_list .info .title{height:100%;top:0;margin:0}.touch_enabled .movies.list_list .info .title{display:inline-block;padding-right:55px}.movies .info .title span{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;height:100%;line-height:30px}.movies.thumbs_list .info .title span{white-space:normal;overflow:auto;height:auto;text-align:left}@media all and (max-width:480px){.movies.thumbs_list .movie .info .title span,.movies.thumbs_list .movie .info .year{font-size:15px;line-height:15px;overflow:hidden}}.movies.list_list .movie:not(.details_view) .info .title,.movies.mass_edit_list .info .title{font-size:16px;font-weight:400;width:auto}.movies.thumbs_list .movie:not(.no_thumbnail) .info{display:none}.movies.thumbs_list .movie:hover .info{display:block}.movies.thumbs_list .info .title{font-size:21px;word-wrap:break-word;padding:0;height:100%}.movies .info .year{position:absolute;color:#bbb;right:0;top:6px;text-align:right;-webkit-transition:all .2s linear;transition:all .2s linear;font-weight:400}.movies.list_list .movie:not(.details_view) .info .year,.movies.mass_edit_list .info .year{font-size:1.25em;right:10px}.movies.thumbs_list .info .year{font-size:23px;margin:0;bottom:0;left:0;top:auto;right:auto;color:#FFF;line-height:18px}.touch_enabled .movies.list_list .movie .info .year{font-size:1em}.movies .info .description{top:30px;clear:both;bottom:30px;position:absolute}.movies .data .eta,.movies.list_list .movie:not(.details_view) .info .description,.movies.mass_edit_list .info .description,.movies.thumbs_list .info .description{display:none}.movies.details_list .data .eta{position:absolute;bottom:0;right:0;display:block;min-height:20px;text-align:right;font-style:italic;opacity:.8;font-size:11px}.movies.details_list .movie:hover .data .eta{display:none}.movies.thumbs_list .data .eta{display:block;position:absolute;bottom:40px}.movies .data .quality{position:absolute;bottom:2px;display:block;min-height:20px}.movies.list_list .movie:hover .data .quality{display:none}.touch_enabled .movies.list_list .movie .data .quality{position:relative;display:inline-block;margin:0;top:-4px}@media all and (max-width:480px){.movies .data .quality{display:none}}.movies .status_suggest .data .quality,.movies.thumbs_list .data .quality{display:none}.movies .data .quality span{padding:2px 3px;opacity:.5;font-size:10px;height:16px;line-height:12px;vertical-align:middle;display:inline-block;text-transform:uppercase;font-weight:400;margin:0 4px 0 0;-webkit-border-radius:2px;border-radius:2px;background-color:rgba(255,255,255,.1)}.movies.list_list .data .quality,.movies.mass_edit_list .data .quality{text-align:right;right:0;margin-right:60px;z-index:1;top:5px}.movies .data .quality .available,.movies .data .quality .seeding,.movies .data .quality .snatched{opacity:1;cursor:pointer}.movies .data .quality .available{background-color:#578bc3}.movies .data .quality .failed,.movies .data .quality .ignored,.movies .data .quality .missing{background-color:#a43d34}.movies .data .quality .snatched{background-color:#a2a232}.movies .data .quality .done{background-color:#369545;opacity:1}.movies .data .quality .seeding{background-color:#0a6819}.movies .data .quality .finish{background-image:url(../../images/sprite.png);background-repeat:no-repeat;background-position:0 2px;padding-left:14px;-webkit-background-size:14px 14px;background-size:14px}.movies .data .actions{position:absolute;bottom:17px;right:20px;line-height:0;top:0;width:auto;opacity:0;display:none}@media all and (max-width:480px){.movies .data .actions{display:none!important}}.movies .movie:hover .data .actions,.touch_enabled .movies .movie .data .actions{opacity:1;display:inline-block}.movies.details_list .data .actions{top:auto;bottom:18px}.movies .movie:hover .actions{opacity:1;display:inline-block}.movies.thumbs_list .data .actions{bottom:12px;right:10px;top:auto}.movies .movie:hover .action{opacity:.6}.movies .movie:hover .action:hover{opacity:1}.movies .data .action{display:inline-block;height:22px;min-width:33px;padding:0 5px;line-height:26px;text-align:center;font-size:13px;color:#FFF;margin-left:1px}.movies .data .action.trailer{color:#FFF}.movies .data .action.download{color:#b9dec0}.movies .data .action.edit{color:#c6b589}.movies .data .action.refresh{color:#cbeecc}.movies .data .action.delete{color:#e9b0b0}.movies .data .action.directory{color:#ffed92}.movies .data .action.readd{color:#c2fac5}.movies.mass_edit_list .movie .data .actions{display:none}.movies.list_list .movie:not(.details_view):hover .actions,.movies.mass_edit_list .movie:hover .actions,.touch_enabled .movies.list_list .movie:not(.details_view) .actions{margin:0;background:#4e5969;top:2px;bottom:2px;right:5px;z-index:3}.movies .delete_container{clear:both;text-align:center;font-size:20px;position:absolute;padding:80px 0 0;left:120px;right:0}.movies .delete_container .or{padding:10px}.movies .delete_container .delete{background-color:#ff321c;font-weight:400}.movies .delete_container .delete:hover{color:#fff;background-color:#d32917}.movies .options{position:absolute;right:0;left:120px}.movies .options .form{margin:80px 0 0;font-size:20px;text-align:center}.movies .options .form select{margin-right:20px}.movies .options .table{height:180px;overflow:auto;line-height:2em}.movies .options .table .item{border-bottom:1px solid rgba(255,255,255,.1)}.movies .options .table .item.failed span,.movies .options .table .item.ignored span{text-decoration:line-through;color:rgba(255,255,255,.4)}.movies .options .table .item.failed .delete:before,.movies .options .table .item.ignored .delete:before{display:inline-block;content:"\e04b";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.movies .options .table .item:last-child{border:0}.movies .options .table .item:nth-child(even){background:rgba(255,255,255,.05)}.movies .options .table .item:not(.head):hover{background:rgba(255,255,255,.03)}.movies .options .table .item>*{display:inline-block;padding:0 5px;width:60px;min-height:24px;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:top;border-left:1px solid rgba(255,255,255,.1)}.movies .options .table .item>:first-child{border:0}.movies .options .table .provider{width:120px;text-overflow:ellipsis;overflow:hidden}.movies .options .table .name{width:340px;overflow:hidden;text-align:left;padding:0 10px}.movies .options .table.files .name{width:590px}.movies .options .table .type{width:130px}.movies .options .table .is_available{width:90px}.movies .options .table .age,.movies .options .table .size{width:40px}.movies .options .table a{width:30px!important;height:20px;opacity:.8;line-height:25px}.movies .options .table a:hover{opacity:1}.movies .options .table a.download{color:#a7fbaf}.movies .options .table a.delete{color:#fda3a3}.movies .options .table .failed a.delete,.movies .options .table .ignored a.delete{color:#b5fda3}.movies .options .table .head>*{font-weight:700;font-size:14px;padding-top:4px;padding-bottom:4px;height:auto}.trailer_container{width:100%;background:#000;text-align:center;-webkit-transition:all .6s cubic-bezier(0.9,0,.1,1);transition:all .6s cubic-bezier(0.9,0,.1,1);overflow:hidden;left:0;position:absolute;z-index:10}@media only screen and (device-width:768px){.trailer_container iframe{margin-top:25px}}.trailer_container.hide{height:0!important}.hide_trailer{position:absolute;top:0;left:50%;margin-left:-50px;width:100px;text-align:center;padding:3px 10px;background:#4e5969;-webkit-transition:all .2s cubic-bezier(0.9,0,.1,1) .2s;transition:all .2s cubic-bezier(0.9,0,.1,1) .2s;z-index:11}.hide_trailer.hide{top:-30px}.movies .movie .try_container{padding:5px 10px;text-align:center}.movies .movie .try_container a{margin:0 5px;padding:2px 5px}.movies .movie .releases .next_release{border-left:6px solid #2aa300}.movies .movie .releases .next_release>:first-child{margin-left:-6px}.movies .movie .releases .last_release{border-left:6px solid #ffa200}.movies .movie .releases .last_release>:first-child{margin-left:-6px}.movies .movie .trynext{display:inline;position:absolute;right:180px;z-index:2;opacity:0;background:#4e5969;text-align:right;height:100%;top:0}.movies.mass_edit_list .trynext,.touch_enabled .movies .movie .trynext{display:none}@media all and (max-width:480px){.movies .movie .trynext{display:none}}.wanted .movies .movie .trynext{padding-right:30px}.movies .movie:hover .trynext,.touch_enabled .movies.details_list .movie .trynext{opacity:1}.movies.details_list .movie .trynext{background:#47515f;padding:0;right:0;height:25px}.movies .movie .trynext a{background-position:5px center;padding:0 5px 0 25px;margin-right:10px;color:#FFF;height:100%;line-height:27px;font-family:OpenSans,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif}.movies .movie .trynext a:before{margin:2px 0 0 -20px;position:absolute;font-family:Elusive-Icons}.movies.details_list .movie .trynext a{line-height:23px}.movies .movie .trynext a:last-child{margin:0}.movies .movie .trynext a:hover,.touch_enabled .movies .movie .trynext a{background-color:#369545}.movies .load_more{display:block;padding:10px;text-align:center;font-size:20px}.movies .load_more.loading{opacity:.5}.movies .alph_nav{height:44px}@media all and (max-width:480px){.movies .alph_nav{display:none}}.movies .alph_nav .menus{display:inline-block;float:right}.movies .alph_nav .actions,.movies .alph_nav .counter,.movies .alph_nav .numbers{list-style:none;padding:0 0 1px;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.movies .alph_nav .counter{display:inline-block;text-align:right;padding:0 10px;height:100%;line-height:43px;border-right:1px solid rgba(255,255,255,.07)}.movies .alph_nav .actions li,.movies .alph_nav .numbers li{display:inline-block;vertical-align:top;height:100%;line-height:30px;text-align:center;border:1px solid transparent;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.movies .alph_nav .numbers li{width:30px;height:30px;opacity:.3}.movies .alph_nav .numbers li.letter_all{width:60px}.movies .alph_nav li.available{font-weight:700;cursor:pointer;opacity:1}.movies .alph_nav li.active.available,.movies .alph_nav li.available:hover{background:rgba(0,0,0,.1)}.movies .alph_nav .search input{width:100%;height:44px;display:inline-block;border:0;background:0 0;color:#444;font-size:14px;padding:0 10px 0 30px;border-bottom:1px solid rgba(0,0,0,.08)}.movies .alph_nav .search input:focus{background:rgba(0,0,0,.08)}.movies .alph_nav .search input::-webkit-input-placeholder{color:#444;opacity:.6}.movies .alph_nav .search:before{font-family:Elusive-Icons;content:"\e03e";position:absolute;height:20px;line-height:45px;font-size:12px;margin:0 0 0 10px;opacity:.6;color:#444}.movies .alph_nav .actions{-moz-user-select:none;width:44px;height:44px;display:inline-block;vertical-align:top;z-index:200;position:relative;border:1px solid rgba(255,255,255,.07);border-width:0 1px}.movies .alph_nav .actions:hover{-webkit-box-shadow:0 100px 20px -10px rgba(0,0,0,.55);box-shadow:0 100px 20px -10px rgba(0,0,0,.55)}.movies .alph_nav .actions li{width:100%;height:45px;line-height:40px;position:relative;z-index:20;display:none;cursor:pointer}.movies .alph_nav .actions:hover li:not(.active){display:block;background:#FFF;color:#444}.movies .alph_nav .actions li:hover:not(.active){background:#ccc}.movies .alph_nav .actions li.active{display:block}.movies .alph_nav .actions li.mass_edit:before{content:"\e070"}.movies .alph_nav .actions li.list:before{content:"\e0d8"}.movies .alph_nav .actions li.details:before{content:"\e022"}.movies .alph_nav .mass_edit_form{clear:both;text-align:center;display:none;overflow:hidden;float:left;height:44px;line-height:44px}.movies.mass_edit_list .mass_edit_form{display:inline-block}.movies.mass_edit_list .mass_edit_form .select{font-size:14px;display:inline-block}.movies.mass_edit_list .mass_edit_form .select .check{display:inline-block;vertical-align:middle;margin:-4px 0 0 5px}.movies.mass_edit_list .mass_edit_form .select span{opacity:.7}.movies.mass_edit_list .mass_edit_form .select .count{font-weight:700;margin:0 3px 0 10px}.movies .alph_nav .mass_edit_form .quality{display:inline-block;margin:0 0 0 16px}.movies .alph_nav .mass_edit_form .quality select{width:120px;margin-right:5px}.movies .alph_nav .mass_edit_form .button{padding:3px 7px}.movies .alph_nav .mass_edit_form .delete,.movies .alph_nav .mass_edit_form .refresh{display:inline-block;margin-left:8px}.movies .alph_nav .mass_edit_form .delete span,.movies .alph_nav .mass_edit_form .refresh span{margin:0 10px 0 0}.movies .alph_nav .more_menu>a{background:0 0}.movies .alph_nav .more_menu.extra>a:before{content:'...';font-size:1.7em;line-height:23px;text-align:center;display:block}.movies .alph_nav .more_menu.filter>a:before{content:"\e0e8";font-family:Elusive-Icons;line-height:33px;display:block;text-align:center}.movies .alph_nav .more_menu.filter .wrapper{right:88px;width:300px}.movies .empty_wanted{background-image:url(../../images/emptylist.png);background-position:80% 0;height:750px;width:100%;max-width:900px;padding-top:260px}.movies .empty_manage{text-align:center;font-size:25px;line-height:150%;padding:40px 0}.movies .empty_manage .after_manage{margin-top:30px;font-size:16px}.movies .progress{padding:10px;margin:5px 0;text-align:left}.movies .progress>div{padding:5px 10px;font-size:12px;line-height:12px;text-align:left;display:inline-block;width:49%;background:rgba(255,255,255,.05);margin:2px .5%}.movies .progress>div .folder{display:inline-block;padding:5px 20px 5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:85%;direction:ltr;vertical-align:middle}.movies .progress>div .percentage{display:inline-block;text-transform:uppercase;font-weight:400;font-size:20px;border-left:1px solid rgba(255,255,255,.2);width:15%;text-align:right;vertical-align:middle}.charts{clear:both;margin-bottom:30px}.charts>h2{height:40px}.charts .chart{display:inline-block;width:50%;vertical-align:top;max-height:510px;scrollbar-base-color:#4e5969}.charts .chart .media_result.hidden{display:none}.charts .refresh{clear:both;position:relative}.charts .refresh .refreshing{display:block;padding:20px;font-size:20px;text-align:center}.charts .refresh a{text-align:center;padding:0;display:none;width:30px;height:30px;position:absolute;right:10px;top:-40px;opacity:.7}.charts .refresh a:hover{opacity:1}.charts p.no_charts_enabled{padding:.7em 1em;display:none}.charts .chart h3 a{color:#fff}.charts .chart .media_result{display:inline-block;width:100%;height:150px}@media all and (max-width:960px){.charts .chart{width:50%}}@media all and (max-width:600px){.charts .chart{width:100%}}.charts .chart .media_result .data{left:150px;background:#4e5969;border:none}.charts .chart .media_result .data .info{top:10px;left:15px;right:15px;bottom:10px;overflow:hidden}.charts .chart .media_result .data .info h2{white-space:normal;max-height:120px;font-size:18px;line-height:18px}.charts .chart .media_result .data .info .genres,.charts .chart .media_result .data .info .rating,.charts .chart .media_result .data .info .year{position:static;display:block;padding:0;opacity:.6}.charts .chart .media_result .data .info .year{margin:10px 0 0}.charts .chart .media_result .data .info .rating{font-size:20px;float:right;margin-top:-20px}.charts .chart .media_result .data .info .rating:before{content:"\e031";font-family:Elusive-Icons;font-size:14px;margin:0 5px 0 0;vertical-align:bottom}.charts .chart .media_result .data .info .genres{font-size:11px;font-style:italic;text-align:right}.charts .chart .media_result .data .info .plot{display:block;font-size:11px;overflow:hidden;text-align:justify;height:100%;z-index:2;top:64px;position:absolute;background:#4e5969;cursor:pointer;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;padding:0 3px 10px 0}.charts .chart .media_result .data:before{content:'';display:block;height:10px;right:0;left:0;bottom:10px;position:absolute;background:-webkit-linear-gradient(90deg,#4e5969 0,rgba(78,89,105,0) 100%);background:linear-gradient(0deg,#4e5969 0,rgba(78,89,105,0) 100%);z-index:3;pointer-events:none}.charts .chart .media_result .data .info .plot.full{top:0;overflow:auto}.charts .chart .media_result .data{cursor:default}.charts .chart .media_result .options{left:150px}.charts .chart .media_result .options select[name=category],.charts .chart .media_result .options select[name=profile],.charts .chart .media_result .options select[name=title]{width:100%}.charts .chart .media_result .button{position:absolute;margin:2px 0 0;right:15px;bottom:15px}.charts .chart .media_result .thumbnail{width:100px;position:absolute;left:50px}.charts .chart .media_result .chart_number{color:#fff;position:absolute;top:0;padding:10px;font:700 2em/1em Helvetica,Sans-Serif;width:50px;height:100%;text-align:center;border-left:8px solid transparent}.charts .chart .media_result.chart_in_wanted .chart_number{border-color:rgba(0,255,40,.3)}.charts .chart .media_result.chart_in_library .chart_number{border-color:rgba(0,202,32,.3)}.charts .chart .media_result .actions{position:absolute;top:10px;right:10px;display:none;width:90px}.charts .chart .media_result:hover .actions{display:block}.charts .chart .media_result:hover h2 .title{opacity:0}.charts .chart .media_result .data.open .actions{display:none}.charts .chart .media_result .actions a{margin-left:10px;vertical-align:middle}.toggle_menu{height:50px}.toggle_menu a{display:block;width:50%;float:left;color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.06667)}.toggle_menu a:hover{border-color:#047792;border-width:4px;color:#fff}.toggle_menu a.active{border-bottom:4px solid #04bce6;color:#fff}.toggle_menu a:last-child{float:right}.toggle_menu h2{height:40px}@media all and (max-width:480px){.toggle_menu h2{font-size:16px;text-align:center;height:30px}}.suggestions{clear:both;padding-top:10px;margin-bottom:30px}.suggestions>h2{height:40px}.suggestions .media_result{display:inline-block;width:33.333%;height:150px}@media all and (max-width:960px){.suggestions .media_result{width:50%}}@media all and (max-width:600px){.suggestions .media_result{width:100%}}.suggestions .media_result .data{left:100px;background:#4e5969;border:none}.suggestions .media_result .data .info{top:10px;left:15px;right:15px;bottom:10px;overflow:hidden}.suggestions .media_result .data .info h2{white-space:normal;max-height:120px;font-size:18px;line-height:18px}.suggestions .media_result .data .info .genres,.suggestions .media_result .data .info .rating,.suggestions .media_result .data .info .year{position:static;display:block;padding:0;opacity:.6}.suggestions .media_result .data .info .year{margin:10px 0 0}.suggestions .media_result .data .info .rating{font-size:20px;float:right;margin-top:-20px}.suggestions .media_result .data .info .rating:before{content:"\e031";font-family:Elusive-Icons;font-size:14px;margin:0 5px 0 0;vertical-align:bottom}.suggestions .media_result .data .info .genres{font-size:11px;font-style:italic;text-align:right}.suggestions .media_result .data .info .plot{display:block;font-size:11px;overflow:hidden;text-align:justify;height:100%;z-index:2;top:64px;position:absolute;background:#4e5969;cursor:pointer;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;padding:0 3px 10px 0}.suggestions .media_result .data:before{content:'';display:block;height:10px;right:0;left:0;bottom:10px;position:absolute;background:-webkit-linear-gradient(90deg,#4e5969 0,rgba(78,89,105,0) 100%);background:linear-gradient(0deg,#4e5969 0,rgba(78,89,105,0) 100%);z-index:3;pointer-events:none}.suggestions .media_result .data .info .plot.full{top:0;overflow:auto}.suggestions .media_result .data{cursor:default}.suggestions .media_result .options{left:100px}.suggestions .media_result .options select[name=category],.suggestions .media_result .options select[name=profile],.suggestions .media_result .options select[name=title]{width:100%}.suggestions .media_result .button{position:absolute;margin:2px 0 0;right:15px;bottom:15px}.suggestions .media_result .thumbnail{width:100px}.suggestions .media_result .actions{position:absolute;top:10px;right:10px;display:none;width:140px}.suggestions .media_result:hover .actions{display:block}.suggestions .media_result:hover h2 .title{opacity:0}.suggestions .media_result .data.open .actions{display:none}.suggestions .media_result .actions a{margin-left:10px;vertical-align:middle}.add_new_category{padding:20px;display:block;text-align:center;font-size:20px;border-bottom:1px solid rgba(255,255,255,.2)}.category{border-bottom:1px solid rgba(255,255,255,.2);position:relative}.category>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353}.category>.delete:hover{opacity:1}.category .ctrlHolder:hover{background:0 0}.category .formHint{width:250px!important;margin:0!important;opacity:.1}.category:hover .formHint{opacity:1}#category_ordering ul{float:left;margin:0;width:275px;padding:0}#category_ordering li{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;border-bottom:1px solid rgba(255,255,255,.2);padding:0 5px}#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}#category_ordering li .handle{background:url(../../images/handle.png) center;width:20px;float:right}#category_ordering .formHint{clear:none;float:right;width:250px;margin:0}.page.log .nav{display:block;text-align:center;padding:0 0 30px;margin:0;font-size:20px;position:fixed;width:100%;bottom:0;left:0;background:#4E5969;z-index:100}.page.log .nav li{display:inline-block;padding:5px 10px;margin:0}.page.log .nav li.clear,.page.log .nav li.select{cursor:pointer}.page.log .nav li:hover:not(.active):not(.filter){background:rgba(255,255,255,.1)}.page.log .nav li.active{font-weight:700;cursor:default;background:rgba(255,255,255,.1)}@media all and (max-width:480px){.page.log .nav{font-size:14px}.page.log .nav li{padding:5px}}.page.log .nav li.hint{text-align:center;width:400px;left:50%;margin-left:-200px;font-style:italic;font-size:11px;position:absolute;right:20px;opacity:.5;bottom:5px}.page.log .loading{text-align:center;font-size:20px;padding:50px}.page.log .container{padding:30px 0 60px;overflow:hidden;line-height:150%;font-size:11px;color:#FFF}.page.log .container select{vertical-align:top}.page.log .container .time{clear:both;color:lightgrey;font-size:10px;border-top:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;padding:0 3px;font-family:Lucida Console,Monaco,Nimbus Mono L,monospace,serif}.page.log .container .time.highlight{background:rgba(255,255,255,.1)}.page.log .container .time span{padding:5px 0 3px;display:inline-block;vertical-align:middle}.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}.page.log .container .type{margin-left:10px}.page.log .container .message{float:right;width:86%;white-space:pre-wrap}.page.log .container .error{color:#FFA4A4}.page.log .container .debug span{opacity:.6}.do_report{position:absolute;padding:10px}.page.log .report{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);left:0;top:0;z-index:99999;font-size:14px}.page.log .report .button{display:inline-block;margin:10px 0;padding:10px}.page.log .report .bug{width:800px;height:80%;position:absolute;left:50%;top:50%;margin:0 0 0 -400px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.page.log .report .bug textarea{display:block;width:100%;background:#FFF;padding:20px;overflow:auto;color:#666;height:70%;font-size:12px}.page.log .container .time ::-webkit-selection{background-color:#000;color:#FFF}.page.log .container .time ::-moz-selection{background-color:#000;color:#FFF}.page.log .container .time ::-ms-selection{background-color:#000;color:#FFF}.page.log .container .time.highlight ::-webkit-selection{background-color:transparent;color:inherit}.page.log .container .time.highlight ::-moz-selection{background-color:transparent;color:inherit}.page.log .container .time.highlight ::-ms-selection{background-color:transparent;color:inherit}.page.log .container .time.highlight ::selection{background-color:transparent;color:inherit}.add_new_profile{padding:20px;display:block;text-align:center;font-size:20px;border-bottom:1px solid rgba(255,255,255,.2)}.profile{border-bottom:1px solid rgba(255,255,255,.2);position:relative}.profile>.delete{position:absolute;padding:16px;right:0;cursor:pointer;opacity:.6;color:#fd5353}.profile>.delete:hover{opacity:1}.profile .ctrlHolder:hover{background:0 0}.profile .qualities{min-height:80px}.profile .formHint{width:210px!important;vertical-align:top!important;margin:0!important;padding-left:3px!important;opacity:.1}.profile:hover .formHint{opacity:1}.profile .wait_for{padding-top:0;padding-bottom:20px}.profile .wait_for input{margin:0 5px!important}.profile .wait_for .minimum_score_input{width:40px!important;text-align:left}.profile .types{padding:0;margin:0 20px 0 -4px;display:inline-block}.profile .types li{padding:3px 5px;border-bottom:1px solid rgba(255,255,255,.2);list-style:none}.profile .types li:last-child{border:0}.profile .types li>*{display:inline-block;vertical-align:middle;line-height:0;margin-right:10px}.profile .type .check{margin-top:-1px}.profile .quality_type select{width:120px;margin-left:-1px}.profile .types li.is_empty .check,.profile .types li.is_empty .check_label,.profile .types li.is_empty .delete,.profile .types li.is_empty .handle{visibility:hidden}.profile .types .type label{display:inline-block;width:auto;float:none;text-transform:uppercase;font-size:11px;font-weight:400;margin-right:20px;text-shadow:none;vertical-align:bottom;padding:0;height:17px}.profile .types .type label .check{margin-right:5px}.profile .types .type label .check_label{display:inline-block;vertical-align:top;height:16px;line-height:13px}.profile .types .type .threed{display:none}.profile .types .type.allow_3d .threed{display:inline-block}.profile .types .type .handle{background:url(../../images/handle.png) center;display:inline-block;height:20px;width:20px;cursor:-moz-grab;cursor:-webkit-grab;cursor:grab;margin:0}.profile .types .type .delete{height:20px;width:20px;line-height:20px;visibility:hidden;cursor:pointer;font-size:13px;color:#fd5353}.profile .types .type:not(.allow_3d) .delete{margin-left:55px}.profile .types .type:hover:not(.is_empty) .delete{visibility:visible}#profile_ordering ul{float:left;margin:0;width:275px;padding:0}#profile_ordering li{border-bottom:1px solid rgba(255,255,255,.2);padding:0 5px}#profile_ordering li:last-child{border:0}#profile_ordering li .check{margin:2px 10px 0 0;vertical-align:top}#profile_ordering li>span{display:inline-block;height:20px;vertical-align:top;line-height:20px}#profile_ordering li .handle{background:url(../../images/handle.png) center;width:20px;float:right;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}#profile_ordering .formHint{clear:none;float:right;width:250px;margin:0}.group_sizes .head{font-weight:700}.group_sizes .ctrlHolder{padding-top:4px!important;padding-bottom:4px!important;font-size:12px}.group_sizes .label{max-width:120px}.group_sizes .max,.group_sizes .min{text-align:center;width:50px;max-width:50px;margin:0 5px!important;padding:0 3px;display:inline-block}.page.userscript{position:absolute;width:100%;top:0;bottom:0;left:0;right:0;padding:0}.page.userscript .frame.loading{text-align:center;font-size:20px;padding:20px}.page.userscript .media_result{height:140px}.page.userscript .media_result .thumbnail{width:90px}.page.userscript .media_result .options{left:90px;padding:54px 15px}.page.userscript .media_result .year{display:none}.page.userscript .media_result .options select[name=title]{width:190px}.page.userscript .media_result .options select[name=profile]{width:70px}.page.wizard .uniForm{margin:0 0 30px;width:83%}.page.wizard h1{padding:10px 0;display:block;font-size:30px;margin:80px 5px 0}.page.wizard .description{padding:10px 5px;font-size:1.45em;line-height:1.4em;display:block}.page.wizard .tab_wrapper{background:#5c697b;height:65px;font-size:1.75em;position:fixed;top:0;margin:0;width:100%;left:0;z-index:2;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.page.wizard .tab_wrapper .tabs{padding:0;margin:0 auto;display:block;height:100%;width:100%;max-width:960px}.page.wizard .tabs li{display:inline-block;height:100%}.page.wizard .tabs li a{padding:20px 10px;height:100%;display:block;color:#FFF;font-weight:400;border-bottom:4px solid transparent}.page.wizard .tabs li:hover a{border-color:#047792}.page.wizard .tabs li.done a{border-color:#04bce6}.page.wizard .tab_wrapper .pointer{border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #5c697b;display:block;position:absolute;top:44px}.page.wizard .tab_content{margin:20px 0 160px}.page.wizard form>div{min-height:300px}.page.wizard .button.green{padding:20px;font-size:25px;margin:10px 0 80px;display:block}.page.wizard .tab_nzb_providers{margin:20px 0 0}html{line-height:1.5;font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-size:14px}*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5{clear:both;font-size:14px}h1{font-size:25px;padding:20px 40px}h2{font-size:20px}pre{background:#eee;font-family:monospace;margin:0;padding:10px;width:100%;display:block;font-size:12px}.api,.missing{overflow:hidden;border-bottom:1px solid #eee;padding:40px}.api:hover{color:#000}.api .description{color:#333;padding:0 0 5px}.api .params{background:#fafafa}.api h3{clear:both;float:left;width:100px}.api .params{float:left;width:700px}.api .params td,.api .params th{padding:3px 5px;border-bottom:1px solid #eee}.api .params tr:last-child td,.api .params tr:last-child th{border:0}.api .params .param{vertical-align:top}.api .params .param th{text-align:left;width:100px}.api .param .type{font-style:italic;margin-right:10px;width:100px;color:#666}.api .return{float:left;width:700px}.database{padding:20px;margin:0}.database *{margin:0;padding:0}.database .nav li{display:inline-block}.database .nav li a{padding:5px}.database table{font-size:11px}.database table th{text-align:left}.database table tr:hover{position:relative;z-index:20}.database table td{vertical-align:top;position:relative}.database table .id{width:100px}.database table ._rev,.database table ._t{width:60px}.database table .form,.database table form{width:600px}.database textarea{font-size:12px;width:100%;height:200px}.database input[type=submit]{display:block}@font-face{font-family:Elusive-Icons;src:url(../fonts/Elusive-Icons.eot);src:url(../fonts/Elusive-Icons.eot?#iefix) format("embedded-opentype"),url(../fonts/Elusive-Icons.woff) format("woff"),url(../fonts/Elusive-Icons.ttf) format("truetype"),url(../fonts/Elusive-Icons.svg#Elusive-Icons) format("svg");font-weight:400;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Light-webfont.woff) format("woff"),url(../fonts/OpenSans-Light-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Light-webfont.svg#OpenSansRegular) format("svg");font-weight:200;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Regular-webfont.eot);src:url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Regular-webfont.woff) format("woff"),url(../fonts/OpenSans-Regular-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Italic-webfont.eot);src:url(../fonts/OpenSans-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Italic-webfont.woff) format("woff"),url(../fonts/OpenSans-Italic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic) format("svg");font-weight:400;font-style:italic}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Bold-webfont.eot);src:url(../fonts/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Bold-webfont.woff) format("woff"),url(../fonts/OpenSans-Bold-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Bold-webfont.svg#OpenSansBold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-BoldItalic-webfont.eot);src:url(../fonts/OpenSans-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-BoldItalic-webfont.woff) format("woff"),url(../fonts/OpenSans-BoldItalic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic) format("svg");font-weight:700;font-style:italic}@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.woff) format("woff"),url(../fonts/Lobster-webfont.ttf) format("truetype"),url(../fonts/Lobster-webfont.svg#lobster_1.4regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Elusive-Icons;src:url(../fonts/Elusive-Icons.eot);src:url(../fonts/Elusive-Icons.eot?#iefix) format("embedded-opentype"),url(../fonts/Elusive-Icons.woff) format("woff"),url(../fonts/Elusive-Icons.ttf) format("truetype"),url(../fonts/Elusive-Icons.svg#Elusive-Icons) format("svg");font-weight:400;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Light-webfont.woff) format("woff"),url(../fonts/OpenSans-Light-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Light-webfont.svg#OpenSansRegular) format("svg");font-weight:200;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Regular-webfont.eot);src:url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Regular-webfont.woff) format("woff"),url(../fonts/OpenSans-Regular-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Italic-webfont.eot);src:url(../fonts/OpenSans-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Italic-webfont.woff) format("woff"),url(../fonts/OpenSans-Italic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic) format("svg");font-weight:400;font-style:italic}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-Bold-webfont.eot);src:url(../fonts/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Bold-webfont.woff) format("woff"),url(../fonts/OpenSans-Bold-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Bold-webfont.svg#OpenSansBold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:OpenSans;src:url(../fonts/OpenSans-BoldItalic-webfont.eot);src:url(../fonts/OpenSans-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-BoldItalic-webfont.woff) format("woff"),url(../fonts/OpenSans-BoldItalic-webfont.ttf) format("truetype"),url(../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic) format("svg");font-weight:700;font-style:italic}@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.woff) format("woff"),url(../fonts/Lobster-webfont.ttf) format("truetype"),url(../fonts/Lobster-webfont.svg#lobster_1.4regular) format("svg");font-weight:400;font-style:normal}body,html{font-size:14px;line-height:1.5;font-family:OpenSans,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;height:100%;margin:0;padding:0;background:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}a{text-decoration:none}.header{width:130px;font-weight:200}.header a{color:#FFF;letter-spacing:1px}.header .navigation .logo{background:#ac0000;display:block;text-align:center;font-family:Lobster,serif;color:#FFF;font-size:38px;line-height:80px;height:80px}.header .navigation .logo span:nth-child(odd){display:block}.header .navigation .logo span:nth-child(even){display:none}.header .navigation ul{padding:0;margin:0}.header .navigation ul li a{padding:10px 20px;display:block}.content{-webkit-box-flex:1 auto;-moz-box-flex:1 auto;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background:#FFF;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;overflow:hidden}.content h1,.content h2,.content h3{padding:0;margin:0}.content .pages{height:100%;width:100%}.content .footer{position:fixed;bottom:0;height:20px;width:100%}.page{display:none;padding:20px}.page.active{display:block}.page.settings{min-width:960px}.page.settings:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}.page.settings .tabs{float:left;width:14.7%;font-size:17px;text-align:right;list-style:none;padding:35px 0;margin:0;min-height:470px;background-image:-webkit-linear-gradient(14deg,transparent 50%,rgba(0,0,0,.3) 100%);background-image:linear-gradient(76deg,transparent 50%,rgba(0,0,0,.3) 100%)}.page.settings .tabs a{display:block;padding:7px 15px;font-weight:400;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:rgba(255,255,255,.8);text-shadow:none}.page.settings .tabs .active a,.page.settings .tabs a:hover{background:#4e5969;color:#fff}.page.settings .tabs>li{border-bottom:1px solid #4e5969}.page.settings .tabs .subtabs{list-style:none;padding:0;margin:-5px 0 10px}.page.settings .tabs .subtabs a{font-size:13px;padding:0 15px;font-weight:400;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:rgba(255,255,255,.7)}.page.settings .tabs .subtabs .active a{color:#fff;background:#4e5969}.page.settings .containers{width:84%;float:left;padding:40px 0 40px 2%;min-height:300px}.page .advanced{display:none;color:#edc07f}.page.show_advanced .advanced{display:block}.page.show_advanced input.advanced,.page.show_advanced span.advanced{display:inline}.page.settings .tab_content{display:none}.page.settings .tab_content.active{display:block}.page fieldset{padding:10px 0}.page fieldset h2{font-weight:400;font-size:25px;padding:0 9px 10px 30px;margin:0;border-bottom:1px solid #333;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.15);box-shadow:0 1px 0 rgba(255,255,255,.15)}.page fieldset h2 .icon{vertical-align:bottom;position:absolute;left:-25px;top:3px;background:#FFF;-webkit-border-radius:2.5px;border-radius:2.5px;line-height:0;overflow:hidden}.page fieldset.enabler:hover h2 .icon{display:none}.page fieldset h2 .hint{font-size:12px;margin-left:10px}.page fieldset h2 .hint a{margin:0!important;padding:0}.page fieldset.disabled .ctrlHolder{display:none}.page fieldset>.ctrlHolder:first-child{display:block;padding:0;position:relative;margin:0 0 -23px;border:none;width:20px}.Scan_folder{padding:0!important}.page .ctrlHolder{line-height:25px;padding:10px 10px 10px 30px;font-size:14px;border:0}.page .ctrlHolder.save_success:not(:first-child){background:url(../images/icon.check.png) 7px center no-repeat}.page .ctrlHolder:last-child{border:none}.page .ctrlHolder:hover{background-color:rgba(255,255,255,.05)}.page .ctrlHolder.focused{background-color:rgba(255,255,255,.2)}.page .ctrlHolder.focused:first-child,.page .ctrlHolder:first-child{background-color:transparent}.page .ctrlHolder .formHint{width:46%;margin:-18px 0;color:#fff!important;display:inline-block;vertical-align:middle;padding:0 0 0 2%;line-height:14px}.page .check{margin-top:6px}.page .check+.formHint{float:none;width:auto;display:inline-block;padding-left:1%!important;height:24px;vertical-align:middle;line-height:24px}.page .ctrlHolder label{font-weight:700;width:20%;margin:0;padding:6px 0 0}.page .xsmall{width:25px!important;text-align:center}.page .enabler{display:block}.page .option_list{margin-bottom:20px}.page .option_list .check{margin-top:5px}.page .option_list .enabler{padding:0;margin-left:5px!important}.page .option_list .enabler:not(.disabled){margin:0 0 0 30px}.page .option_list .enabler:not(.disabled) .ctrlHolder:first-child{margin:10px 0 -33px}.page .option_list h3{padding:0;margin:10px 5px 0;text-align:center;font-weight:400;text-shadow:none;text-transform:uppercase;font-size:12px;background:rgba(255,255,255,.03)}.page .option_list .enabler.disabled{display:inline-block;padding:4px 0 5px;width:24%;vertical-align:top}.page .option_list .enabler:not(.disabled) .icon{display:none}.page .option_list .enabler.disabled h2{cursor:pointer;border:none;-webkit-box-shadow:none;box-shadow:none;padding:0 10px 0 0;font-size:16px;position:relative;left:25px;margin-right:25px}.page .option_list .enabler:not(.disabled) h2{font-size:16px;font-weight:700;border:none;border-top:1px solid rgba(255,255,255,.15);-webkit-box-shadow:0 -1px 0 #333;box-shadow:0 -1px 0 #333;margin:0;padding:10px 0 5px 25px}.page .option_list .enabler:not(.disabled):first-child h2{border:none;-webkit-box-shadow:none;box-shadow:none}.page .option_list .enabler.disabled h2 .hint{display:none}.page .option_list .enabler h2 .hint{font-weight:400}.page input[type=password],.page input[type=text]{padding:5px 3px;margin:0;width:30%;-webkit-border-radius:3px;border-radius:3px}.page .input.xsmall{width:5%}.page .input.small{width:10%}.page .input.medium{width:15%}.page .input.large{width:25%}.page .input.xlarge{width:30%}.page .advanced_toggle{clear:both;display:block;text-align:right;height:20px;margin:0 0 -38px}.page .advanced_toggle .check{margin:0}.page .advanced_toggle span{padding:0 5px}.page.show_advanced .advanced_toggle{color:#edc07f}.page form .directory{display:inline-block;padding:0 4% 0 4px;font-size:13px;width:30%;overflow:hidden;vertical-align:top;position:relative}.page form .directory:after{content:"\e097";position:absolute;right:7px;top:2px;font-family:Elusive-Icons;color:#f5e39c}.page form .directory>input{height:25px;display:inline-block;float:right;text-align:right;white-space:nowrap;cursor:pointer;background:0 0;border:0;color:#FFF;width:100%}.page form .directory input:empty:before{content:'No folder selected';font-style:italic;opacity:.3}.page .directory_list{z-index:2;position:absolute;width:450px;margin:28px 0 20px 18.4%;background:#5c697b;-webkit-box-shadow:0 20px 40px -20px rgba(0,0,0,.55);box-shadow:0 20px 40px -20px rgba(0,0,0,.55)}.page .directory_list .pointer{border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #5c697b;display:block;position:absolute;width:0;margin:-6px 0 0 45%}.page .directory_list ul{width:92%;height:300px;overflow:auto;margin:0 4%;font-size:16px}.page .directory_list li{padding:4px 30px 4px 10px;cursor:pointer;margin:0!important;border-top:1px solid rgba(255,255,255,.1);background:url(../images/right.arrow.png) 98% center no-repeat;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page .directory_list li.blur{opacity:.3}.page .directory_list li:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.page .directory_list li:hover{background-color:#515c68}.page .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}.page .directory_list .actions{clear:both;padding:4% 4% 2%;min-height:45px;position:relative;width:100%;text-align:right}.page .directory_list .actions label{float:right;width:auto;padding:0}.page .directory_list .actions .inlay{margin:0 0 0 7px}.page .directory_list .actions .back{font-weight:700;width:160px;display:inline-block;padding:0;line-height:120%;vertical-align:top;position:absolute;text-align:left;left:4%}.page .directory_list .actions:last-child{float:right;padding:4%}.page .directory_list .actions:last-child>span{padding:0 5px;text-shadow:none}.page .directory_list .actions:last-child>.clear{left:4%;position:absolute;background-color:#af3128}.page .directory_list .actions:last-child>.cancel{font-weight:700;color:#ddd}.page .directory_list .actions:last-child>.save{background:#9dc156}.page .multi_directory.is_empty .delete{visibility:hidden}.page .multi_directory .delete{display:none}.page .multi_directory:hover .delete{display:inline-block;width:22px;height:24px;vertical-align:top;background-position:center;margin-left:5px}.page .tag_input select{width:20%;display:inline-block}.page .tag_input .selection{-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;height:26px}.page .tag_input>input{display:none}.page .tag_input>ul{list-style:none;-webkit-border-radius:3px;border-radius:3px;cursor:text;width:30%;margin:0!important;min-height:27px;line-height:0;display:inline-block}.page .tag_input:hover>ul{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.page .tag_input:hover .formHint{display:none}.page .tag_input>ul>li{display:inline-block;min-height:20px;min-width:2px;font-size:12px;padding:0;margin:4px 0 0!important;border-width:0;background:0;line-height:20px}.page .tag_input>ul>li:first-child{min-width:4px}.page .tag_input li.choice{cursor:-moz-grab;cursor:-webkit-grab;cursor:grab;padding:0;-webkit-border-radius:2px;border-radius:2px}.page .tag_input>ul:hover>li.choice{background:-webkit-linear-gradient(270deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 100%);background:linear-gradient(180deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 100%)}.page .tag_input>ul>li.choice.selected,.page .tag_input>ul>li.choice:hover{background:-webkit-linear-gradient(270deg,#5b9bd1 0,#406db8 100%);background:linear-gradient(180deg,#5b9bd1 0,#406db8 100%)}.page .tag_input .select{display:none}.page .tag_input:hover .select{display:inline-block}.page .tag_input li input{background:0;border:0;color:#fff;outline-width:0;padding:0;min-width:2px}.page .tag_input li:first-child input{padding-left:2px;min-width:0}.page .tag_input li:not(.choice) span{white-space:pre;position:absolute;top:-9999px}.page .tag_input .delete{display:none;height:10px;width:16px;position:absolute;margin:-9px 0 0 -16px;-webkit-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0;cursor:pointer;background:url(../images/icon.delete.png) center 2px/65% no-repeat,linear-gradient(180deg,#5b9bd1 0,#5b9bd1 100%) 0 0/65%;-webkit-background-size:65% 65%}.page .tag_input .choice.selected .delete,.page .tag_input .choice:hover .delete{display:inline-block}.page .tag_input .choice .delete:hover{height:14px;margin-top:-13px}.page .combined_table .head{margin:0 0 0 60px}.page .disabled .head{display:none}.page .combined_table .head abbr{display:inline-block;font-weight:700;border-bottom:1px dotted #fff;line-height:140%;cursor:help}.page .combined_table .head abbr:first-child{display:none}.page .combined_table .head abbr.host{margin-right:120px}.page .combined_table input.host{width:140px}.page .section_newznab .combined_table .head abbr.host{margin-right:180px}.page .section_newznab .combined_table input.host{width:200px}.page .combined_table .head abbr.name{margin-right:57px}.page .combined_table input.name{width:120px}.page .combined_table .head abbr.api_key{margin-right:75px}.page .combined_table .head abbr.pass_key{margin-right:71px}.page .combined_table input.pass_key{width:113px}.page .section_newznab .combined_table .head abbr.api_key{margin-right:170px}.page .section_newznab .combined_table input.api_key{width:203px}.page .combined_table .head abbr.extra_score{margin-right:15px;display:none}.page .combined_table input.extra_score{width:75px;display:none}.page.show_advanced .combined_table .extra_score,.page.show_advanced .combined_table .head .extra_score{display:inline-block}.page .combined_table .head abbr.custom_tag{margin-right:15px;display:none}.page .combined_table input.custom_tag{width:140px;display:none}.page.show_advanced .combined_table .custom_tag,.page.show_advanced .combined_table .head .custom_tag{display:inline-block}.page .combined_table .seed_ratio,.page .combined_table .seed_time{width:70px;text-align:center;margin-left:10px}.page .combined_table .seed_time{margin-right:10px}.page .combined_table .ctrlHolder{padding-top:2px;padding-bottom:3px}.page .combined_table .ctrlHolder.hide{display:none}.page .combined_table .ctrlHolder>*{margin:0 10px 0 0}.page .combined_table .ctrlHolder>.check{margin-top:6px}.page .combined_table .ctrlHolder .delete{display:none;width:22px;height:22px;line-height:22px;text-align:center;vertical-align:middle;color:#fe3d3d}.page .combined_table .ctrlHolder:hover .delete{display:inline-block}.page .combined_table .ctrlHolder.is_empty .delete,.page.settings .combined_table .ctrlHolder.is_empty .check{visibility:hidden}.page .tab_about .usenet{padding:20px 30px 0;font-size:1.5em;line-height:1.3em}.page .tab_about .usenet a{padding:0 5px}.page .tab_about .usenet ul{float:left;width:50%;margin:10px 0;padding:0}.page .tab_about .usenet li{background:url(../images/icon.check.png) left center no-repeat;padding:0 0 0 25px}.page .tab_about .donate{float:left;width:42%;text-align:center;font-size:17px;padding:0 0 0 4%;margin:20px 0 0;border-left:1px solid #333;-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.15);box-shadow:-1px 0 0 rgba(255,255,255,.15)}.page .tab_about .donate form{padding:10px 0 0}.page .tab_about .info{padding:20px 30px;margin:0;overflow:hidden}.page .tab_about .info dt{clear:both;float:left;width:17%;font-weight:700}.page .tab_about .info dd{float:right;width:80%;padding:0;margin:0;font-style:italic}.page .tab_about .info dd.version{cursor:pointer}.page .tab_about .group_actions>div{padding:30px;text-align:center}.page .tab_about .group_actions a{margin:0 10px;font-size:20px}.group_userscript{background:5px 75px no-repeat;min-height:460px;font-size:20px;font-weight:400}.settings .group_userscript{background-position:center 120px;-webkit-background-size:auto 70%;background-size:auto 70%;min-height:360px}.group_userscript h2 .hint{display:block;margin:0!important}.group_userscript .userscript{float:left;margin:14px 0 0 25px;height:36px;line-height:25px}.group_userscript .or{float:left;margin:20px -10px 0 10px}.group_userscript .bookmarklet{display:block;float:left;padding:20px 15px 0 25px;-webkit-border-radius:5px;border-radius:5px}.group_userscript .bookmarklet span{margin-left:10px;display:inline-block}.active .group_imdb_automation:not(.disabled){background:url(../images/imdb_watchlist.png) right 50px no-repeat;min-height:210px}.tooltip{position:absolute;right:0;width:30px;height:30px}.tooltip>a{opacity:.3;font-size:11px;cursor:pointer}.tooltip:hover>a{opacity:1}.tooltip div{background:#FFF;color:#000;padding:10px;width:380px;z-index:200;position:absolute;-webkit-transition:all .4s cubic-bezier(0.9,0,.1,1);transition:all .4s cubic-bezier(0.9,0,.1,1);margin-top:40px;right:0;opacity:0;visibility:hidden}.tooltip.shown div{margin-top:10px;opacity:1;visibility:visible}.tooltip div a{color:#5b9bd1}.uniForm legend{font-weight:700;font-size:100%;margin:0;padding:1.5em 0}.uniForm .ctrlHolder{padding:1em;border-bottom:1px solid #efefef}.uniForm .ctrlHolder.focused{background:#fffcdf}.uniForm .buttonHolder{background:#efefef;text-align:right;margin:1.5em 0 0;padding:1.5em;-webkit-border-radius:4px;border-radius:4px}.uniForm .buttonHolder .primaryAction{padding:10px 22px;line-height:1;background:#254a86;border:1px solid #163362;font-size:12px;font-weight:700;color:#fff;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:1px 1px 0 #fff;box-shadow:1px 1px 0 #fff;text-shadow:-1px -1px 0 rgba(0,0,0,.25)}.uniForm .buttonHolder .primaryAction:active{position:relative;top:1px}.uniForm .secondaryAction{text-align:left}.uniForm button.secondaryAction{background:0 0;border:none;color:#777;margin:1.25em 0 0;padding:0}.uniForm .inlineLabels .label em,.uniForm .inlineLabels label em{font-style:normal;font-weight:700}.uniForm label small{font-size:.75em;color:#777}.uniForm .textInput,.uniForm textarea{padding:4px 2px;border:1px solid #aaa;background:#fff}.uniForm textarea{height:12em}.uniForm ul li label{font-size:.85em}.uniForm .ctrlHolder .textInput:focus,.uniForm .ctrlHolder textarea:focus{outline:0}.uniForm .formHint{font-size:.85em;color:#777}.uniForm .inlineLabels .formHint{padding-top:.5em}.uniForm .ctrlHolder.focused .formHint{color:#333}.uniForm #errorMsg{background:#ffdfdf;border:1px solid #f3afb5;margin:0 0 1.5em;padding:0 1.5em;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.uniForm #errorMsg ol{margin:0 0 1.5em;padding:0}.uniForm #errorMsg ol li{margin:0 0 3px 1.5em;padding:7px;background:#f6bec1;position:relative;font-size:.85em;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.uniForm .ctrlHolder.error,.uniForm .ctrlHolder.focused.error{background:#ffdfdf;border:1px solid #f3afb5;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.uniForm .ctrlHolder.error input.error,.uniForm .ctrlHolder.error select.error,.uniForm .ctrlHolder.error textarea.error{color:#af4c4c;margin:0 0 6px;padding:4px}.uniForm #okMsg{background:#c8ffbf;border:1px solid #a2ef95;margin:0 0 1.5em;padding:0 1.5em;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.uniForm #OKMsg p{margin:0}.uniForm .col{margin-bottom:1.5em}.uniForm .col.first{width:49%;float:left;clear:none}.uniForm .col.last{width:49%;float:right;clear:none;margin-right:0} \ No newline at end of file diff --git a/couchpotato/static/style/fonts.scss b/couchpotato/static/style/fonts.scss index ce2f6282..f52b93d5 100644 --- a/couchpotato/static/style/fonts.scss +++ b/couchpotato/static/style/fonts.scss @@ -1,23 +1,22 @@ - /* Fonts */ @font-face { - font-family: 'Elusive-Icons'; - src:url('../static/fonts/Elusive-Icons.eot'); - src:url('../static/fonts/Elusive-Icons.eot?#iefix') format('embedded-opentype'), - url('../static/fonts/Elusive-Icons.woff') format('woff'), - url('../static/fonts/Elusive-Icons.ttf') format('truetype'), - url('../static/fonts/Elusive-Icons.svg#Elusive-Icons') format('svg'); - font-weight: normal; - font-style: normal; + font-family: 'Elusive-Icons'; + src:url('../fonts/Elusive-Icons.eot'); + src:url('../fonts/Elusive-Icons.eot?#iefix') format('embedded-opentype'), + url('../fonts/Elusive-Icons.woff') format('woff'), + url('../fonts/Elusive-Icons.ttf') format('truetype'), + url('../fonts/Elusive-Icons.svg#Elusive-Icons') format('svg'); + font-weight: normal; + font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url('../static/fonts/OpenSans-Light-webfont.eot'); - src: url('../static/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), - url('../static/fonts/OpenSans-Light-webfont.woff') format('woff'), - url('../static/fonts/OpenSans-Light-webfont.ttf') format('truetype'), - url('../static/fonts/OpenSans-Light-webfont.svg#OpenSansRegular') format('svg'); + src: url('../fonts/OpenSans-Light-webfont.eot'); + src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-Light-webfont.woff') format('woff'), + url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-Light-webfont.svg#OpenSansRegular') format('svg'); font-weight: 200; font-style: normal; @@ -25,57 +24,55 @@ @font-face { font-family: 'OpenSans'; - src: url('../static/fonts/OpenSans-Regular-webfont.eot'); - src: url('../static/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('../static/fonts/OpenSans-Regular-webfont.woff') format('woff'), - url('../static/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), - url('../static/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); + src: url('../fonts/OpenSans-Regular-webfont.eot'); + src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), + url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; - } @font-face { font-family: 'OpenSans'; - src: url('../static/fonts/OpenSans-Italic-webfont.eot'); - src: url('../static/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../static/fonts/OpenSans-Italic-webfont.woff') format('woff'), - url('../static/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), - url('../static/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); + src: url('../fonts/OpenSans-Italic-webfont.eot'); + src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), + url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: italic; - } @font-face { font-family: 'OpenSans'; - src: url('../static/fonts/OpenSans-Bold-webfont.eot'); - src: url('../static/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('../static/fonts/OpenSans-Bold-webfont.woff') format('woff'), - url('../static/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), - url('../static/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); + src: url('../fonts/OpenSans-Bold-webfont.eot'); + src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), + url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url('../static/fonts/OpenSans-BoldItalic-webfont.eot'); - src: url('../static/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('../static/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), - url('../static/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), - url('../static/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); + src: url('../fonts/OpenSans-BoldItalic-webfont.eot'); + src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), + url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), + url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Lobster'; - src: url('../static/fonts/Lobster-webfont.eot'); - src: url('../static/fonts/Lobster-webfont.eot?#iefix') format('embedded-opentype'), - url('../static/fonts/Lobster-webfont.woff') format('woff'), - url('../static/fonts/Lobster-webfont.ttf') format('truetype'), - url('../static/fonts/Lobster-webfont.svg#lobster_1.4regular') format('svg'); + src: url('../fonts/Lobster-webfont.eot'); + src: url('../fonts/Lobster-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Lobster-webfont.woff') format('woff'), + url('../fonts/Lobster-webfont.ttf') format('truetype'), + url('../fonts/Lobster-webfont.svg#lobster_1.4regular') format('svg'); font-weight: normal; font-style: normal; } diff --git a/couchpotato/static/style/main.scss b/couchpotato/static/style/main.scss index a9439b73..2bd4fe2e 100644 --- a/couchpotato/static/style/main.scss +++ b/couchpotato/static/style/main.scss @@ -8,8 +8,9 @@ body, html { height: 100%; margin: 0; padding: 0; - background: #111; - -webkit-font-smoothing: subpixel-antialiased; + background: $menu_color; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; overflow: hidden; } @@ -35,11 +36,11 @@ a { .navigation { .logo { - background: #ac0000; + background: $couch_color; display: block; text-align: center; - font-family: Lobster; + font-family: Lobster, serif; color: #FFF; font-size: 38px; line-height: 80px; @@ -67,11 +68,10 @@ a { } } - .content { @include flex(1 auto); - background: #FFF; + background: $background_color; border-radius: 3px 0 0 3px; overflow: hidden; @@ -82,7 +82,7 @@ a { .pages { height: 100%; - widows: 100%; + width: 100%; } .footer { diff --git a/couchpotato/static/style/mixins.scss b/couchpotato/static/style/mixins.scss index 315fa3c1..16cbc23f 100644 --- a/couchpotato/static/style/mixins.scss +++ b/couchpotato/static/style/mixins.scss @@ -1,3 +1,8 @@ +$couch_color: #ac0000; +$background_color: #FFF; +$menu_color: #111; +$theme_off: #f2f2f2; + @mixin flexbox() { display: -webkit-box; display: -moz-box;