Ruud
10 years ago
2 changed files with 0 additions and 1785 deletions
@ -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; |
|
||||
} |
|
||||
@ -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; |
|
||||
} |
|
||||
Loading…
Reference in new issue