diff --git a/couchpotato/static/style/main_old.css b/couchpotato/static/style/main_old.css deleted file mode 100644 index c7850b2..0000000 --- a/couchpotato/static/style/main_old.css +++ /dev/null @@ -1,965 +0,0 @@ -body, html { - color: #fff; - font-size: 12px; - line-height: 1.5; - font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; - height: 100%; - margin: 0; - padding: 0; - background: #4e5969; - -webkit-font-smoothing: subpixel-antialiased; - -moz-osx-font-smoothing: grayscale; -} - body { overflow-y: scroll; } - body.noscroll { overflow: hidden; } - - #clean { - background: transparent !important; - } - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -pre { - white-space: pre-wrap; - word-wrap: break-word; -} - -input, textarea { - font-size: 1em; - font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; -} -input:focus, textarea:focus { - outline: none; -} - -::-moz-placeholder { - color: rgba(255, 255, 255, 0.5); - font-style: italic; -} -input:-moz-placeholder { - color: rgba(255, 255, 255, 0.5); - font-style: italic; -} -::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.5); - font-style: italic; -} -:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.5) !important; - font-style: italic; -} - -.tiny_scroll { - overflow: hidden; -} - - .tiny_scroll:hover { - overflow-y: auto; - } - - .tiny_scroll::-webkit-scrollbar { - width: 5px; - } - - .tiny_scroll::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); - -webkit-border-radius: 5px; - border-radius: 5px; - } - - .tiny_scroll::-webkit-scrollbar-thumb { - -webkit-border-radius: 5px; - border-radius: 5px; - background: rgba(255,255,255,0.3); - } - -a img { - border:none; -} - -a { - text-decoration:none; - color: #ebfcbc; - outline: 0; - cursor: pointer; - font-weight: bold; -} -a:hover { color: #f3f3f3; } - -.page { - display: none; - width: 100%; - max-width: 980px; - margin: 0 auto; - line-height: 1.5em; - padding: 0 15px 20px; -} - .page.active { display: block; } - -.content { - clear:both; - padding: 65px 0 10px; - background: #4e5969; -} - - @media all and (max-width: 480px) { - .content { - padding-top: 40px; - } - } - -h2 { - font-size: 2.5em; - padding: 0; - margin: 20px 0 0 0; -} - -form { - padding:0; - margin:0; -} - -body > .spinner, .mask{ - background: rgba(0,0,0, 0.9); - z-index: 100; - text-align: center; -} - body > .mask { - position: fixed; - top: 0; - left: 0; - height: 100%; - width: 100%; - padding: 200px; - } - - @media all and (max-width: 480px) { - body > .mask { - padding: 20px; - } - } - -.button { - background: #5082bc; - padding: 5px 10px 6px; - color: #fff; - text-decoration: none; - font-weight: bold; - line-height: 1; - border-radius: 2px; - cursor: pointer; - border: none; - -webkit-appearance: none; -} - .button.red { background-color: #ff0000; } - .button.green { background-color: #2aa300; } - .button.orange { background-color: #ffa200; } - .button.yellow { background-color: #ffe400; } - -/*** Icons ***/ -.icon { - display: inline-block; - background: center no-repeat; -} -.icon.delete { background-image: url('../images/icon.delete.png'); } -.icon.download { background-image: url('../images/icon.download.png'); } -.icon.edit { background-image: url('../images/icon.edit.png'); } -.icon.completed { background-image: url('../images/icon.check.png'); } -.icon.folder { background-image: url('../images/icon.folder.gif'); } -.icon.imdb { background-image: url('../images/icon.imdb.png'); } -.icon.refresh { background-image: url('../images/icon.refresh.png'); } -.icon.readd { background-image: url('../images/icon.readd.png'); } -.icon.rating { background-image: url('../images/icon.rating.png'); } -.icon.files { background-image: url('../images/icon.files.png'); } -.icon.info { background-image: url('../images/icon.info.png'); } -.icon.trailer { background-image: url('../images/icon.trailer.png'); } -.icon.spinner { background-image: url('../images/icon.spinner.gif'); } -.icon.attention { background-image: url('../images/icon.attention.png'); } - -.icon2 { - display: inline-block; - background: center no-repeat; - font-family: 'Elusive-Icons'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 15px; - color: #FFF; -} - -.icon2.add:before { content: "\e05a"; color: #c2fac5; } -.icon2.cog:before { content: "\e109"; } -.icon2.eye-open:before { content: "\e09d"; } -.icon2.search:before { content: "\e03e"; } -.icon2.return-key:before { content: "\e111"; } -.icon2.close:before { content: "\e04e"; } -.icon2.trailer:before { content: "\e0e9"; } -.icon2.download:before { content: "\e0c3"; } -.icon2.edit:before { content: "\e068"; } -.icon2.refresh:before { content: "\e04f"; font-weight: bold; } -.icon2.delete:before { content: "\e04e"; } -.icon2.directory:before { content: "\e097"; } -.icon2.completed:before { content: "\e070"; } -.icon2.info:before { content: "\e089"; } -.icon2.attention:before { content: "\e009"; } -.icon2.readd:before { - display: inline-block; - content: "\e04b"; - transform: scale(-1, 1); -} -.icon2.imdb:before { - content: "IMDb"; - color: #444; - padding: 2px; - border-radius: 3px; - background-color: #fbec98; - font: bold 8px Arial; - position: relative; - top: -3px; -} -.icon2.menu:before { - content: "\e076\00a0 \e076\00a0 \e076\00a0"; - line-height: 6px; - transform: scaleX(2); - width: 20px; - font-size: 10px; - display: inline-block; - vertical-align: middle; - word-wrap: break-word; - text-align:center; - margin-left: 5px; -} - @media screen and (-webkit-min-device-pixel-ratio:0) { - .icon2.menu:before { - margin-top: -7px; - } - } - -/*** Navigation ***/ -.header { - height: 66px; - position: fixed; - margin: 0; - width: 100%; - z-index: 5; - background: #5c697b; - box-shadow: 0 0 10px rgba(0,0,0,.1); - transition: all .4s ease-in-out; -} - - @media all and (max-width: 480px) { - .header { - height: 44px; - } - } - -.header > div { - width: 100%; - max-width: 980px; - margin: 0 auto; - position: relative; - height: 100%; - padding: 0 15px; -} - - .header .navigation { - display: inline-block; - vertical-align: middle; - position: absolute; - height: 100%; - left: 0; - bottom: 0; - } - - .header .foldout { - width: 44px; - height: 100%; - text-align: center; - border-right: 1px solid rgba(255,255,255,.07); - display: none; - vertical-align: top; - line-height: 42px; - color: #FFF; - } - - .header .logo { - display: inline-block; - font-size: 3em; - padding: 4px 30px 0 15px; - height: 100%; - border-right: 1px solid rgba(255,255,255,.07); - color: #FFF; - font-weight: normal; - vertical-align: top; - font-family: Lobster, sans-serif; - } - - @media all and (max-width: 480px) { - .header .foldout { - display: inline-block; - } - - .header .logo { - padding-top: 7px; - border: 0; - font-size: 1.7em; - } - } - - @media all and (min-width: 481px) and (max-width: 640px) { - - .header .logo { - display: none; - } - - } - - .header .navigation ul { - display: inline-block; - margin: 0; - padding: 0; - height: 100%; - } - - .header .navigation li { - color: #fff; - display: inline-block; - font-size: 1.75em; - margin: 0; - text-align: center; - height: 100%; - border: 1px solid rgba(255,255,255,.07); - border-width: 0 0 0 1px; - } - .header .navigation li:first-child { - border: none; - } - - .header .navigation li a { - display: block; - padding: 15px; - position: relative; - height: 100%; - border: 1px solid transparent; - border-width: 0 0 4px 0; - font-weight: normal; - } - - .header .navigation li:hover a { border-color: #047792; } - .header .navigation li.active a { border-color: #04bce6; } - - .header .navigation li.disabled { color: #e5e5e5; } - .header .navigation li a { color: #fff; } - - .header .navigation .backtotop { - opacity: 0; - display: block; - width: 80px; - left: 50%; - position: fixed; - bottom: 0; - text-align: center; - margin: -10px 0 0 -40px; - background: #4e5969; - padding: 5px 0; - color: rgba(255,255,255,.4); - font-weight: normal; - } - .header:hover .navigation .backtotop { color: #fff; } - - @media all and (max-width: 480px) { - - body { - position: absolute; - width: 100%; - transition: all .5s cubic-bezier(0.9,0,0.1,1); - left: 0; - } - - .menu_shown body { - left: 240px; - } - - .header .navigation { - height: 100%; - } - - .menu_shown .header .navigation .overlay { - position: fixed; - right: 0; - top: 0; - bottom: 0; - left: 240px; - } - - .header .navigation ul { - width: 240px; - position: fixed; - left: -240px; - background: rgba(0,0,0,.5); - transition: all .5s cubic-bezier(0.9,0,0.1,1); - } - - .menu_shown .header .navigation ul { - left: 0; - } - - .header .navigation ul li { - display: block; - text-align: left; - border-width: 1px 0 0 0; - height: 44px; - } - .header .navigation ul li a { - border-width: 0 4px 0 0; - padding: 5px 20px; - } - - .header .navigation ul li.separator { - background-color: rgba(255,255,255, .07); - height: 5px; - } - } - - .header .more_menu { - position: absolute; - right: 15px; - height: 100%; - border-left: 1px solid rgba(255,255,255,.07); - } - - @media all and (max-width: 480px) { - .header .more_menu { - display: none; - } - } - - .header .more_menu .button { - height: 100%; - line-height: 66px; - text-align: center; - padding: 0; - } - - .header .more_menu .wrapper { - width: 200px; - margin-left: -106px; - margin-top: 22px; - } - - @media all and (max-width: 480px) { - .header .more_menu .button { - line-height: 44px; - } - - .header .more_menu .wrapper { - margin-top: 0; - } - } - - .header .more_menu .red { color: red; } - .header .more_menu .orange { color: orange; } - - .badge { - position: absolute; - width: 20px; - height: 20px; - text-align: center; - line-height: 20px; - margin: 0; - background-color: #1b79b8; - top: 0; - right: 0; - } - - .header .notification_menu { - right: 60px; - display: block; - } - - @media all and (max-width: 480px) { - .header .notification_menu { - right: 0; - } - } - - .header .notification_menu .wrapper { - width: 300px; - margin-left: -255px; - text-align: left; - } - - .header .notification_menu ul { - min-height: 60px; - max-height: 300px; - overflow: auto; - } - .header .notification_menu ul:empty:after { - content: 'No notifications (yet)'; - text-align: center; - width: 100%; - position: absolute; - padding: 18px 0; - font-size: 15px; - font-style: italic; - opacity: .4; - } - - .header .notification_menu li > span { - padding: 5px; - display: block; - border-bottom: 1px solid rgba(0,0,0,0.2); - word-wrap: break-word; - } - .header .notification_menu li > span { color: #777; } - .header .notification_menu li:last-child > span { border: 0; } - .header .notification_menu li .added { - display: block; - font-size: .85em; - color: #aaa; - } - - .header .notification_menu li .more { - text-align: center; - } - - .message.update { - text-align: center; - position: fixed; - padding: 10px; - background: #ff6134; - font-size: 15px; - bottom: 0; - left: 0; - width: 100%; - z-index: 19; - } - - .message.update a { - padding: 0 5px; - } - -/*** Global Styles ***/ -.check { - display: inline-block; - vertical-align: top; - margin-top: 4px; - height: 16px; - width: 16px; - cursor: pointer; - background: url('../images/sprite.png') no-repeat -200px; - border-radius: 3px; -} - .check.highlighted { background-color: #424c59; } - .check.checked { background-position: -2px 0; } - .check.indeterminate { background-position: -1px -119px; } - .check input { - display: none !important; - } - -.select { - cursor: pointer; - display: inline-block; - color: #fff; -} - - .select .selection { - display: inline-block; - padding: 0 30px 0 20px; - background: #5b9bd1 url('../images/sprite.png') no-repeat 94% -53px; - } - - .select .selection .selectionDisplay { - display: inline-block; - padding-right: 15px; - border-right: 1px solid rgba(0,0,0,0.2); - - box-shadow: 1px 0 0 rgba(255,255,255,0.15); - } - - .select .menu { - clear: both; - overflow: hidden; - font-weight: bold; - } - - .select .list { - display: none; - background: #282d34; - position: absolute; - margin: 25px 0 0 0; - box-shadow: 0 20px 20px -10px rgba(0,0,0,0.4); - z-index: 3; - } - .select.active .list { - display: block; - } - .select .list ul { - display: block; - width: 100% !important; - } - .select .list li { - padding: 0 33px 0 20px; - margin: 0 !important; - display: block; - border-top: 1px solid rgba(255,255,255,0.1); - white-space: nowrap; - } - .select .list li.highlighted { - background: rgba(255,255,255,0.1); - border-color: transparent; - } - - .select input { display: none; } - -.inlay { - color: #fff; - border: 0; - background-color: #282d34; - box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); -} - - .inlay.light { - background-color: #47515f; - outline: none; - box-shadow: none; - } - - .inlay:focus { - background-color: #3a4350; - outline: none; - } - -.onlay, .inlay .selected, .inlay:not(.reversed) > li:hover, .inlay > li.active, .inlay.reversed > li { - border-radius:3px; - border: 1px solid #252930; - box-shadow: inset 0 1px 0 rgba(255,255,255,0.20); - background: rgb(55,62,74); - background-image: linear-gradient( - 0, - rgb(55,62,74) 0%, - rgb(73,83,98) 100% - ); -} -.onlay:active, .inlay.reversed > li:active { - color: #fff; - border: 1px solid transparent; - background-color: #282d34; - box-shadow: inset 0 1px 8px rgba(0,0,0,0.25); -} - -.question { - display: block; - width: 600px; - padding: 20px; - position:fixed; - z-index: 101; - text-align: center; -} - - .question h3 { - font-size: 25px; - padding: 0; - margin: 0 0 20px; - } - - .question .hint { - font-size: 14px; - color: #ccc; - } - - .question .answer { - font-size: 17px; - display: inline-block; - padding: 10px; - margin: 5px 1%; - cursor: pointer; - width: auto; - } - .question .answer:hover { - background: #000; - } - - .question .answer.delete { - background-color: #a82f12; - } - .question .answer.cancel { - margin-top: 20px; - background-color: #4c5766; - } - -.more_menu { - display: inline-block; - vertical-align: middle; - overflow: visible; -} - - .more_menu > a { - display: block; - height: 44px; - width: 44px; - transition: all 0.3s ease-in-out; - border-bottom: 4px solid transparent; - border-radius: 0; - } - - .more_menu .button:hover { - border-color: #047792; - } - - .more_menu.show .button { - border-color: #04bce6; - } - - .more_menu .wrapper { - display: none; - top: 0; - right: 0; - margin: 11px 0 0 0; - position: absolute; - z-index: 90; - width: 185px; - box-shadow: 0 20px 20px -10px rgba(0,0,0,0.55); - color: #444; - background: #fff; - } - - .more_menu.show .wrapper { - display: block; - top: 44px; - } - - .more_menu ul { - padding: 0; - margin: 0; - list-style: none; - } - - .more_menu .wrapper li { - width: 100%; - height: auto; - } - - .more_menu .wrapper li a { - display: block; - border-bottom: 1px solid rgba(255,255,255,0.2); - box-shadow: none; - font-weight: normal; - font-size: 1.2em; - letter-spacing: 1px; - padding: 2px 10px; - color: #444; - } - .more_menu .wrapper li:first-child a { padding-top: 5px; } - .more_menu .wrapper li:last-child a { padding-bottom: 5px; } - - .more_menu .wrapper li .separator { - border-bottom: 1px solid rgba(0,0,0,.1); - display: block; - height: 1px; - margin: 5px 0; - } - - .more_menu .wrapper li:last-child a { - border: none; - } - .more_menu .wrapper li a:hover { - background: rgba(0,0,0,0.05); - } - -.messages { - position: fixed; - right: 0; - bottom: 0; - width: 320px; - z-index: 20; - overflow: hidden; - font-size: 14px; - font-weight: bold; -} - @media all and (max-width: 480px) { - .messages { - width: 100%; - } - } - - .messages .message { - overflow: hidden; - transition: all .6s cubic-bezier(0.9,0,0.1,1); - background: #5b9bd1; - width: 100%; - position: relative; - margin: 1px 0 0; - max-height: 0; - padding: 0 30px 0 20px; - font-size: 1.1em; - font-weight: normal; - transform: scale(0); - } - .messages .message.sticky { - background-color: #c84040; - } - .messages .message.show { - max-height: 100px; - padding: 15px 30px 15px 20px; - transform: scale(1); - } - .messages .message.hide { - max-height: 0; - padding: 0 20px; - margin: 0; - transform: scale(0); - } - .messages .close { - position: absolute; - padding: 10px 8px; - top: 0; - right: 0; - color: #FFF; - } - -/*** Login ***/ -.page.login { - display: block; -} - - .login h1 { - padding: 0 0 10px; - font-size: 60px; - font-family: Lobster; - font-weight: normal; - } - - .login form { - padding: 0; - height: 300px; - width: 400px; - position: fixed; - left: 50%; - top: 50%; - margin: -200px 0 0 -200px; - } - @media all and (max-width: 480px) { - - .login form { - padding: 0; - height: 300px; - width: 90%; - position: absolute; - left: 5%; - top: 10px; - margin: 0; - } - - } - - .page.login .ctrlHolder { - padding: 0; - margin: 0 0 20px; - } - .page.login .ctrlHolder:hover { - background: none; - } - - .page.login input[type=text], - .page.login input[type=password] { - width: 100% !important; - font-size: 25px; - padding: 14px !important; - } - - .page.login .remember_me { - font-size: 15px; - float: left; - width: 150px; - padding: 20px 0; - } - - .page.login .remember_me .check { - margin: 5px 5px 0 0; - } - - .page.login .button { - font-size: 25px; - padding: 20px; - float: right; - } - -/* Fonts */ -@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: normal; - 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: normal; - 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: normal; - 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: bold; - 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: bold; - 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: normal; - font-style: normal; -} diff --git a/couchpotato/static/style/settings.css b/couchpotato/static/style/settings.css deleted file mode 100644 index 39013b2..0000000 --- a/couchpotato/static/style/settings.css +++ /dev/null @@ -1,820 +0,0 @@ -.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: linear-gradient( - 76deg, - rgba(0,0,0,0) 50%, - rgba(0,0,0,0.3) 100% - ); - } - .page.settings .tabs a { - display: block; - padding: 7px 15px; - font-weight: normal; - transition: all 0.3s ease-in-out; - color: rgba(255, 255, 255, 0.8); - text-shadow: none; - } - .page.settings .tabs a:hover, - .page.settings .tabs .active a { - background: rgb(78, 89, 105); - color: #fff; - } - .page.settings .tabs > li { - border-bottom: 1px solid rgb(78, 89, 105); - } - - .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: normal; - transition: all .3s ease-in-out; - color: rgba(255, 255, 255, 0.7); - } - - .page.settings .tabs .subtabs .active a { - color: #fff; - background: rgb(78, 89, 105); - } - - - .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 span.advanced, - .page.show_advanced input.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: normal; - font-size: 25px; - padding: 0 9px 10px 30px; - margin: 0; - border-bottom: 1px solid #333; - box-shadow: 0 1px 0 rgba(255,255,255, 0.15); - } - - .page fieldset h2 .icon { - vertical-align: bottom; - position: absolute; - left: -25px; - top: 3px; - background: #FFF; - 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') no-repeat 7px center; - } - .page .ctrlHolder:last-child { border: none; } - .page .ctrlHolder:hover { background-color: rgba(255,255,255,0.05); } - .page .ctrlHolder.focused { background-color: rgba(255,255,255,0.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: bold; - 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 0; - } - - .page .option_list h3 { - padding: 0; - margin: 10px 5px 0; - text-align: center; - font-weight: normal; - text-shadow: none; - text-transform: uppercase; - font-size: 12px; - background: rgba(255,255,255,0.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; - 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: bold; - border: none; - border-top: 1px solid rgba(255,255,255, 0.15); - box-shadow: 0 -1px 0 #333; - margin: 0; - padding: 10px 0 5px 25px; - } - .page .option_list .enabler:not(.disabled):first-child h2 { - border: none; - box-shadow: none; - } - - .page .option_list .enabler.disabled h2 .hint { - display: none; - } - .page .option_list .enabler h2 .hint { - font-weight: normal; - } - - .page input[type=text], .page input[type=password] { - padding: 5px 3px; - margin: 0; - width: 30%; - } - .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: none; - 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; - box-shadow: 0 20px 40px -20px rgba(0,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,0.1); - background: url('../images/right.arrow.png') no-repeat 98% center; - 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,0.1); - } - - .page .directory_list li:hover { - background-color: #515c68; - } - - .page .directory_list li.empty { - background: none; - 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: bold; - 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: bold; - 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 { - border-radius: 0 10px 10px 0; - height: 26px; - } - - .page .tag_input > input { - display: none; - } - - .page .tag_input > ul { - list-style: none; - border-radius: 3px; - cursor: text; - width: 30%; - margin: 0 !important; - min-height: 27px; - line-height: 0; - display: inline-block; - } - .page .tag_input:hover > ul { - 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; - border-radius: 2px; - } - .page .tag_input > ul:hover > li.choice { - background: linear-gradient( - 180deg, - rgba(255,255,255,0.3) 0%, - rgba(255,255,255,0.1) 100% - ); - } - .page .tag_input > ul > li.choice:hover, - .page .tag_input > ul > li.choice.selected { - 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; - border-radius: 30px 30px 0 0; - cursor: pointer; - background: url('../images/icon.delete.png') no-repeat center 2px, linear-gradient( - 180deg, - #5b9bd1 0%, - #5b9bd1 100% - ); - background-size: 65%; - } - .page .tag_input .choice:hover .delete, - .page .tag_input .choice.selected .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: bold; - 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 .head .extra_score, - .page.show_advanced .combined_table .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 .head .custom_tag, - .page.show_advanced .combined_table .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') no-repeat left center; - 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; - box-shadow: -1px 0 0 rgba(255,255,255, 0.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: bold; - } - - .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: normal; -} - - .settings .group_userscript { - background-position: center 120px; - 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; - 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') no-repeat right 50px; - 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; - transition: all .4s cubic-bezier(0.9,0,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; - }