diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..62d7dde --- /dev/null +++ b/.editorconfig @@ -0,0 +1,26 @@ +# EditorConfig helps developers define and maintain consistent +# coding styles between different editors and IDEs +# editorconfig.org + +root = true + + +[*] +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true +indent_style = space +indent_size = 2 + +[*.{js,json,hbs,html,css}] +indent_style = space +indent_size = 2 + +[*.hbs] +insert_final_newline = false + +[*.{diff,md}] +indent_size = 2 +trim_trailing_whitespace = false + diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 3fa6ae3..a33c8f1 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -2,12 +2,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -173,10 +290,10 @@ true - @@ -204,7 +321,6 @@ - @@ -219,7 +335,7 @@ @@ -229,11 +345,11 @@ + - + - + @@ -351,13 +482,18 @@ + - + + + + + - + @@ -410,8 +546,11 @@ false + + + - + @@ -533,19 +672,32 @@ - + - + - - - + + + + @@ -553,13 +705,33 @@ - + + + + + + + + + + + + + + + + + + + + + @@ -587,66 +760,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -791,19 +904,10 @@ - - - - - - - - - @@ -831,59 +935,10 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -919,6 +974,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -927,34 +1010,149 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - - + + - + - - - - - - - - - - + + diff --git a/.jshintrc b/.jshintrc new file mode 100644 index 0000000..2f30d16 --- /dev/null +++ b/.jshintrc @@ -0,0 +1,33 @@ +{ + "predef": [ + "server", + "document", + "window", + "-Promise" + ], + "browser": true, + "boss": true, + "curly": true, + "debug": false, + "devel": true, + "eqeqeq": true, + "evil": true, + "forin": false, + "immed": false, + "laxbreak": false, + "newcap": true, + "noarg": true, + "noempty": false, + "nonew": false, + "nomen": false, + "onevar": false, + "plusplus": false, + "regexp": false, + "undef": true, + "sub": true, + "strict": false, + "white": false, + "eqnull": true, + "esnext": true, + "unused": true +} diff --git a/html/css/app.css b/html/css/app.css new file mode 100644 index 0000000..60cd084 --- /dev/null +++ b/html/css/app.css @@ -0,0 +1,180 @@ +html, +body { + height: 100%; + background-color: #eee; +} + +html, +body, +input, +textarea, +buttons { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); +} + + +/** + * Layout CSS + */ +#header { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 2; + transition: left 0.2s; +} + +#sidedrawer { + position: fixed; + top: 0; + bottom: 0; + width: 200px; + left: -200px; + overflow: auto; + z-index: 2; + background-color: #fff; + transition: transform 0.2s; +} + +#content-wrapper { + min-height: 100%; + overflow-x: hidden; + margin-left: 0px; + transition: margin-left 0.2s; + + /* sticky bottom */ + margin-bottom: -160px; + padding-bottom: 160px; +} + +#footer { + height: 160px; + margin-left: 0px; + transition: margin-left 0.2s; +} + +@media (min-width: 600px) { + #header { + left: 200px; + } + + #sidedrawer { + transform: translate(200px); + } + + #content-wrapper { + margin-left: 200px; + } + + #footer { + margin-left: 200px; + } + + body.hide-sidedrawer #header { + left: 0; + } + + body.hide-sidedrawer #sidedrawer { + transform: translate(0px); + } + + body.hide-sidedrawer #content-wrapper { + margin-left: 0; + } + + body.hide-sidedrawer #footer { + margin-left: 0; + } +} + + +/** + * Toggle Side drawer + */ +#sidedrawer.active { + transform: translate(200px); +} + + +/** + * Header CSS + */ +.sidedrawer-toggle { + color: #fff; + cursor: pointer; + font-size: 20px; + line-height: 20px; + margin-right: 10px; +} + +.sidedrawer-toggle:hover { + color: #fff; + text-decoration: none; +} + + +/** + * Footer CSS + */ +#footer { + background-color: #0288D1; + color: #fff; +} + +#footer a { + color: #fff; + text-decoration: underline; +} + +/** +* Side drawer CSS +*/ +#sidedrawer-brand { + /* padding-left: 20px; */ +} + +#sidedrawer ul { + list-style: none; +} + +#sidedrawer > ul { + padding-left: 0px; +} + +#sidedrawer > ul > li:first-child { + padding-top: 15px; +} + +#sidedrawer strong { + display: block; + padding: 15px 22px; + cursor: pointer; +} + +#sidedrawer .entry:hover { + background-color: #E0E0E0; +} + +#sidedrawer strong + ul > li { + padding: 6px 0px; +} +#sidedrawer .entry { + padding: 7px; + + cursor:pointer; +} + +/*#sidedrawer .entry:after { + font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; +float:right; + content:"\e87a" +}*/ + + + +#footer, .mui-appbar { + background-color: #DCEF2E; +} diff --git a/html/css/cards.css b/html/css/cards.css index 30ee98d..d73bf89 100644 --- a/html/css/cards.css +++ b/html/css/cards.css @@ -1,9 +1,5 @@ -@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic); - -* { font-family: 'Roboto', sans-serif; line-height:1.2; vertical-align:middle; } - -body { background:#222; } +* { line-height:1.2; vertical-align:middle; } main { display:block; @@ -12,12 +8,10 @@ main { margin:3vh auto; padding:1.5rem 0 0; background:#d5d5d5; - outline + border-radius:.25rem; overflow:hidden; - transform:scale(.75); - transform-origin:center 3rem; - transition:transform .3s; + } body:hover main { transform:scale(1); @@ -35,7 +29,7 @@ header { input, .card { position:relative; - z-index:2; + /* z-index:2;*/ } input { display:block; @@ -66,8 +60,7 @@ input:focus + header { margin:0 1rem 1rem; border-radius:3px; user-select:none; - animation:fly-in-from-left .5s 1s ease both; - transform-origin:top left; + } .card:nth-child(even){ animation-name:fly-in-from-right; @@ -89,7 +82,7 @@ input:focus + header { } } -.card:after { +/*.card:after { position:absolute; font-size:.9rem; top:1.5rem; @@ -102,7 +95,7 @@ input:focus + header { text-align:center; border-radius:50%; pointer-events:none; -} +}*/ h1 { font-size:2rem; diff --git a/html/css/gist.css b/html/css/gist.css new file mode 100644 index 0000000..d3b92ea --- /dev/null +++ b/html/css/gist.css @@ -0,0 +1,123 @@ +.gist { + color: #000; +} + +.gist div { + padding: 0; + margin: 0; +} + +.gist .gist-file { + border: 1px solid #dedede; /* gray */ + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + margin-bottom: 1em; +} + +.gist .gist-file .gist-meta { + overflow: hidden; + font-size: 85%; + padding: .5em; + color: #666; + background-color: #eaeaea; +} + +.gist .gist-file .gist-meta a { + color: #369; +} + +.gist .gist-file .gist-meta a:visited { + color: #737; +} + +.gist .gist-file .gist-data { + overflow: auto; + word-wrap: normal; + background-color: #f8f8ff; + border-bottom: 1px solid #ddd; + font-size: 100%; +} + +.gist .gist-file .gist-data pre { + font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace; + background: transparent !important; + margin: 0 !important; + border: none !important; + padding: .25em .5em .5em .5em !important; +} + +.gist .gist-file .gist-data .gist-highlight { + background: transparent !important; +} + +.gist .gist-file .gist-data .gist-line-numbers { + background-color: #ececec; + color: #aaa; + border-right: 1px solid #ddd; + text-align: right; +} + +.gist .gist-file .gist-data .gist-line-numbers span { + clear: right; + display: block; +} + +.gist-syntax { background: #ffffff; } +.gist-syntax .c { color: #999988; font-style: italic } /* Comment */ +.gist-syntax .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.gist-syntax .k { color: #000000; font-weight: bold } /* Keyword */ +.gist-syntax .o { color: #000000; font-weight: bold } /* Operator */ +.gist-syntax .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.gist-syntax .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ +.gist-syntax .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.gist-syntax .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.gist-syntax .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.gist-syntax .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ +.gist-syntax .ge { color: #000000; font-style: italic } /* Generic.Emph */ +.gist-syntax .gr { color: #aa0000 } /* Generic.Error */ +.gist-syntax .gh { color: #999999 } /* Generic.Heading */ +.gist-syntax .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.gist-syntax .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ +.gist-syntax .go { color: #888888 } /* Generic.Output */ +.gist-syntax .gp { color: #555555 } /* Generic.Prompt */ +.gist-syntax .gs { font-weight: bold } /* Generic.Strong */ +.gist-syntax .gu { color: #aaaaaa } /* Generic.Subheading */ +.gist-syntax .gt { color: #aa0000 } /* Generic.Traceback */ +.gist-syntax .kc { color: #000000; font-weight: bold } /* Keyword.Constant */ +.gist-syntax .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ +.gist-syntax .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ +.gist-syntax .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ +.gist-syntax .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.gist-syntax .m { color: #009999 } /* Literal.Number */ +.gist-syntax .s { color: #d14 } /* Literal.String */ +.gist-syntax .na { color: #008080 } /* Name.Attribute */ +.gist-syntax .nb { color: #0086B3 } /* Name.Builtin */ +.gist-syntax .nc { color: #445588; font-weight: bold } /* Name.Class */ +.gist-syntax .no { color: #008080 } /* Name.Constant */ +.gist-syntax .ni { color: #800080 } /* Name.Entity */ +.gist-syntax .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.gist-syntax .nf { color: #990000; font-weight: bold } /* Name.Function */ +.gist-syntax .nn { color: #555555 } /* Name.Namespace */ +.gist-syntax .nt { color: #000080 } /* Name.Tag */ +.gist-syntax .nv { color: #008080 } /* Name.Variable */ +.gist-syntax .ow { color: #000000; font-weight: bold } /* Operator.Word */ +.gist-syntax .w { color: #bbbbbb } /* Text.Whitespace */ +.gist-syntax .mf { color: #009999 } /* Literal.Number.Float */ +.gist-syntax .mh { color: #009999 } /* Literal.Number.Hex */ +.gist-syntax .mi { color: #009999 } /* Literal.Number.Integer */ +.gist-syntax .mo { color: #009999 } /* Literal.Number.Oct */ +.gist-syntax .sb { color: #d14 } /* Literal.String.Backtick */ +.gist-syntax .sc { color: #d14 } /* Literal.String.Char */ +.gist-syntax .sd { color: #d14 } /* Literal.String.Doc */ +.gist-syntax .s2 { color: #d14 } /* Literal.String.Double */ +.gist-syntax .se { color: #d14 } /* Literal.String.Escape */ +.gist-syntax .sh { color: #d14 } /* Literal.String.Heredoc */ +.gist-syntax .si { color: #d14 } /* Literal.String.Interpol */ +.gist-syntax .sx { color: #d14 } /* Literal.String.Other */ +.gist-syntax .sr { color: #009926 } /* Literal.String.Regex */ +.gist-syntax .s1 { color: #d14 } /* Literal.String.Single */ +.gist-syntax .ss { color: #990073 } /* Literal.String.Symbol */ +.gist-syntax .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.gist-syntax .vc { color: #008080 } /* Name.Variable.Class */ +.gist-syntax .vg { color: #008080 } /* Name.Variable.Global */ +.gist-syntax .vi { color: #008080 } /* Name.Variable.Instance */ +.gist-syntax .il { color: #009999 } /* Literal.Number.Integer.Long */ diff --git a/html/css/md.css b/html/css/md.css new file mode 100644 index 0000000..823b88d --- /dev/null +++ b/html/css/md.css @@ -0,0 +1,53 @@ +body { + font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial; +} +ul { + margin: 0; + padding: 0; +} + +li { + display: inline; + margin: 0; + padding: 0 4px 0 0; +} + +.dates { + padding: 2px; + border: solid 1px #80007e; + background-color: #ffffff; +} + +#btc, #fx { + font-size: 75%; +} + +.up, .ontime { + color: darkgreen; +} + +.down, .delayed { + color: darkred; +} + +.nochange { + color: #000000; +} +.password { + border: 1px solid #cccccc; + background-color: #efefef; + font-family: monospace; + white-space: pre; +} + +.mui--text-danger { + color: #F44336; +} + +.fnBlock { +font-size:20px; +} + +.fnRefresh { + +} \ No newline at end of file diff --git a/html/css/read.css b/html/css/read.css new file mode 100644 index 0000000..b37ed48 --- /dev/null +++ b/html/css/read.css @@ -0,0 +1,13673 @@ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block +} +audio, +canvas, +video { + display: inline-block +} +audio:not([controls]) { + display: none; + height: 0 +} +[hidden] { + display: none +} +abbr[title] { + border-bottom: 1px dotted +} +dfn { + font-style: italic +} +hr { + box-sizing: content-box +} +mark { + background: #ff0; + color: #000 +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em +} +pre { + white-space: pre-wrap +} +q { + quotes: "\201C" "\201D" "\2018" "\2019" +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} +sup { + top: -.5em +} +sub { + bottom: -.25em +} +img { + border: 0 +} +svg:not(:root) { + overflow: hidden +} +figure { + margin: 0 +} +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: .35em .625em .75em +} +legend { + border: 0; + padding: 0 +} +img { + height: auto; + max-width: 100% +} +embed, +object { + max-width: 100% +} +img { + -ms-interpolation-mode: bicubic; + display: inline-block; + vertical-align: middle +} +textarea { + height: auto +} +select { + width: 100% +} +::-moz-selection { + background: #cfeceb; + text-shadow: none +} +::selection { + background: #cfeceb; + text-shadow: none +} +blockquote, +dd, +div, +dl, +dt, +form, +h1, +h2, +h3, +h4, +h5, +h6, +li, +ol, +p, +pre, +td, +th, +ul { + direction: ltr; + margin: 0; + padding: 0 +} +.clearfix:after, +.clearfix:before { + content: " "; + display: table +} +.clearfix:after { + clear: both +} +.lt-ie8 .clearfix { + zoom: 1 +} + +p { + font-family: inherit; + font-size: 1em; + font-weight: 400; + line-height: 1.5; + margin-bottom: 1.25em; + text-rendering: optimizeLegibility +} +p aside { + font-size: .875em; + font-style: italic; + line-height: 1.35 +} +h1, +h2, +h3, +h4, +h5, +h6 { + color: #313131; + font-style: normal; + font-weight: 600; + line-height: 1.2125em; + margin-bottom: .5em; + margin-top: .2em; + text-rendering: optimizeLegibility +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + color: #6f6f6f; + font-size: 60%; + line-height: 0 +} +h1 { + font-size: 2.125em +} +h2 { + font-size: 1.6875em +} +h3 { + font-size: 1.375em +} +h4, +h5 { + font-size: 1.125em +} +h6 { + font-size: 1em +} +hr { + border: solid #ddd; + border-width: 1px 0 0; + clear: both; + height: 0; + margin: 1.25em 0 1.1875em +} +em, +i { + font-style: italic; + line-height: inherit +} +b, +strong { + font-weight: 700; + line-height: inherit +} +small { + font-size: 60%; + line-height: inherit +} +code { + color: #7f0a0c; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: 700 +} +dl, +ol, +ul { + font-family: inherit; + font-size: 1em; + line-height: 1.5; + list-style-position: outside; + margin-bottom: 1.25em +} +ul li ol, +ul li ul { + font-size: 1em; + margin-bottom: 0; + margin-left: 1.25em +} +.list-circle li ul, +.list-disc li ul, +.list-square li ul { + list-style: inherit +} +.list-square { + list-style-type: square +} +.list-circle { + list-style-type: circle +} +.list-disc { + list-style-type: disc +} +.list-no-bullet { + list-style: none +} +ol li ol, +ol li ul { + margin-bottom: 0; + margin-left: 1.25em +} +dl dt { + font-weight: 700; + margin-bottom: .3em +} +dl dd { + margin-bottom: .75em +} +abbr, +acronym { + border-bottom: 1px dotted #ddd; + color: #222; + cursor: help; + font-size: 90%; + text-transform: uppercase +} +abbr { + text-transform: none +} +blockquote { + border-left: 1px solid #ddd; + margin: 0 0 1.25em; + padding: .5625em 1.25em 0 1.1875em +} +blockquote cite { + color: #555; + display: block; + font-size: .8125em +} +blockquote cite:before { + content: "\2014 \0020" +} +blockquote cite a, +blockquote cite a:visited { + color: #555 +} +blockquote, +blockquote p { + color: #6f6f6f; + line-height: 1.5 +} +@media only screen and (min-width: 48em) { + h1, + h2, + h3, + h4, + h5, + h6 { + line-height: 1.4 + } + h1 { + font-size: 2.75em + } + h2 { + font-size: 2.3125em + } + h3 { + font-size: 1.6875em + } + h4 { + font-size: 1.4375em + } +} +.print-only { + display: none!important +} +@media print { + * { + background: 0 0!important; + box-shadow: none!important; + color: #000!important; + text-shadow: none!important + } + a, + a:visited { + text-decoration: underline + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: "" + } + blockquote, + pre { + border: 1px solid #999; + page-break-inside: avoid + } + thead { + display: table-header-group + } + img, + tr { + page-break-inside: avoid + } + img { + max-width: 100%!important + } + @page { + margin: 2cm + } + h2, + h3, + p { + orphans: 3; + widows: 3 + } + h2, + h3 { + page-break-after: avoid + } + .hide-on-print { + display: none!important + } + .print-only { + display: block!important + } + .hide-for-print { + display: none!important + } + .show-for-print { + display: inherit!important + } +} +.header-nav-container { + left: .5em; + top: .5em; + position: absolute; + z-index: 2 +} +@media only screen and (min-width: 38em) { + .header-nav-container { + left: 1em; + top: .9em + } +} +.header-nav-toggle { + display: block; + padding: 10px 20px 16px 0; + margin-top: .2em; + margin-left: .2em; + position: relative; + -webkit-tap-highlight-color: transparent +} +@media only screen and (min-width: 65em) { + .pkt-nav .icons .header-nav-toggle { + display: none + } +} +.toolbar_queue .icons .header-nav-toggle { + background-image: none; + margin: 1.1em 0 0; + padding: 10px 5px 0 0 +} +.flexbox .toolbar_queue .header-nav-toggle { + margin-top: .6em +} +.header-nav-toggle span, +.header-nav-toggle span:after, +.header-nav-toggle span:before { + cursor: pointer; + border-radius: 1px; + height: 3px; + width: 20px; + background: #313131; + position: absolute; + display: block; + content: ' ' +} +.page-skindark .header-nav-toggle span, +.page-skindark .header-nav-toggle span:after, +.page-skindark .header-nav-toggle span:before { + background: #ccc +} +.header-nav-toggle span:before { + top: -6px +} +.header-nav-toggle span:after { + bottom: -6px +} +.header-nav-toggle span, +.header-nav-toggle span:after, +.header-nav-toggle span:before { + -webkit-transition: -webkit-transform .25s ease-out, top .25s ease-out, bottom .25s ease-out, background-color .2s ease-out; + transition: transform .25s ease-out, top .25s ease-out, bottom .25s ease-out, background-color .2s ease-out +} +.csstransforms .header-nav-toggle-close { + display: inline-block; + float: right; + margin-top: .5em; + margin-right: .2em; + overflow: hidden; + padding: .6em 2em .7em 0; + text-indent: -10em +} +@media only screen and (min-width: 65em) { + .csstransforms .header-nav-toggle-close { + display: none + } +} +.csstransforms .header-nav-toggle-close span { + background-color: transparent +} +.csstransforms .header-nav-toggle-close span:after, +.csstransforms .header-nav-toggle-close span:before { + background-color: #979797; + top: 0; + height: 3px; + width: 16px +} +.csstransforms .header-nav-toggle-close span:before { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg) +} +.csstransforms .header-nav-toggle-close span:after { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg) +} +.side-screen { + background: #000; + background: rgba(0, 0, 0, .3); + left: 0; + height: 100%; + opacity: 0; + position: fixed; + visibility: hidden; + top: 0; + width: 100%; + z-index: 6000; + -webkit-tap-highlight-color: transparent +} +.side-screen-processing { + background: #000; + background: rgba(0, 0, 0, .7) +} +.csstransforms3d .side-screen { + -webkit-transition: opacity .3s ease-out, visibility .3s ease-out; + transition: opacity .3s ease-out, visibility .3s ease-out +} +.side-screen-active { + opacity: 1; + visibility: visible +} +.side-nav { + background: #fff; + left: -19.84615em; + height: 100%; + overflow-x: visible; + position: fixed; + top: 0; + width: 19.84615em; + z-index: 7000 +} +@media only screen and (min-width: 65em) { + .side-nav { + box-sizing: border-box; + left: auto; + background: #f4f4f6; + padding-left: 3.07692em; + width: 10em + } + .page-app-ru-ru .side-nav { + width: 11em + } +} +.page-skindark .side-nav { + background-color: #292929; + color: #fff +} +@media only screen and (min-width: 65em) { + .page-skindark .side-nav { + background-color: #1f1f1f + } +} +.touch .side-nav { + overflow-y: scroll; + -webkit-overflow-scrolling: touch +} +@media only screen and (min-width: 30em) and (min-height: 26em) { + .touch .side-nav { + overflow-y: visible + } +} +.touch .sidenav-tagbreakout { + overflow-y: visible +} +.side-nav-active { + left: 0 +} +.csstransforms3d .side-nav { + left: 0; + -webkit-transition: -webkit-transform .4s ease-out, background-color .2s ease-out; + transition: transform .4s ease-out, background-color .2s ease-out; + -webkit-transform: translate3d(-19.84615em, 0, 0); + transform: translate3d(-19.84615em, 0, 0) +} +@media only screen and (min-width: 65em) { + .csstransforms3d .side-nav { + left: auto; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: none; + transition: none + } +} +.csstransforms3d .side-nav-active { + -webkit-transition: -webkit-transform .4s ease-out .1s; + transition: transform .4s ease-out .1s; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +@media only screen and (min-width: 65em) { + .side-nav-forcehidden { + left: -10em + } +} +@media only screen and (min-width: 65em) { + .page-app-ru-ru .side-nav-forcehidden { + left: -11em + } +} +@media only screen and (min-width: 65em) { + .csstransforms3d .side-nav-forcehidden { + left: 0; + -webkit-transform: translate3d(-10em, 0, 0); + transform: translate3d(-10em, 0, 0); + -webkit-transition: none; + transition: none + } +} +@media only screen and (min-width: 65em) { + .csstransforms3d .page-app-ru-ru .side-nav-forcehidden { + -webkit-transform: translate3d(-11em, 0, 0); + transform: translate3d(-11em, 0, 0) + } +} +.nav-content { + padding: 0 +} +.nav-content-header { + box-sizing: border-box; + border-bottom: 1px solid #dcdce0; + height: 3.9em; + padding-bottom: .2em; + padding-top: .8em; + -webkit-transition: border-color .2s ease-out; + transition: border-color .2s ease-out +} +.nav-content-header:after { + content: ""; + display: table; + clear: both +} +@media only screen and (min-width: 65em) { + .nav-content-header { + height: 5em; + border-bottom: 0 + } +} +.page-skindark .nav-content-header { + border-bottom-color: #1f1f1f +} +.side-nav h2 { + color: #313131; + font-size: 1em; + float: left; + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -127px -118px no-repeat; + height: 18px; + overflow: hidden; + text-indent: -99em; + width: 56px; + margin: .7em 0 0 1.4em; + padding: .1em 0 0 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .side-nav h2 { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.nav-content-main, +.nav-content-recommend { + overflow-y: auto; + height: 100%; + position: absolute; + width: 100% +} +@media only screen and (min-width: 65em) { + .nav-content-main, + .nav-content-recommend { + height: auto; + position: relative; + margin-top: 1em; + -webkit-transition: opacity .1s ease-out, visibility .1s ease-out; + transition: opacity .1s ease-out, visibility .1s ease-out; + width: auto + } +} +@media only screen and (min-width: 65em) { + .side-nav-immediateshift .nav-content-main, + .side-nav-immediateshift .nav-content-recommend { + -webkit-transition: none; + transition: none + } +} +.nav-content-recommend { + margin-top: 0; + opacity: 0; + visibility: hidden +} +@media only screen and (min-width: 65em) { + .side-nav-search .nav-content { + opacity: 0; + visibility: hidden + } +} +@media only screen and (min-width: 65em) { + .side-nav-recommend .nav-content-main { + opacity: 0; + visibility: hidden + } +} +@media only screen and (min-width: 65em) { + .side-nav-recommend .nav-content-recommend { + opacity: 1; + visibility: visible + } +} +.nav-default a { + border-bottom: 1px solid #e6e6e8; + color: #313131; + display: block; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1.23077em; + padding: .6em .5em .6em 3.3em; + position: relative; + -webkit-transition: color .1s linear; + transition: color .1s linear; + text-decoration: none; + text-align: left +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .nav-default a { + background-image: url(/a/i/icons_toolbar_bottom@2x.png); + background-size: 600px 1550px + } +} +@media only screen and (min-width: 65em) { + .nav-default a { + font-size: 1.15385em; + border-bottom: none; + padding: .32em 0 + } +} +.page-skindark .nav-default a { + color: #ccc; + border-color: #1f1f1f +} +.no-touch .nav-default a:hover { + color: #50bcb6; + cursor: pointer +} +.nav-default .nav-selected, +.nav-default .nav-selected:hover { + color: #a6a6a6; + cursor: default +} +.page-skindark .nav-default .nav-selected, +.page-skindark .nav-default .nav-selected:hover { + color: #909090 +} +.mode-dark .side-nav li:first-child a { + border-top-color: #a6a6a6 +} +@media only screen and (min-width: 38em) { + .nav-default .section-recommendedcontainer { + display: none + } +} +.nav-rarrow { + font-size: 1.5em; + line-height: .2em; + position: relative; + top: .05em; + margin-left: .2em +} +.side-nav ul { + list-style: none; + margin-bottom: 0; + margin-top: 0; + padding: 0 +} +.nav-default-divider { + border-bottom: 1px solid #dcdce0; + height: 1px; + display: none; + margin: 0 5.4em .8em 0; + padding: .6em 0 0 +} +@media only screen and (min-width: 65em) { + .nav-default-divider { + display: block + } +} +.page-queuedark .nav-default-divider { + border-bottom-color: #383737 +} +.nav-default .nav-sublist { + background-image: none; + border: 0; + padding: 0 +} +@media only screen and (min-width: 65em) { + .nav-default .nav-sublist { + padding: .32em 0 + } +} +.nav-default .nav-sublist>span { + border-bottom: 1px solid #e6e6e8; + display: block; + margin-left: 3.35em; + text-indent: 0; + padding: .6em 0 +} +.no-touch .nav-default .nav-sublist>span:hover { + color: #50bcb6 +} +@media only screen and (min-width: 65em) { + .nav-default .nav-sublist>span { + border-bottom: none; + margin-left: 1em; + padding: .2em 0 + } +} +@media only screen and (min-width: 65em) { + .nav-default .nav-sublist>span { + margin-left: 0; + padding: 0 + } +} +.page-skindark .nav-default .nav-sublist>span { + border-bottom-color: #1f1f1f +} +.nav-default .filter-images { + border-bottom: 1px solid #e6e6e8 +} +@media only screen and (min-width: 65em) { + .nav-default .filter-images { + border-bottom: none + } +} +.nav-default .filter-images>span { + border-bottom: 0 +} +.nav-default .nav-icon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat; + display: block; + left: 1.1em; + position: absolute; + top: .95em; + height: 10px; + width: 10px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .nav-default .nav-icon { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 65em) { + .nav-default .nav-icon { + display: none + } +} +.section-mylist .nav-icon { + background-position: -165px -655px; + height: 13px; + width: 15px +} +.page-skindark .section-mylist .nav-icon { + background-position: 0 -655px +} +.filter-tags .nav-icon { + background-position: -590px -165px; + height: 15px; + width: 15px +} +.page-skindark .filter-tags .nav-icon { + background-position: -534px -392px +} +.section-favorites .nav-icon { + background-position: -701px -486px; + height: 14px; + width: 14px +} +.page-skindark .section-favorites .nav-icon { + background-position: -491px -600px +} +.section-archive .nav-icon { + background-position: -590px -275px; + height: 15px; + width: 15px +} +.page-skindark .section-archive .nav-icon { + background-position: -590px -330px +} +.section-inbox .nav-icon { + background-position: -500px -655px; + height: 12px; + top: .99em; + width: 15px +} +.page-skindark .section-inbox .nav-icon { + background-position: -555px -655px +} +.section-profile .nav-icon { + background-position: -440px -545px; + height: 15px; + width: 15px +} +.page-skindark .section-profile .nav-icon { + background-position: -330px -545px +} +.section-premium .nav-icon { + background-position: -755px -161px; + height: 14px; + width: 13px +} +.page-skindark .section-premium .nav-icon { + background-position: -755px -53px +} +.section-options .nav-icon { + background-position: -55px -545px; + height: 15px; + width: 15px +} +.page-skindark .section-options .nav-icon { + background-position: -590px -220px; + height: 15px; + width: 15px; + top: .85em +} +.section-help .nav-icon { + background-position: -755px -215px; + height: 13px; + width: 14px +} +.page-skindark .section-help .nav-icon { + background-position: -755px 0 +} +.section-logout .nav-icon { + background-position: -755px -479px; + height: 12px; + width: 14px +} +.page-skindark .section-logout .nav-icon { + background-position: -755px -427px +} +.nav-default .toggle-active { + display: block +} +.nav-default .section-inbox { + display: block; + position: relative +} +@media only screen and (min-width: 38em) { + .nav-default .section-inbox { + display: none + } +} +.section-inbox .inbox_badge { + font-size: .7em; + border-radius: 1.25em; + height: 1.25em; + left: 20em; + right: auto; + top: 1.3em; + width: 1.25em +} +@media only screen and (min-width: 38em) { + .section-inbox .inbox_badge { + display: none + } +} +.section-inbox .inbox_badge_wide { + width: 1.7em +} +.section-inbox .inbox_badge_superwide { + width: 2.2em +} +.nav-secondary { + border-top: 1px solid #e6e6e8 +} +@media only screen and (min-width: 38em) { + .nav-secondary { + display: none + } +} +.page-skindark .nav-secondary { + border-color: #1f1f1f +} +.nav-mobileupsell { + bottom: 2.3em; + display: none; + position: absolute +} +@media only screen and (min-width: 65em) { + .nav-mobileupsell { + display: block + } +} +.nav-mobileupsell-inactive, +.page-app-premiumcta .nav-mobileupsell { + display: none +} +.nav-mobileupsell-getapp { + color: #999; + font-size: .92308em; + text-align: left; + text-indent: .1em +} +.nav-mobileupsell-android, +.nav-mobileupsell-ios { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat; + border-radius: 4px; + border: 1px solid #dcdce0; + display: block; + height: 20px; + margin: .6em 0 0 -.8em; + padding: .46154em .84615em; + position: relative; + overflow: hidden; + text-indent: 200%; + white-space: nowrap; + width: 87px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .nav-mobileupsell-android, + .nav-mobileupsell-ios { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.nav-mobileupsell-android { + margin-top: .4em +} +.nav-mobileupsell-android:hover, +.nav-mobileupsell-ios:hover { + background-color: #ededed +} +.nav-mobileupsell-android { + background-position: 11px -112px +} +.nav-mobileupsell-ios { + background-position: -218px 6px +} +.nav-premupgrade { + bottom: 2.3em; + display: none; + left: 2.32692em; + position: absolute +} +.page-app-premiumcta .nav-premupgrade { + display: block +} +.nav-premupgrade-link { + border-radius: 4px; + border: 1px solid #dcdce0; + color: #a6a6a6; + display: block; + padding: .5em 0; + width: 8.4em +} +.nav-premupgrade-link:hover { + background-color: #ededed; + color: #a6a6a6 +} +#content { + z-index: 80 +} +#content .wrapper { + display: none; + overflow: hidden +} +#content .wrapper.active { + display: block +} +@media only screen and (min-width: 65em) { + #container { + max-width: 115.38462em; + margin-left: auto; + margin-right: auto + } +} +.wrapper { + position: relative; + width: 933px; + margin: 0 auto +} +.wrapper_full { + max-width: 115.38462em; + width: 100% +} +#page { + position: relative +} +.noAnimation { + -moz-transition: none!important; + -webkit-transition: none!important; + -ms-transition: none!important; + -o-transition: none!important +} +.noSelection { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.clear { + clear: both +} +.loading { + height: 100%!important; + background-image: url(/a/i/spinner@1x.gif)!important; + background-position: center 70%!important; + background-repeat: no-repeat!important; + min-height: 200px +} +@media only screen and (min-height: 40em) { + .loading { + min-height: 400px; + background-position: center 92%!important + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .loading { + background-image: url(/a/i/spinner@2x.gif)!important; + background-size: 30px 30px + } +} +.page-skindark .loading { + background-image: url(/a/i/spinnerdark@1x.gif)!important +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .page-skindark .loading { + background-image: url(/a/i/spinnerdark@2x.gif)!important; + background-size: 30px 30px + } +} +.loading>div, +.loading>ul { + display: none!important +} +.loading.loadingRow { + height: 100px!important +} +.page-skindark h1, +.page-skindark h2, +.page-skindark h3, +.page-skindark h4, +.page-skindark h5, +.page-skindark h6 { + color: #ccc +} +.pkt-nav ul { + position: relative; + top: 1px; + list-style: none; + z-index: 8001 +} +.pkt-nav li { + float: left +} +.pkt-nav li a { + display: block; + text-indent: -789em +} +#page .pkt-nav .wrapper { + display: none +} +#page .pkt-nav .wrapper.active { + display: block +} +#page .pkt-nav { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 50px; + text-align: center; + background: #f4f4f6; + overflow: visible; + z-index: 1000 +} +@media only screen and (min-width: 65em) { + #page .pkt-nav { + z-index: 8000 + } +} +.page-skindark #page .pkt-nav { + background-color: #1f1f1f +} +.page-notificationpersistent #page .pkt-nav { + top: 30px +} +.pkt-nav .icons a { + display: block; + height: 20px; + margin: 12px 23px 20px 0; + width: 21px; + outline: 0; + overflow: hidden +} +@media only screen and (min-width: 38em) { + .pkt-nav .icons a { + margin-top: 24px + } +} +.pkt-nav .rightItem a { + margin-left: 22px; + margin-right: 0 +} +#page .pkt-nav ul.icons li.selected a { + cursor: default +} +#page .pkt-nav .leftItem { + position: absolute; + top: 0; + left: 20px +} +@media only screen and (min-width: 65em) { + #page .pkt-nav .leftItem { + left: 0; + margin-left: 0; + top: 0 + } +} +#page .pkt-nav .centerItem { + left: 50%; + margin-left: -35px +} +#page .pkt-nav .rightItem { + position: absolute; + top: 0; + right: 20px +} +@media only screen and (min-width: 38em) { + #page .pkt-nav .rightItem { + right: 10px + } +} +@media only screen and (min-width: 65em) { + #page .pkt-nav .rightItem { + right: 0 + } +} +.sub { + list-style: none; + margin-top: 8px; + line-height: 13px +} +.sub li { + border-left: 1px solid #cdcdcd; + float: left; + height: 10px; + padding: 0 11px 0 12px; + font-size: 12px +} +.sub li:first-child { + padding-left: 0; + border-left: 0 +} +.sub li, +.sub li a { + color: #999 +} +.page-skindark .sub li, +.page-skindark .sub li a { + color: #909090 +} +.sub li a { + position: relative; + bottom: 1px +} +.sub li a:hover { + text-decoration: underline +} +.sub .tags { + position: relative; + display: none; + height: 10px; + width: auto; + padding-left: 29px +} +.sub .tags .tag_container { + display: inline-block; + float: left; + height: auto; + max-width: 500px; + position: relative; + text-overflow: ellipsis; + white-space: nowrap +} +.page-reader .sub .tags .tag_container { + overflow: hidden +} +@media only screen and (min-width: 33em) { + .sub .tags .tag_container { + height: 20px + } +} +.sub li:empty { + display: none +} +@media only screen and (min-width: 65em) { + #page .toolbar { + max-width: 109.23077em; + margin-left: 3.07692em; + margin-right: 3.07692em; + width: auto + } +} +@media only screen and (min-width: 94.90385em) { + #page .toolbar { + margin-left: auto; + margin-right: auto + } +} +.button { + background-repeat: repeat-x; + background-color: #d3505a; + background-image: -webkit-linear-gradient(top, #ee5f64 0, #d3505a 100%); + background-image: linear-gradient(to bottom, #ee5f64 0, #d3505a 100%); + border: 1px solid #D13644; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4); + color: #fff; + display: inline-block; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + font-weight: 600; + line-height: 1; + margin: 0; + padding: 11px 45px; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 0 rgba(142, 4, 17, .5); + -webkit-transition: background-position .1s linear; + transition: background-position .1s linear; + width: auto +} +.button-important { + background-color: #fcc164; + background-image: -webkit-gradient(left top, left bottom, color-stop(0, #fbd95c), color-stop(100%, #fcc164)); + background-image: -webkit-linear-gradient(top, #fbd95c 0, #fcc164 100%); + background-image: linear-gradient(to bottom, #fbd95c 0, #fcc164 100%); + border-color: #e1b231; + color: #222; + text-shadow: 0 1px 0 rgba(255, 255, 255, .5) +} +.button-secondary { + background-color: #f2f2f2; + background-image: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #f2f2f2)); + background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); + background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%); + border-color: #d8d8d8; + color: #222; + text-shadow: 0 1px 0 rgba(255, 255, 255, .5) +} +.button-small { + padding: 6px 20px +} +.button-mini { + font-size: 14px; + padding: 5px 15px 4px +} +.no-touch .button:hover { + background-position: 0 -15px; + color: #fff; + text-decoration: none +} +.no-touch .button-important:hover, +.no-touch .button-secondary:hover { + color: #222 +} +.button:active, +.button:focus { + -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .15); + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .15); + background-image: none; + color: #fff; + outline: 0; + text-decoration: none; + box-shadow: inset 0 0 6px rgba(0, 0, 0, .15) +} +.button-important:active, +.button-important:focus, +.button-secondary:active, +.button-secondary:focus { + color: #222; + text-decoration: none +} +.button-disabled { + background-image: none; + color: #ccc; + color: rgba(255, 255, 255, .6); + cursor: default; + opacity: .9 +} +.button-disabled:active, +.button-disabled:focus, +.button-disabled:hover { + -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4); + -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4); + background-position: 0 0; + box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4); + color: #ccc; + color: rgba(255, 255, 255, .6) +} +.button-important-disabled, +.button-important-disabled:active, +.button-important-disabled:focus, +.button-important-disabled:hover, +.button-secondary-disabled, +.button-secondary-disabled:active, +.button-secondary-disabled:focus, +.button-secondary-disabled:hover { + color: #4e4e4e; + color: rgba(34, 34, 34, .6) +} +#PKT_header { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 4px; + border-bottom: 1px solid #5a5a5a; + background: #101010; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #101010), color-stop(96%, #5a5a5a)); + background: -webkit-linear-gradient(top, #101010 0, #5a5a5a 96%); + background: linear-gradient(top, #101010 0, #5a5a5a 96%); + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1000 +} +.page-notificationpersistent #PKT_header { + display: none +} +.rainbowDash { + width: 100%; + height: 4px +} +.rainbowDash .blue, +.rainbowDash .green, +.rainbowDash .orange, +.rainbowDash .red { + float: left; + width: 25%; + height: 100% +} +.rainbowDash .green { + background-color: #83EDB8 +} +.rainbowDash .blue { + background-color: #50BCB6 +} +.rainbowDash .red { + background-color: #EE4256 +} +.rainbowDash .orange { + background-color: #FCB64B +} +.wrapper_search { + background: #fff; + display: block; + top: 0; + right: 0; + width: 193px; + height: 21px; + padding: 2px 10px 3px; + border: 1px solid #e6e6e8; + border-radius: 4px; + float: right; + position: relative; + margin-top: 9px +} +@media only screen and (min-width: 38em) { + .wrapper_search { + width: 233px + } +} +.page-queuedark .wrapper_search { + border-color: #434343; + background: #313131 +} +.wrapper_search_expanded { + width: 360px +} +.wrapper_search_loading { + background: url(/a/i/spinner@1x.gif) 193px 6px no-repeat #fff; + background-size: 15px 15px; + padding-right: 20px; + width: 183px +} +@media only screen and (min-width: 38em) { + .wrapper_search_loading { + background-position: 234px 5px; + width: 223px + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .wrapper_search_loading { + background-image: url(/a/i/spinner@2x.gif); + background-size: 15px 15px + } +} +.page-queuedark .wrapper_search_loading { + background: url(/a/i/spinnerdark@1x.gif) 193px 6px no-repeat #313131; + background-size: 15px 15px +} +@media only screen and (min-width: 38em) { + .page-queuedark .wrapper_search_loading { + background-position: 234px 5px + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .page-queuedark .wrapper_search_loading { + background-image: url(/a/i/spinnerdark@2x.gif) + } +} +.wrapper_search .placeholder { + color: #d0d0d0; + left: -19px!important; + padding-top: 6px!important +} +#page_search { + border: none; + display: block; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1.077em; + font-weight: 400; + padding: 0; + position: relative; + top: 1px; + outline: 0; + width: 100% +} +.page-queuedark #page_search { + background-color: transparent; + color: #ccc +} +#page_search.search_mobile_mode { + font-size: 16px; + top: -1px +} +.page-app-ja-jp #page #page_search, +.page-app-ja-jp #page_search, +.page-app-zh-cn #page #page_search, +.page-app-zh-cn #page_search, +.page-app-zh-tw #page #page_search, +.page-app-zh-tw #page_search { + line-height: 1 +} +.tag_clear { + cursor: pointer; + display: block; + width: 12px; + height: 12px; + padding: 3px; + position: absolute; + right: 6px; + top: 5px; + overflow: hidden; + background: url(/a/i/icons_toolbar_bottom@1x.png?122) 2px -1088px no-repeat; + text-indent: -9999px +} +.wrapper_tag { + background: #f5f5f5; + border-radius: 5px; + float: right; + height: 1px; + width: 1px; + padding: 0; + margin: 0; + visibility: hidden; + position: relative +} +.wrapper_tag_alt { + margin-top: -30px; + padding: 0; + position: absolute; + right: 0; + width: 100px +} +.tag-withname { + border: 1px solid #ccc; + padding: 0 0 0 30px +} +.wrapper_tag_alt.tag-withname { + border: 0; + padding: 0 +} +.wrapper_tag_alt .tag_clear { + background: url(/a/i/icons_toolbar_bottom@1x.png?122) 2px -1088px no-repeat; + border: 0; + display: none; + padding: 3px; + z-index: 5 +} +.no-touch .wrapper_tag_alt .tag_clear:hover { + background-color: transparent +} +.wrapper_tag_alt.tag-withname .tag_clear { + display: block +} +.pkt-nav .wrapper_tag .tag_clear { + display: none +} +.pkt-nav .tag-withname .tag_clear { + display: block; + margin-left: 0; + right: 5px; + top: 4px; + z-index: 5 +} +.tag_name { + cursor: pointer; + display: none; + font-size: 12px; + line-height: 14px; + padding-right: 28px; + margin-top: 7px; + position: relative; + z-index: 5 +} +.tag-withname .tag_name { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} +#pagenav_tagfilter { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100% +} +#pagenav_tagfilter .popover-new { + -webkit-transition: none; + transition: none +} +#pagenav_tagfilter .popover-active { + -webkit-transition: opacity .1s linear, visibility .1s linear; + transition: opacity .1s linear, visibility .1s linear +} +@media only screen and (max-width: 29.99em) { + #pagenav_tagfilter .popover-active { + box-sizing: border-box; + left: 0; + height: 100%; + margin: 0; + top: 0; + width: 100%; + z-index: 8000 + } +} +@media only screen and (min-width: 65em) { + #pagenav_tagfilter .popover-active-alt { + margin-top: 2em + } +} +@media only screen and (min-width: 65em) { + #pagenav_tagfilter .popover-active-alt .arrow { + top: 42% + } +} +.popover-tagfilter-header { + border-bottom: 1px solid #dcdce0; + display: none; + position: relative +} +.page-queuedark .popover-tagfilter-header { + border-bottom-color: #383737 +} +#pagenav_tagfilter .popover-tagfilter-header { + display: block +} +@media only screen and (max-width: 29.99em) { + #pagenav_tagfilter .popover-tagfilter-header { + background-color: #fff; + z-index: 15 + } + .page-queuedark #pagenav_tagfilter .popover-tagfilter-header { + background-color: #1f1f1f + } +} +.popover-tagfilter-header h3 { + font-size: 1.23077em; + font-weight: 700; + margin-top: 0; + padding: 1em 0 .4em 1.85em +} +.popover-tagfilter-header .popover-tagfilter-close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat; + cursor: pointer; + height: 15px; + right: 20px; + overflow: hidden; + position: absolute; + text-indent: -20em; + top: 16px; + width: 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .popover-tagfilter-header .popover-tagfilter-close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +#pagenav_tagfilter ul { + width: 245px; + height: 300px; + overflow-y: auto; + margin: 6px 0; + padding: 0 6px +} +@media only screen and (max-width: 29.99em) { + #pagenav_tagfilter ul { + box-sizing: border-box; + height: 100%; + margin: 0; + padding: 54px 0 0; + position: absolute; + width: 100% + } +} +@media only screen and (max-width: 29.99em) { + .touch #pagenav_tagfilter ul { + overflow-y: scroll; + -webkit-overflow-scrolling: touch + } +} +#pagenav_tagfilter .tagfilter_loading { + background: url(/a/i/spinner@1x.gif) center center no-repeat rgba(0, 0, 0, .2); + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 8002 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #pagenav_tagfilter .tagfilter_loading { + background-image: url(/a/i/spinner@2x.gif); + background-size: 30px 30px + } +} +#pagenav_tagfilter .scroll_mode { + margin: 0 4px 6px 0 +} +@media only screen and (min-width: 30em) { + #pagenav_tagfilter .scroll_mode { + margin-top: 6px + } +} +#pagenav_tagfilter li[val=untagged] { + margin-bottom: 3px; + border-bottom-width: 1px +} +#pagenav_tagfilter li>a { + background-image: none; + font-family: proxima-nova, Arial, sans-serif; + font-size: 15px; + line-height: 35px; + height: 35px; + margin: 0; + overflow: hidden; + padding: 0 30px; + position: relative; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap +} +@media only screen and (max-width: 29.99em) { + #pagenav_tagfilter li>a { + border-bottom: 1px solid #e6e6e8; + font-size: 16px; + line-height: 42px; + height: 42px + } + .page-queuedark #pagenav_tagfilter li>a { + border-bottom-color: #383737 + } +} +#pagenav_tagfilter .selected>a { + color: #383838; + background-color: #f7f7f7 +} +#pagenav_tagfilter>a { + background: url(/a/i/icons_toolbar_bottom@1x.png?122) 7px -845px no-repeat; + border-radius: 5px; + cursor: pointer; + display: block; + height: 100%; + margin: 0 0 5px; + position: relative; + overflow: hidden; + text-indent: -789em; + width: 100% +} +#pagenav_tagfilter.innerpopover-active>a, +.no-touch #pagenav_tagfilter>a:hover { + background-position: -393px -845px +} +.tag-withname #pagenav_tagfilter>a { + background-position: -393px -925px +} +#pagenav_tagfilter.innerpopover-active>a { + background-color: #e7e7e7 +} +#pagenav_tagfilter li { + position: relative +} +#pagenav_tagfilter .editdelete { + border-bottom: 1px solid #ededf0; + display: none; + font-style: italic +} +.touch #pagenav_tagfilter .editdelete, +.touch-hybrid #pagenav_tagfilter .editdelete { + display: block +} +#pagenav_tagfilter li>.editmode { + background-color: #fff; + cursor: default +} +.page-skindark #pagenav_tagfilter li>.editmode { + background-color: #1f1f1f +} +#pagenav_tagfilter li .deletetag, +#pagenav_tagfilter li .edittag, +#pagenav_tagfilter li .edittagtouch { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -588px -494px no-repeat; + display: none; + height: 14px; + left: 10px; + position: absolute; + top: 14px; + width: 14px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #pagenav_tagfilter li .deletetag, + #pagenav_tagfilter li .edittag, + #pagenav_tagfilter li .edittagtouch { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 30em) { + #pagenav_tagfilter li .deletetag, + #pagenav_tagfilter li .edittag, + #pagenav_tagfilter li .edittagtouch { + top: 10px + } +} +.no-touch #pagenav_tagfilter li .edittag:hover, +.touch #pagenav_tagfilter .tag_edit_mode .edittagtouch, +.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittagtouch { + background-position: -659px -654px +} +.no-touch #pagenav_tagfilter a:hover .edittag, +.touch #pagenav_tagfilter .tag_edit_mode .edittag, +.touch #pagenav_tagfilter .tag_edit_mode .edittagtouch, +.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittag, +.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittagtouch { + display: block +} +.touch #pagenav_tagfilter .tag_edit_mode .edittag, +.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittag { + background-image: none; + height: 30px; + top: 2px; + width: 100%; + z-index: 20 +} +.touch #pagenav_tagfilter .tag_edit_mode .deletetag, +.touch-hybrid #pagenav_tagfilter .tag_edit_mode .deletetag { + z-index: 25 +} +#pagenav_tagfilter li .deletetag { + background-position: -755px -585px; + left: auto; + width: 12px; + height: 14px; + right: 20px +} +.no-touch #pagenav_tagfilter li .deletetag:hover { + background-position: -755px -531px +} +#pagenav_tagfilter li .deletetag_active { + cursor: pointer; + display: block +} +#pagenav_tagfilter .edittaginput { + border: 1px solid #cdcdcd; + box-sizing: border-box; + color: #666; + font-family: proxima-nova, Arial, sans-serif; + font-size: 15px; + left: 25px; + line-height: normal; + height: 24px; + top: 9px; + padding: 4px; + position: absolute; + width: 158px; + z-index: 500 +} +@media only screen and (min-width: 30em) { + #pagenav_tagfilter .edittaginput { + font-size: 16px; + top: 5px + } +} +#pagenav_tagfilter .edittaginput.tag_mobile_mode { + font-size: 16px +} +.token-input-dropdown { + border: 1px solid #cdcdcd; + z-index: 9000 +} +.token-input-dropdown ul li { + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 600; + color: #333; + list-style: none; + text-align: left +} +.page-skindark .token-input-dropdown ul li { + color: #ccc +} +.token-input-dropdown ul li.token-input-selected-dropdown-item { + background-color: #50bcb6; + color: #fff +} +.token-input-list { + list-style: none +} +.token-input-list li { + text-align: left +} +.token-input-list li input { + border: 0; + background-color: #fff; + -webkit-appearance: caret +} +.page-skindark .token-input-list li input { + background-color: #313131; + color: #ccc +} +.token-input-token { + border-radius: 4px; + border: 1px solid #c3c3c3; + overflow: hidden; + padding: 0 5px; + background-color: #f7f7f7; + color: #2e2e2e; + font-weight: 600; + cursor: default; + display: block; + width: auto; + float: left +} +.page-skindark .token-input-token { + background-color: #ccc; + border-color: #ccc +} +.token-input-token p { + display: inline-block; + font-weight: 600; + line-height: 29px; + padding: 0 +} +.token-input-token span { + color: #777; + cursor: pointer; + display: inline-block; + margin-left: 10px +} +.token-input-selected-token { + background-color: #fefbc6 +} +.token-input-selected-token span { + color: #bbb +} +.notifications-error, +.notifications-sync { + -webkit-transition: visibility .6s .6s ease-out, bottom .6s 1.2s ease-out; + transition: visibility .6s .6s ease-out, bottom .6s 1.2s ease-out; + background: #eaeaea; + bottom: -66px; + color: #666; + display: block; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: 600; + line-height: 1; + left: 0; + padding: 0; + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + text-shadow: 0 1px 1px rgba(255, 255, 255, .5); + width: 100%; + z-index: 7040 +} +.notifications-error { + background-color: #43aea8; + bottom: auto; + color: #fff; + visibility: hidden; + top: -40px; + text-shadow: none; + -webkit-transition: visibility 0s 5s ease-out, top .6s 4s ease-out; + transition: visibility 0s 5s ease-out, top .6s 4s ease-out; + z-index: 900 +} +@media only screen and (min-width: 65em) { + .notifications-error { + z-index: 7040 + } +} +.csstransforms3d .notifications-error { + top: 0; + -webkit-transform: translate3d(0, -40px, 0); + transform: translate3d(0, -40px, 0); + -webkit-transition: visibility 0s 5s ease-out, -webkit-transform .6s 4s ease-out; + transition: visibility 0s 5s ease-out, transform .6s 4s ease-out +} +.page-notificationpersistent .notifications-error { + top: 30px +} +.notifications-sync.notifications-active { + -webkit-transition: visibility .3s ease-out, bottom .3s ease-out; + transition: visibility .3s ease-out, bottom .3s ease-out; + bottom: 0 +} +.notifications-error.notifications-active { + -webkit-transition: visibility 0s ease-out, top .3s ease-out; + transition: visibility 0s ease-out, top .3s ease-out; + top: 51px; + visibility: visible +} +.notifications-error.notifications-inactive { + visibility: hidden +} +.notifications-error-narrowtoggle.notifications-active { + top: 88px +} +@media only screen and (min-width: 30em) { + .notifications-error-narrowtoggle.notifications-active { + top: 51px + } +} +.csstransforms3d .notifications-error.notifications-active { + -webkit-transition: visibility 0s ease-out, -webkit-transform .3s ease-out; + transition: visibility 0s ease-out, transform .3s ease-out; + -webkit-transform: translate3d(0, 51px, 0); + transform: translate3d(0, 51px, 0); + top: 0 +} +.csstransforms3d .notifications-error-narrowtoggle.notifications-active { + -webkit-transform: translate3d(0, 88px, 0); + transform: translate3d(0, 88px, 0) +} +@media only screen and (min-width: 30em) { + .csstransforms3d .notifications-error-narrowtoggle.notifications-active { + -webkit-transform: translate3d(0, 51px, 0); + transform: translate3d(0, 51px, 0) + } +} +.page-notificationpersistent .notifications-error.notifications-active { + top: 94px +} +.progress-bar { + background: 0 0; + border: 1px solid #777; + border-radius: 8px; + box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .8); + float: left; + height: 11px; + margin: 0 15px 0 0; + position: relative; + width: 200px +} +.notifications-synconlymode .progress-bar { + display: none +} +.progress-detail { + background-image: -webkit-linear-gradient(30deg, #ededed 20%, #ccc 20%, #ccc 50%, #ededed 50%, #ededed 80%, #ccc 80%, #ccc); + background-image: linear-gradient(60deg, #ededed 20%, #ccc 20%, #ccc 50%, #ededed 50%, #ededed 80%, #ccc 80%, #ccc); + background-size: 23px 23px; + border-radius: 8px; + border: 2px solid grey; + box-sizing: border-box; + display: block; + height: 14px; + left: 0; + margin: 0; + min-width: 14px; + overflow: hidden; + top: 0; + -webkit-transition: width .1s linear; + transition: width .1s linear; + position: absolute; + width: 1% +} +.progress-detail-active { + -webkit-animation: animate-stripes .8s linear infinite; + animation: animate-stripes .8s linear infinite +} +.progress-bar-content { + background: #777; + border-radius: 8px; + box-sizing: border-box; + height: 13px; + left: 0; + margin: 0; + min-width: 14px; + overflow: hidden; + top: -1px; + position: absolute; + -webkit-transition: width .1s linear; + transition: width .1s linear; + width: 1% +} +.progress-bar-zeroed { + display: none +} +.notifications-error .content, +.notifications-sync .content { + margin: 0 auto; + padding: 15px 0; + width: 935px +} +.notifications-error .message, +.notifications-sync .message { + float: left; + line-height: 1; + margin-top: 1px; + margin-bottom: 0; + white-space: nowrap +} +.notifications-sync .message { + font-size: 14px +} +.notifications-synconlymode .message { + color: #333; + float: none; + font-size: 16px; + font-weight: 600; + display: inline-block; + padding-left: 25px; + position: relative; + text-align: center +} +.notifications-synconlymode .count { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + background: #8C8C8C; + border-radius: 10px; + color: #fff; + display: inline-block; + font-size: 13px; + font-weight: 400; + height: 15px; + left: 0; + line-height: 9px; + padding: 4px 0 0; + position: absolute; + text-align: center; + top: -2px; + width: 19px +} +.notifications-synconlymode .count_solo { + padding-right: 1px; + width: 18px +} +.notifications-error .content { + margin: 0 1.5em; + max-width: 108.38462em; + padding: 9px 0; + width: auto +} +@media only screen and (min-width: 65em) { + .notifications-error .content { + margin: 0 3em + } +} +@media only screen and (min-width: 95.38462em) { + .notifications-error .content { + margin-left: auto; + margin-right: auto + } +} +@media only screen and (min-height: 30em) { + .notifications-error .content { + padding: 20px 0 + } +} +.notifications-error .message { + background: url(/a/i/error_notification@1x.png) 0 center no-repeat; + color: #fff; + display: inline-block; + float: none; + font-size: 16px; + margin-top: 0; + text-align: left; + white-space: normal; + line-height: 1.3; + padding: .2em 0 .2em 2em +} +@-webkit-keyframes animate-stripes { + from { + background-position: 0 0 + } + to { + background-position: 70px 0 + } +} +@keyframes animate-stripes { + from { + background-position: 0 0 + } + to { + background-position: 70px 0 + } +} +.external_reader_progress { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 0; + border-width: 1px 0 0; + left: 0; + opacity: 0; + height: 8px; + position: absolute; + top: 60px; + visibility: hidden; + width: 100%; + z-index: 1000; + -webkit-transition: opacity .2s linear, visibility .2s linear; + transition: opacity .2s linear, visibility .2s linear +} +.external_reader_progress_active { + opacity: 1; + visibility: visible; + -webkit-transition: opacity 0s linear, visibility 0s linear; + transition: opacity 0s linear, visibility 0s linear +} +.external_reader_progress_inactive { + display: none +} +.notifications-persistent { + background-color: #4aaca7; + color: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + left: 0; + height: 30px; + position: fixed; + top: 0; + text-align: center; + width: 100%; + z-index: 1000 +} +.notifications-persistent p { + font-size: 1.077em; + margin-top: .3em; + padding-left: 1em; + padding-right: 1em +} +.notifications-persistent .content a { + color: #fcca7c +} +.notifications-persistent .content a:hover { + color: #fbb64a; + text-decoration: none +} +.notifications-persistent .close { + background: url(/a/i/notification_close@1x.png); + display: block; + height: 11px; + position: absolute; + overflow: hidden; + top: .7em; + right: 1em; + white-space: nowrap; + width: 11px; + text-indent: 100% +} +.pkt_toast_wrapper { + display: block; + position: fixed; + top: 10%; + height: 0; + left: 0; + width: 100%; + z-index: 9999 +} +.pkt_toast { + background: rgba(78, 78, 78, .9); + display: inline-block; + margin: 0 auto; + border-radius: 2px; + padding: 11px; + min-width: 175px; + max-width: 350px; + font-size: 20px; + font-weight: 600; + text-align: center; + color: #fff; + opacity: 0; + visibility: hidden; + z-index: 9999 +} +.pkt_toast_active { + margin-top: 10px; + visibility: visible; + opacity: 1 +} +.cssanimations .pkt_toast_active { + -webkit-animation: show-toast 2.5s ease-out; + animation: show-toast 2.5s ease-out +} +.cssanimations .pkt_toast_active_alt { + -webkit-animation: show-toast-alt 2.5s ease-out; + animation: show-toast-alt 2.5s ease-out +} +.cssanimations .pkt_toast_inactive { + -webkit-animation: hide-toast .4s linear; + animation: hide-toast .4s linear +} +@-webkit-keyframes show-toast { + 0% { + margin-top: 0; + opacity: 0; + visibility: hidden + } + 1% { + margin-top: 0; + opacity: 0; + visibility: visible + } + 100%, + 16% { + margin-top: 10px; + opacity: 1; + visibility: visible + } +} +@keyframes show-toast { + 0% { + margin-top: 0; + opacity: 0; + visibility: hidden + } + 1% { + margin-top: 0; + opacity: 0; + visibility: visible + } + 100%, + 16% { + margin-top: 10px; + opacity: 1; + visibility: visible + } +} +@-webkit-keyframes show-toast-alt { + 0%, 100% { + margin-top: 10px; + opacity: 1; + visibility: visible + } +} +@keyframes show-toast-alt { + 0%, 100% { + margin-top: 10px; + opacity: 1; + visibility: visible + } +} +@-webkit-keyframes hide-toast { + 0% { + margin-top: 10px; + opacity: 1; + visibility: visible + } + 99% { + margin-top: 10px; + opacity: 0; + visibility: visible + } + 100% { + margin-top: 10px; + opacity: 0; + visibility: hidden + } +} +@keyframes hide-toast { + 0% { + margin-top: 10px; + opacity: 1; + visibility: visible + } + 99% { + margin-top: 10px; + opacity: 0; + visibility: visible + } + 100% { + margin-top: 10px; + opacity: 0; + visibility: hidden + } +} +.token-input-dropdown-fortag, +.token-input-list { + border-radius: 4px; + border: 1px solid #ccc; + font-size: 14px; + font-weight: 600; + float: left; + padding: 3px 6px 0; + width: 100%; + margin: 0; + min-height: 28px +} +@media only screen and (min-width: 30em) { + .token-input-dropdown-fortag, + .token-input-list { + width: 234px + } +} +.page-skindark .token-input-dropdown-fortag, +.page-skindark .token-input-list { + background-color: #313131; + border: 1px solid #4e4e4e +} +.token-input-container { + margin-bottom: 1.4em; + padding: 25px 20px 5px +} +@media only screen and (min-width: 30em) { + .token-input-container { + display: inline-block; + padding: 0 + } +} +@media only screen and (min-width: 40em) { + .token-input-container { + display: block + } +} +.token-input-list { + padding: 0; + overflow: hidden +} +.token-input-list li { + float: left; + margin: 3px 0 3px 5px +} +.token-input-list input { + font-weight: 600; + width: 20px +} +.token-input-dropdown-fortag { + background: #fff; + height: auto; + margin-top: 1px; + padding: 0; + width: 258px +} +.token-input-dropdown-fortag ul { + margin: 0; + padding: 5px 0 +} +.token-input-dropdown-fortag li { + box-sizing: border-box; + padding: 6px; + width: 100% +} +.token-input-token { + height: 20px; + margin: 0 4px 3px 0 +} +.token-input-token p { + font-size: 14px; + margin: 0 +} +.overlay_screen { + background: #333; + background: rgba(0, 0, 0, .3); + display: block; + height: 100%; + left: 0; + opacity: 0; + position: fixed; + top: 0; + width: 100%; + visibility: hidden; + z-index: 8000; + -webkit-transition: opacity .2s ease-out, visibility .2s ease-out; + transition: opacity .2s ease-out, visibility .2s ease-out +} +@media only screen and (min-width: 30em) { + .overlay_screen { + z-index: 9000 + } +} +.overlay_screen_active { + opacity: 1; + visibility: visible +} +.overlay_screen .content_container { + text-align: center +} +.overlay_screen .content_container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-right: -.25em +} +.overlay_screen .content_detail { + color: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 22px; + font-weight: 600; + display: inline-block; + text-shadow: 1px 1px 0 rgba(0, 0, 0, .2); + vertical-align: middle; + width: auto +} +.overlay_screen .content_detail_loading { + display: inline-block; + padding-top: 55px +} +.overlay_note_container { + background: url(/a/i/gsf/gsf_chromeinstalltext@1x.png) 60px top no-repeat; + height: 200px; + margin: 240px auto; + opacity: 0; + position: relative; + width: 469px +} +.overlay_note_container p { + color: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + margin-bottom: 0; + margin-left: 60px; + text-align: left; + padding: 120px 10px 10px; + position: relative; + text-shadow: 1px 1px 0 #000; + width: 250px +} +.overlay_note_container .learn { + font-size: 13px; + padding-top: 10px +} +.overlay_screen_active .overlay_note_container { + opacity: 1; + -webkit-transition: opacity 1s ease-out 1s; + transition: opacity 1s ease-out 1s +} +.overlay_note_container .overlay_arrow { + background: url(/a/i/gsf/gsf_chromeinstallarrow@1x.png) center center no-repeat; + display: block; + height: 69px; + left: 330px; + position: absolute; + top: 0; + width: 106px +} +.overlay_screen .overlay_detail { + background: #fff; + border-radius: 3px; + box-shadow: 0 1px 8px rgba(0, 0, 0, .8); + left: 0; + color: #202020; + font-size: 18px; + height: 100%; + padding: 40px 30px 20px; + position: fixed; + text-shadow: none; + top: 0; + width: 100% +} +@media only screen and (min-width: 38em) { + .overlay_screen .overlay_detail { + position: relative; + height: auto; + width: 620px + } +} +.page-skindark .overlay_screen .overlay_detail { + background-color: #1f1f1f; + border: 1px solid #4e4e4e; + color: #ccc +} +.overlay_screen .overlay_detail_gsf { + left: inherit; + top: inherit; + position: relative; + width: 13em +} +@media only screen and (min-width: 33em) { + .overlay_screen .overlay_detail_gsf { + width: 22em + } +} +@media only screen and (min-width: 50em) { + .overlay_screen .overlay_detail_gsf { + width: 620px + } +} +@media only screen and (min-width: 50em) { + .overlay_screen .overlay_detail_gsfwelcome { + padding-bottom: 42px; + padding-top: 0 + } +} +.overlay_screen .overlay_detail_confirm, +.overlay_screen .overlay_detail_confirmtag { + box-sizing: border-box; + padding: 10px; + width: 100% +} +@media only screen and (min-width: 38em) { + .overlay_screen .overlay_detail_confirm { + padding: 25px 20px 5px; + width: 325px + } +} +@media only screen and (min-width: 38em) { + .overlay_screen .overlay_detail_confirmtag { + width: 345px; + padding: 10px 10px 30px + } +} +.page-app-it-it .overlay_screen .overlay_detail_confirmtag, +.page-app-nl-nl .overlay_screen .overlay_detail_confirmtag, +.page-app-pt-br .overlay_screen .overlay_detail_confirmtag { + width: 360px +} +@media only screen and (min-width: 38em) { + .page-app-it-it .overlay_screen .overlay_detail_wsuggestedtags, + .page-app-nl-nl .overlay_screen .overlay_detail_wsuggestedtags, + .page-app-pt-br .overlay_screen .overlay_detail_wsuggestedtags { + width: 400px + } +} +.page-app-es-es .overlay_screen .overlay_detail_confirmtag { + width: 370px +} +@media only screen and (min-width: 38em) { + .page-app-es-es .overlay_screen .overlay_detail_wsuggestedtags { + width: 410px + } +} +.page-app-de-de .overlay_screen .overlay_detail_confirmtag, +.page-app-es-la .overlay_screen .overlay_detail_confirmtag { + width: 380px +} +@media only screen and (min-width: 38em) { + .page-app-de-de .overlay_screen .overlay_detail_wsuggestedtags, + .page-app-es-la .overlay_screen .overlay_detail_wsuggestedtags { + width: 420px + } +} +.page-app-fr-ca .overlay_screen .overlay_detail_confirmtag, +.page-app-fr-fr .overlay_screen .overlay_detail_confirmtag, +.page-app-ru-ru .overlay_screen .overlay_detail_confirmtag { + width: 400px +} +@media only screen and (min-width: 38em) { + .page-app-fr-ca .overlay_screen .overlay_detail_wsuggestedtags, + .page-app-fr-fr .overlay_screen .overlay_detail_wsuggestedtags, + .page-app-ru-ru .overlay_screen .overlay_detail_wsuggestedtags { + width: 440px + } +} +.overlay_screen .webview_warning { + padding-bottom: 10px; + padding-top: 30px; + width: 380px +} +.overlay_screen .overlay_detail h3 { + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 26px; + font-weight: 600; + margin-bottom: 24px +} +.overlay_screen .overlay_detail_confirm h3 { + border-bottom: 1px solid #e6e6e8; + font-size: 15px; + margin-bottom: 14px; + padding: 1em 1.3em; + text-align: left +} +@media only screen and (min-width: 30em) { + .overlay_screen .overlay_detail_confirm h3 { + border-bottom: none; + font-size: 18px; + margin-bottom: 24px; + padding: 0; + text-align: center + } +} +.overlay_detail_confirm h3>span { + color: #666; + font-size: 14px +} +.overlay_screen .webview_warning h3 { + font-size: 20px; + margin-bottom: 10px; + text-align: left +} +.overlay_screen .overlay_detail p { + line-height: 1.3; + margin-bottom: 2em; + text-align: left +} +.overlay_screen .overlay_detail_gsf p { + text-align: center +} +@media only screen and (min-width: 50em) { + .overlay_screen .overlay_detail_gsf p { + text-align: left + } +} +.overlay_screen .overlay_detail_confirm p { + font-size: 16px; + margin-bottom: 20px; + text-align: center +} +.overlay_screen .overlay_detail .button_container { + float: none; + margin-bottom: 20px; + text-align: center; + width: auto +} +.overlay_screen .overlay_detail_confirm .button { + width: 92px; + margin: 0 2px +} +.overlay_screen .overlay_detail_confirmtag .button { + box-sizing: border-box; + float: none; + margin: 10px 0 0; + width: 100% +} +@media only screen and (min-width: 30em) { + .overlay_screen .overlay_detail_confirmtag .button { + box-sizing: content-box; + float: left; + margin: 0 0 0 4px; + width: auto + } +} +.overlay_screen .overlay_detail .close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat; + cursor: pointer; + height: 15px; + right: 1em; + overflow: hidden; + position: absolute; + text-indent: -20em; + top: 1.1em; + width: 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .overlay_detail .close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 30em) { + .overlay_screen .overlay_detail .close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat; + right: 10px; + top: 10px; + height: 9px; + width: 10px + } + .page-skindark .overlay_screen .overlay_detail .close { + background-position: -144px -708px + } + @media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { + .overlay_screen .overlay_detail .close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } + } +} +.overlay_detail_confirmtag .token-input-list { + padding: 0; + overflow: hidden +} +.overlay_detail_confirmtag .token-input-list li { + float: left; + margin: 3px 0 3px 5px +} +.overlay_detail_confirmtag .token-input-list input { + font-weight: 600; + width: 20px +} +.overlay_detail_confirmtag .token-input-token { + height: 20px; + margin: 0 4px 3px 0 +} +.overlay_detail_confirmtag .token-input-token p { + font-size: 14px; + margin: 0 +} +.overlay_screen .overlay_detail .skip_link { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat; + height: 9px; + position: absolute; + overflow: hidden; + right: -20px; + text-indent: -20em; + top: -30px; + width: 10px +} +.page-skindark .overlay_screen .overlay_detail .skip_link { + background-position: -144px -708px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .overlay_detail .skip_link { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.overlay_screen .overlay_detail .gsf_one, +.overlay_screen .overlay_detail .gsf_three, +.overlay_screen .overlay_detail .gsf_two, +.overlay_screen .overlay_detail .gsf_twopointfive, +.overlay_screen .overlay_detail .gsf_zero { + opacity: 0; + visibility: hidden +} +.overlay_screen .overlay_detail .gsf_three, +.overlay_screen .overlay_detail .gsf_two, +.overlay_screen .overlay_detail .gsf_twopointfive, +.overlay_screen .overlay_detail .gsf_zero { + left: 30px; + position: absolute; + top: 40px; + width: 15em +} +@media only screen and (min-width: 50em) { + .overlay_screen .overlay_detail .gsf_three, + .overlay_screen .overlay_detail .gsf_two, + .overlay_screen .overlay_detail .gsf_twopointfive, + .overlay_screen .overlay_detail .gsf_zero { + width: 620px + } +} +.overlay_screen .overlay_detail_gsfwelcome .gsf_twopointfive { + position: relative +} +@media only screen and (min-width: 33em) { + .overlay_screen .overlay_detail_gsfwelcome .gsf_twopointfive { + width: 336px + } +} +@media only screen and (min-width: 50em) { + .overlay_screen .overlay_detail_gsfwelcome .gsf_twopointfive { + width: 560px + } +} +.overlay_screen .overlay_detail .gsf_active { + opacity: 1; + visibility: visible +} +.overlay_screen .overlay_detail .gsf_progress { + bottom: 12px; + display: none; + left: 0; + margin: 0; + padding: 0; + position: absolute; + width: 100% +} +@media only screen and (min-width: 33em) { + .overlay_screen .overlay_detail .gsf_progress { + display: block + } +} +.overlay_screen .overlay_detail_wsuggestedtags { + padding: 0; + width: 100% +} +@media only screen and (min-width: 38em) { + .overlay_screen .overlay_detail_wsuggestedtags { + width: 385px + } +} +.overlay_screen .edittag_detail { + padding: 0 +} +@media only screen and (min-width: 30em) { + .overlay_screen .edittag_detail { + padding: 25px 20px 5px + } +} +.overlay_screen .suggestedtag_detail { + background-color: #ededed; + min-height: 76px; + padding: 13px 20px 15px +} +.page-skindark .overlay_screen .suggestedtag_detail { + background-color: #666 +} +.overlay_screen .suggestedtag_detail_loading { + background: url(/a/i/spinner@1x.gif) center center no-repeat #ededed; + background-size: 16px 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .suggestedtag_detail_loading { + background-image: url(/a/i/spinner@2x.gif) + } +} +.overlay_screen .suggestedtag_detail h4 { + color: #555; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: .65em; + font-weight: 400; + margin: 0 0 .5em; + text-align: left +} +.page-skindark .overlay_screen .suggestedtag_detail h4 { + color: #1f1f1f +} +.overlay_screen .suggestedtag_detail ul { + margin: 0; + padding: 0 +} +.overlay_screen .suggestedtag_detail li { + float: left; + list-style: none +} +.overlay_screen .suggestedtag_detail .suggestedtag_msg { + color: #333; + font-size: 14px; + margin-bottom: 0; + text-align: left +} +.overlay_screen .token-suggestedtag { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + background: #fff; + border-radius: 4px; + border: 1px solid #c3c3c3; + color: #444; + font-size: 14px; + font-weight: 600; + margin-right: 6px; + padding: 2px 5px +} +.page-skindark .overlay_screen .token-suggestedtag { + background-color: #ccc; + border-color: #ccc +} +.overlay_screen .token-suggestedtag:hover { + background-color: #fff8c8; + text-decoration: none +} +.overlay_screen .token-suggestedtag-inactive { + display: none +} +.overlay_screen .gsf_progress li { + background: #bcbcbc; + border-radius: 5px; + display: inline-block; + height: 9px; + margin: 0 3px; + overflow: hidden; + text-indent: 100px; + width: 9px +} +.overlay_screen .gsf_progress .selected { + background: #606060 +} +.overlay_screen .gsf_zero .tempemail, +.overlay_screen .gsf_zero .temppass { + font-size: 1.2em; + font-weight: 600 +} +.overlay_screen .gsf_zero .tempemail { + margin-bottom: .5em +} +.overlay_screen .gsf_zero .temppass { + margin-bottom: 1em +} +.overlay_screen .gsf_zero .reduced { + margin-bottom: .5em +} +.overlay_screen .gsf_zero .button { + margin-left: 250px +} +.overlay_screen .gsf_one .gsf_bg { + background: url(/a/i/gsf/gsf_onebg@1x.jpg) center center no-repeat; + background-size: 146px 124px; + float: none; + margin: 0 auto; + height: 124px; + width: 146px +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .overlay_screen .gsf_one .gsf_bg { + background-size: 293px 249px; + height: 249px; + width: 293px + } +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_one .gsf_bg { + float: left + } +} +.overlay_screen .gsf_one .gsf_content { + float: none; + margin-top: 10px; + width: auto +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_one .gsf_content { + float: left; + margin-left: 30px; + margin-top: 6px; + width: 280px + } +} +.overlay_screen .gsf_one h3 { + font-size: 15px +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .overlay_screen .gsf_one h3 { + font-size: 26px + } +} +.overlay_screen .gsf_one p { + font-size: .835em +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .overlay_screen .gsf_one p { + font-size: 1em + } +} +.overlay_screen .gsf_one .gsf_accesspocket { + display: none +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .overlay_screen .gsf_one .gsf_accesspocket { + display: block + } +} +.overlay_screen .gsf_one .gsf_buttoncontainer { + margin-bottom: 0 +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .overlay_screen .gsf_one .gsf_buttoncontainer { + margin-bottom: 2em + } +} +.overlay_screen .gsf_one .button { + margin-bottom: 10px +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .overlay_screen .gsf_one .button { + margin-bottom: 34px + } +} +.overlay_screen .gsf_two h3 { + padding-left: 20px; + padding-right: 20px; + margin-bottom: 30px +} +.overlay_screen .gsf_two .button { + margin-bottom: 40px; + padding-left: 30px; + padding-right: 30px +} +.overlay_screen .gsf_four .gsf_bg, +.overlay_screen .gsf_two .gsf_bg { + background: url(/a/i/gsf/gsf_twobg@1x.jpg) center center no-repeat; + display: none; + height: 232px; + margin: 20px auto; + width: 277px +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_four .gsf_bg, + .overlay_screen .gsf_two .gsf_bg { + display: block; + float: left; + margin-left: 10px + } +} +@media only screen and (min-height: 48em) { + .overlay_screen .gsf_four .gsf_bg, + .overlay_screen .gsf_two .gsf_bg { + display: block + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .gsf_four .gsf_bg, + .overlay_screen .gsf_two .gsf_bg { + background-image: url(/a/i/gsf/gsf_twobg@2x.jpg); + background-size: 277px 232px + } +} +.overlay_screen .gsf_four .gsf_bg { + background-size: 139px 116px; + height: 116px; + width: 139px +} +@media only screen and (min-width: 33em) { + .overlay_screen .gsf_four .gsf_bg { + background-size: 277px 232px; + height: 232px; + width: 277px + } +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_four .gsf_bg { + margin-top: 0 + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .gsf_four .gsf_bg { + background-image: url(/a/i/gsf/gsf_twobg@2x.jpg) + } +} +.overlay_screen .gsf_four .gsf_content, +.overlay_screen .gsf_two .gsf_content { + width: auto +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_four .gsf_content, + .overlay_screen .gsf_two .gsf_content { + float: left; + margin-left: 48px; + width: 280px + } +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_four .gsf_content { + margin-top: 20px + } +} +.overlay_screen .gsf_twopointfive { + text-align: center +} +.overlay_screen .overlay_detail .gsf_pocketlogo { + background: url(/a/i/gsf/gsf_pocketlogo@1x.png) center center no-repeat; + height: 52px; + margin: 0 auto 20px; + overflow: hidden; + text-indent: 200%; + width: 198px; + white-space: nowrap +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .overlay_detail .gsf_pocketlogo { + background-image: url(/a/i/gsf/gsf_pocketlogo@2x.png); + background-size: 198px 52px + } +} +.overlay_screen .gsf_twopointfive .gsf_bg { + background: url(/a/i/gsf/gsf_multidevices@1x.jpg) center center no-repeat; + height: 205px; + margin: 0 auto; + overflow: hidden; + text-indent: 200%; + width: 345px; + white-space: nowrap +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .gsf_twopointfive .gsf_bg { + background-image: url(/a/i/gsf/gsf_multidevices@2x.jpg); + background-size: 345px 205px + } +} +.overlay_screen .gsf_twopointfive_notos .gsf_bg { + margin-top: 30px +} +.overlay_screen .gsf_twopointfive p { + text-align: center +} +.overlay_screen .gsf_twopointfive .gsf_content { + border-top: 1px solid #ccc; + margin: 0 auto; + max-width: 450px; + padding: 1em 0 +} +.overlay_screen .gsf_tagline { + max-width: 450px; + margin: 0 auto 1.5em +} +.overlay_screen .gsf_disclaimer { + color: #999; + font-size: 12px +} +.overlay_screen .gsf_twopointfive .gsf_disclaimer { + margin-bottom: 23px +} +.overlay_screen .gsf_twopointfive_notos .gsf_disclaimer { + display: none +} +.overlay_screen .gsf_disclaimer a { + color: #999; + text-decoration: underline +} +.overlay_screen .gsf_disclaimer a:hover { + color: #50bcb6 +} +.overlay_screen .gsf_disclaimer input { + display: inline-block; + font-size: 16px; + margin-right: .3em +} +.overlay_screen .gsf_twopointfive_notos .button_container { + margin-top: 39px +} +.overlay_screen .gsf_three h3 { + font-size: 34px; + font-weight: 300; + margin-top: 0 +} +.overlay_screen .gsf_three h5 { + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 1.2; + margin: 0 auto 25px; + max-width: 450px +} +.overlay_screen .gsf_three .gsf_bg { + background: url(/a/i/gsf/gsf_threebg@1x.jpg) center center no-repeat; + background-size: 288px 99px; + display: inline-block; + height: 99px; + width: 288px +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_three .gsf_bg { + background-size: 576px 198px; + height: 198px; + width: 576px + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .gsf_three .gsf_bg { + background-image: url(/a/i/gsf/gsf_threebg@2x.jpg) + } +} +.overlay_screen .gsf_three .step { + -moz-border-radius: 18px; + -webkit-border-radius: 18px; + background: #fcb643; + border-radius: 18px; + clear: both; + color: #fff; + float: left; + height: 25px; + line-height: 1; + margin-left: 20px; + padding-top: 8px; + width: 33px +} +@media only screen and (min-width: 50em) { + .overlay_screen .gsf_three .step { + clear: none + } +} +.overlay_screen .gsf_three p { + float: left; + margin-left: 15px; + margin-right: 20px; + margin-bottom: 25px; + width: 240px +} +.overlay_screen .gsf_three p:first-of-type { + width: 200px +} +.overlay_screen .gsf_three .button_container { + margin-bottom: 50px +} +.overlay_screen_dark { + background: rgba(0, 0, 0, .7) +} +.overlay_screen_light { + background: #f5f5f5 +} +.overlay_screen_light .overlay_createpasswordcontainer { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: #fff; + border: 1px solid #dadada; + border-radius: 4px; + color: #333; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + padding: 1em 0 3em; + position: relative; + text-shadow: none; + width: 374px +} +.overlay_screen_light h2 { + border-bottom: 1px solid #ebebeb; + color: #333; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1.875em; + margin: 0 1em 1em; + padding-bottom: .4em +} +.overlay_screen_light .avatar { + background-color: #333; + background-position: center center; + background-repeat: no-repeat; + background-size: 5em 5em; + border-radius: 2.5em; + height: 5em; + margin: 0 auto; + width: 5em +} +.overlay_screen_light p { + color: #666; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.2; + margin-left: 1.5em; + margin-right: 1.5em +} +.overlay_screen_light .hi { + color: #333; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1.5em; + margin-bottom: 0; + padding: 0 1em; + word-wrap: break-word +} +.overlay_screen_light .email { + word-wrap: break-word +} +.overlay_screen_light .extrausername { + display: none +} +.overlay_screen_light .form-field { + display: inline-block; + margin: .7em auto; + position: relative +} +.overlay_screen_light .form-field:first-child { + margin-top: 0 +} +.overlay_screen_light .form-field:last-child { + margin-bottom: 1.3em +} +.overlay_screen_light .form-field label { + display: none +} +.overlay_screen_light .form-field input { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border: 1px solid #c8c8c8; + border-radius: 4px; + display: block; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 0 auto; + min-width: 13.375em; + padding: .7em 1em +} +.overlay_screen_light .form-field-error input { + border-color: red; + color: red +} +.overlay_screen_light .password-btn-add { + box-sizing: border-box; + margin-top: 1em; + width: 15.4em +} +.overlay_screen_light .password-processing .form-processing { + background: url(/i/spinner_med.gif) top center no-repeat; + background-size: 16px 16px; + display: block; + position: absolute; + height: 1em; + margin: -.3em auto 0; + width: 100% +} +.overlay_screen_light .form-error, +.overlay_screen_light .form-msg { + -moz-border-radius: 4px; + -moz-box-sizing: border-box; + -webkit-border-radius: 4px; + -webkit-box-sizing: border-box; + background-color: #ffe8e9; + border-radius: 4px; + box-sizing: border-box; + color: #c33; + line-height: 1.2; + padding: .5em .8em .45em; + margin: 0 auto 1em; + text-align: center; + width: 17.7em +} +.overlay_screen_light .form-msg { + color: #333; + display: none; + background-color: #e4e4e4 +} +.overlay_screen_light .form-msg-active { + display: block +} +.overlay_screen .overlay_detail_reportitem { + box-sizing: border-box; + padding: 1em 0; + width: 100%; + text-align: left +} +@media only screen and (min-width: 38em) { + .overlay_screen .overlay_detail_reportitem { + padding: 1.7em 1.45em 2em; + width: auto + } +} +.overlay_screen .overlay_detail_reportitem h3 { + border-bottom: 1px solid #e6e6e8; + font-size: .8888em; + margin: 0; + padding: .05em 0 .75em 1.65em; + text-align: left +} +@media only screen and (min-width: 30em) { + .overlay_screen .overlay_detail_reportitem h3 { + border-bottom: none; + display: none; + font-size: 1em; + padding: 0; + text-align: center + } +} +.overlay_screen .overlay_detail_reportitem h5 { + font-size: 1.111em; + padding: 1em 1.35em +} +@media only screen and (min-width: 30em) { + .overlay_screen .overlay_detail_reportitem h5 { + font-size: 1em; + padding-bottom: .5em; + padding-top: .5em; + text-align: center + } +} +.overlay_screen .overlay_detail_reportitem .option-row { + font-size: .8888em; + padding: .75em 1.65em +} +@media only screen and (min-width: 30em) { + .overlay_screen .overlay_detail_reportitem .option-row { + padding: .5em 1.65em + } +} +.flexbox .overlay_detail_reportitem .option-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.overlay_screen .overlay_detail_reportitem input { + cursor: pointer +} +.flexbox .overlay_detail_reportitem input { + width: 1.5em +} +.overlay_screen .overlay_detail_reportitem label { + cursor: pointer; + font-weight: 400; + line-height: 1.3; + padding-left: 1em; + position: relative +} +.flexbox .overlay_detail_reportitem label { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1 +} +.overlay_screen .overlay_detail_reportitem .button-container { + padding: 2em 0; + text-align: center +} +@media only screen and (min-width: 30em) { + .overlay_screen .overlay_detail_reportitem .button-container { + padding: 1em 0 0 + } +} +.overlay_screen .overlay_detail_reportitem .button-disabled:hover { + color: rgba(255, 255, 255, .6) +} +.overlay_screen .overlay_detail_reportitemprocessing { + background: url(/a/i/spinner@1x.gif) center center no-repeat; + background-size: 16px 16px; + display: none; + height: 16px; + margin: -1.2em 0 0 -8px; + left: 50%; + width: 16px; + position: absolute +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .overlay_detail_reportitemprocessing { + background-image: url(/a/i/spinner@2x.gif) + } +} +.overlay_screen .overlay_detail_reportitemprocessingactive { + display: block +} +.overlay_detail_reportitem .extralink-container { + margin: .5em 0 0; + padding: 0 1em; + text-align: center +} +.overlay_detail_reportitem .option-whyrecommended { + border-bottom: 1px solid #dcdce0; + color: #000; + font-size: .66667em; + font-weight: 400 +} +.overlay_detail_reportitem .option-whyrecommended:hover { + color: #50bcb6 +} +.page-queuedark .overlay_detail_reportitem .option-whyrecommended { + color: #ccc; + border-bottom-color: #666 +} +.page-queuedark .overlay_detail_reportitem .option-whyrecommended:hover { + color: #50bcb6 +} +.overlay_screen .overlay_detail_betawelcome { + box-sizing: border-box +} +@media only screen and (min-height: 36em) { + .overlay_screen .overlay_detail_betawelcome { + padding-bottom: 3em; + padding-top: 3em + } +} +.overlay_screen .overlay_detail .overlay_detail_betalogo { + background: url(/a/i/gsf/gsf_welcomesharing@1x.jpg) center center no-repeat; + display: block; + height: 250px; + margin: 0 auto; + overflow: hidden; + width: 400px; + text-indent: -999em +} +@media only screen and (min-height: 36em) { + .overlay_screen .overlay_detail .overlay_detail_betalogo { + margin-bottom: 2em + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .overlay_screen .overlay_detail .overlay_detail_betalogo { + background-image: url(/a/i/gsf/gsf_welcomesharing@2x.jpg); + background-size: 400px 250px + } +} +.overlay_screen .overlay_detail_betawelcome p { + font-size: .7778em; + margin-left: auto; + margin-right: auto; + max-width: 24em; + text-align: center +} +@media only screen and (min-height: 36em) { + .overlay_screen .overlay_detail_betawelcome p { + font-size: 1em; + margin-bottom: 1.5em + } +} +@media only screen and (min-height: 36em) { + .overlay_screen .overlay_detail_betawelcome .button-confirm { + margin-top: .5em + } +} +.overlay_screen .overlaygamify_roorecommended:after { + content: ""; + display: table; + clear: both +} +@media only screen and (min-width: 50em) { + .overlay_screen .overlaygamify_roorecommended { + padding: 3em 2.5em; + width: 35.5em + } + .flexbox .overlay_screen .overlaygamify_roorecommended { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } +} +.overlaygamify_roorecommendedimg { + background: url(/a/i/gsf/gsf_roorecommended@1x.png) center center no-repeat; + background-size: 150px 134px; + display: block; + height: 134px; + margin: 0 auto; + overflow: hidden; + width: 150px; + text-indent: -999em +} +@media only screen and (min-width: 50em) { + .overlaygamify_roorecommendedimg { + background-size: 300px 268px; + float: left; + height: 268px; + width: 300px + } + @media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { + .overlaygamify_roorecommendedimg { + background-image: url(/a/i/gsf/gsf_roorecommended@2x.png) + } + } +} +@media only screen and (min-width: 50em) { + .overlaygamify_text { + box-sizing: border-box; + float: left; + padding: 3em 0 0 2em; + width: 18.5em + } + .flexbox .overlaygamify_text { + padding: 0 0 0 2em + } +} +.overlaygamify_textdetail { + font-size: .77778em +} +@media only screen and (min-width: 38em) { + .overlaygamify_textdetail { + font-size: 1em + } +} +@media only screen and (min-width: 50em) { + .overlay_screen .overlay_detail_gsf .overlaygamify_textdetail { + margin-bottom: 1em; + text-align: center + } +} +.overlaygamify_pocketicon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -120px -315px; + display: inline-block; + height: 17px; + width: 20px +} +.isolate_screen_detail { + background-color: rgba(17, 17, 17, .8); + display: block; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + -webkit-transition: opacity .2s ease-out, visibility .2s ease-out; + transition: opacity .2s ease-out, visibility .2s ease-out; + visibility: hidden; + width: 100%; + z-index: 8999 +} +.isolate_screen_immediate { + -webkit-transition: none; + transition: none +} +.isolate_screen_active { + opacity: 1; + visibility: visible +} +.isolate_screen_right { + left: auto; + right: 0 +} +.isolate_screen_simple { + min-height: 100vh +} +.isolate_screen_buttontarget { + display: block; + height: 1px; + position: fixed; + right: 111px; + top: 10px; + width: 1px +} +.isolate_screen_buttontargetsecond { + display: block; + height: 1px; + position: fixed; + right: 151px; + top: 10px; + width: 1px +} +.error-bubble { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: #ffe6e8; + border: 1px solid #f80000; + border-radius: 4px; + color: #c33; + font-size: .8125em; + font-weight: 400; + line-height: 1; + opacity: 0; + padding: .4em 1em; + position: absolute; + right: -1em; + top: -2.1em; + text-align: left; + visibility: hidden; + z-index: 500 +} +.error-bubble a { + border-bottom: 1px solid #c33; + font-weight: 400; + color: #c33 +} +.error-bubble a:hover { + color: #a32929; + text-decoration: none +} +.error-bubble-twoliner { + line-height: 1.2; + top: -3.4em +} +.error-arrow { + border-width: 10px +} +.error-arrow, +.error-arrow:after { + border-color: transparent; + border-style: solid; + display: block; + height: 0; + position: absolute; + width: 0 +} +.error-arrow:after { + border-width: 9px; + content: "" +} +.error-arrow { + bottom: -10px; + right: 20px; + margin-left: -10px; + border-top-color: #f80000; + border-bottom-width: 0 +} +.error-arrow:after { + bottom: 1px; + margin-left: -9px; + border-top-color: #ffe6e8; + border-bottom-width: 0 +} +.form-field-error .error-bubble { + height: auto; + opacity: 1; + visibility: visible; + -webkit-transition: opacity .1s linear, visibility .1s linear; + transition: opacity .1s linear, visibility .1s linear +} +.gsf_device_reminder_container { + box-sizing: border-box; + bottom: 5px; + display: none; + left: 0; + height: 111px; + position: absolute; + margin: 0; + padding: 0 1.5em; + width: 100%; + z-index: 40 +} +@media only screen and (min-width: 65em) { + .gsf_device_reminder_container { + padding: 0 3.7em 0 13.7em + } +} +.page-reader .gsf_device_reminder_container { + display: none +} +@media only screen and (min-width: 33em) { + .gsf_device_reminder_active { + display: block; + overflow: hidden + } +} +.gsf_device_reminder_native { + display: block +} +.gsf_device_reminder { + background: #fff; + border: 1px solid #ccc; + height: 109px; + margin: 0 auto; + overflow: hidden; + position: relative +} +.gsf_device_reminder_content, +.gsf_device_reminder_content_native { + background: url(/a/i/gsf/gsf_devicereminderbg@1x.jpg) -12.5em bottom no-repeat; + height: 100%; + max-width: 55em; + margin-left: auto; + margin-right: auto; + position: relative +} +@media only screen and (min-width: 40em) { + .gsf_device_reminder_content, + .gsf_device_reminder_content_native { + background-position: .5em bottom + } +} +.gsf_device_reminder_content_native, +.gsf_device_reminder_native .gsf_device_reminder_content { + display: none +} +.gsf_device_reminder_native .gsf_device_reminder_content_native { + display: block +} +.gsf_device_reminder h5 { + font-size: 20px; + line-height: 1; + margin-left: 100px; + margin-bottom: .2em; + padding-top: 25px; + text-align: left +} +@media only screen and (min-width: 40em) { + .gsf_device_reminder h5 { + margin-left: 300px + } +} +@media only screen and (min-width: 50em) { + .gsf_device_reminder h5 { + padding-top: 35px + } +} +.gsf_device_reminder p { + color: #555; + font-size: 15px; + line-height: 1.3; + margin-left: 100px; + padding-right: 2em; + text-align: left +} +@media only screen and (min-width: 40em) { + .gsf_device_reminder p { + font-size: 16px; + margin-left: 300px + } +} +.gsf_device_reminder_native p { + margin-left: 100px; + padding-top: 2.5em +} +@media only screen and (min-width: 40em) { + .gsf_device_reminder_native p { + margin-left: 300px + } +} +.gsf_device_reminder_native_link { + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100% +} +.gsf_device_reminder .close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat; + height: 15px; + position: absolute; + overflow: hidden; + right: 1em; + text-indent: -20em; + top: 1em; + width: 16px; + z-index: 5 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf_device_reminder .close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 33em) { + .gsf_device_reminder .close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat; + height: 9px; + width: 10px + } + .page-skindark .gsf_device_reminder .close { + background-position: -144px -708px + } + @media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { + .gsf_device_reminder .close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } + } +} +.gsf_device_premupsell { + background-color: #5ec5c2 +} +.gsf_device_premupsell .gsf_device_reminder { + background-image: url(/a/i/gsf/gsf_premupsellbg@1x.jpg); + background-position: 0 10px +} +.gsf_device_premupsell .gsf_device_reminder h5, +.gsf_device_premupsell .gsf_device_reminder p { + color: #fff +} +.gsf_device_premupsell .gsf_device_reminder h5 { + padding-top: 20px +} +.gsf_device_premupsell .gsf_device_reminder p { + max-width: 450px; + line-height: 1.3; + padding-top: 5px +} +.offlinepage_warning { + background: url(/a/i/error_large@1x.png) top center no-repeat; + margin: 50px auto; + padding-top: 95px; + width: 410px +} +#page_reader[font=serif] .offlinepage_warning h3, +.offlinepage_warning h3 { + color: #666; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 30px; + font-weight: 600; + margin-bottom: 12px +} +.offlinepage_warning p { + color: #4e4e4e; + font-size: 18px +} +.noarticle_warning { + background: #eee; + margin-bottom: 40px; + padding: 20px +} +.page-readernight .noarticle_warning { + background: #444 +} +.page-readersepia .noarticle_warning { + background: #eddfd5 +} +.notice_container { + background: #f8f8f8; + border: 1px solid #d8d8d8; + border-radius: 10px; + margin: 60px auto; + opacity: 0; + width: 800px +} +.notice_container h4 { + color: #666; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 26px; + line-height: 1.2; + margin-bottom: 20px +} +#queue_empty .notice_container p { + font-size: 20px; + line-height: 1.2 +} +#queue_empty .notice_container a { + color: #fcb643 +} +#queue_empty .notice_container .button { + color: #fff +} +.notice_container_active { + opacity: 1; + -webkit-transition: opacity .4s ease-out .4s; + transition: opacity .4s ease-out .4s +} +.notice_container .pocket_button_img { + background: url(/a/i/ext_chrome@1x.jpg); + float: left; + height: 310px; + margin-left: 50px; + margin-top: 25px; + width: 310px +} +.notice_container .pocket_button_detail { + color: #666; + float: left; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + margin-left: 30px; + margin-top: 43px; + text-align: left; + width: 370px +} +#queue_empty .notice_container .button-importantalt { + color: #fff; + margin: 0; + width: auto +} +#queue_empty .notice_container .more { + font-size: 14px; + margin: 40px 0 60px +} +#warning-browserincompatible { + background: #fff; + display: none; + height: 300px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 999999 +} +.chardinjs-overlay { + position: absolute; + z-index: 999999; + background-color: #000; + background-color: rgba(0, 0, 0, .7); + opacity: 0; + -webkit-transition: all .3s ease-out; + transition: all .3s ease-out +} +.chardinjs-helper-layer { + position: fixed; + z-index: 9999998; + -webkit-transition: all .3s ease-out; + transition: all .3s ease-out +} +.chardinjs-helper-layer.chardinjs-left { + border-left: solid #fff 1px; + margin-left: -10px +} +.chardinjs-helper-layer.chardinjs-right { + border-right: solid #fff 1px; + padding-right: 10px +} +.chardinjs-helper-layer.chardinjs-bottom, +.chardinjs-helper-layer.chardinjs-bottomlower { + border-bottom: solid #fff 1px; + padding-bottom: 10px +} +.chardinjs-helper-layer.chardinjs-top { + border-top: solid #fff 1px; + padding-top: 10px +} +.chardinjs-tooltip { + position: absolute; + -webkit-transition: opacity .1s ease-out; + transition: opacity .1s ease-out; + max-width: 200px +} +.chardinjs-tooltip.chardinjs-left { + margin-left: -135px; + padding-right: 10px +} +.chardinjs-tooltip.chardinjs-right { + margin-right: -135px; + padding-left: 10px +} +.chardinjs-tooltip.chardinjs-bottom { + margin-bottom: -50px; + padding-top: 10px +} +.chardinjs-tooltip.chardinjs-bottomlower { + margin-bottom: -150px; + padding-top: 10px +} +.chardinjs-tooltip.chardinjs-top { + margin-top: -50px; + padding-bottom: 10px +} +.chardinjs-tooltip.chardinjs-bottom:before, +.chardinjs-tooltip.chardinjs-bottomlower:before, +.chardinjs-tooltip.chardinjs-left:after, +.chardinjs-tooltip.chardinjs-right:before, +.chardinjs-tooltip.chardinjs-top:after { + content: "."; + display: inline-block; + background-color: #fff; + height: 1px; + overflow: hidden; + position: absolute +} +.chardinjs-tooltip.chardinjs-left:after, +.chardinjs-tooltip.chardinjs-right:before { + width: 100px; + top: 50% +} +.chardinjs-tooltip.chardinjs-bottom:before, +.chardinjs-tooltip.chardinjs-top:after { + width: 1px; + height: 50px; + left: 50% +} +.chardinjs-tooltip.chardinjs-bottomlower:before { + width: 1px; + height: 150px; + left: 50% +} +.chardinjs-tooltip.chardinjs-bottom:before { + top: -50px +} +.chardinjs-tooltip.chardinjs-bottomlower:before { + top: -150px +} +.chardinjs-tooltip.chardinjs-top:after { + bottom: -50px +} +.chardinjs-tooltip.chardinjs-right:before { + left: -100px +} +.chardinjs-tooltip.chardinjs-left:after { + right: -100px +} +.chardinjs-show-element { + z-index: 9999999; + opacity: .8 +} +.chardinjs-relative-position { + position: relative +} +.chardinjs-tooltiptext { + color: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 1.2 +} +.chardinjs-header>h2 { + color: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 20px; + position: relative; + top: 52px +} +.chardinjs-keyboard { + margin: 0 auto; + position: relative; + top: 100px; + width: 450px +} +.chardinjs-keyboard .header { + font-size: 20px; + font-weight: 600; + margin-bottom: 10px; + text-align: center +} +.chardinjs-keyboard ul { + list-style: none; + padding: 0 +} +.chardinjs-keyboard li { + display: block; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #fff; + font-size: 16px; + margin: 3px 0; + text-align: left; + white-space: nowrap +} +.chardinjs-keyboard span { + color: #82ECB7; + display: inline-block; + font-weight: 600; + margin-right: 20px; + text-align: right; + width: 140px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .notifications-error .message { + background-image: url(/a/i/error_notification@2x.png); + background-size: 22px 23px + } + .offlinepage_warning { + background-image: url(/a/i/error_large@2x.png); + background-size: 75px 75px + } + .pocket_button_img { + background-image: url(/a/i/ext_chrome@2x.jpg); + background-size: 310px 310px + } + .overlay_note_container { + background-image: url(/a/i/gsf/gsf_chromeinstalltext@2x.png); + background-size: 213px 112px + } + .overlay_note_container .overlay_arrow { + background-image: url(/a/i/gsf/gsf_chromeinstallarrow@2x.png); + background-size: 106px 69px + } + .overlay_screen .overlay_detail_premupsell p { + background-image: url(/a/i/upsell_premiumfeatures@2x.png); + background-size: 361px 145px + } + .notifications-persistent .close { + background-image: url(/a/i/notification_close@2x.png); + background-size: 11px 11px + } + .gsf_device_premupsell .gsf_device_reminder { + background-image: url(/a/i/gsf/gsf_premupsellbg@2x.jpg); + background-size: 250px 86px + } +} +.dropSelector { + position: relative +} +.dropSelector.show .carrot, +.dropSelector.show ul { + display: block +} +.dropSelector .carrot { + display: none; + position: absolute; + left: 50%; + margin-left: -12px; + width: 25px; + height: 15px; + z-index: 202; + background: url(/a/i/titleSelectorCarrot.png) center no-repeat +} +.dropSelector li { + float: none!important; + padding: 0; + margin: 0 +} +.dropSelector li a { + display: block; + padding: 0; + margin: 0; + text-align: center; + text-indent: 0; + text-decoration: none +} +.clickguard { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000; + visibility: hidden; + opacity: .5; + z-index: 499 +} +.titleSelector { + position: relative; + top: 6px; + display: block; + width: auto; + height: 47px +} +.titleSelector>a { + display: block; + margin-bottom: 0 +} +.titleSelector a:hover { + color: #343434 +} +.titleSelector .carrot { + top: 56px; + left: 50%; + margin-left: -21px; + width: 43px; + height: 24px; + background: url(/a/i/section_carrot.png) center no-repeat +} +.titleSelector ul { + top: 79px; + margin-left: -154px; + margin-bottom: 0; + border: 1px solid #bcbcbc; + border-radius: 7px; + background: #fff +} +.titleSelector .popover-new ul { + top: 0; + border: none; + margin-left: 0; + border-radius: 0; + background: 0 0 +} +.titleSelector li { + z-index: 203 +} +.titleSelector li a { + padding-left: 70px; + font-size: 20px; + color: #666; + text-align: left; + text-transform: none; + font-weight: 400; + z-index: 204 +} +.inactive li a { + cursor: default; + opacity: .5 +} +.no-touch .titleSelector li:hover a { + color: #222; + background-color: #fff8c8 +} +.no-touch .inactive li:hover a { + color: #666; + background-color: transparent +} +.popover-new { + background: #fff; + border-radius: 2px; + border: 1px solid #dcdce0; + opacity: 0; + position: absolute; + top: 0; + text-align: left; + visibility: hidden; + -webkit-transition: visibility .05s linear; + transition: visibility .05s linear; + box-shadow: 0 1px 6px rgba(0, 0, 0, .1); + z-index: 500 +} +.page-skindark .popover-new { + background-color: #1f1f1f; + border: 1px solid #4e4e4e +} +.page-reader .popover-new { + z-index: 9002 +} +.popover-new-fixed { + position: fixed +} +.popover-new .arrow { + border-width: 8px; + z-index: 5 +} +.popover-new .arrow, +.popover-new .arrow:after { + border-color: transparent; + border-style: solid; + display: block; + height: 0; + position: absolute; + width: 0 +} +.popover-new .arrow:after { + border-width: 8px; + content: "" +} +.popover-new-top .arrow { + bottom: -8px; + left: 50%; + margin-left: -8px; + border-top-color: #ccc; + border-bottom-width: 0 +} +.page-skindark .popover-new-top .arrow { + border-top-color: #4e4e4e +} +.popover-new-top .arrow:after { + bottom: 1px; + margin-left: -8px; + border-top-color: #fff; + border-bottom-width: 0 +} +.page-skindark .popover-new-top .arrow:after { + border-top-color: #1f1f1f +} +.popover-new-bottom .arrow { + top: -8px; + left: 50%; + margin-left: -8px; + border-bottom-color: #ccc; + border-top-width: 0 +} +.page-skindark .popover-new-bottom .arrow { + border-bottom-color: #4e4e4e +} +.popover-new-bottom .arrow:after { + top: 1px; + margin-left: -8px; + border-bottom-color: #fff; + border-top-width: 0 +} +.page-skindark .popover-new-bottom .arrow:after { + border-bottom-color: #1f1f1f +} +.popover-new-bottomright .arrow { + top: -8px; + left: 25px; + margin-left: -8px; + border-bottom-color: #ccc; + border-top-width: 0 +} +.page-skindark .popover-new-bottomright .arrow { + border-bottom-color: #4e4e4e +} +.popover-new-bottomright .arrow:after { + top: 1px; + margin-left: -8px; + border-bottom-color: #fff; + border-top-width: 0 +} +.page-skindark .popover-new-bottomright .arrow:after { + border-bottom-color: #1f1f1f +} +.popover-new-bottomleft .arrow { + top: -8px; + left: auto; + right: 10px; + margin-left: -8px; + border-bottom-color: #ccc; + border-top-width: 0 +} +.page-skindark .popover-new-bottomleft .arrow { + border-bottom-color: #4e4e4e +} +.popover-new-bottomleft .arrow:after { + top: 1px; + margin-left: -8px; + border-bottom-color: #fff; + border-top-width: 0 +} +.page-skindark .popover-new-bottomleft .arrow:after { + border-bottom-color: #1f1f1f +} +.popover-new-topleft .arrow { + bottom: -8px; + left: auto; + right: 5px; + margin-left: -8px; + border-top-color: #ccc; + border-bottom-width: 0 +} +.page-skindark .popover-new-bottomleft .arrow { + border-top-color: #4e4e4e +} +.popover-new-topleft .arrow:after { + bottom: 1px; + margin-left: -8px; + border-top-color: #fff; + border-bottom-width: 0 +} +.page-skindark .popover-new-bottomleft .arrow:after { + border-top-color: #1f1f1f +} +.popover-new-topright .arrow { + bottom: -8px; + left: 25px; + margin-left: -8px; + border-top-color: #ccc; + border-bottom-width: 0 +} +.page-skindark .popover-new-topright .arrow { + border-top-color: #4e4e4e +} +.popover-new-topright .arrow:after { + bottom: 1px; + margin-left: -8px; + border-top-color: #fff; + border-bottom-width: 0 +} +.page-skindark .popover-new-topright .arrow:after { + border-top-color: #1f1f1f +} +.popover-active { + height: auto; + opacity: 1; + visibility: visible; + -webkit-transition: opacity .1s linear, visibility .1s linear; + transition: opacity .1s linear, visibility .1s linear +} +.popover-new-topleft.popover-active, +.popover-new-topright.popover-active { + margin-top: -5px +} +.popover-new-list { + margin: 0; + padding: 0; + position: relative; + width: auto; + z-index: 10 +} +.popover-new-list li { + list-style: none +} +.popover-new .popover-new-list a { + color: #313131; + font-size: 1.23077em; + margin: 0; + padding: .5em 2em; + text-align: left; + width: auto +} +.page-skindark .popover-new .popover-new-list a { + border-bottom-color: #383737; + color: #ccc +} +.no-touch .popover-new .popover-new-list a:hover { + background-color: #50bcb6; + color: #fff +} +@media only screen and (min-width: 30em) { + .popover-new .popover-new-list a { + font-size: 1.15385em; + padding: .6em 2em + } +} +.popover-new-centered { + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 9002 +} +@media only screen and (min-width: 30em) { + .popover-new-centered { + height: auto; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: auto + } +} +.popover-new-centered .popover-new-list a { + border-bottom: 1px solid #e6e6e8 +} +@media only screen and (min-width: 30em) { + .popover-new-centered .popover-new-list a { + border-bottom: none + } +} +.popover-new-centeredleft { + height: 310px; + position: fixed; + margin-left: 6.61538em; + top: 110px +} +@media only screen and (min-width: 38em) { + .popover-new-centeredleft { + left: 0; + margin-left: 0; + position: absolute; + top: 0 + } +} +.popover-new-centeredleft .arrow { + top: 50%; + margin-top: -10px; + right: 100%; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-right: 8px solid #ccc +} +.page-skindark .popover-new-centeredleft .arrow { + border-right: 8px solid #4e4e4e +} +.popover-new-centeredleft .arrow:after { + right: -9px; + margin-top: -7px; + width: 0; + height: 0; + border-top: 7px solid transparent; + border-bottom: 7px solid transparent; + border-right: 7px solid #fff +} +.page-skindark .popover-new-centeredleft .arrow:after { + border-right: 8px solid #1f1f1f +} +.popover-new-header { + display: none; + border-bottom: 1px solid #dcdce0; + position: relative +} +.page-skindark .popover-new-header { + border-bottom-color: #383737 +} +.popover-new-centered .popover-new-header { + display: block +} +@media only screen and (min-width: 30em) { + .popover-new-centered .popover-new-header { + display: none + } +} +#moreActionsMenu .popover-new-close, +#recommendedMore .popover-new-close, +#shareMenu .popover-new-close, +.popover-new-header .popover-new-close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -530px -333px no-repeat; + border: none; + box-sizing: content-box; + cursor: pointer; + height: 15px; + right: 1.8em; + overflow: hidden; + padding: 5px; + position: absolute; + top: -4px; + text-indent: -20em; + width: 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #moreActionsMenu .popover-new-close, + #recommendedMore .popover-new-close, + #shareMenu .popover-new-close, + .popover-new-header .popover-new-close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.no-touch #moreActionsMenu .popover-new-close:hover, +.no-touch #recommendedMore .popover-new-close:hover, +.no-touch #shareMenu .popover-new-close:hover, +.no-touch .popover-new-header .popover-new-close:hover { + background-color: transparent +} +#addMenu .popover-new-close { + display: none +} +.popover-new-header h2 { + font-size: 1.23077em; + line-height: 1; + margin: 1.05em 1.65em +} +#shareMenu.titleSelector ul { + top: 0; + border: none; + margin-left: 0; + border-radius: 0; + background: 0 0 +} +#shareMenu.titleSelector.centered ul { + margin-left: 0!important +} +#shareMenu.titleSelector[pos=above] ul, +#shareMenu.titleSelector[pos=below] ul { + margin-left: -104px +} +#shareMenu ul { + padding: 0 +} +@media only screen and (min-width: 30em) { + #shareMenu ul { + padding: .45em 0 + } +} +#shareMenu a { + box-sizing: border-box; + display: block; + text-decoration: none; + text-indent: 44px; + position: relative; + padding-left: 1em +} +#shareMenu .share-icon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat; + display: block; + left: 1.6em; + height: 12px; + width: 16px; + position: absolute; + top: .8em +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #shareMenu .share-icon { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 30em) { + #shareMenu .share-icon { + left: 1.7em + } +} +#shareMenu .share-recommendprofile-icon { + background-position: -495px -545px; + left: 1.7em; + height: 14px; + width: 16px +} +.page-skindark #shareMenu .share-recommendprofile-icon { + background-position: -551px -545px +} +@media only screen and (min-width: 30em) { + #shareMenu .share-recommendprofile-icon { + left: 1.8em + } +} +.no-touch #shareMenu a:hover .share-recommendprofile-icon { + background-position: -645px 0 +} +#shareMenu .share-sendtofriend-icon { + background-position: -220px -655px; + left: 1.7em +} +.page-skindark #shareMenu .share-sendtofriend-icon { + background-position: -645px -548px +} +@media only screen and (min-width: 30em) { + #shareMenu .share-sendtofriend-icon { + left: 1.8em + } +} +.no-touch #shareMenu a:hover .share-sendtofriend-icon { + background-position: -276px -655px +} +#shareMenu .share-twitter-icon { + background-position: -58px -490px; + height: 15px; + width: 18px +} +.page-skindark #shareMenu .share-twitter-icon { + background-position: -116px -490px +} +.no-touch #shareMenu a:hover .share-twitter-icon { + background-position: 0 -490px +} +#shareMenu .share-facebook-icon { + background-position: -96px -708px; + height: 16px; + left: 1.9em; + top: .7em; + width: 8px +} +.page-skindark #shareMenu .share-facebook-icon { + background-position: 0 -708px +} +@media only screen and (min-width: 30em) { + #shareMenu .share-facebook-icon { + left: 2em + } +} +.no-touch #shareMenu a:hover .share-facebook-icon { + background-position: -48px -708px +} +#shareMenu .share-buffer-icon { + background-position: -534px -225px; + height: 16px; + width: 16px +} +.page-skindark #shareMenu .share-buffer-icon { + background-position: -534px -281px +} +.no-touch #shareMenu a:hover .share-buffer-icon { + background-position: -534px -1px +} +#shareMenu .share-permanent-icon { + background-position: -358px -433px; + height: 13px; + width: 16px +} +.page-skindark #shareMenu .share-permanent-icon { + background-position: -470px -433px +} +.no-touch #shareMenu a:hover .share-permanent-icon { + background-position: -414px -433px +} +#shareMenu .share-original-icon { + background-position: -701px -162px; + left: 1.7em; + height: 14px; + width: 14px +} +.page-skindark #shareMenu .share-original-icon { + background-position: -701px -270px +} +@media only screen and (min-width: 30em) { + #shareMenu .share-original-icon { + left: 1.8em + } +} +.no-touch #shareMenu a:hover .share-original-icon { + background-position: -701px -216px +} +.alt-tooltip { + background: #000; + background: rgba(0, 0, 0, .8); + border: none; + border-radius: 4px; + color: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + -webkit-transition: visibility .2s linear, margin .2s linear; + transition: visibility .2s linear, margin .2s linear; + z-index: 8000 +} +.alt-tooltip-recommended { + background: #50bcb6; + opacity: 0; + -webkit-transition: opacity .2s ease-out; + transition: opacity .2s ease-out +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .alt-tooltip-recommended { + margin-top: -.4em + } +} +.page-skindark .alt-tooltip-recommended { + background: #50bcb6 +} +.alt-tooltip-recommendedactive { + opacity: 1 +} +.alt-tooltip-close { + position: absolute; + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -610px -655px; + cursor: pointer; + display: none; + height: 11px; + right: .5em; + overflow: hidden; + text-indent: -99em; + top: .5em; + width: 11px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .alt-tooltip-close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.alt-tooltip-recommendedclosex .alt-tooltip-close { + display: block +} +.alt-tooltip-checkbox { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -118px 0; + cursor: pointer; + display: none; + float: left; + height: 70px; + overflow: hidden; + text-indent: -99em; + width: 71px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .alt-tooltip-checkbox { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.alt-tooltip-recommendedcheckbox .alt-tooltip-checkbox { + display: block +} +.tooltip-wiggle { + -webkit-animation: tooltip-wiggle .12s linear 3; + animation: tooltip-wiggle .12s linear 3 +} +@-webkit-keyframes tooltip-wiggle { + 0% { + margin-left: 0 + } + 25% { + margin-left: 5px + } + 50% { + margin-left: 0 + } + 75% { + margin-left: -5px + } + 100% { + margin-left: 0 + } +} +@keyframes tooltip-wiggle { + 0% { + margin-left: 0 + } + 25% { + margin-left: 5px + } + 50% { + margin-left: 0 + } + 75% { + margin-left: -5px + } + 100% { + margin-left: 0 + } +} +.alt-tooltip.popover-active { + -webkit-transition: opacity .1s linear .5s, visibility .1s linear .5s, margin .1s linear .5s; + transition: opacity .1s linear .5s, visibility .1s linear .5s, margin .1s linear .5s +} +.alt-tooltip.tooltip-reader { + position: fixed +} +.alt-tooltip .detail { + padding: 15px 20px; + text-align: center; + width: 200px +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .alt-tooltip .detail { + width: 240px + } +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .alt-tooltip-recommended .detail { + padding-bottom: 1.5em; + padding-top: 1.5em; + width: 220px + } +} +.alt-tooltip-recommendedcheckbox .detail:after { + content: ""; + display: table; + clear: both +} +@media only screen and (min-width: 33em) and (min-height: 28em) { + .alt-tooltip-recommendedcheckbox .detail { + width: 370px + } +} +.flexbox .alt-tooltip-recommendedcheckbox .detail { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.alt-tooltip-recommendedcheckbox .detail p { + float: left; + text-align: left; + padding-left: 1em; + width: 15em +} +.flexbox .alt-tooltip-recommendedcheckbox .detail p { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: auto +} +.alt-tooltip h5 { + color: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 20px; + font-weight: 600; + line-height: 1.2; + margin-bottom: 8px; + text-align: left +} +.alt-tooltip-recommended h5 { + display: none +} +.alt-tooltip p { + color: #fff; + font-size: 14px; + font-weight: 600; + line-height: 1.4; + text-align: left +} +.page-queuedark .alt-tooltip p { + color: #ededed +} +.alt-tooltip-recommended p { + font-size: 1.38462em; + line-height: 1.3; + text-align: center +} +.alt-tooltip a:hover { + text-decoration: none +} +.alt-tooltip .button_container { + margin-bottom: 20px; + text-align: center +} +.alt-tooltip .button { + border-radius: 4px +} +.alt-tooltip p:last-child { + margin-bottom: 0 +} +.alt-tooltip.popover-new-top .arrow { + border-top-color: rgba(0, 0, 0, .8) +} +.alt-tooltip-recommended.popover-new-top .arrow { + border-top-color: #50bcb6 +} +.alt-tooltip.popover-new-top .arrow:after { + display: none +} +.alt-tooltip.popover-new-bottom .arrow { + border-bottom-color: rgba(0, 0, 0, .8) +} +.alt-tooltip-recommended.popover-new-bottom .arrow { + border-bottom-color: #50bcb6 +} +.alt-tooltip.popover-new-bottom .arrow:after { + display: none +} +.alt-tooltip.popover-new-bottomright .arrow { + border-bottom-color: rgba(0, 0, 0, .8) +} +.alt-tooltip-recommended.popover-new-bottomright .arrow { + border-bottom-color: #50bcb6 +} +.alt-tooltip.popover-new-bottomright .arrow:after { + display: none +} +.alt-tooltip.popover-new-bottomleft .arrow { + border-bottom-color: rgba(0, 0, 0, .8) +} +.alt-tooltip-recommended.popover-new-bottomleft .arrow { + border-bottom-color: #50bcb6 +} +.alt-tooltip.popover-new-bottomleft .arrow:after { + display: none +} +.alt-tooltip.popover-new-left .arrow { + border-top-color: rgba(0, 0, 0, .8); + border-right-width: 0; + margin-top: -13px; + right: -14px; + top: 50% +} +.alt-tooltip-recommended.popover-new-left .arrow { + border-top-color: #50bcb6 +} +.alt-tooltip.popover-new-left .arrow:after { + display: none +} +.alt-tooltip.popover-new-right .arrow { + top: 50%; + border-right-color: rgba(0, 0, 0, .8); + border-left-width: 0; + margin-top: -13px; + left: -14px +} +.alt-tooltip-recommended.popover-new-right .arrow { + border-right-color: #50bcb6 +} +.alt-tooltip.popover-new-right .arrow:after, +.alt-tooltip.popover-new-topleft .arrow:after, +.alt-tooltip.popover-new-topright .arrow:after { + display: none +} +.alt-tooltip-sharesheet.popover-active { + -webkit-transition: opacity .1s linear, visibility .1s linear; + transition: opacity .1s linear, visibility .1s linear +} +.page-reader .alt-tooltip-sharesheet { + z-index: 2000 +} +.page-reader .alt-tooltip-sharesheet-truncated .arrow { + display: none +} +.sharesheet_tooltip { + padding: 1em 3em; + position: relative +} +.flexbox .sharesheet_tooltip_content { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} +.sharesheet_tooltip_icon { + background: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@1x.png) -186px -177px no-repeat; + display: block; + float: left; + height: 14px; + margin-right: .75em; + width: 22px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .sharesheet_tooltip_icon { + background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 514px 415px + } +} +.sharesheet_tooltip_link { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100% +} +#recommendedMore ul { + padding: 0 +} +@media only screen and (min-width: 30em) { + #recommendedMore ul { + padding: .45em 0 + } +} +#recommendedMore a { + box-sizing: border-box; + display: block; + padding-left: 1em; + padding-right: 1.7em; + text-decoration: none; + text-indent: 44px; + position: relative +} +#recommendedMore .more-icon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat; + display: block; + left: 1.6em; + height: 12px; + width: 16px; + position: absolute; + top: .8em +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #recommendedMore .more-icon { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 30em) { + #recommendedMore .more-icon { + left: 1.7em + } +} +#recommendedMore .more-problem-icon { + background-position: -220px -655px +} +.page-queuedark #recommendedMore .more-problem-icon { + background-position: -645px -548px +} +#recommendedMore .popover-reportproblem-action:hover .more-problem-icon { + background-position: -276px -655px +} +.hint { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: rgba(0, 0, 0, .8); + border-radius: 4px; + color: #fff; + display: inline-block; + font-size: 12px; + left: 0; + line-height: 12px; + padding: 8px 10px; + -webkit-transition: visibility .05s linear, margin .05s linear; + transition: visibility .05s linear, margin .05s linear; + text-indent: 0; + text-shadow: 0 -1px 0 #000; + top: 0; + white-space: nowrap +} +.hint:after { + background: 0 0; + border: 6px solid transparent; + content: ''; + display: block; + height: 0; + width: 0 +} +.hint, +.hint:after { + opacity: 0; + pointer-events: none; + position: absolute; + visibility: hidden; + z-index: 1000000 +} +.hint-bottom:after, +.hint-bottomleft:after, +.hint-bottomright:after { + border-bottom-color: rgba(0, 0, 0, .8); + left: 50%; + top: -12px; + margin-left: -6px +} +.hint-bottomleft:after { + left: 100%; + margin-left: -17px +} +.hint-bottomright:after { + left: 10px +} +.hint-bottomactive, +.hint-bottomactive:after, +.hint-bottomleftactive, +.hint-bottomleftactive:after, +.hint-bottomrightactive, +.hint-bottomrightactive:after { + opacity: 1; + visibility: visible +} +.hint-bottomactive, +.hint-bottomleftactive, +.hint-bottomrightactive { + -webkit-transition: opacity .1s linear .1s, visibility .1s linear .1s, margin .1s linear .1s; + transition: opacity .1s linear .1s, visibility .1s linear .1s, margin .1s linear .1s; + margin-top: 8px +} +.gsf-tooltip { + box-sizing: border-box; + border-radius: 2px; + border: 1px solid #ededf0; + -webkit-transition: opacity .2s ease-out, visibility .2s ease-out; + transition: opacity .2s ease-out, visibility .2s ease-out; + width: 300px; + z-index: 9002 +} +.gsf-tooltip-fluid { + width: auto +} +.gsf-tooltip-fixed { + position: fixed +} +.gsf-tooltip-noisolate { + border-color: #dcdce0 +} +.gsf-tooltip.popover-active { + -webkit-transition: opacity .2s ease-out, visibility .2s ease-out; + transition: opacity .2s ease-out, visibility .2s ease-out +} +.gsf-tooltip .arrow, +.gsf-tooltip .arrow:after { + border-width: 12px +} +.gsf-tooltip-bottom .arrow, +.gsf-tooltip-bottomleft .arrow { + border-bottom-color: #ededf0; + top: -24px; + left: 50%; + margin-left: -12px +} +.gsf-tooltip-bottomleft .arrow { + left: auto; + right: 1.69231em; + margin-left: 0 +} +.gsf-tooltip-bottom .arrow:after, +.gsf-tooltip-bottomleft .arrow:after { + margin-left: -12px; + top: -10px +} +.gsf-tooltip-left .arrow, +.gsf-tooltip-right .arrow { + border-right-color: #ededf0; + top: 50%; + left: -12px; + margin-left: -12px; + margin-top: -12px +} +.gsf-tooltip-left .arrow { + left: auto; + margin-left: auto; + margin-right: -12px; + right: -12px; + border-left-color: #ededf0; + border-right-color: transparent +} +.gsf-tooltip-left .arrow:after, +.gsf-tooltip-right .arrow:after { + margin-left: -10px; + left: 0; + top: -12px; + border-right-color: #fff +} +.gsf-tooltip-left .arrow:after { + margin-left: -14px; + border-left-color: #fff; + border-right-color: transparent +} +.gsf-tooltip-header { + padding: 1.23077em 1.84615em 1.84615em +} +.gsf-tooltip-headline { + font-size: 1.53846em; + margin-bottom: .275em; + margin-top: 0 +} +.gsf-tooltip-fluid .gsf-tooltip-header>.gsf-tooltip-headline { + display: none +} +.gsf-tooltip-content { + font-size: 1.15385em +} +.gsf-tooltip-content p { + line-height: 1.3 +} +.gsf-tooltip-content p:last-child { + margin-bottom: 0 +} +.gsf-tooltip-footer { + background-color: #ededf0; + padding: .92308em 1.84615em +} +.flexbox .gsf-tooltip-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start +} +.gsf-tooltip-progress { + display: block; + float: left; + margin: .4em 0 0; + padding: 0; + visibility: hidden +} +.flexbox .gsf-tooltip-progress { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-top: 0 +} +.gsf-tooltip-progressitem { + background-color: #ccc; + border-radius: 5px; + display: block; + float: left; + height: 5px; + list-style: none; + margin-right: .4em; + width: 5px +} +.gsf-tooltip-progressselected { + background-color: #4e4e4e +} +.gsf-tooltip-confirm { + color: #ee4256; + float: right; + font-weight: 700; + font-size: 1.1538em +} +.no-touch .gsf-tooltip-confirm:hover { + color: #cb1f34 +} +.gsf-tooltip-confirm-inactive { + visibility: hidden +} +.flexbox .gsf-tooltip-confirm { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0 +} +.gsf-tooltip-article { + display: block; + border: 1px solid #dcdce0; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + position: relative +} +.gsf-tooltip-article>p { + box-sizing: border-box; + line-height: 1.2; + margin: 0; + padding: 1em 82px .8em 1em; + font-weight: 600 +} +.gsf-tooltip-articleimg { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: block; + height: 100%; + position: absolute; + right: 0; + top: 0; + width: 72px +} +.gsf-tooltip-articlelink { + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 5 +} +.gsf-tooltip-detail-setup { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.gsf-tooltip-logo { + background: url(/a/i/gsf/gsf_pocketlogodisc@1x.png); + display: block; + float: left; + margin-left: -7px; + height: 125px; + width: 125px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-logo { + background-image: url(/a/i/gsf/gsf_pocketlogodisc@2x.png); + background-size: 125px 125px + } +} +.gsf-tooltip-readinglist { + background: url(/a/i/gsf/gsf_pocketlistdisc@1x.png); + display: block; + float: left; + margin-left: -7px; + height: 79px; + min-width: 80px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-readinglist { + background-image: url(/a/i/gsf/gsf_pocketlistdisc@2x.png); + background-size: 80px 79px + } +} +.gsf-tooltip-extracontent { + float: left; + padding-left: 1em; + text-align: left; + width: 18em +} +.gsf-tooltip-detail-comingback, +.gsf-tooltip-detail-mobile { + position: relative; + width: 43em +} +.gsf-tooltip-detail-comingback:after, +.gsf-tooltip-detail-mobile:after { + content: ""; + display: table; + clear: both +} +.flexbox .gsf-tooltip-detail-comingback, +.flexbox .gsf-tooltip-detail-mobile { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: auto +} +.flexbox .gsf-tooltip-detail-mobile { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.flexbox .gsf-tooltip-detail-mobile, +.gsf-tooltip-detail-mobile { + padding: 0 1em; + width: 40em +} +.flexbox .gsf-tooltip-detail-comingback { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.gsf-tooltip-detail-webwarning { + position: relative; + width: 32em +} +.gsf-tooltip-detail-webwarning:after { + content: ""; + display: table; + clear: both +} +.gsf-tooltip-close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat; + cursor: pointer; + height: 15px; + right: 1em; + overflow: hidden; + position: absolute; + text-indent: -20em; + top: 1.1em; + width: 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 30em) { + .gsf-tooltip-close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat; + right: 1em; + top: 1em; + height: 9px; + width: 10px + } + .page-skindark .gsf-tooltip-close { + background-position: -144px -708px + } + @media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { + .gsf-tooltip-close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } + } +} +.gsf-tooltip-mobile-images { + background: url(/a/i/gsf/gsf_mobilesplash@1x.png); + display: block; + float: left; + margin-left: .75em; + height: 342px; + bottom: 0; + position: relative; + width: 332px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-mobile-images { + background: url(/a/i/gsf/gsf_mobilesplash@2x.png); + background-size: 332px 342px + } +} +.gsf-tooltip-mobile-content { + float: left; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin-left: 3em; + margin-right: 2em; + position: relative; + text-align: center +} +.gsf-tooltip-mobile-content .gsf-tooltip-headline { + font-size: 1.11111em; + line-height: 1.3; + margin-top: 2em +} +.overlay_screen .gsf-tooltip-mobile-content .button-container { + margin: 1.5em auto; + text-align: center +} +.gsf-tooltip-dismiss { + color: #b1b2b2 +} +.overlay_screen .gsf-tooltip-mobile-content .gsf-tooltip-appstorebuttons { + margin: 2em auto; + text-align: center +} +.gsf-tooltip-mobile-gplay, +.gsf-tooltip-mobile-ios { + background-position: center center; + background-repeat: no-repeat; + display: inline-block; + height: 30px; + overflow: hidden; + padding: 0 .2em; + position: relative; + text-indent: 200%; + white-space: nowrap; + width: 100px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-mobile-gplay, + .gsf-tooltip-mobile-ios { + background-size: 100px 30px + } +} +.gsf-tooltip-mobile-gplay { + background-image: url(/a/i/gsf/gsf_gplaycta@1x.png) +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-mobile-gplay { + background-image: url(/a/i/gsf/gsf_gplaycta@2x.png) + } +} +.gsf-tooltip-mobile-ios { + background-image: url(/a/i/gsf/gsf_ioscta@1x.png) +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-mobile-ios { + background-image: url(/a/i/gsf/gsf_ioscta@2x.png) + } +} +.gsf-tooltip-detail-mobile .button { + min-width: 10em; + overflow: hidden; + position: relative +} +.gsf-tooltip-detail-mobile .button-inactive { + display: none +} +.gsf-tooltip-detail-mobile .button-processing { + cursor: default; + overflow: hidden; + text-indent: -40em +} +.gsf-tooltip-detail-mobile .button-sent { + cursor: default +} +.gsf-tooltip-detail-mobile .button-processing .gsf-tooltip-spinner { + background: url(/a/i/gsf/gsf_spinner@2x.gif) center center no-repeat; + background-size: 15px 15px; + height: 15px; + left: 50%; + margin-left: -7px; + margin-top: -8px; + position: absolute; + top: 50%; + width: 15px +} +.gsf-tooltip-detail-webviewonly { + text-align: center; + position: relative; + width: 43em +} +.gsf-tooltip-detail-webviewonly:after { + content: ""; + display: table; + clear: both +} +.gsf-tooltip-bigheadline { + font-size: 2.4em; + font-weight: 300; + line-height: 1.2; + margin-top: .5em; + padding: 0 1em +} +.gsf-tooltip-detail-webviewonly p { + font-size: 1.33333em; + max-width: 26em; + margin-left: auto; + margin-right: auto +} +.gsf-tooltip-detail-webviewonly p:last-of-type { + margin-bottom: 1em +} +.gsf-tooltip-detail-webviewonly .gsf-tooltip-article { + margin: 0 auto 2em; + max-width: 280px +} +.gsf-tooltip-detail-webviewonly .gsf-tooltip-article>p { + font-size: 1em; + text-align: left +} +.gsf-tooltip-checkmark { + background: url(/a/i/gsf/gsf_tooltipcheckmark@1x.png) center center no-repeat; + display: inline-block; + height: 16px; + padding-right: 1em; + top: 1px; + width: 17px; + position: relative +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-checkmark { + background-image: url(/a/i/gsf/gsf_tooltipcheckmark@2x.png); + background-size: 17px 16px + } +} +.gsf-tooltip-detail-inception { + text-align: center; + position: relative; + width: 50em +} +.gsf-tooltip-detail-inception:after { + content: ""; + display: table; + clear: both +} +.gsf-tooltip-detail-inception .gsf-tooltip-headline { + font-size: 2.46154em; + font-weight: 300; + padding-top: .9em +} +.gsf-tooltip-inception-browser { + background: url(/a/i/gsf/gsf_inceptbrowser@1x.jpg) center center no-repeat; + bottom: -1.6em; + display: block; + height: 297px; + margin: 0 auto; + position: relative; + width: 655px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-inception-browser { + background-image: url(/a/i/gsf/gsf_inceptbrowser@2x.jpg); + background-size: 655px 297px + } +} +.gsf-tooltip-inception-arrow-detail { + color: #50bcb6; + font-size: 1.38462em; + margin-bottom: 0 +} +.gsf-tooltip-inception-arrow { + background: url(/a/i/gsf/gsf_inceptarrow@1x.png) center center no-repeat; + display: block; + height: 76px; + margin: 0 auto; + position: absolute; + right: 5em; + top: -3.5em; + width: 131px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-inception-arrow { + background-image: url(/a/i/gsf/gsf_inceptarrow@2x.png); + background-size: 131px 76px + } +} +.gsf-tooltip-inception-link { + display: block; + height: 3.2em; + position: absolute; + right: 2.8em; + top: 1.2em; + width: 3.2em; + z-index: 5 +} +.gsf-tooltip-gamify { + background-color: #50bcb6; + border-color: #50bcb6; + color: #fff; + width: 370px +} +.gsf-tooltip-gamify-bottomleft .arrow, +.gsf-tooltip-gamify-bottomleft .arrow:after { + border-bottom-color: #50bcb6 +} +.gsf-tooltip-gamify .gsf-tooltip-header { + padding-left: 1em; + padding-right: 1em +} +.gsf-tooltip-gamify .gsf-tooltip-extracontent { + width: 15em +} +.gsf-tooltip-gamify .gsf-tooltip-headline { + color: #fff; + font-size: 1.33333em; + line-height: 1.3 +} +.gsf-tooltip-gamify .gsf-tooltip-footer { + background-color: #25a7a0 +} +.gsf-tooltip-gamify .gsf-tooltip-confirm { + color: #fff +} +.gsf-tooltip-gamify .gsf-tooltip-confirm:hover { + color: #e0e0e0 +} +.gsf-tooltip-logoalt { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png); + float: left; + height: 78px; + text-indent: -99em; + width: 78px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .gsf-tooltip-logoalt { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +#addMenu { + z-index: 9000 +} +@media only screen and (min-width: 30em) { + #addMenu { + width: 358px + } +} +.addmenu-hideconnect .container p { + display: none +} +#addMenu .container { + background: #fff; + padding: 10px +} +@media only screen and (min-width: 30em) { + #addMenu .container { + padding: 0 + } +} +.page-queuedark #addMenu .container { + background: #1f1f1f +} +#addMenu .container input { + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + color: #666; + display: block; + font-size: 15px; + padding: 5px 10px; + position: relative; + top: 1px; + width: 100% +} +@media only screen and (min-width: 30em) { + #addMenu .container input { + box-sizing: content-box; + display: inline-block; + margin: 0 10px 18px; + width: 240px + } +} +#addMenu .addurl_mobile_mode input { + font-size: 16px +} +.page-queuedark #addMenu input { + background-color: #313131; + border-color: #4e4e4e; + color: #ccc +} +#addMenu .container .button { + display: block; + font-size: 15px; + margin-top: 20px; + padding: 7px 15px; + position: relative; + top: 1px +} +@media only screen and (min-width: 30em) { + #addMenu .container .button { + display: inline-block; + margin-right: 10px; + margin-top: 0 + } +} +#addMenu .container h5 { + color: #313131; + display: none; + font-size: 15px; + padding: 30px 30px 0; + text-align: center +} +@media only screen and (min-width: 30em) { + #addMenu .container h5 { + display: block; + padding-top: 10px + } +} +.page-queuedark #addMenu .container h5 { + color: #ccc +} +#addMenu .container p { + background-color: #fff6da; + color: #000; + font-size: 13px; + font-weight: 400; + margin-bottom: .75em; + padding: 6px 30px; + text-align: center +} +#addMenu p a { + color: #50bcb6 +} +#addMenu .saveurl-close { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat; + display: block; + height: 15px; + overflow: hidden; + position: absolute; + top: 18px; + right: .8em; + width: 16px; + text-indent: -400px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #addMenu .saveurl-close { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 30em) { + #addMenu .saveurl-close { + display: none + } +} +#addMenu .popover-new-header h2 { + margin-left: 1em +} +#searchSortMenu .container { + background: #fff; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 6px +} +.page-queuedark #searchSortMenu .container { + background-color: #1f1f1f +} +#searchSortMenu h5 { + color: #999; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: .923em; + text-transform: uppercase; + padding: 1em 1.2em .5em +} +#searchSortMenu .search-sortby-options { + margin: 0; + min-width: 13em; + padding: 0; + top: 0; + width: auto +} +#searchSortMenu .search-sortby-options li { + display: block; + float: none; + font-size: 1.231em; + position: relative +} +#searchSortMenu .search-sortby-options a { + color: #666; + padding: .5em .9em; + text-indent: 0 +} +.page-queuedark #searchSortMenu .search-sortby-options a { + color: #dcdce0 +} +#searchSortMenu .search-sortby-options .oldest { + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px +} +#searchSortMenu .search-sortby-options a:hover { + background-color: #50bcb6; + color: #fff; + text-decoration: none +} +#searchSortMenu .search-sortby-options .search-sortby-selected { + color: #313131; + background-image: url(/a/i/icons_toolbar_bottom@1x.png?122); + background-position: 145px -1315px; + background-repeat: no-repeat +} +.page-queuedark #searchSortMenu .search-sortby-options .search-sortby-selected { + color: #666 +} +#confirmation { + z-index: 9000 +} +.page-reader #confirmation { + margin-left: -.8em +} +#confirmation.popover-new-bottomright .arrow, +#confirmation.popover-new-topright .arrow { + left: 10.5% +} +#confirmation.popover-new-bottomleft .arrow, +#confirmation.popover-new-topleft .arrow { + left: 90% +} +.confirmation_dialog { + margin: 10px; + text-align: center +} +@media only screen and (min-width: 30em) { + .confirmation_dialog { + text-align: left + } +} +.confirmation_dialog h5 { + border-bottom: 1px solid #e6e6e8; + text-align: center; + font-size: 15px; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 19px 0 20px; + padding-bottom: 1em +} +@media only screen and (min-width: 30em) { + .confirmation_dialog h5 { + border-bottom: none; + font-size: 20px; + margin: 16px 0 0 + } +} +.page-skindark .confirmation_dialog h5 { + border-bottom-color: #383737 +} +.confirmation_dialog a { + color: #52bcb6 +} +.confirmation_dialog .button { + color: #222; + margin: 0 5px 5px +} +#confirmation .popover-new-close { + right: 1em; + top: 16px +} +.overlay_screen .overlay_detail_sharesheet { + padding: 0 +} +@media only screen and (min-width: 33em) { + .overlay_screen .overlay_detail_sharesheet { + max-width: 29.5em + } +} +.overlay_screen .overlay_detail_sharesheet .close { + z-index: 20 +} +.sharesheet_header { + background-color: #fdfdfd; + padding: 1em; + position: relative +} +.page-skindark .sharesheet_header { + background-color: #1f1f1f +} +@media only screen and (min-width: 33em) { + .sharesheet_header { + padding: 1.5em 1.5em 1.25em + } +} +.sharesheet_header_scrollarea { + max-height: 7em; + overflow: hidden +} +.sharesheet_header_overflow .sharesheet_header_scrollarea { + overflow-y: auto +} +@media only screen and (min-width: 33em) { + .sharesheet_header_scrollarea { + max-height: 7.75em + } +} +.sharesheet_titlewrapper { + min-height: 2.8em; + padding-right: 1em +} +@media only screen and (min-width: 33em) { + .sharesheet_titlewrapper { + padding-right: 0 + } +} +.sharesheet_thumb { + border: 1px solid #999; + background-size: cover; + background-position: center center; + display: block; + float: left; + height: 2.8em; + margin-right: .7em; + width: 3.1em +} +.sharesheet_title { + font-size: .77778em; + line-height: 1.2; + margin-bottom: .2em; + max-height: 2.5em; + overflow: hidden; + text-align: left +} +@media only screen and (min-width: 33em) { + .sharesheet_title { + font-size: .88889em; + margin-bottom: .05em + } +} +.overlay_screen .overlay_detail_sharesheet .sharesheet_domain { + color: #999; + font-size: .72222em; + margin: 0 +} +@media only screen and (min-width: 33em) { + .overlay_screen .overlay_detail_sharesheet .sharesheet_domain { + font-size: .77778em + } +} +.overlay_screen .overlay_detail_sharesheet .sharesheet_excerpt { + border-left: 1px solid #999; + font-size: .77778em; + font-style: italic; + margin-bottom: 0; + margin-top: 1.2em; + padding-left: .8em +} +.overlay_screen .overlay_detail_sharesheet .sharesheet_excerpt:after { + content: ""; + display: table; + clear: both +} +@media only screen and (min-width: 33em) { + .overlay_screen .overlay_detail_sharesheet .sharesheet_excerpt { + font-size: .88889em; + margin-top: 1.5em + } +} +.sharesheet_excerpt_fader { + background: -webkit-linear-gradient(top, rgba(252, 252, 252, 0), rgba(252, 252, 252, .9)); + background: linear-gradient(to bottom, rgba(252, 252, 252, 0), rgba(252, 252, 252, .9)); + display: none; + left: 0; + height: 2em; + position: absolute; + width: 100%; + top: 6em +} +.sharesheet_header_overflow .sharesheet_excerpt_fader { + display: block +} +@media only screen and (min-width: 33em) { + .sharesheet_excerpt_fader { + top: 7.4em + } +} +.sharesheet_comment_content { + border: 1px solid #ccc; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25); + box-sizing: border-box; + color: #313131; + display: block; + font-size: .88889em; + margin: 1em 0 0; + padding: .8em; + resize: none; + width: 100% +} +.page-skindark .sharesheet_comment_content { + background-color: #313131; + border-color: #4e4e4e; + color: #ccc +} +@media only screen and (min-width: 33em) { + .sharesheet_comment_content { + margin-top: 1.4em + } +} +.sharesheet_shareto_wrapper { + background-color: #fff; + border: 1px solid #dcdce0; + border-width: 1px 0; + padding: 1em 0; + text-align: left +} +.page-skindark .sharesheet_shareto_wrapper { + background-color: transparent; + border-color: #383737 +} +@media only screen and (min-width: 33em) { + .sharesheet_shareto_wrapper { + border-width: 1px 0 0 + } + .sharesheet_shareto_wrapper:after { + content: ""; + display: table; + clear: both + } +} +.sharesheet_shareto_header { + font-size: .77778em; + padding: 0 1.25em; + text-transform: uppercase +} +@media only screen and (min-width: 33em) { + .sharesheet_shareto_header { + margin-bottom: .3em; + margin-top: .7em; + padding: 0 1.95em + } +} +.sharesheet_shareto_options { + margin: 0 +} +.sharesheet_shareto_options:after { + content: ""; + display: table; + clear: both +} +@media only screen and (min-width: 33em) { + .sharesheet_shareto_options { + margin: 0 1em + } +} +.sharesheet_shareto_item { + display: block; + list-style: none; + padding: .5em 1em; + position: relative +} +.sharesheet_shareto_item:hover { + background-color: #f4f4f6 +} +.page-skindark .sharesheet_shareto_item:hover { + background-color: #292929 +} +@media only screen and (min-width: 33em) { + .sharesheet_shareto_item { + box-sizing: border-box; + float: right; + padding: .5em; + width: 45% + } +} +@media only screen and (min-width: 33em) { + .sharesheet_shareto_item:nth-of-type(2n+1) { + float: left + } +} +.flexbox .sharesheet_shareto_item { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} +.sharesheet_icon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -174px -375px no-repeat; + display: block; + float: left; + height: 18px; + margin-right: .7em; + width: 18px; + position: relative; + top: .3em +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .sharesheet_icon { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.page-skindark .sharesheet_icon { + background-position: -58px -375px +} +.sharesheet_shareto_item:hover .sharesheet_icon, +.sharesheet_shareto_itemchecked .sharesheet_icon { + background-position: -116px -375px +} +.flexbox .sharesheet_icon { + top: 0 +} +.sharesheet_icon_facebook { + background-position: -406px -375px; + height: 18px +} +.page-skindark .sharesheet_icon_facebook { + background-position: -290px -375px +} +.sharesheet_shareto_item:hover .sharesheet_icon_facebook, +.sharesheet_shareto_itemchecked .sharesheet_icon_facebook { + background-position: -348px -375px +} +.page-skindark .sharesheet_shareto_item:hover .sharesheet_icon_facebook, +.page-skindark .sharesheet_shareto_itemchecked .sharesheet_icon_facebook { + background-position: -232px -375px +} +.sharesheet_icon_twitter { + background-position: 0 -375px; + height: 18px +} +.page-skindark .sharesheet_icon_twitter { + background-position: -417px -238px +} +.sharesheet_shareto_item:hover .sharesheet_icon_twitter, +.sharesheet_shareto_itemchecked .sharesheet_icon_twitter { + background-position: -417px -296px +} +.page-skindark .sharesheet_shareto_item:hover .sharesheet_icon_twitter, +.page-skindark .sharesheet_shareto_itemchecked .sharesheet_icon_twitter { + background-position: -417px -180px +} +.sharesheet_icon_buffer { + background-position: -476px -116px; + height: 18px +} +.page-skindark .sharesheet_icon_buffer { + background-position: -476px -232px +} +.sharesheet_shareto_item:hover .sharesheet_icon_buffer, +.sharesheet_shareto_itemchecked .sharesheet_icon_buffer { + background-position: -476px -174px +} +.page-skindark .sharesheet_shareto_item:hover .sharesheet_icon_buffer, +.page-skindark .sharesheet_shareto_itemchecked .sharesheet_icon_buffer { + background-position: -476px -290px +} +.sharesheet_shareto_text { + color: #666; + font-size: .88889em; + max-width: 13em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} +.page-skindark .sharesheet_shareto_text { + color: #ccc +} +.sharesheet_shareto_item:hover .sharesheet_shareto_text, +.sharesheet_shareto_itemchecked .sharesheet_shareto_text { + color: #313131 +} +.page-skindark .sharesheet_shareto_item:hover .sharesheet_shareto_text, +.page-skindark .sharesheet_shareto_itemchecked .sharesheet_shareto_text { + color: #fff +} +.page-skindark .sharesheet_shareto_item:hover .sharesheet_shareto_textrecommends, +.page-skindark .sharesheet_shareto_itemchecked .sharesheet_shareto_textrecommends, +.sharesheet_shareto_item:hover .sharesheet_shareto_textrecommends, +.sharesheet_shareto_itemchecked .sharesheet_shareto_textrecommends { + color: #ee4256 +} +.flexbox .sharesheet_shareto_text { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: inherit; + padding-right: 1em +} +.sharesheet_shareto_checkvisual { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -202px -239px no-repeat; + display: block; + float: right; + height: 20px; + width: 20px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .sharesheet_shareto_checkvisual { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.page-skindark .sharesheet_shareto_checkvisual { + background-position: -262px -239px +} +.sharesheet_shareto_itemchecked .sharesheet_shareto_checkvisual { + background-position: -60px -315px +} +.sharesheet_shareto_checkbox { + display: none +} +.sharesheet_shareto_link { + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 5 +} +.sharesheet_sendtofriend_wrapper { + padding: 1em; + text-align: left +} +@media only screen and (min-width: 33em) { + .sharesheet_sendtofriend_wrapper { + padding: .6em 1.5em 1.25em + } +} +.sharesheet_sendtofriend_header { + font-size: .77778em; + text-transform: uppercase +} +.overlay_detail_sharesheet .token-input-list, +.sharesheet_sendtofriend_input { + border: 1px solid #ccc; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25); + box-sizing: border-box; + color: #313131; + display: block; + float: none; + font-size: .88889em; + margin: 1em 0 0; + padding: .4em .5em; + resize: none; + width: 100% +} +.page-skindark .overlay_detail_sharesheet .token-input-list, +.page-skindark .sharesheet_sendtofriend_input { + background-color: #313131; + border-color: #4e4e4e; + color: #ccc +} +.sharesheet_processing { + background: url(/a/i/spinner@1x.gif) center center no-repeat; + background-size: 16px 16px; + display: none; + height: 16px; + margin: .1em 0 0 -8px; + left: 50%; + width: 16px; + position: absolute +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .sharesheet_processing { + background-image: url(/a/i/spinner@2x.gif) + } +} +.sharesheet_processingactive { + display: block +} +.button_sharesheet { + display: block; + margin: 1.5em auto; + max-width: 4em +} +@media only screen and (min-width: 33em) { + .button_sharesheet { + margin-bottom: 0; + margin-top: 1.35em + } +} +.sharesheet_form .button-disabled:hover { + color: #ccc; + color: rgba(255, 255, 255, .6) +} +.sharesheet_cancel { + color: #666; + display: block; + font-weight: 400; + margin: .4em 0; + text-align: center +} +@media only screen and (min-width: 33em) { + .sharesheet_cancel { + display: none + } +} +.sharesheet_stfitem .title { + margin: 0 +} +.sharesheet_stfitem .subtitle { + font-size: .76923em; + margin: 0 +} +.sharesheet_stfimg { + border-radius: 1.75em; + float: left; + margin: .5em; + width: 25px; + height: 25px +} +.sharesheet_sftdesc { + display: inline-block +} +.sharesheet_form .token-input-input-token { + min-height: 2em +} +.flexbox .sharesheet_form .token-input-input-token { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} +.sharesheet_form .token-input-input-token input { + min-width: 12em +} +.overlay_screen .overlay_detail .sharesheet_stftoken { + box-sizing: border-box; + height: 31px +} +.overlay_screen .overlay_detail .sharesheet_stfdetail { + margin: .4em .4em .2em +} +.sharesheet_stftoken .sharesheet_stfimg { + margin: .1em +} +.sharesheet_stftoken .token-input-delete-token { + top: .1em; + position: relative +} +.token-input-dropdown-forstf ul { + overflow: auto; + max-height: 6.7em +} +@media only screen and (min-height: 43em) { + .token-input-dropdown-forstf ul { + max-height: 10.5em + } +} +.sharesheet_updateprofile_form { + padding: 1em +} +.sharesheet_updateprofile_field { + border: 1px solid #ccc; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25); + box-sizing: border-box; + color: #313131; + display: block; + float: none; + font-size: .88889em; + margin: 0 0 1em; + padding: .4em .5em; + resize: none; + width: 100% +} +.page-skindark .sharesheet_updateprofile_field { + background-color: #313131; + border-color: #4e4e4e; + color: #ccc +} +.sharesheet_updateprofile_header { + font-size: 1.5em; + font-weight: 300 +} +.sharesheet_updateprofile_subheader { + font-size: .88889em; + margin: 0; + text-align: left +} +@media only screen and (min-width: 33em) { + .overlay_screen .overlay_detail_sharesheet_updateprofile { + max-width: 20em + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #searchSortMenu .search-sortby-options .search-sortby-selected { + background-image: url(/a/i/icons_toolbar_bottom@2x.png?122); + background-size: 600px 1550px + } +} +.page-queuedark { + background-color: #1f1f1f +} +.flexbox .toolbar_queue .icons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 50px; + margin-bottom: 0; + padding-bottom: 0 +} +.pkt-nav .pocket_logo { + display: none +} +@media only screen and (min-width: 65em) { + .pkt-nav .pocket_logo { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) 0 -178px no-repeat; + cursor: pointer; + display: block; + height: 21px; + left: 0; + margin: 0; + overflow: hidden; + text-indent: -99em; + top: .4em; + width: 80px; + position: absolute; + z-index: 8002 + } + @media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { + .pkt-nav .pocket_logo { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } + } +} +@media only screen and (min-width: 65em) { + .page-queuedark .pkt-nav .pocket_logo { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -229px -60px no-repeat + } + @media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { + .page-queuedark .pkt-nav .pocket_logo { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } + } +} +.pagenav_queuedetail { + margin-top: 16px +} +.flexbox .pagenav_queuedetail { + margin-top: 0 +} +.pkt-nav .icons .queue_title { + color: #313131; + float: left; + font-size: 1.23077em; + font-weight: 600; + height: auto; + line-height: 1em; + margin-left: .5em; + margin-top: .1em; + text-indent: 0; + width: auto; + white-space: nowrap +} +@media only screen and (min-width: 30em) { + .pkt-nav .icons .queue_title { + font-size: 1.15385em; + margin-top: .2em + } +} +@media only screen and (min-width: 65em) { + .pkt-nav .icons .queue_title { + margin-left: 9.3em + } +} +.page-skindark .pkt-nav .icons .queue_title { + color: #ccc +} +.flexbox .icons .queue_title { + margin-top: .6em +} +@media only screen and (min-width: 30em) { + .flexbox .icons .queue_title { + margin-top: .5em + } +} +.pkt-nav .pagenav_queuedetail { + display: block +} +@media only screen and (min-width: 38em) { + .pkt-nav .pagenav_queuedetail { + display: none + } +} +.pagenav_sectiontoggle { + display: none; + height: 100%; + margin-left: 2em +} +@media only screen and (min-width: 38em) { + .pagenav_sectiontoggle { + display: block + } +} +@media only screen and (min-width: 65em) { + .pagenav_sectiontoggle { + margin-left: 10.75em + } +} +.pkt-nav-bulkeditmode .pagenav_sectiontoggle { + display: none +} +.pkt-nav .pagenav_sectiontoggle .queue_togglesection_option { + color: #313131; + cursor: pointer; + box-sizing: border-box; + display: block; + font-size: 1.15385em; + font-weight: 600; + float: left; + height: 100%; + margin: 0 4em 0 0; + width: auto; + text-indent: 0 +} +.pkt-nav .pagenav_sectiontoggle .queue_togglesection_option:hover { + color: #50bcb6 +} +.page-queuedark .pagenav_sectiontoggle .queue_togglesection_option { + color: #ccc +} +.pkt-nav .pagenav_sectiontoggle .queue_togglesection_recommended { + margin-right: 0 +} +.flexbox .pagenav_sectiontoggle .queue_togglesection_option { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.pkt-nav .pagenav_sectiontoggle .queue_togglesection_optionselected { + border-bottom: 2px solid #50bcb6; + color: #50bcb6; + cursor: default +} +.queue_togglesection_text { + display: block; + margin-top: 1em +} +.flexbox .queue_togglesection_text { + margin-top: .1em +} +.flexbox .queue_togglesection_optionselected .queue_togglesection_text { + position: relative; + top: 1px +} +.pkt-nav .icons .queue_toggle_listqueue, +.queue_toggle_listqueue { + display: none; + float: left; + font-size: 1.15385em; + color: #a6a6a6; + margin: 0 0 0 .5em; + overflow: visible; + position: relative; + text-decoration: none; + text-indent: 0; + width: auto +} +.no-touch .pkt-nav .icons .queue_toggle_listqueue:hover, +.no-touch .queue_toggle_listqueue:hover { + color: #999 +} +.pkt-nav .icons .queue_toggle_listqueue { + margin-top: .3em +} +@media only screen and (min-width: 30em) { + .pkt-nav .icons .queue_toggle_active, + .queue_toggle_active { + display: block + } +} +.nav-togglenotch, +.pkt-nav .icons .nav-togglenotch { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px -188px no-repeat; + display: inline-block; + height: 6px; + margin-left: .2em; + position: relative; + top: -.1em; + width: 9px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .nav-togglenotch, + .pkt-nav .icons .nav-togglenotch { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.pkt-nav .toggle_listqueue_container>a, +.toggle_listqueue_container { + display: block; + position: absolute; + height: 100%; + margin: 0; + left: 0; + top: 0; + width: 100% +} +.toggle_listqueue_container .popover-new-list { + padding: .5em 0 +} +.toggle_listqueue_container .popover-new-list a { + font-size: 1em +} +.expanded_toggle { + display: none; + background-color: #f4f4f6; + top: 2.2em; + position: relative; + width: 100%; + z-index: 5 +} +.page-queuedark .expanded_toggle { + background-color: #1f1f1f +} +.expanded_toggle ul { + padding: 0 +} +.expanded_toggle li { + box-sizing: border-box; + float: left; + width: 50% +} +.searchtoolbar_queue .expanded_toggle a, +.toolbar_queue_narrowtoggle .expanded_toggle a { + border-bottom: 2px solid #999; + box-sizing: border-box; + background-color: #f4f4f6; + color: #999; + font-size: 1.15385em; + height: 2.7em; + padding-top: 1em; + text-decoration: none; + text-indent: 0; + text-align: center +} +.no-touch .searchtoolbar_queue .expanded_toggle a:hover, +.no-touch .toolbar_queue_narrowtoggle .expanded_toggle a:hover { + border-bottom-color: #313131; + color: #313131 +} +.page-queuedark .searchtoolbar_queue .expanded_toggle a, +.page-queuedark .toolbar_queue_narrowtoggle .expanded_toggle a { + background-color: #1f1f1f; + border-bottom-color: #4e4e4e; + color: #a6a6a6 +} +.searchtoolbar_queue .expanded_toggle .expanded_toggle_selected, +.toolbar_queue_narrowtoggle .expanded_toggle .expanded_toggle_selected { + border-bottom-color: #313131; + color: #313131 +} +.page-queuedark .searchtoolbar_queue .expanded_toggle .expanded_toggle_selected, +.page-queuedark .toolbar_queue_narrowtoggle .expanded_toggle .expanded_toggle_selected { + border-bottom-color: #ccc; + color: #ccc +} +.expanded_toggle .expanded_allitems { + display: none +} +.toolbar_queue_narrowtoggle .expanded_toggle { + display: block +} +@media only screen and (min-width: 30em) { + .toolbar_queue_narrowtoggle .expanded_toggle { + display: none + } +} +.pagenav_gridview>a, +.toolbar_queue .pagenav_gridview>a { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -55px -655px no-repeat; + display: block; + height: 13px; + margin-top: 2.1em; + overflow: hidden; + outline: 0; + text-indent: -9999px; + position: relative; + top: -.6em; + width: 15px +} +.no-touch .pagenav_gridview>a:hover, +.no-touch .toolbar_queue .pagenav_gridview>a:hover, +.touch .pagenav_gridview>a, +.touch .toolbar_queue .pagenav_gridview>a { + background-position: -110px -655px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .pagenav_gridview>a, + .toolbar_queue .pagenav_gridview>a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 38em) { + .pagenav_gridview>a, + .toolbar_queue .pagenav_gridview>a { + top: -.05em + } +} +.pagenav_listview>a, +.toolbar_queue .pagenav_listview>a { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -545px -600px no-repeat; + display: block; + height: 14px; + margin-top: 2em; + width: 14px; + overflow: hidden; + position: relative; + text-indent: -9999px; + top: -.4em +} +.no-touch .pagenav_listview>a:hover, +.no-touch .toolbar_queue .pagenav_listview>a:hover, +.touch .pagenav_listview>a, +.touch .toolbar_queue .pagenav_listview>a { + background-position: -599px -600px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .pagenav_listview>a, + .toolbar_queue .pagenav_listview>a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 38em) { + .flexbox .toolbar_queue .pagenav_listview>a { + top: 0 + } +} +.pagenav_content_all>a, +.toolbar_queue .pagenav_content_all>a { + background-image: none; + width: 20px +} +.toolbar_queue .pagenav_gridview>a, +.toolbar_queue .pagenav_listview>a { + margin-top: 1.48em; + opacity: 0; + -webkit-transition: visibility .2s ease-out, opacity .2s ease-out; + transition: visibility .2s ease-out, opacity .2s ease-out; + visibility: hidden +} +.toolbar_queue .pagenav_listview>a { + margin-top: 1.85em +} +.pagenav_bulkedit>a, +.toolbar_queue .pagenav_bulkedit>a { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -220px -545px no-repeat; + display: block; + height: 15px; + margin-top: 2.1em; + overflow: hidden; + outline: 0; + text-indent: -9999px; + position: relative; + top: -.6em; + width: 15px +} +.no-touch .pagenav_bulkedit>a:hover, +.no-touch .toolbar_queue .pagenav_bulkedit>a:hover, +.touch .pagenav_bulkedit>a, +.touch .toolbar_queue .pagenav_bulkedit>a { + background-position: -275px -545px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .pagenav_bulkedit>a, + .toolbar_queue .pagenav_bulkedit>a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.toolbar_queue .pagenav_bulkedit>a { + opacity: 0; + -webkit-transition: visibility .2s ease-out, opacity .2s ease-out; + transition: visibility .2s ease-out, opacity .2s ease-out; + margin-top: 2em; + visibility: hidden +} +.flexbox .pagenav_bulkedit>a { + top: 0 +} +.pagenav_extrasdivider { + border-left: 1px solid #e6e6e8; + margin-left: 1.7em; + margin-top: 0; + height: 50px; + position: relative; + -webkit-transition: visibility .2s ease-out, opacity .2s ease-out; + transition: visibility .2s ease-out, opacity .2s ease-out; + opacity: 0; + visibility: hidden +} +.page-queuedark .pagenav_extrasdivider { + border-left-color: #383737 +} +.flexbox .pagenav_extrasdivider { + margin-top: 0 +} +.searchtoolbar_queue_expanded .pagenav_extrasdivider { + opacity: 1; + visibility: visible +} +.searchtoolbar_queue .pagenav_extrasdivider { + margin-left: 1em +} +.pagenav_extrasdots { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -244px -708px no-repeat; + display: block; + height: 4px; + overflow: hidden; + text-indent: -9999px; + position: absolute; + right: 0; + top: 45%; + width: 15px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .pagenav_extrasdots { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +#pagenav_addarticle { + position: relative; + left: -3.5em +} +@media only screen and (min-width: 38em) { + #pagenav_addarticle { + left: 0 + } +} +#pagenav_addarticle>a { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -700px -378px no-repeat; + display: block; + height: 14px; + margin-top: 1.4em; + overflow: hidden; + outline: 0; + position: relative; + text-indent: -9999px; + width: 15px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #pagenav_addarticle>a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.page-queuedark #pagenav_addarticle>a { + background-position: -700px -432px +} +.no-touch #pagenav_addarticle>a:hover { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -436px -600px no-repeat +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .no-touch #pagenav_addarticle>a:hover { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.touch #pagenav_addarticle>a { + background-position: 0 -433px; + height: 17px; + width: 17px +} +@media only screen and (min-width: 38em) { + .touch #pagenav_addarticle>a { + background-position: -701px -378px; + height: 14px; + width: 14px + } +} +.touch .page-queuedark #pagenav_addarticle>a { + background-position: -57px -433px; + height: 17px; + width: 17px +} +@media only screen and (min-width: 38em) { + .touch .page-queuedark #pagenav_addarticle>a { + background-position: -701px -432px; + height: 14px; + width: 14px + } +} +.flexbox #pagenav_addarticle>a { + margin-top: 0 +} +#pagenav_inbox { + display: none; + position: relative +} +@media only screen and (min-width: 38em) { + #pagenav_inbox { + display: block + } +} +.toolbar_queue .pagenav_inbox_link { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -388px -655px no-repeat +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .toolbar_queue .pagenav_inbox_link { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.page-queuedark .toolbar_queue .pagenav_inbox_link { + background-position: -332px -655px +} +.no-touch .toolbar_queue .pagenav_inbox_link:hover { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -444px -655px no-repeat +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .no-touch .toolbar_queue .pagenav_inbox_link:hover { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +#pagenav_inbox>a { + height: 12px; + margin-top: 1.45em; + overflow: hidden; + outline: 0; + text-indent: -9999px; + width: 16px +} +.flexbox #pagenav_inbox>a { + margin-top: 0 +} +.inbox_badge { + background-color: #ee4256; + border-radius: 14px; + color: #fff; + cursor: pointer; + font-size: .8em; + height: 14px; + left: 30px; + opacity: 0; + position: absolute; + top: 11px; + visibility: hidden; + text-align: center; + -webkit-transition: visibility .4s ease-out, opacity .4s ease-out; + transition: visibility .4s ease-out, opacity .4s ease-out; + width: 14px; + z-index: 5 +} +.inbox_badge:hover+.pagenav_inbox_link { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -444px -655px no-repeat +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .inbox_badge:hover+.pagenav_inbox_link { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.flexbox .toolbar_queue .inbox_badge { + top: -8px +} +.inbox_badge_wide { + left: 26px; + width: 21px +} +.inbox_badge_superwide { + left: 25px; + width: 25px +} +.inbox_badge_active { + opacity: 1; + visibility: visible +} +.csstransforms3d .inbox_badge { + -webkit-transform: scale3d(0, 0, 1); + transform: scale3d(0, 0, 1); + opacity: 1; + -webkit-transition: visibility .4s ease-out, -webkit-transform .4s ease-out; + transition: visibility .4s ease-out, transform .4s ease-out +} +.csstransforms3d .inbox_badge_active { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1) +} +#pagenav_sidenav .inbox_badge { + left: 12px; + top: 27px +} +@media only screen and (min-width: 38em) { + #pagenav_sidenav .inbox_badge { + display: none + } +} +#pagenav_optionsdivider { + border-left: 2px solid #e6e6e8; + display: none; + margin-left: 1.7em; + width: 1px +} +@media only screen and (min-width: 38em) { + #pagenav_optionsdivider { + display: block + } +} +.page-queuedark #pagenav_optionsdivider { + border-left-color: #383737 +} +#pagenav_options { + display: none; + font-size: 1.15385em; + list-style: none; + margin-left: 17px; + margin-top: 1em; + position: relative +} +@media only screen and (min-width: 38em) { + #pagenav_options { + display: block + } +} +.flexbox #pagenav_options { + margin-top: 0 +} +#pagenav_options>a { + color: #313131; + height: 25px; + margin-left: 0; + margin-top: 0; + text-indent: 0; + position: relative; + width: auto +} +.page-skindark #pagenav_options>a { + color: #ccc +} +.flexbox #pagenav_options>a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +#pagenav_options .nav-avatar { + background: center center no-repeat #e6e6e8; + background-size: auto 25px; + border-radius: 25px; + display: inline-block; + float: left; + height: 25px; + margin-right: .75em; + overflow: hidden; + width: 25px +} +#pagenav_options .nav-username { + display: inline-block; + max-width: 70px; + overflow: hidden; + padding-right: 1em; + text-overflow: ellipsis; + white-space: nowrap +} +.flexbox #pagenav_options .nav-username { + padding-right: .4em +} +@media only screen and (min-width: 42em) { + #pagenav_options .nav-username { + max-width: 120px + } +} +@media only screen and (min-width: 50em) { + #pagenav_options .nav-username { + max-width: 200px + } +} +.no-touch #pagenav_options .nav-username-active { + color: #50bcb6 +} +#pagenav_options .nav-downnotch { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px 0 no-repeat; + display: inline-block; + height: 7px; + overflow: hidden; + outline: 0; + right: 0; + text-indent: -9999px; + top: 36%; + position: absolute; + width: 10px +} +.page-queuedark #pagenav_options .nav-downnotch { + background-position: -809px -47px +} +.flexbox #pagenav_options .nav-downnotch { + position: relative; + top: inherit +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #pagenav_options .nav-downnotch { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.no-touch #pagenav_options .nav-downnotch-active { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px -141px no-repeat +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .no-touch #pagenav_options .nav-downnotch-active { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +#pagenav_options_container { + height: 25px; + position: absolute; + left: 0; + top: 0; + width: 100%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +#pagenav_options_container>a { + cursor: pointer; + display: block; + margin: 0; + position: absolute; + height: 100%; + width: 100% +} +#pagenav_options_container .popover-new { + margin-top: 3px +} +#pagenav_options_container .popover-new-bottomleft { + margin-left: 57px +} +#pagenav_options_container .popover-new-list { + max-width: 240px; + min-width: 166px; + width: auto; + padding: .5em 0 +} +#pagenav_options_container .popover-new-list a { + background-image: none; + font-size: 15px; + position: relative; + text-indent: 1.5em +} +#pagenav_options_container .nav-icon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat; + display: block; + left: 1.4em; + position: absolute; + top: .8em; + height: 10px; + width: 10px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #pagenav_options_container .nav-icon { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +#pagenav_options_container .popover-profile-text { + float: left; + padding-left: 1em; + width: 4.5em +} +.flexbox #pagenav_options_container .popover-profile-text { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: auto +} +#pagenav_options_container .popover-profile-avatar { + background: center center no-repeat #ededed; + background-size: auto 40px; + border-radius: 40px; + float: left; + height: 40px; + overflow: hidden; + width: 40px +} +#pagenav_options_container .popover-profile-name { + font-weight: 600; + margin: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: left; + text-indent: 0 +} +#pagenav_options_container .popover-profile-desc { + color: #999; + font-weight: 400; + font-size: .8em; + margin: 0; + text-align: left; + text-indent: 0 +} +#pagenav_options_container .profile:hover .popover-profile-desc, +#pagenav_options_container .profile:hover .popover-profile-name { + color: #fff +} +#pagenav_options_container .profile>a { + height: 3em; + margin-bottom: .5em; + padding: .6em 1.3em +} +.flexbox #pagenav_options_container .profile>a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} +#pagenav_options_container .premium { + border-top: 1px solid #f8f8fa +} +.page-queuedark #pagenav_options_container .premium { + border-top-color: #383737 +} +#pagenav_options_container .premium .nav-icon { + background-position: -755px -161px; + left: 1.45em; + height: 14px; + width: 13px +} +.page-queuedark #pagenav_options_container .premium .nav-icon { + background-position: -755px -53px +} +.no-touch #pagenav_options_container .premium:hover .nav-icon { + background-position: -755px -107px +} +#pagenav_options_container .options .nav-icon { + background-position: -590px -440px; + height: 15px; + width: 15px +} +.page-queuedark #pagenav_options_container .options .nav-icon { + background-position: -590px -220px +} +.no-touch #pagenav_options_container .options:hover .nav-icon { + background-position: 0 -545px +} +#pagenav_options_container .help .nav-icon { + background-position: -755px -215px; + height: 13px; + width: 14px +} +.page-queuedark #pagenav_options_container .help .nav-icon { + background-position: -755px 0 +} +.no-touch #pagenav_options_container .help:hover .nav-icon { + background-position: -701px -594px +} +#pagenav_options_container .logout .nav-icon { + background-position: -755px -479px; + left: 1.3em; + height: 12px; + width: 14px +} +.page-queuedark #pagenav_options_container .logout .nav-icon { + background-position: -755px -427px +} +.no-touch #pagenav_options_container .logout:hover .nav-icon { + background-position: -755px -639px +} +#pagenav_options_container .popover-new-list .betafeedback { + border-top: 1px solid #e6e6e8; + padding-top: .5em +} +.page-queuedark #pagenav_options_container .popover-new-list .betafeedback { + border-top-color: #313131 +} +@media only screen and (min-width: 55em) { + #pagenav_options_container .popover-new-list .betafeedback { + display: none + } +} +#pagenav_options_container .betafeedback .betatrigger { + cursor: pointer; + font-size: .8em; + height: auto; + line-height: 1.2; + padding: .5em 1em; + text-align: center; + text-indent: 0 +} +#pagenav_options_container .betafeedback .nav-icon, +#pagenav_options_container .betaoptout .nav-icon { + display: none +} +#pagenav_searchicon { + float: left; + position: relative; + left: 3em +} +@media only screen and (min-width: 38em) { + #pagenav_searchicon { + left: 0 + } +} +#pagenav_searchicon>a { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -590px -110px no-repeat; + display: block; + height: 15px; + margin-top: 1.42em; + overflow: hidden; + outline: 0; + text-indent: -9999px; + width: 15px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #pagenav_searchicon>a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +@media only screen and (min-width: 38em) { + #pagenav_searchicon>a { + left: 0 + } +} +.page-queuedark #pagenav_searchicon>a { + background-position: -590px 0 +} +.no-touch #pagenav_searchicon>a:hover { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -590px -55px no-repeat +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .no-touch #pagenav_searchicon>a:hover { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.touch #pagenav_searchicon>a { + background-position: -476px 0; + height: 18px; + width: 18px +} +@media only screen and (min-width: 38em) { + .touch #pagenav_searchicon>a { + background-position: -590px -110px; + height: 15px; + width: 15px + } +} +.touch .page-queuedark #pagenav_searchicon>a { + background-position: -476px -58px; + height: 18px; + width: 18px +} +@media only screen and (min-width: 38em) { + .touch .page-queuedark #pagenav_searchicon>a { + background-position: -590px 0; + height: 15px; + width: 15px + } +} +.flexbox #pagenav_searchicon>a { + margin-top: 0 +} +@media only screen and (min-width: 30em) { + .flexbox #pagenav_searchicon>a { + margin-top: 2px + } +} +.searchtoolbar_screen { + background: #f4f4f6; + background: rgba(244, 244, 246, .9); + height: 100%; + left: 0; + opacity: 0; + position: fixed; + top: 0; + visibility: hidden; + width: 100%; + z-index: 100 +} +@media only screen and (min-width: 65em) { + .searchtoolbar_screen { + z-index: 7000 + } +} +.page-queuedark .searchtoolbar_screen { + background: #1f1f1f; + background: rgba(17, 17, 17, .8) +} +.searchtoolbar_screenbar { + background: #f4f4f6; + display: block; + height: 100%; + opacity: 0; + left: 0; + position: absolute; + text-align: center; + visibility: hidden; + width: 100%; + z-index: 8020 +} +.page-queuedark .searchtoolbar_screenbar { + background: #1f1f1f +} +.searchtoolbar_queue { + left: 0; + opacity: 0; + visibility: hidden; + z-index: 8030; + text-align: center +} +@media only screen and (min-width: 33em) { + .searchtoolbar_queue { + left: -4px + } +} +#page .pkt-nav .searchtoolbar_queue { + display: block +} +.searchtoolbar-listmode { + left: -1px; + width: 934px +} +.searchtoolbar_queue.active, +.searchtoolbar_screen_active { + opacity: 1; + -webkit-transition: visibility .3s ease-out, opacity .3s ease-out; + transition: visibility .3s ease-out, opacity .3s ease-out; + visibility: visible +} +.searchtoolbar_queue .pocket_logo { + left: .1em; + top: .4em +} +.searchtoolbar_queue h2 { + color: #313131; + display: none; + font-size: 1.15385em; + font-weight: 600; + margin-top: 1.2em; + opacity: 0; + -webkit-transition: visibility .2s ease-out, opacity .2s ease-out; + transition: visibility .2s ease-out, opacity .2s ease-out; + visibility: hidden +} +@media only screen and (min-width: 50em) { + .searchtoolbar_queue h2 { + display: block; + line-height: 1.2125em; + margin-left: 3px + } +} +@media only screen and (min-width: 65em) { + .searchtoolbar_queue h2 { + margin-left: 9.6em + } +} +.page-queuedark .searchtoolbar_queue h2 { + color: #ccc +} +.flexbox .searchtoolbar_queue h2 { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 50px; + margin-top: 0 +} +.searchtoolbar_queue_expanded h2 { + opacity: 1; + visibility: visible +} +#page .searchtoolbar_queue .leftItem { + display: none +} +@media only screen and (min-width: 40em) { + #page .searchtoolbar_queue .leftItem { + display: block + } +} +#page .searchtoolbar_queue .rightItem { + box-sizing: border-box; + right: 0; + padding: 0 1em; + top: 0 +} +@media only screen and (min-width: 40em) { + #page .searchtoolbar_queue .rightItem { + padding: 0; + position: absolute; + right: 15px + } +} +@media only screen and (min-width: 65em) { + #page .searchtoolbar_queue .rightItem { + right: 0; + top: 2px + } +} +#search_close>a { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -186px -699px no-repeat #fff; + border: 1px solid #e6e6e8; + border-radius: 4px; + color: #333; + font-size: 16px; + margin-left: 8px; + margin-top: 9px; + padding: 5px 2px; + line-height: 1; + height: 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #search_close>a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.no-touch #search_close>a:hover { + background-color: #ededed +} +.page-queuedark #search_close>a { + background-color: #1f1f1f; + border-color: #434343; + background-position: -136px -699px +} +.no-touch .page-queuedark #search_close>a:hover { + background-color: #434343 +} +.section-filter { + background: #fff; + border: 1px solid #e6e6e8; + border-radius: 4px; + box-sizing: border-box; + cursor: pointer; + display: none; + margin-right: 8px; + margin-top: 9px; + position: relative; + width: 10em +} +@media only screen and (min-width: 30em) { + .section-filter { + display: block + } +} +.page-queuedark .section-filter { + border: 1px solid #434343; + background-color: #313131 +} +.page-app-de-de .section-filter, +.page-app-en-us .section-filter, +.page-app-nl-nl .section-filter, +.page-app-zh-cn .section-filter, +.page-app-zh-tw .section-filter { + width: 10em +} +.page-app-it-it .section-filter { + width: 11em +} +.page-app-es-es .section-filter, +.page-app-es-la .section-filter, +.page-app-fr-ca .section-filter, +.page-app-fr-fr .section-filter, +.page-app-pl-pl .section-filter { + width: 13em +} +.section-filter-disabled { + cursor: default; + opacity: .5 +} +.search-instr-recent, +.section-filter .section-filter-options { + background: #fff; + border: 1px solid #e6e6e8; + box-shadow: 0 0 2px rgba(0, 0, 0, .2); + box-sizing: border-box; + border-radius: 4px; + color: #313131; + left: -1px; + margin: 0; + opacity: 0; + position: absolute; + top: 2.3em; + visibility: hidden; + width: 12em +} +.page-queuedark .search-instr-recent, +.page-queuedark .section-filter .section-filter-options { + background-color: #313131; + border: 1px solid #4e4e4e +} +.page-app-de-de .search-instr-recent, +.page-app-de-de .section-filter .section-filter-options, +.page-app-en-us .search-instr-recent, +.page-app-en-us .section-filter .section-filter-options, +.page-app-nl-nl .search-instr-recent, +.page-app-nl-nl .section-filter .section-filter-options, +.page-app-zh-cn .search-instr-recent, +.page-app-zh-cn .section-filter .section-filter-options, +.page-app-zh-tw .search-instr-recent, +.page-app-zh-tw .section-filter .section-filter-options { + width: 10em +} +.page-app-it-it .search-instr-recent, +.page-app-it-it .section-filter .section-filter-options { + width: 11em +} +.page-app-es-es .search-instr-recent, +.page-app-es-es .section-filter .section-filter-options, +.page-app-es-la .search-instr-recent, +.page-app-es-la .section-filter .section-filter-options, +.page-app-fr-ca .search-instr-recent, +.page-app-fr-ca .section-filter .section-filter-options, +.page-app-fr-fr .search-instr-recent, +.page-app-fr-fr .section-filter .section-filter-options, +.page-app-pl-pl .search-instr-recent, +.page-app-pl-pl .section-filter .section-filter-options { + width: 13em +} +.search-instr-recent-active, +.section-filter .section-filter-options-active { + -webkit-transition: opacity .1s linear; + transition: opacity .1s linear; + opacity: 1; + visibility: visible +} +.search-instr-recent li, +.section-filter-options li { + display: block; + float: none +} +.section-filter .section-filter-options a { + color: #2e2e2e; + font-size: 1.077em; + font-weight: 600; + display: block; + margin: 0; + padding: .5em 1em; + text-decoration: none; + text-align: left; + text-indent: 0; + width: auto +} +.page-queuedark .section-filter .section-filter-options a { + color: #dcdce0 +} +.no-touch .section-filter .section-filter-options a:hover { + background-color: #50bcb6; + color: #fff +} +.section-filter-value { + color: #313131; + font-size: 1.077em; + font-weight: 600; + height: 18px; + line-height: 18px; + margin: 0 1em; + padding: 5px 0 3px; + text-align: left +} +.page-queuedark .section-filter-value { + color: #ccc +} +.section-filter-downnotch { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px -94px; + display: block; + height: 7px; + overflow: hidden; + right: .65em; + text-indent: -99em; + top: .72em; + width: 10px; + position: absolute; + z-index: 8002 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .section-filter-downnotch { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.section-filter-disabled .section-filter-downnotch { + opacity: .5 +} +#searchnav_sortby>a { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -476px -348px no-repeat; + display: block; + height: 17px; + margin-right: 10px; + margin-top: 14px; + margin-left: 0; + width: 18px +} +@media only screen and (min-width: 24em) { + #searchnav_sortby>a { + margin-left: 23px + } +} +@media only screen and (min-width: 38em) { + #searchnav_sortby>a { + margin-right: 16px + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #searchnav_sortby>a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.page-queuedark #searchnav_sortby>a { + background-position: -298px -315px +} +#searchnav_sortby>.searchnav-sortby-disabled, +#searchnav_sortby>.searchnav-sortby-disabled:hover { + background-position: -240px -315px; + cursor: default; + opacity: .5 +} +.wrapper_search .search-instr-recent { + color: #888; + font-size: 1.07em; + font-weight: 600; + left: -1px; + line-height: 1.3; + padding: 2em 0; + position: absolute; + top: 2.15em; + width: 215px +} +@media only screen and (min-width: 38em) { + .wrapper_search .search-instr-recent { + width: 255px + } +} +.wrapper_search .search-instr-recent-expanded { + width: 395px +} +.wrapper_search .search-nonpremium-prevsearches-3 { + display: none +} +.wrapper_search_expanded .serach-instr-recent { + width: 355px +} +.search-instr-recent .instructions { + padding: 0 .72em +} +.search-instr-recent h3 { + color: #888; + font-size: .8em; + padding: 0 .9em; + text-align: left; + text-transform: uppercase +} +.search-instr-recent h5 { + color: #bdbdbd; + font-size: .7em; + margin: 2em auto 1em; + text-transform: uppercase +} +.search-instr-recent .recentsearch { + display: none +} +.search-instr-recent .recentsearch-active, +.search-instr-recent .recentsearch-header { + display: block +} +.search-instr-recent .recentsearch>a { + color: #2e2e2e; + height: auto; + margin: 0; + padding: .5em .72em; + text-align: left; + text-indent: 0; + width: auto +} +.page-queuedark .search-instr-recent .recentsearch>a { + color: #ccc +} +.flexbox .recentsearch>a { + display: -ms-flexbox; + display: -webkit-box; + display: -webkit-flex; + display: flex +} +.flexbox .recentsearch-wchips>a { + display: block +} +.no-touch .search-instr-recent .recentsearch>a:hover { + background-color: #50bcb6; + color: #fff; + text-decoration: none +} +.wrapper_search .search-instr-premium { + padding: 1.2em 0 .5em +} +.wrapper_search .search-premium-prevsearches-0 { + padding: 2em 0 +} +.wrapper_search .search-premium-prevsearches-1 { + padding: 2em 0 0 +} +.search-instr-premium .instructions { + display: none +} +.search-premium-prevsearches-0 .instructions, +.search-premium-prevsearches-1 .instructions, +.search-premium-prevsearches-2 .instructions { + display: block +} +.search-premium-prevsearches-0 .recentsearch, +.search-premium-prevsearches-1 .instructions-example, +.search-premium-prevsearches-1 .instructions-forexample, +.search-premium-prevsearches-2 .instructions-example, +.search-premium-prevsearches-2 .instructions-forexample { + display: none +} +.search-premium-prevsearches-1 h3, +.search-premium-prevsearches-2 h3 { + margin-top: 2em +} +.search-premium-prevsearches-1 .recentsearch-2, +.search-premium-prevsearches-1 .recentsearch-3, +.search-premium-prevsearches-1 .recentsearch-4, +.search-premium-prevsearches-1 .recentsearch-5, +.search-premium-prevsearches-2 .recentsearch-3, +.search-premium-prevsearches-2 .recentsearch-4, +.search-premium-prevsearches-2 .recentsearch-5 { + display: none +} +.wrapper_search .search-input-list { + list-style: none; + margin: 0; + padding: 0; + top: 0; + z-index: 0 +} +.wrapper_search .search-input-wrapper { + overflow: hidden +} +.flexbox .wrapper_search .search-input-list { + display: -ms-flexbox; + display: -webkit-box; + display: -webkit-flex; + display: flex +} +.search-input-list li { + float: left +} +.search-input-list .search-input { + height: 22px; + padding: 2px 0; + width: 100% +} +.flexbox .search-input-list .search-input { + -ms-flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1 +} +.search-chip { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + background: #a6a6a6; + border-radius: 4px; + border: 1px solid #a6a6a6; + color: #fff; + cursor: pointer; + font-size: 14px; + height: 18px; + margin: 1px 6px 1px 0; + overflow: hidden; + padding: 0 6px; + position: relative +} +.recentsearch .search-chip { + float: left; + padding-right: 8px +} +.recentsearch .search-chip>p { + top: 1px +} +.recentsearch .search-fieldcontent { + float: left; + height: 18px; + margin-top: 3px +} +.recentsearch .search-fieldcontentlimited, +.recentsearch-nochips .search-fieldcontent { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} +.recentsearch .search-fieldcontentlimited { + max-width: 100% +} +.search-chip-selected { + background-color: #50bcb6; + border-color: #50bcb6; + cursor: default +} +.search-chip-favorite, +.search-chip-tag { + background: url(/a/i/icons_queueitem@1x.png) -400px -635px no-repeat; + height: 18px; + float: left; + margin-right: 5px; + width: 10px +} +.search-chip-tag { + background-position: 0 -635px +} +.search-chip>p { + display: inline-block; + margin: 0; + line-height: inherit; + max-width: 100px; + overflow: hidden; + padding: 0 15px 0 0; + position: relative; + text-overflow: ellipsis; + top: -1px; + white-space: nowrap +} +.recentsearch .search-chip>p { + padding: 0 +} +.search-chip-delete { + color: #666; + cursor: pointer; + display: inline-block; + font-size: 11px; + font-weight: 600; + line-height: 1; + height: 11px; + margin-left: 6px; + position: absolute; + top: 4px; + right: 6px +} +.recentsearch .search-chip-delete { + display: none +} +.expanded_toggle_search { + display: block; + left: 0; + position: absolute; + padding-left: 4px; + top: 3.4em; + width: 100% +} +@media only screen and (min-width: 30em) { + .expanded_toggle_search { + display: none + } +} +.expanded_toggle_search_premium li { + width: 33.333% +} +.expanded_toggle_search_premium .expanded_allitems, +.page-queue .toolbar_queue_rainbow { + display: block +} +.toolbar_queue_rainbow { + display: none; + position: fixed; + left: 0; + top: 0; + width: 100%; + z-index: 8001 +} +.toolbar_queue_rainbow:after { + content: ""; + display: table; + clear: both +} +.rainbow_detail { + float: left; + height: 2px; + width: 25% +} +.rainbow_first { + background-color: #afecc3 +} +.rainbow_second { + background-color: #84c3c0 +} +.rainbow_third { + background-color: #d45a68 +} +.rainbow_fourth { + background-color: #ecbf63 +} +@media only screen and (min-width: 38em) { + .toolbar_queue .rightItem { + padding-right: .5em + } +} +.toolbar_queue_divider { + border-bottom: 1px solid #e6e6e8; + height: 1px; + top: 49px; + position: relative; + width: auto +} +@media only screen and (min-width: 65em) { + .toolbar_queue_divider { + display: none + } +} +.page-queuedark .toolbar_queue_divider { + border-color: #383737 +} +@media only screen and (min-width: 65em) { + .page-queue .pkt-nav { + border-bottom: 1px solid #e6e6e8 + } +} +@media only screen and (min-width: 65em) { + .page-queuedark .pkt-nav { + border-bottom: 1px solid #383737 + } +} +#page .pkt-nav-bulkeditmode { + background-color: #e6e6e8 +} +.page-queuedark #page .pkt-nav-bulkeditmode { + background-color: #292929 +} +.container-bulkedit { + background-color: #e6e6e8; + box-sizing: border-box; + height: 50px; + right: 0; + opacity: 0; + top: 0; + position: absolute; + visibility: hidden; + width: 300px; + z-index: 8020 +} +@media only screen and (min-width: 65em) { + .container-bulkedit { + width: auto + } +} +.page-queuedark .container-bulkedit { + background-color: #292929 +} +.pkt-nav-searchmode .container-bulkedit { + background-color: #f4f4f6; + border-bottom: 1px solid #e6e6e8; + height: 53px; + top: 51px; + width: 100% +} +.page-queuedark .pkt-nav-searchmode .container-bulkedit { + background-color: #1f1f1f; + border-bottom-color: #383737 +} +@media only screen and (min-width: 65em) { + .container-bulkedit-shift { + -webkit-transform: translate3d(10em, 0, 0); + transform: translate3d(10em, 0, 0) + } +} +.page-notificationpersistent .container-bulkedit { + top: 84px +} +@media only screen and (min-width: 38em) { + .page-notificationpersistent .container-bulkedit { + top: 94px + } +} +.container-bulkedit-active { + opacity: 1; + -webkit-transition: visibility .2s ease-out, opacity .2s ease-out; + transition: visibility .2s ease-out, opacity .2s ease-out; + visibility: visible +} +.bulkedit-content { + margin: 0 auto; + width: auto; + position: relative +} +@media only screen and (min-width: 33em) { + .bulkedit-content { + margin-left: 1.5em; + margin-right: 1.5em + } +} +@media only screen and (min-width: 65em) { + .bulkedit-content { + margin-left: 3.8em; + margin-right: .68em + } +} +.bulkedit-status { + float: left; + font-size: 1.15385em; + font-weight: 400; + margin-right: 40px; + text-align: left; + margin-top: 4px; + width: 150px; + display: none +} +@media only screen and (min-width: 65em) { + .bulkedit-status { + display: block; + position: relative; + width: auto + } +} +.page-queuedark .bulkedit-status { + color: #ccc +} +.bulkedit-status p { + font-size: 15px; + font-weight: 600; + line-height: 1; + margin-top: 14px; + margin-left: 1em +} +@media only screen and (min-width: 65em) { + .pkt-nav-searchmode .bulkedit-status p { + margin-left: 6.5em + } +} +.bulkedit-actions { + float: left +} +@media only screen and (min-width: 65em) { + .bulkedit-actions { + margin-right: 4em + } +} +.pkt-nav-searchmode .bulkedit-actions { + float: right; + margin-right: 3em +} +.bulkedit-actions ul { + list-style: none; + margin: 10px 0; + padding: 0 +} +.bulkedit-actions li { + float: left; + margin: 0 11px +} +.toolbar_queue .bulkedit-actions a { + background-repeat: no-repeat; + color: #313131; + display: block; + font-size: 1em; + font-weight: 600; + line-height: 1; + overflow: hidden; + padding: 10px 7px 8px; + position: relative; + width: 22px +} +@media only screen and (min-width: 65em) { + .toolbar_queue .bulkedit-actions a { + padding: 9px 7px 8px 30px; + text-indent: 0; + width: auto + } +} +.page-queuedark .toolbar_queue .bulkedit-actions a { + color: #ccc +} +.toolbar_queue .bulkedit-actions-inactive a { + cursor: default; + opacity: .3 +} +.toolbar_queue .bulkedit-icon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -169px no-repeat; + display: block; + height: 16px; + left: .5em; + top: .5em; + position: absolute; + width: 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .toolbar_queue .bulkedit-icon { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.page-queuedark .toolbar_queue .bulkedit-icon { + background-position: -534px -113px +} +.pkt-nav .bulkedit-actions a { + text-indent: -444em +} +@media only screen and (min-width: 65em) { + .pkt-nav .bulkedit-actions a { + text-indent: 0 + } +} +.no-touch .bulkedit-actions a:hover, +.no-touch .bulkedit-cancel:hover { + color: #50bcb6 +} +.no-touch .bulkedit-actions-inactive a:hover { + color: #313131 +} +.page-queuedark .bulkedit-actions-inactive a:hover { + color: #dcdce0 +} +.bulkedit-archive .bulkedit-icon { + background-position: -516px -490px; + height: 14px; + width: 17px +} +.page-queuedark .bulkedit-archive .bulkedit-icon { + background-position: -345px -490px +} +.no-touch .bulkedit-archive:hover .bulkedit-icon { + background-position: -288px -490px +} +.bulkedit-actions-inactive .bulkedit-archive:hover .bulkedit-icon { + background-position: -516px -490px +} +.page-queuedark .bulkedit-actions-inactive .bulkedit-archive:hover .bulkedit-icon { + background-position: -345px -490px +} +.bulkedit-archive-readd .bulkedit-icon { + background-position: -701px -378px; + height: 14px; + width: 14px; + top: .6em +} +.no-touch .bulkedit-archive-readd:hover .bulkedit-icon { + background-position: -437px -600px +} +.bulkedit-actions-inactive .bulkedit-readd:hover .bulkedit-icon { + background-position: -701px -378px +} +.bulkedit-favorite .bulkedit-icon { + background-position: -590px -385px; + height: 15px; + width: 15px +} +@media only screen and (min-width: 65em) { + .bulkedit-favorite .bulkedit-icon { + padding-left: 34px + } +} +.page-queuedark .bulkedit-favorite .bulkedit-icon { + background-position: -165px -545px +} +.no-touch .bulkedit-favorite:hover .bulkedit-icon { + background-position: -110px -545px +} +.bulkedit-actions-inactive .bulkedit-favorite:hover .bulkedit-icon { + background-position: -590px -385px +} +.page-queuedark .bulkedit-actions-inactive .bulkedit-favorite:hover .bulkedit-icon { + background-position: -165px -545px +} +.bulkedit-delete .bulkedit-icon { + background-position: -645px -166px; + height: 16px; + width: 14px +} +@media only screen and (min-width: 65em) { + .bulkedit-delete .bulkedit-icon { + padding-left: 31px + } +} +.page-queuedark .bulkedit-delete .bulkedit-icon { + background-position: -645px -110px +} +.no-touch .bulkedit-delete:hover .bulkedit-icon { + background-position: -645px -54px +} +.bulkedit-actions-inactive .bulkedit-delete:hover .bulkedit-icon { + background-position: -645px -166px +} +.page-queuedark .bulkedit-actions-inactive .bulkedit-delete:hover .bulkedit-icon { + background-position: -645px -110px +} +.no-touch .bulkedit-addtag:hover .bulkedit-icon { + background-position: -534px -57px +} +.bulkedit-actions-inactive .bulkedit-addtag:hover .bulkedit-icon { + background-position: -534px -169px +} +.page-queuedark .bulkedit-actions-inactive .bulkedit-addtag:hover .bulkedit-icon { + background-position: -534px -113px +} +.bulkedit-cancel { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -186px -699px no-repeat; + border: 1px solid #ccc; + border-radius: 4px; + color: #333; + display: block; + font-size: 16px; + height: 9px; + margin-left: 8px; + margin-top: 11px; + padding: 8px; + position: absolute; + line-height: 1; + right: 0; + width: 10px +} +.page-skindark .bulkedit-cancel { + background-position: -136px -699px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .bulkedit-cancel { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.page-queuedark .bulkedit-cancel { + border-color: #383737 +} +.no-touch .bulkedit-cancel:hover { + background-color: #ccc +} +.no-touch .page-queuedark .bulkedit-cancel:hover { + background-color: #434343 +} +@media only screen and (min-width: 65em) { + .pkt-nav-bulkeditmode .bulkedit-cancel { + right: -5px + } +} +#notifications_list .inbox { + box-sizing: border-box; + padding-bottom: 10px; + overflow-y: auto; + max-height: 90%; + padding-top: 20px +} +@media only screen and (min-width: 30em) { + #notifications_list .inbox { + max-height: 500px; + padding-top: 0 + } +} +.page-queuedark #notifications_list .inbox { + color: #ccc +} +@media only screen and (min-width: 30em) { + .notifications_list_scrollmode { + margin-left: -1.2em + } +} +.touch #notifications_list .inbox { + overflow-y: scroll; + -webkit-overflow-scrolling: touch +} +@media only screen and (min-width: 30em) { + .no-touch #notifications_list .inbox_scroll_mode { + padding-right: 10px + } +} +#notifications_list .inbox .notification { + border-top: 1px solid #ededed; + width: 320px; + margin-left: auto; + margin-right: auto; + padding-top: 10px; + box-sizing: border-box; + display: block; + text-decoration: none; + text-align: left; + overflow: hidden +} +@media only screen and (min-width: 30em) { + #notifications_list .inbox .notification { + width: 340px; + padding-left: 10px; + padding-right: 10px + } +} +.page-queuedark #notifications_list .inbox .notification { + border-top-color: #383737 +} +@media only screen and (min-width: 30em) { + #notifications_list .inbox_scroll_mode .notification { + margin-right: 5px + } +} +#notifications_list .inbox .notification:first-child { + border-top: 0 +} +#notifications_list .notification_empty { + padding-bottom: 0 +} +#notifications_list .notification_empty h3 { + text-align: center; + font-size: 18px +} +#notifications_list .notification_empty p { + font-size: 13px; + line-height: 1.4; + margin-bottom: 1em; + padding-left: 2em; + padding-right: 2em; + text-align: center +} +#notifications_list .inbox .unconfirmed.notification { + text-align: center +} +#notifications_list .inbox .notification.canAnimate { + -webkit-transition-property: padding-top, height, opacity; + transition-property: padding-top, height, opacity; + -webkit-transition-duration: .3s, .3s, .3s; + transition-duration: .3s, .3s, .3s +} +#notifications_list .inbox .notification.hidden { + height: 0!important; + padding-top: 0; + opacity: 0; + border-bottom: 0 +} +.inbox .attribution { + background-color: #f8f8fa; + border: 1px solid #dcdce0; + padding: 10px 19px 10px 14px; + position: relative +} +.page-queuedark .inbox .attribution { + background-color: #292929; + border: 1px solid #4e4e4e +} +.inbox .attribution .avatar { + width: 25px; + height: 25px; + border-radius: 13px; + background-size: 100% 100%; + background-position: center; + float: left; + margin-right: 8px +} +.inbox .attribution .full_name { + color: #313131; + font-weight: 600; + font-size: 13px; + height: 25px; + line-height: 25px +} +.page-queuedark .inbox .attribution .full_name { + color: #ccc +} +.inbox .attribution .time_since { + color: #313131; + font-size: 11px; + height: 25px; + line-height: 25px; + float: right; + text-align: right; + max-width: 100px; + overflow-y: hidden; + position: absolute; + right: 19px; + top: 10px; + padding-left: 10px +} +.page-skindark .inbox .attribution .time_since { + color: #ccc +} +.inbox .attribution .comment { + font-size: 13px; + line-height: 1.3; + margin-top: 9px +} +.inbox .attribution .caret { + display: block; + position: absolute; + width: 15px; + height: 8px; + left: 16px; + bottom: -8px; + background-size: 15px 8px; + background-repeat: no-repeat; + background-position: center center; + z-index: 400; + background-image: url(/a/i/queue-attribution-caret-1x.png) +} +.page-queuedark .inbox .attribution .caret { + display: none +} +.inbox .item { + padding: 10px 19px 10px 14px +} +.inbox .item .title { + font-size: 13px; + font-weight: 600; + line-height: 1.2; + margin-bottom: 5px; + padding-left: 0; + padding-right: 0; + padding-top: 5px +} +.inbox .item .title_link { + color: #313131; + height: auto; + margin: 0; + text-indent: 0; + width: auto +} +.no-touch .inbox .item .title_link:hover { + color: #50bcb6; + text-decoration: none +} +.page-queuedark .inbox .item .title_link { + color: #ccc +} +.inbox .item .domain { + font-size: 13px +} +.inbox .item .quote, +.shares .attribution .quote { + color: #313131; + font-style: italic; + font-size: 13px; + border-left: 3px solid #dcdce0; + padding-left: 16px; + margin-top: 9px; + margin-bottom: 18px +} +.page-skindark .inbox .item .quote, +.page-skindark .shares .attribution .quote { + color: #ccc; + border-left-color: #4e4e4e +} +.inbox .buttons { + padding-left: 14px; + padding-right: 14px; + height: 20px; + margin-top: 12px; + margin-bottom: 14px +} +.inbox .buttons .button { + cursor: pointer; + font-size: 13px; + margin-right: 12px; + padding: 6px 15px 5px; + text-transform: none +} +.inbox .buttons .resend { + font-size: 1.1em; + margin-left: 0; + padding-top: 12px; + text-indent: 0; + width: auto +} +.inbox .unconfirmed.notification .title { + margin-top: 6px +} +.inbox .unconfirmed.notification .description { + font-size: 13px; + margin-top: 6px +} +.queue_empty #queue_empty { + display: block +} +#queue_empty { + display: none; + padding-top: 100px; + text-align: center +} +#queue_empty h3 { + margin-bottom: 30px; + color: #999; + text-transform: uppercase; + font-weight: 400; + font-size: 24px +} +#queue_empty img { + position: relative; + top: -2px; + margin-right: 17px +} +#queue_empty .img-archive, +#queue_empty .img-favorites, +#queue_empty .img-queue { + top: -3px +} +#queue_empty a { + color: #ffc90b +} +#queue_empty p { + font-size: 14px; + line-height: 17px; + color: #4e4e4e +} +#queue_empty .button-emptyrecommend { + color: #fff; + cursor: pointer; + margin: 1em 1.25em +} +.queue_msg { + background: #fff; + float: left; + height: 144px; + margin: 0 20px 18px 0; + overflow: hidden; + position: relative; + width: 880px +} +.queue_msg_pockethits { + background: url(/a/i/msg_pockethits_bg@1x.jpg) center center no-repeat #f14053 +} +.queue_msg_pockethits p { + background: url(/a/i/msg_pockethits_ribbon@1x.png) left center no-repeat; + color: #fff; + font-size: 20px; + font-weight: 400; + line-height: 1.3; + margin: 15px 180px 15px 200px; + position: relative; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) +} +.queue_msg_pockethits .target { + color: #fff; + display: block; + padding: 30px 0 30px 150px; + text-decoration: none +} +.queue_msg_pockethits .emphasis { + border-bottom: 1px solid #fff +} +.queue_msg_pockethits .close { + background: url(/a/i/msg_banner_close@1x.png) center center no-repeat; + border: none; + display: block; + height: 12px; + position: absolute; + right: 10px; + overflow: hidden; + text-indent: 200%; + top: 10px; + width: 12px; + white-space: nowrap +} +.list .queue_msg { + float: none; + margin-top: 18px; + width: 100% +} +.list .queue_msg_pockethits p { + margin-left: 225px; + margin-right: 190px +} +.page_queue_grid .item-highlight .item_content, +.page_queue_list .item-highlight .item_content { + box-shadow: 0 0 2px 2px #43aea8 +} +.page_queue_list .item-highlight .item_content { + box-shadow: 0 0 1px 1px #43aea8; + border-color: #50bcb6 +} +.queue_list .editTags .sub .tags { + background-image: none; + display: block; + padding-left: 11px +} +.no-touch .queue_list .item:hover .sub .tags-withtopic, +.queue_list .sub .tags-withtopic { + padding-left: 8px +} +.queue_list .item .sub .tags .edit { + background: url(/a/i/icons_queueitem@1x.png?122) 0 -398px no-repeat; + display: none; + margin-top: 4px; + padding-left: 16px +} +.queue_list .tags .edit>span { + cursor: pointer; + text-transform: lowercase +} +.no-touch .queue_list .tags .edit>span:hover { + text-decoration: underline +} +.queue_list .item .sub .tags.hasTags .edit { + cursor: pointer; + height: 10px; + padding-left: 3px; + padding-right: 3px; + background: url(/a/i/icons_queueitem@1x.png?122) 0 -480px no-repeat; + opacity: .5; + top: 0; + width: 7px +} +#tagMenu .tag-overflow-container .tag-overflow, +.queue_list .tags .tag, +.queue_list .tags .tag-overflow-link { + background-color: #b1b2b2; + border-radius: 3px; + color: #fff; + display: block; + float: left; + font-weight: 400; + letter-spacing: .2px; + line-height: 1; + margin-bottom: 4px; + margin-right: 8px; + padding: 4px 8px; + top: 0 +} +.page-queuedark #tagMenu .tag-overflow-container .tag-overflow, +.page-queuedark .queue_list .tags .tag, +.page-queuedark .queue_list .tags .tag-overflow-link { + background-color: #4e4e4e; + color: #ccc +} +#tagMenu .tag-overflow-container .tag-overflow { + margin-left: 4px; + margin-right: 4px +} +.no-touch #tagMenu .tag-overflow-container .tag-overflow:hover, +.no-touch .queue_list .tags .tag:hover { + background-color: #a6a6a6; + text-decoration: none +} +.queue_list .tags .tag-overflow { + display: none +} +.queue_list .tags .tag-overflow-link { + background-color: #f5f5f5; + color: #999 +} +.no-touch .queue_list .tags .tag-overflow-link:hover { + background-color: #e8e8e8; + text-decoration: none +} +.queue_list .tags .tag-search-match { + background-color: #2e2e2e +} +.no-touch .queue_list .tags .tag-search-match:hover { + background-color: #4e4e4e +} +#tagMenu .tag-overflow-container { + border-radius: 7px; + padding: 10px; + margin: 6px +} +.no-touch .queue_list_mode_bulkedit .item:hover .sub .tags .edit { + display: none +} +.no-touch .queue_list_mode_bulkedit .tags a:hover { + text-decoration: none +} +.queue_list .item:hover .sub .hasTags .edit span { + display: none +} +.no-touch .queue_list .item .sub .tags .edit:hover { + opacity: 1 +} +.queue_list .item.editTags .tags { + display: block; + padding-left: 0 +} +.queue_list .item.editTags .tags span { + visibility: hidden +} +.queue_list .item .tags .block, +.queue_list .item .tags input { + display: none +} +.queue_list .item.editTags .tags .block { + display: inline-block; + visibility: visible; + width: 100px +} +.queue_list .item.editTags .tags input { + position: absolute; + display: block; + top: -7px; + left: 6px; + padding-left: 21px; + height: 21px; + border: 1px solid #e5e5e5; + color: #2e2e2e; + font-size: 11px; + background: rgba(255, 255, 255, 0) +} +.queue_list .item.editTags .sub .tags .edit, +.queue_secondarynav { + display: none +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .queue_list .info-loading { + background-size: 15px 15px + } + .inbox .attribution .caret, + .queue_list .item .caret { + background-image: url(/a/i/queue-attribution-caret-2x.png) + } + .toolbar_queue li>a { + background-image: url(/a/i/icons_toolbar_bottom@2x.png?122); + background-size: 600px 1550px + } + .queue_list .buttons a, + .queue_list .item .sub li.tags .edit, + .queue_list .item .sub li.tags.hasTags .edit, + .search-chip-favorite, + .search-chip-tag { + background-image: url(/a/i/icons_queueitem@2x.png?122); + background-size: 500px 750px + } + .queue_msg_pockethits { + background-image: url(/a/i/msg_pockethits_bg@2x.jpg); + background-size: 880px 144px + } + .queue_msg_pockethits p { + background-image: url(/a/i/msg_pockethits_ribbon@2x.png); + background-size: 101px 105px + } + .queue_msg_pockethits .close { + background-image: url(/a/i/msg_banner_close@2x.png); + background-size: 12px 12px + } +} +.queue_secondarynav:after { + content: ""; + display: table; + clear: both +} +@media only screen and (min-width: 38em) and (min-height: 32em) { + .queue_secondarynav { + display: block; + -webkit-transition: opacity .15s ease-out, visibility .15s ease-out; + transition: opacity .15s ease-out, visibility .15s ease-out + } +} +@media only screen and (min-width: 33em) { + .queue_secondarynav { + margin: 1.3em 1.7em 0 + } +} +@media only screen and (min-width: 65em) { + .queue_secondarynav { + margin: 1.3em 3.7em 0 + } +} +.page_queue_list .queue_secondarynav { + max-width: 74em; + margin-bottom: 1.6em +} +@media only screen and (min-width: 33em) { + .page_queue_list .queue_secondarynav { + margin: 1.3em 1.6em 1em + } +} +@media only screen and (min-width: 65em) { + .page_queue_list .queue_secondarynav { + margin: 1.3em 3.4em 1em + } +} +@media only screen and (min-width: 74em) { + .page_queue_list .queue_secondarynav { + margin-left: auto; + margin-right: auto + } +} +.page_queue_search .queue_secondarynav { + margin-top: .5em +} +.queue_secondarynav .queue_title { + float: left; + font-size: 2.78em; + font-weight: 300; + line-height: 1.4; + margin: 0 +} +.queue_secondarynav ul { + list-style: none; + margin: 0; + padding: 0 +} +.queue_secondarynav .queue_toggle_listqueue { + margin-top: 1.6em; + text-decoration: none +} +.page_queue_search .queue_toggle_listqueue { + display: none +} +.queue_toggle_listqueuesecondary .popover-new { + margin-left: 2em; + margin-top: 1.5em +} +.queue_secondarynav_actions { + float: right; + margin-top: -.1em +} +.page_queue_list .queue_secondarynav_actions { + margin-top: -.2em +} +.queue_secondarynav_actions li { + float: left; + margin-left: 1.5em +} +.queue_secondarynav_actions .pagenav_contenttype>a { + top: -.3em +} +.pagenav_contenttype_videos .pagenav_contenttype_icon { + top: .1em +} +.queue_secondarynav_actions .pagenav_listview>a { + top: -.25em +} +.queue_secondarynav_actions .pagenav_gridview>a { + top: -.3em +} +.page_queue_search .pagenav_gridview, +.page_queue_search .pagenav_listview { + display: none +} +.queue_secondarynav_actions .pagenav_bulkedit>a { + top: -.4em +} +.queue_inactive { + opacity: 0; + visibility: hidden +} +.queue_inactivehide { + display: none +} +.queue_inactivetempmeasure { + display: block; + position: absolute +} +#page_queue { + box-sizing: border-box; + padding: 51px 0 +} +@media only screen and (min-width: 38em) { + #page_queue { + padding-bottom: 120px; + padding-top: 58px + } +} +@media only screen and (min-width: 65em) { + #page_queue { + padding-left: 10em + } +} +.queue_list { + list-style: none; + position: relative; + -webkit-transition: opacity .15s ease-out, visibility .15s ease-out; + transition: opacity .15s ease-out, visibility .15s ease-out +} +.queue_list_mode_narrowtoggle { + padding-top: 2.6em +} +.no-touch .queue_list_mode_bulkedit a:hover { + text-decoration: none +} +.loadingRow { + width: 100% +} +.loadingRow:after { + content: ""; + display: table; + clear: both +} +.page-notificationpersistent .grid .queue_list, +.page-notificationpersistent .list .queue_list { + top: 30px +} +.page-notificationpersistent .grid .queue_list_mode_bulkedit, +.page-notificationpersistent .list .queue_list_mode_bulkedit { + top: 83px +} +#content .wrapper.grid { + border: 0; + background-color: transparent; + box-shadow: none +} +.item-column-hidden { + -webkit-transition: opacity .4s ease-out; + transition: opacity .4s ease-out; + opacity: 0 +} +.item-column-shift { + -webkit-transition: -webkit-transform .4s ease-out; + transition: transform .4s ease-out +} +.item { + box-sizing: border-box; + float: left; + position: relative; + height: auto; + padding: 0; + text-align: left; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 100% +} +.item_content { + background-color: #fff; + border: 1px solid #dcdce0; + border-width: 1px 0 0; + color: #313131; + display: block; + height: auto; + max-width: 74em; + margin-left: auto; + margin-right: auto; + min-height: 80px; + overflow: hidden; + position: relative; + padding: 0; + -webkit-transition: opacity .2s ease-out; + transition: opacity .2s ease-out +} +@media only screen and (min-width: 40em) { + .item_content { + border-width: 0 0 1px + } +} +.page-queuedark .item_content { + background-color: #292929; + border-color: #292929; + color: #ccc +} +.item_content .favstate { + display: none +} +.touch .item_state_favorited .favstate { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) 0 -315px no-repeat; + top: 0; + display: block; + height: 20px; + position: absolute; + width: 20px; + left: 0; + z-index: 5 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .touch .item_state_favorited .favstate { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.item_bulkeditselected .item_content { + background-color: #fff6da +} +.page-queuedark .item_bulkeditselected .item_content { + background-color: #4d452f +} +.item_link { + display: block; + height: 100%; + position: absolute; + width: 100%; + z-index: 5 +} +.touch .item_link { + z-index: 20 +} +.touch .item_controls .item_link { + z-index: 4 +} +.item .title { + display: block; + color: #313131; + font-size: 1.23077em; + font-weight: 600; + line-height: 1.2; + overflow: hidden; + padding: 20px 100px .1em 20px; + -webkit-transition: color .1s linear; + transition: color .1s linear +} +@media only screen and (min-width: 38em) { + .item .title { + padding-left: .5em; + padding-right: .5em + } +} +.page-queuedark .item .title { + color: #ccc +} +.no-touch .item_link:hover+.title { + color: #50bcb6 +} +.no-touch .queue_list_mode_bulkedit .item .title:hover, +.queue_list_mode_bulkedit .item_link:hover+.title { + color: #313131 +} +.page-queuedark .queue_list_mode_bulkedit .item .title:hover, +.page-queuedark .queue_list_mode_bulkedit .item_link:hover+.title { + color: #ccc +} +.item .favicon { + bottom: .75em; + display: none; + left: 1em; + position: absolute; + height: 16px; + width: 16px; + z-index: 1 +} +.item .thumb { + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + right: 0; + height: 100%; + position: absolute; + top: 0; + width: 80px +} +.item .thumb.lazy-load { + background-color: #dcdce0 +} +.item .excerpt { + font-size: 1em; + line-height: 1.45; + padding: .5em 1em 0 +} +.item_withtopic .excerpt { + padding-top: 2.35em +} +.item .sub { + margin: .2em 100px 2.5em 20px; + position: relative; + padding: 0 +} +@media only screen and (min-width: 38em) { + .item .sub { + padding-left: .5em + } +} +.item .sub li { + clear: left +} +@media only screen and (min-width: 33em) { + .item .sub li { + clear: none + } +} +.shared_to .sub li:first-child { + height: 26px +} +@media only screen and (min-width: 33em) { + .shared_to .sub li:first-child { + height: 10px + } +} +.touch .shared_to .sub li { + margin-top: .2em +} +.touch .item .sub { + margin-bottom: 0 +} +.item .original_url_container { + border-left: none; + float: left; + margin: 5px 0; + padding-left: 0 +} +@media only screen and (min-width: 33em) { + .item .original_url_container { + border-left: 1px solid #999; + padding-left: 12px + } +} +.item .original_url { + display: inline-block; + font-size: 1em; + max-width: 17em; + overflow: hidden; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + z-index: 10 +} +.no-touch .item .original_url:hover { + color: #50bcb6; + text-decoration: none +} +.item .topic { + border-left: 0 +} +.item_placeholder { + display: none +} +@media only screen and (min-width: 33em) { + .item_placeholder { + display: block + } +} +.item_placeholder .item_content { + background-color: #ededed; + border: 3px dashed #ccc; + box-sizing: border-box; + padding: 2em; + text-align: center +} +.flexbox .item_placeholder .item_content { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} +.item_placeholder .item_content h3 { + color: #a6a6a6; + font-size: 1.53846em; + line-height: 1.3; + max-width: 210px +} +.item_placeholder .item_content p { + color: #a6a6a6; + font-size: 1.15385em; + margin-bottom: 0; + max-width: 240px +} +.item_placeholder .button-connect { + margin-top: 1em +} +.page_queue_grid .item_placeholder_gsf .item_content { + border: 2px dashed #ccc; + border-radius: 8px; + box-sizing: border-box; + padding: 1em +} +@media only screen and (min-width: 33em) { + .item_placeholder_title { + font-size: 1.46154em; + margin-top: 0 + } + .item_placeholder_gsf_recommended .item_placeholder_title { + font-size: 1.84615em + } +} +.item_placeholder_gsf p { + font-size: 1.15385em +} +.item_placeholder_gsf_recommended p { + font-size: 1.46154em; + line-height: 1.3 +} +.item_placeholder_article { + display: block; + border: 1px solid #999; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25); + margin-top: 2em; + position: relative +} +.item_placeholder_article>p { + box-sizing: border-box; + font-size: 1.07692em; + font-weight: 600; + line-height: 1.2; + margin: 0; + padding: 1em 1em .8em 82px +} +.item_placeholder_articleimg { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: block; + height: 100%; + position: absolute; + left: 0; + top: 0; + width: 72px +} +.item_placeholder_articlelink { + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 5 +} +.page_queue_list .item_placeholder_gamify { + display: none +} +.page_queue_grid .item_placeholder_gamify .item_content { + background-color: transparent; + border: 1px solid #dcdce0; + overflow: visible +} +.queue_list_recommend .item_placeholder_gamify .item_content { + height: 28em +} +.item_placegamify_titlewrapper { + background-color: #50bcb6; + border: 1px solid #288c87; + left: -1px; + margin: 0; + position: relative; + top: -1px; + width: 100% +} +.item_placegamify_title { + color: #fff; + font-size: 1.15385em; + margin: 0; + padding: .75em 1em .65em +} +.page-queuedark .item_placegamify_title { + color: #ededed +} +.item_placegamify_stepscontainer { + list-style: none; + margin: 0 +} +.item_placegamify_step { + border-top: solid 1px #ededed +} +.item_placegamify_step:after { + content: ""; + display: table; + clear: both +} +.page-queuedark .item_placegamify_step { + border-top-color: #383737 +} +.item_placegamify_link { + padding: 1em +} +.item_placegamify_link:hover { + background-color: #ededf0 +} +.page-queuedark .item_placegamify_link:hover { + background-color: #292929 +} +.flexbox .item_placegamify_link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.item_placegamify_stepchecked .item_placegamify_link { + background-color: transparent; + cursor: default +} +.item_placegamify_step:nth-of-type(1) { + border-top: none +} +.item_placegamify_arrow, +.item_placegamify_stepnum, +.item_placegamify_text { + float: left +} +.flexbox .item_placegamify_arrow, +.flexbox .item_placegamify_stepnum, +.flexbox .item_placegamify_text { + float: none +} +.item_placegamify_stepnum { + font-size: 1.53846em; + line-height: 1; + font-weight: 600; + margin: 0; + width: 25px +} +.item_placegamify_text { + color: #313131; + font-size: 1.15385em; + line-height: 1.2; + width: 13em +} +.flexbox .item_placegamify_text { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-right: 1em +} +.page-queuedark .item_placegamify_text { + color: #ccc +} +.item_placegamify_arrow { + color: #a6a6a6; + font-size: 1.69231em +} +.flexbox .item_placegamify_arrow { + width: .5em +} +.item_placegamify_stepchecked .item_placegamify_stepnumtext { + display: none +} +.item_placegamify_checkedicon { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -417px -122px; + height: 18px; + display: block; + margin-left: -3.6px; + overflow: hidden; + position: relative; + width: 18px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .item_placegamify_checkedicon { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.item_placegamify_stepchecked .item_placegamify_text { + color: #ccc; + text-decoration: line-through +} +.page_queue_grid .item_placeholder_gamifyempty .item_content { + background-color: transparent; + border: 1px dashed #ccc +} +.flexbox .item_placeholder_gamifyempty .item_content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} +.page_queue_list .item_placeholder_gamifyempty { + display: none +} +.item_placeholder_gamifymsg { + color: #999; + display: none; + font-size: 1.15385em; + font-weight: 400; + margin-top: 8em; + padding: 0 2em; + text-align: center +} +.flexbox .item_placeholder_gamifymsg { + margin-top: 0 +} +.item_placeholder_gamifymsgactive { + display: block +} +.item_placegamify_donestar { + background: url(/a/i/gsf/gsf_gamifyalldonestar@1x.png) center center no-repeat; + display: block; + height: 81px; + margin: 2em auto 1.5em; + width: 81px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .item_placegamify_donestar { + background-image: url(/a/i/gsf/gsf_gamifyalldonestar@2x.png); + background-size: 81px 81px + } +} +.item_placegamify_donetext { + text-align: center; + font-size: 1.38462em; + font-weight: 600; + line-height: 1.3; + margin-bottom: .5em; + padding: 0 2em +} +.item_placegamify_donedismiss { + color: #50bcb6; + font-size: .83333em; + text-decoration: underline +} +.item_placegamify_donedismiss:hover { + color: #43aea8 +} +@media only screen and (min-width: 33em) { + .page_queue_grid .queue_list { + margin-left: auto; + margin-right: auto; + padding: 3.5em .75em .75em + } +} +@media only screen and (min-width: 65em) { + .page_queue_grid .queue_list { + padding: 3.5em 3em .75em + } +} +@media only screen and (min-width: 33em) and (min-height: 32em) { + .page_queue_grid .queue_list { + padding: .25em .75em .75em + } +} +@media only screen and (min-width: 65em) and (min-height: 32em) { + .page_queue_grid .queue_list { + padding: .25em 3em + } +} +.page_queue_grid .item { + width: 100% +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item { + padding: .78em; + width: 50% + } +} +@media only screen and (min-width: 50em) { + .page_queue_grid .item { + width: 33.33333% + } +} +@media only screen and (min-width: 81em) { + .page_queue_grid .item { + width: 25% + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_content { + border: 1px solid #ededf0; + border-bottom: 1px solid #dcdce0; + height: 280px + } + .page-queuedark .page_queue_grid .item_content { + border-color: #292929 #292929 #383737 + } +} +.page_queue_grid .item_placeholder .item_content { + border: 3px dashed #ccc +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_state_favorited .favstate { + background-position: 0 -239px; + bottom: 0; + left: auto; + height: 36px; + right: 0; + width: 36px; + top: auto + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item .title { + font-size: 1.46154em; + padding: .7em + } +} +.touch .item .buttons, +.touch .item .excerpt, +.touch .item .favicon, +.touch .item .sub, +.touch .item .thumb, +.touch .item .title, +.touch .item .topic_detail { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out +} +.touch .item_controls .excerpt, +.touch .item_controls .favicon, +.touch .item_controls .sub, +.touch .item_controls .thumb, +.touch .item_controls .title, +.touch .item_controls .topic_detail { + -webkit-transform: translate3d(-384px, 0, 0); + transform: translate3d(-384px, 0, 0) +} +@media only screen and (min-width: 384px) { + .touch .item_controls .excerpt, + .touch .item_controls .favicon, + .touch .item_controls .sub, + .touch .item_controls .thumb, + .touch .item_controls .title, + .touch .item_controls .topic_detail { + -webkit-transform: translate3d(-544px, 0, 0); + transform: translate3d(-544px, 0, 0) + } +} +@media only screen and (min-width: 544px) { + .touch .item_controls .excerpt, + .touch .item_controls .favicon, + .touch .item_controls .sub, + .touch .item_controls .thumb, + .touch .item_controls .title, + .touch .item_controls .topic_detail { + -webkit-transform: translate3d(-704px, 0, 0); + transform: translate3d(-704px, 0, 0) + } +} +@media only screen and (min-width: 704px) { + .touch .item_controls .excerpt, + .touch .item_controls .favicon, + .touch .item_controls .sub, + .touch .item_controls .thumb, + .touch .item_controls .title, + .touch .item_controls .topic_detail { + -webkit-transform: translate3d(-864px, 0, 0); + transform: translate3d(-864px, 0, 0) + } +} +@media only screen and (min-width: 864px) { + .touch .item_controls .excerpt, + .touch .item_controls .favicon, + .touch .item_controls .sub, + .touch .item_controls .thumb, + .touch .item_controls .title, + .touch .item_controls .topic_detail { + -webkit-transform: translate3d(-1024px, 0, 0); + transform: translate3d(-1024px, 0, 0) + } +} +@media only screen and (min-width: 1024px) { + .touch .item_controls .excerpt, + .touch .item_controls .favicon, + .touch .item_controls .sub, + .touch .item_controls .thumb, + .touch .item_controls .title, + .touch .item_controls .topic_detail { + -webkit-transform: translate3d(-1344px, 0, 0); + transform: translate3d(-1344px, 0, 0) + } +} +@media only screen and (min-width: 1344px) { + .touch .item_controls .excerpt, + .touch .item_controls .favicon, + .touch .item_controls .sub, + .touch .item_controls .thumb, + .touch .item_controls .title, + .touch .item_controls .topic_detail { + -webkit-transform: translate3d(-1664px, 0, 0); + transform: translate3d(-1664px, 0, 0) + } +} +.touch .item_controls_left .excerpt, +.touch .item_controls_left .favicon, +.touch .item_controls_left .sub, +.touch .item_controls_left .thumb, +.touch .item_controls_left .title, +.touch .item_controls_left .topic_detail { + -webkit-transform: translate3d(384px, 0, 0); + transform: translate3d(384px, 0, 0) +} +@media only screen and (min-width: 384px) { + .touch .item_controls_left .excerpt, + .touch .item_controls_left .favicon, + .touch .item_controls_left .sub, + .touch .item_controls_left .thumb, + .touch .item_controls_left .title, + .touch .item_controls_left .topic_detail { + -webkit-transform: translate3d(544px, 0, 0); + transform: translate3d(544px, 0, 0) + } +} +@media only screen and (min-width: 544px) { + .touch .item_controls_left .excerpt, + .touch .item_controls_left .favicon, + .touch .item_controls_left .sub, + .touch .item_controls_left .thumb, + .touch .item_controls_left .title, + .touch .item_controls_left .topic_detail { + -webkit-transform: translate3d(704px, 0, 0); + transform: translate3d(704px, 0, 0) + } +} +@media only screen and (min-width: 704px) { + .touch .item_controls_left .excerpt, + .touch .item_controls_left .favicon, + .touch .item_controls_left .sub, + .touch .item_controls_left .thumb, + .touch .item_controls_left .title, + .touch .item_controls_left .topic_detail { + -webkit-transform: translate3d(864px, 0, 0); + transform: translate3d(864px, 0, 0) + } +} +@media only screen and (min-width: 864px) { + .touch .item_controls_left .excerpt, + .touch .item_controls_left .favicon, + .touch .item_controls_left .sub, + .touch .item_controls_left .thumb, + .touch .item_controls_left .title, + .touch .item_controls_left .topic_detail { + -webkit-transform: translate3d(1024px, 0, 0); + transform: translate3d(1024px, 0, 0) + } +} +@media only screen and (min-width: 1024px) { + .touch .item_controls_left .excerpt, + .touch .item_controls_left .favicon, + .touch .item_controls_left .sub, + .touch .item_controls_left .thumb, + .touch .item_controls_left .title, + .touch .item_controls_left .topic_detail { + -webkit-transform: translate3d(1344px, 0, 0); + transform: translate3d(1344px, 0, 0) + } +} +@media only screen and (min-width: 1344px) { + .touch .item_controls_left .excerpt, + .touch .item_controls_left .favicon, + .touch .item_controls_left .sub, + .touch .item_controls_left .thumb, + .touch .item_controls_left .title, + .touch .item_controls_left .topic_detail { + -webkit-transform: translate3d(1664px, 0, 0); + transform: translate3d(1664px, 0, 0) + } +} +@media only screen and (min-width: 33em) { + .touch .page_queue_grid .item_controls .buttons, + .touch .page_queue_grid .item_controls .excerpt, + .touch .page_queue_grid .item_controls .favicon, + .touch .page_queue_grid .item_controls .sub, + .touch .page_queue_grid .item_controls .thumb, + .touch .page_queue_grid .item_controls .title, + .touch .page_queue_grid .item_controls .topic_detail { + -webkit-transform: translate3d(-56px, 0, 0); + transform: translate3d(-56px, 0, 0) + } +} +@media only screen and (min-width: 33em) { + .touch .page_queue_grid .item_controls_left .buttons, + .touch .page_queue_grid .item_controls_left .excerpt, + .touch .page_queue_grid .item_controls_left .favicon, + .touch .page_queue_grid .item_controls_left .sub, + .touch .page_queue_grid .item_controls_left .thumb, + .touch .page_queue_grid .item_controls_left .title, + .touch .page_queue_grid .item_controls_left .topic_detail { + -webkit-transform: translate3d(56px, 0, 0); + transform: translate3d(56px, 0, 0) + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item .thumb { + display: block; + position: relative; + right: auto; + top: auto; + width: auto + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item .sub { + background-color: #fff; + bottom: 0; + box-sizing: border-box; + left: 0; + margin: 0; + padding: .65em 1em .6em 2.75em; + position: absolute; + width: 100% + } +} +.page-queuedark .page_queue_grid .item .sub { + background-color: #292929 +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_bulkeditselected .sub { + background-color: #fff6da + } + .page-queuedark .page_queue_grid .item_bulkeditselected .sub { + background-color: #4d452f + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item .buttons { + bottom: .55em; + display: block; + left: auto; + right: .65em + } +} +@media only screen and (min-width: 33em) { + .no-touch .page_queue_grid .item:hover .buttons, + .touch .page_queue_grid .item .buttons { + background-color: #fff + } +} +@media only screen and (min-width: 33em) { + .page-queuedark .page_queue_grid .item:hover .buttons, + .touch .page-queuedark .page_queue_grid .item .buttons { + background-color: #292929 + } +} +@media only screen and (min-width: 33em) { + .no-touch .page_queue_grid .item_bulkeditselected:hover .buttons, + .touch .page_queue_grid .item_bulkeditselected .buttons { + background-color: #fff6da + } +} +.page-queuedark .page_queue_grid .item_bulkeditselected .buttons, +.page-queuedark .page_queue_grid .item_bulkeditselected:hover .buttons { + background-color: #4d452f +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item .favicon { + display: block; + visibility: hidden + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item .favicon.lazy-active { + visibility: visible + } +} +.item_type_normal_only_title .thumb { + background-size: 97px 96px, auto auto +} +.item_type_normal_only_title .thumb-wimage { + background-size: auto auto, 97px 96px, auto auto; + background-position: center 43px, center 36px, center center +} +.item_type_normal_video .thumb { + background-size: auto auto, 100% auto +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_image, + .page_queue_grid .item_type_wide_split { + width: 100% + } +} +@media only screen and (min-width: 50em) { + .page_queue_grid .item_type_wide_image, + .page_queue_grid .item_type_wide_split { + width: 66.66667% + } +} +@media only screen and (min-width: 81em) { + .page_queue_grid .item_type_wide_image, + .page_queue_grid .item_type_wide_split { + width: 50% + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_split .thumb { + background-position: left; + background-size: 100% auto; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 50% + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_split .excerpt, + .page_queue_grid .item_type_wide_split .title { + box-sizing: border-box; + left: 50%; + position: relative; + width: 50% + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_split .sub { + left: 50%; + width: 50% + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_split .favicon { + margin-left: 1em; + left: 50% + } +} +@media only screen and (min-width: 38em) { + .page_queue_list .queue_list { + margin-left: auto; + margin-right: auto; + padding: 2em 1.5em 0 + } +} +@media only screen and (min-width: 65em) { + .page_queue_list .queue_list { + padding: 4.2em 3.55em 0 + } +} +@media only screen and (min-width: 38em) and (min-height: 32em) { + .page_queue_list .queue_list { + padding: 0 1.5em + } +} +@media only screen and (min-width: 65em) and (min-height: 32em) { + .page_queue_list .queue_list { + padding: 0 3.55em + } +} +@media only screen and (min-width: 80em) { + .page_queue_list .queue_list { + padding-left: 0; + padding-right: 0 + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item_content { + height: 100px + } +} +@media only screen and (min-width: 50em) { + .page_queue_list .item_content { + height: 80px + } +} +@media only screen and (min-width: 38em) { + .page_queue_list .item_content { + border-left-width: 1px; + border-right-width: 1px + } +} +.page-queuedark .page_queue_list .item_content { + border-color: #1f1f1f +} +.flexbox .page_queue_list .item_content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} +@media only screen and (min-width: 40em) { + .flexbox .page_queue_list .item_content { + display: block + } +} +.page_queue_list .item:first-child .item_content { + border-top-width: 0 +} +@media only screen and (min-width: 38em) { + .page_queue_list .item:first-child .item_content { + border-top-width: 1px + } +} +.page_queue_list .item:last-child .item_content { + border-bottom-width: 1px +} +@media only screen and (min-width: 38em) { + .page_queue_list .item:last-child .item_content { + border-bottom-width: 0 + } +} +.page_queue_list .item_placeholder .item_content, +.page_queue_list .item_placeholder:first-child .item_content { + border: 3px dashed #ccc; + height: auto; + max-height: inherit; + padding: .5em 2.5em +} +.page_queue_list .item_placeholder h3, +.page_queue_list .item_placeholder p { + max-width: inherit +} +.page_queue_list .item_placeholder .button-connect { + margin-bottom: .5em +} +@media only screen and (min-width: 50em) { + .page_queue_list .item_state_favorited .favstate { + background-position: 0 -239px; + bottom: 0; + left: auto; + height: 36px; + right: 0; + width: 36px; + top: auto + } +} +@media only screen and (min-width: 38em) { + .page_queue_list .item .title { + padding-left: 1.6em; + padding-right: 110px + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .title { + font-size: 1.38462em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding: 1.25em 110px .1em 1.3em + } +} +@media only screen and (min-width: 50em) { + .page_queue_list .item .title { + padding: 1em 11em .1em 7.35em + } +} +.touch .page_queue_list .item .title { + padding-top: .7em +} +@media only screen and (min-width: 40em) { + .touch .page_queue_list .item .title { + padding-top: 1.25em + } +} +@media only screen and (min-width: 50em) { + .touch .page_queue_list .item .title { + padding-top: 1em + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .thumb { + width: 100px + } +} +@media only screen and (min-width: 50em) { + .page_queue_list .item .thumb { + left: 0; + right: auto + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .buttons { + bottom: .7em; + left: .8em + } +} +@media only screen and (min-width: 50em) { + .page_queue_list .item .buttons { + bottom: auto; + left: auto; + right: 2em; + top: 1.35em + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .sub { + margin: .1em 110px 1.5em 1.3em + } +} +@media only screen and (min-width: 50em) { + .page_queue_list .item .sub { + margin: .4em 0 1.5em 9.75em + } +} +.touch .page_queue_list .item .sub { + margin-top: 0; + margin-bottom: .9em +} +@media only screen and (min-width: 40em) { + .touch .page_queue_list .item .sub { + margin-bottom: 0 + } +} +.page_queue_list .item .original_url_container { + margin: 2px 0; + top: 2px; + position: relative +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .original_url_container { + margin: 5px 0; + top: 0 + } +} +@media only screen and (min-width: 33em) { + .touch .page_queue_list .shared_to .original_url_container { + top: 4px + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .original_url { + font-size: 1.07692em + } +} +.page_queue_list .item .hasTags { + background-image: none; + border: 0; + display: block; + height: auto; + margin-top: .8em; + padding-left: 0; + z-index: 10 +} +@media only screen and (min-width: 33em) { + .page_queue_list .item .hasTags { + margin-top: 0 + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .topic { + padding-left: 0 + } +} +@media only screen and (min-width: 40em) { + .page_queue_list .item .tags-withtopic { + padding-left: 8px + } +} +.item .buttons { + list-style: none; + margin: 0; + padding: 0; + position: absolute; + bottom: .5em; + left: 10px; + z-index: 10 +} +@media only screen and (min-width: 38em) { + .item .buttons { + left: -.3em + } +} +.touch .item .buttons { + left: 50%; + margin-left: -9em; + opacity: 0; + margin-top: -1.5em; + top: 50%; + -webkit-transition: -webkit-transform .3s ease-out, opacity .3s ease-out; + transition: transform .3s ease-out, opacity .3s ease-out +} +.touch.flexbox .item .buttons { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} +.touch.flexbox .page_queue_list .buttons { + background-color: #f4f4f6; + height: 100%; + width: 100%; + left: 0; + top: 0; + margin-left: 0; + margin-top: 0 +} +.touch.flexbox .page-queuedark .buttons { + background-color: #1f1f1f +} +.touch .item_controls .buttons { + opacity: 1 +} +@media only screen and (min-width: 33em) { + .touch .page_queue_grid .buttons { + border-left: 1px solid #dcdce0; + bottom: auto; + left: auto; + height: 100%; + margin-left: 0; + margin-top: 0; + opacity: 1; + right: -56px; + top: 0; + z-index: 5 + } +} +@media only screen and (min-width: 33em) { + .touch.flexbox .page_queue_grid .buttons { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column + } +} +@media only screen and (min-width: 33em) { + .touch .page_queue_grid .item_controls_left .buttons { + border-left: 0; + border-right: 1px solid #dcdce0; + bottom: auto; + left: -56px; + right: auto + } +} +.item .buttons li { + float: left; + opacity: 0; + -webkit-transition: opacity .1s linear; + transition: opacity .1s linear; + -webkit-transform: translateZ(0); + transform: translateZ(0) +} +.touch .page_queue_list .buttons li { + margin-left: .8em; + margin-right: .8em +} +@media only screen and (min-width: 33em) { + .touch .page_queue_grid .buttons li { + float: none; + margin: .5em 0 + } +} +.bulkeditselected .buttons li { + background-color: #fff6da +} +.page-queuedark .bulkeditselected .buttons li { + background-color: #4d452f +} +.item .buttons li.selected.action_favorite, +.item.pendingDialog .buttons li, +.no-touch .item_content:hover .buttons li, +.touch .item .buttons li { + opacity: 1 +} +.item .buttons a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png); + background-repeat: no-repeat; + display: block; + margin: 0 0 0 8px; + text-indent: -789em; + overflow: hidden; + padding: 3px; + position: relative +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .item .buttons a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.touch .item .buttons a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png); + margin: 0; + padding: 1em .5em +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .touch .item .buttons a { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.action_mark a { + background-position: -228px -487px; + height: 14px; + width: 17px +} +.page-queuedark .action_mark a { + background-position: -456px -487px +} +.item .action_mark a { + margin-left: 7px +} +.touch .action_mark a { + background-position: -70px -225px; + height: 20px; + width: 23px +} +.touch .page-queuedark .action_mark a { + background-position: -133px -225px +} +.no-touch .action_mark a:hover { + background-position: -171px -487px +} +.no-touch .page-queuedark .action_mark a:hover { + background-position: -399px -487px +} +.action_mark_archived a { + background-position: -698px 3px; + height: 14px; + width: 14px +} +.page-queuedark .action_mark_archived a { + background-position: -698px -321px +} +.item .action_mark_archived a { + margin-left: 6px +} +.no-touch .action_mark_archived a:hover { + background-position: -698px -51px +} +.no-touch .page-queuedark .action_mark_archived a:hover { + background-position: -698px -105px +} +.action_delete a { + background-position: -642px -273px; + height: 15px; + width: 14px; + top: -1px +} +.page-queuedark .action_delete a { + background-position: -51px -597px +} +.item .action_delete a { + margin-left: 7px +} +.touch .action_delete a { + background-position: -411px -47px; + height: 21px; + width: 19px +} +.touch .page-queuedark .action_delete a { + background-position: -411px 14px +} +.no-touch .action_delete a:hover { + background-position: -642px -328px +} +.no-touch .page-queuedark .action_delete a:hover { + background-position: 3px -597px +} +.action_favorite a { + background-position: -105px -597px; + height: 14px; + width: 15px +} +.page-queuedark .action_favorite a { + background-position: -215px -597px +} +.item .action_favorite a { + margin-left: 7px +} +.touch .action_favorite a { + background-position: -350px -108px; + height: 21px; + width: 21px +} +.touch .page-queuedark .action_favorite a { + background-position: -350px 14px +} +.no-touch .action_favorite a:hover { + background-position: -160px -597px +} +.no-touch .page-queuedark .action_favorite a:hover { + background-position: -642px -491px +} +.no-touch .action_favorite.selected a, +.no-touch .action_favorite.selected a:hover { + background-position: -270px -597px +} +.touch .action_favorite.selected a { + background-position: -350px -47px; + height: 21px; + width: 21px +} +.action_share a { + background-position: -233px -430px; + height: 13px; + width: 21px +} +.page-queuedark .action_share a { + background-position: -111px -430px +} +.touch .action_share a { + background-position: -183px -164px; + height: 18px; + width: 29px +} +.touch .page-queuedark .action_share a { + background-position: -114px -164px +} +.no-touch .action_share a:hover { + background-position: -172px -430px +} +.no-touch .page-queuedark .action_share a:hover { + background-position: -294px -430px +} +.action_tag a { + background-position: -325px -597px; + height: 14px; + width: 15px +} +.page-queuedark .action_tag a { + background-position: -642px -383px +} +.touch .action_tag a { + background-position: -350px -229px; + height: 20px; + width: 21px +} +.touch .page-queuedark .action_tag a { + background-position: -350px -169px +} +.no-touch .action_tag a:hover { + background-position: -642px -219px +} +.no-touch .page-queuedark .action_tag a:hover { + background-position: -642px -437px +} +.queue_list_mode_bulkedit .item:hover .action_delete, +.queue_list_mode_bulkedit .item:hover .action_favorite, +.queue_list_mode_bulkedit .item:hover .action_mark, +.queue_list_mode_bulkedit .item:hover .action_share, +.queue_list_mode_bulkedit .item:hover .action_tag { + display: none +} +.queue_list_mode_bulkedit .item:hover .selected { + display: block +} +.queue_list_mode_bulkedit .item:hover .action_mark_archived { + display: none +} +.queue_list_mode_bulkedit .original_url:hover { + text-decoration: none +} +.item .original_url .search-match, +.item .title .search-match { + display: inline; + font-weight: 600 +} +.item .original_url .search-match { + color: #313131 +} +.queue_list .topic_detail { + border-radius: 3px; + color: #fff; + cursor: default; + display: none; + font-weight: 400; + letter-spacing: .2px; + line-height: 1; + padding: 4px 8px; + top: 0 +} +.page-skindark .queue_list .topic_detail { + color: #fff +} +.no-touch .queue_list .topic_detail:hover { + text-decoration: none +} +@media only screen and (min-width: 33em) { + .page_queue_grid .queue_list .topic_detail { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + display: none; + font-size: 14px; + margin-top: 10px; + padding: 5px 12px 5px 16px; + position: absolute; + z-index: 90 + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_normal_excerpt .topic_detail { + margin-top: -17px + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_split .topic_detail { + left: -50% + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .adjusted .topic_detail { + display: block + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .topic .topic_detail { + display: none + } +} +@media only screen and (min-width: 33em) { + .page_queue_list .queue_list .topic { + border-left: 0; + display: block; + padding-right: 0 + } +} +@media only screen and (min-width: 33em) { + .page_queue_list .topic .topic_detail { + display: inline-block + } +} +.shares .attribution .time_since { + height: 25px; + line-height: 25px; + float: right; + text-align: right; + max-width: 100px; + overflow-y: hidden; + position: absolute; + top: 6px; + background-color: #f9f9f9; + padding-left: 10px +} +.page-skindark .shares .attribution .time_since { + background-color: #292929 +} +.bulkeditselected .attribution .time_since { + background-color: #fff8c8 +} +.shares .attribution .comment, +.shares .attribution .one_liner { + margin-bottom: 9px; + font-size: 14px; + font-weight: 400; + color: #313131; + opacity: 0; + padding-right: 20px; + -webkit-transition: opacity .3s ease-out .2s; + transition: opacity .3s ease-out .2s +} +.page-skindark .shares .attribution .comment, +.page-skindark .shares .attribution .one_liner { + color: #ccc +} +.share_expanded .attribution .comment, +.share_expanded .attribution .one_liner { + opacity: 1 +} +.shares .attribution .one_liner { + margin-top: 9px; + margin-bottom: 9px +} +.shares .attribution .quote { + font-size: 14px; + font-weight: 400; + opacity: 0; + padding-right: 20px; + margin-bottom: 9px; + -webkit-transition: opacity .3s ease-out .2s; + transition: opacity .3s ease-out .2s +} +.share_expanded .attribution .quote { + opacity: 1 +} +.list .shares .attribution .quote { + padding-right: 120px +} +.item .avatar { + width: 24px; + height: 24px; + border-radius: 12px; + background-size: 100% 100%; + display: inline-block; + position: absolute; + left: 12px; + top: 6px +} +.queue_list .info-loading { + background: url(/a/i/spinner@1x.gif) center 40% no-repeat; + clear: both; + position: relative; + font-size: 14px; + height: 90px; + margin-bottom: 20px; + width: 880px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .queue_list .info-loading { + background-image: url(/a/i/spinner@2x.gif); + background-size: 30px 30px + } +} +.row_friends .shares .attribution { + padding-left: 12px +} +.row_friends .collapsed { + line-height: 36px; + padding-left: 44px +} +.row_friends .shares .attribution .full_name { + line-height: 36px; + padding-left: 32px +} +.queue_list .item .shares .notification { + position: relative; + border-bottom: 1px solid #c3c3c3; + border-top: 1px solid #f8f8f8; + min-height: 18px; + cursor: pointer +} +.queue_list .item .shares .notification:first-child { + border-top: 0 +} +.queue_list .item .shares .notification:last-child { + border-bottom: 0 +} +.queue_list .item .caret { + display: block; + position: absolute; + width: 15px; + height: 8px; + background-size: 15px 8px; + background-repeat: no-repeat; + background-position: center center; + z-index: 100; + background-image: url(/a/i/queue-attribution-caret-1x.png) +} +.page-skindark .queue_list .item .caret, +.queue_list .bulkeditselected .caret { + display: none +} +#container .queue_list .item.share_expanded .row_friends .shares { + display: block +} +@media only screen and (min-width: 33em) { + .page_queue_grid .shares .attribution .time_since { + color: #666; + font-size: 12px; + right: 19px + } + .page-skindark .page_queue_grid .shares .attribution .time_since { + color: #ccc + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item.share_expanded .row_friends { + height: auto + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item.share_expanded .row_friends .collapsed { + display: none + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .queue_list .item .row_friends .shares { + display: none; + overflow-y: auto; + max-height: 215px + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .row_friends .avatar { + left: 12px; + top: 6px + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .queue_list .item .caret { + left: 16px; + bottom: -8px + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item .row_friends { + background-color: #f8f8fa; + border: 1px solid #e0e0e0; + box-sizing: border-box; + color: #313131; + display: block; + font-weight: 600; + height: 37px; + min-height: 37px; + max-height: 215px; + position: relative; + -webkit-transition: height .3s ease-in-out; + transition: height .3s ease-in-out + } + .page-skindark .page_queue_grid .item .row_friends { + border: 1px solid #4e4e4e; + background-color: #292929; + color: #ccc + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_split .row_friends { + padding-left: 50% + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .queue_list .item_type_wide_split .avatar, + .page_queue_grid .queue_list .item_type_wide_split .caret { + left: 50%; + margin-left: 12px + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .queue_list .item_type_wide_split .caret { + margin-left: 16px + } +} +@media only screen and (min-width: 33em) { + .page_queue_grid .item_type_wide_split .attribution .avatar { + left: -1px + } +} +.page_queue_list .row_friends { + display: block; + margin-left: -12px; + position: relative; + top: -8px +} +.page_queue_list .shares .attribution .time_since { + font-size: 11px; + font-weight: 600; + color: grey; + right: 25px +} +.page_queue_list .shares .notification:first-child .attribution .time_since { + top: -3px +} +.page_queue_list .shares .attribution .comment { + margin-top: 5px; + margin-right: 110px +} +.page_queue_list .item .caret { + display: none +} +.page_queue_list .queue_list .item .sharesContainer { + overflow-y: hidden; + height: 0; + -webkit-transition: height .3s ease-in-out; + transition: height .3s ease-in-out +} +.page_queue_list .queue_list .item .shares { + display: block; + background-color: #f8f8f8; + box-sizing: border-box +} +.page_queue_list .queue_list .item.share_expanded .shares { + border-top: 1px solid #cecece +} +.page_queue_list .queue_list .item .notification { + padding: 10px 16px 10px 112px +} +.page_queue_list .queue_list .item .attribution { + padding-left: 8px; + position: relative +} +.flexbox .toolbar_reader .icons { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 50px; + margin-bottom: 0; + padding: 0 +} +#subnav .icons a, +.toolbar_reader .icons a { + background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@1x.png); + background-repeat: no-repeat; + margin-left: auto; + margin-right: auto; + margin-top: 15px; + padding: 2px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #subnav .icons a, + .toolbar_reader .icons a { + background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 514px 415px + } +} +@media only screen and (min-width: 34em) { + #subnav .icons a, + .toolbar_reader .icons a { + margin-left: 0; + margin-right: 22px + } +} +.flexbox #subnav .icons a, +.flexbox .icons a { + margin-top: 0; + margin-bottom: 0 +} +#subnav .icons a { + background-image: url(/a/i/icons_toolbar_top@1x.png); + padding: 0 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #subnav .icons a { + background-image: url(/a/i/icons_toolbar_top@2x.png); + background-size: 600px 1550px + } +} +#page .toolbar_reader .leftItem { + left: 0; + width: 60% +} +@media only screen and (min-width: 34em) { + #page .toolbar_reader .leftItem { + left: 20px; + width: auto + } +} +@media only screen and (min-width: 65em) { + #page .toolbar_reader .leftItem { + left: -2px + } +} +#page .toolbar_reader .rightItem { + box-sizing: border-box; + right: 0; + margin-top: 2px; + width: 40% +} +@media only screen and (min-width: 34em) { + #page .toolbar_reader .rightItem { + right: 20px; + width: auto + } +} +@media only screen and (min-width: 38em) { + #page .toolbar_reader .rightItem { + margin-top: 4px; + right: 20px + } +} +@media only screen and (min-width: 65em) { + #page .toolbar_reader .rightItem { + right: 0 + } +} +.flexbox #page .toolbar_reader .rightItem { + margin-top: 0 +} +.toolbar_reader .leftItem>li { + width: 33.33333% +} +@media only screen and (min-width: 34em) { + .toolbar_reader .leftItem>li { + width: inherit + } +} +.toolbar_reader .rightItem>li { + width: 50% +} +@media only screen and (min-width: 34em) { + .toolbar_reader .rightItem>li { + width: inherit + } +} +@media only screen and (min-width: 34em) { + #subnav .rightItem a, + .toolbar_reader .rightItem a { + margin-left: 23px; + margin-right: 0 + } +} +#pagenav_home { + display: none +} +@media only screen and (min-width: 48em) { + #pagenav_home { + display: block + } +} +#pagenav_home>a { + background-position: -63px 2px; + height: 22px; + width: 25px +} +.no-touch #pagenav_home>a:hover { + background-position: -63px -60px +} +.page-readerdark #pagenav_home>a { + background-position: 2px 2px +} +.no-touch .page-readerdark #pagenav_home>a:hover { + background-position: -63px -60px +} +.page-readersepia #pagenav_home>a { + background-position: 2px -60px +} +.no-touch .page-readersepia #pagenav_home>a:hover { + background-position: -63px -60px +} +#pagenav_favorite>a { + background-position: -320px -169px; + height: 17px; + width: 17px +} +.no-touch #pagenav_favorite>a:hover { + background-position: -55px -285px +} +.page-readerdark #pagenav_favorite>a { + background-position: -320px -112px +} +.no-touch .page-readerdark #pagenav_favorite>a:hover { + background-position: 2px -285px +} +.page-readersepia #pagenav_favorite>a { + background-position: -320px -226px +} +.no-touch .page-readersepia #pagenav_favorite>a:hover { + background-position: -112px -285px +} +.no-touch #pagenav_favorite.selected>a, +.touch #pagenav_favorite.selected>a { + background-position: -377px -55px +} +#pagenav_share>a { + background-position: -258px 2px; + height: 14px; + margin-top: 1.1em; + width: 22px +} +.no-touch #pagenav_share>a:hover { + background-position: -122px -175px +} +.flexbox #pagenav_share>a { + margin-top: 0 +} +.page-readerdark #pagenav_share>a { + background-position: 2px -175px +} +.no-touch .page-readerdark #pagenav_share>a:hover { + background-position: -184px -175px +} +.page-readersepia #pagenav_share>a { + background-position: -193px -104px +} +.no-touch .page-readersepia #pagenav_share>a:hover { + background-position: -60px -175px +} +#pagenav_style { + display: none +} +@media only screen and (min-width: 40em) { + #pagenav_style { + display: block + } +} +#pagenav_style>a { + background-position: 2px -122px; + height: 13px; + width: 25px +} +.no-touch #pagenav_style>a:hover { + background-position: -63px -122px +} +.page-readerdark #pagenav_style>a { + background-position: -128px -51px +} +.no-touch .page-readerdark #pagenav_style>a:hover { + background-position: -128px -122px +} +.page-readersepia #pagenav_style>a { + background-position: -193px 2px +} +.no-touch .page-readersepia #pagenav_style>a:hover { + background-position: -128px 2px +} +.no-touch #pagenav_style.selected>a { + background-position: -63px -122px +} +#pagenav_back>a { + background-position: -234px -229px; + height: 15px; + width: 19px +} +.no-touch #pagenav_back>a:hover { + background-position: -116px -342px +} +.page-readerdark #pagenav_back>a { + background-position: -175px -229px +} +.no-touch .page-readerdark #pagenav_back>a:hover { + background-position: -57px -342px +} +.page-readersepia #pagenav_back>a { + background-position: 2px -342px +} +.no-touch .page-readersepia #pagenav_back>a:hover { + background-position: -175px -342px +} +#pagenav_mark>a { + background-position: -57px -229px; + height: 16px; + width: 19px +} +#pagenav_mark.selected>a, +.no-touch #pagenav_mark>a:hover { + background-position: -258px -108px +} +.page-readerdark #pagenav_mark>a { + background-position: -258px -52px +} +.no-touch .page-readerdark #pagenav_mark>a:hover, +.page-readerdark #pagenav_mark.selected>a { + background-position: -258px -164px +} +.page-readersepia #pagenav_mark>a { + background-position: 2px -229px +} +.no-touch .page-readersepia #pagenav_mark>a:hover, +.page-readersepia #pagenav_mark.selected>a { + background-position: -116px -229px +} +#pagenav_mark.archived>a { + background-position: -169px -285px; + height: 17px; + width: 17px +} +.no-touch #pagenav_mark.archived>a:hover { + background-position: -320px -55px +} +#page #pagenav_mark.selected>a { + cursor: pointer +} +#pagenav_add { + display: none +} +#pagenav_add>a { + background-position: -169px -285px; + height: 17px; + width: 17px +} +.no-touch #pagenav_add>a:hover { + background-position: -320px -55px +} +.page-readerdark #pagenav_add>a, +.page-readerdark #pagenav_mark.archived>a { + background-position: -283px -285px +} +.no-touch .page-readerdark #pagenav_add>a:hover, +.no-touch .page-readerdark #pagenav_mark.archived>a:hover { + background-position: -320px 2px +} +.page-readersepia #pagenav_add>a, +.page-readersepia #pagenav_mark.archived>a { + background-position: -377px 2px +} +.no-touch .page-readersepia #pagenav_add>a:hover, +.no-touch .page-readersepia #pagenav_mark.archived>a:hover { + background-position: -226px -285px +} +#pagenav_delete { + display: none +} +@media only screen and (min-width: 40em) { + #pagenav_delete { + display: block + } +} +#pagenav_delete>a { + background-position: -377px -283px; + height: 17px; + width: 16px +} +.no-touch #pagenav_delete>a:hover { + background-position: -377px -112px +} +.page-readerdark #pagenav_delete>a { + background-position: -434px -55px +} +.no-touch .page-readerdark #pagenav_delete>a:hover { + background-position: -377px -169px +} +.page-readersepia #pagenav_delete>a { + background-position: -377px -226px +} +.no-touch .page-readersepia #pagenav_delete>a:hover { + background-position: -434px -112px +} +#pagenav_tag { + display: none +} +@media only screen and (min-width: 40em) { + #pagenav_tag { + display: block + } +} +#pagenav_tag>a { + background-position: -55px -396px; + height: 16px; + width: 17px +} +.no-touch #pagenav_tag>a:hover { + background-position: -283px -396px +} +.page-readerdark #pagenav_tag>a { + background-position: 2px -396px +} +.no-touch .page-readerdark #pagenav_tag>a:hover { + background-position: -169px -396px +} +.page-readersepia #pagenav_tag>a { + background-position: -112px -396px +} +.no-touch .page-readersepia #pagenav_tag>a:hover { + background-position: -340px -396px +} +#pagenav_more { + display: block +} +@media only screen and (min-width: 40em) { + #pagenav_more { + display: none + } +} +#pagenav_more>a { + background-position: -358px -342px; + height: 10px; + margin-top: 1.2em; + width: 22px +} +.no-touch #pagenav_more>a:hover { + background-position: -234px -342px +} +.flexbox #pagenav_more>a { + margin-top: 0 +} +.page-readerdark #pagenav_more>a { + background-position: -296px -342px +} +.no-touch .page-readerdark #pagenav_more>a:hover { + background-position: -490px -48px +} +.page-readersepia #pagenav_more>a { + background-position: -397px -397px +} +.no-touch .page-readersepia #pagenav_more>a:hover { + background-position: -490px 2px +} +.toolbar_reader_addmode #pagenav_delete, +.toolbar_reader_addmode #pagenav_favorite, +.toolbar_reader_addmode #pagenav_mark { + display: none +} +.toolbar_reader_addmode #pagenav_add { + display: block +} +#styleMenu { + height: auto; + width: 100%; + text-align: center +} +@media only screen and (min-width: 30em) { + #styleMenu { + width: 259px + } +} +#styleMenu ul { + float: left; + margin-bottom: 0; + top: 0; + width: auto +} +#styleMenu .icons a { + margin: 0 +} +#styleMenu .textoptions_font { + border-right: 1px solid #bcbcbc; + padding: 15px 12px; + width: 104px +} +.page-readerdark #styleMenu .textoptions_font { + border-right-color: #4e4e4e +} +#styleMenu .textoptions_fontsize { + padding: 18px 17px; + width: 96px +} +#styleMenu .textoptions_theme { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border-top: 1px solid #bcbcbc; + box-sizing: border-box; + clear: left; + padding: 16px 12px; + width: 100% +} +.page-readerdark #styleMenu .textoptions_theme { + border-color: #4e4e4e +} +#styleMenu .textoptions_font>li { + border: 1px solid #bcbcbc; + width: 50px +} +.page-readerdark #styleMenu .textoptions_font>li { + border-color: #4e4e4e +} +#styleMenu .textoptions_font .selected { + background-color: #d7d7d7; + cursor: default +} +.page-readerdark #styleMenu .textoptions_font .selected { + background-color: #909090 +} +#styleMenu #submenu_font_serif { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + border-right-width: 0 +} +#styleMenu #submenu_font_sans { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px +} +#styleMenu .textoptions_font a { + box-sizing: border-box; + height: 100%; + padding: 5px; + width: 100% +} +#submenu_font_serif>a, +.no-touch .inactive #submenu_font_serif>a:hover { + background-position: 12px -1513px +} +#submenu_font_serif>.selected, +.no-touch #submenu_font_serif>a:hover { + background-position: -388px -1513px +} +#submenu_font_sans>a, +.no-touch .inactive #submenu_font_sans>a:hover { + background-position: 12px -1432px +} +#submenu_font_sans>.selected, +.no-touch #submenu_font_sans>a:hover { + background-position: -387px -1432px +} +#styleMenu .textoptions_fontsize a { + height: 24px; + width: 24px +} +#styleMenu #submenu_font_down>a { + margin-right: 16px +} +.icons #submenu_font_down>a, +.no-touch .icons #submenu_font_down>.inactive:hover, +.no-touch .inactive #submenu_font_down>a:hover { + background-image: url(/a/i/icons_toolbar_bottom@1x.png?122); + background-position: 0 -50px +} +.no-touch #submenu_font_down>a:hover { + background-image: url(/a/i/icons_toolbar_bottom@1x.png?122); + background-position: -400px -50px +} +.icons #submenu_font_up>a, +.no-touch .icons #submenu_font_up>.inactive:hover, +.no-touch .inactive #submenu_font_up>a:hover { + background-image: url(/a/i/icons_toolbar_bottom@1x.png?122); + background-position: 0 -130px; + margin-right: 0 +} +.no-touch #submenu_font_up>a:hover { + background-position: -400px -130px +} +#submenu_font_placeholder { + background-image: url(/a/i/icons_toolbar_bottom@1x.png?122); + background-position: -200px -46px; + height: 24px; + margin-right: 16px; + width: 16px; + overflow: hidden; + text-indent: -999px +} +#styleMenu .textoptions_theme a { + border-radius: 2px; + background-image: none; + font-family: proxima-nova, Helvetica, Arial, sans-serif; + font-size: 16px; + font-weight: 600; + height: auto; + margin-right: 12px; + line-height: 1; + padding: 6px 0; + text-align: center; + text-indent: 0; + width: 68px +} +.page-app-ru-ru #styleMenu .textoptions_theme a { + font-size: 14px +} +#styleMenu .textoptions_theme .selected, +.no-touch #styleMenu .textoptions_theme a:hover { + border-color: #666; + cursor: pointer; + text-decoration: none +} +#styleMenu .textoptions_theme .selected, +.no-touch #styleMenu .textoptions_theme .selected:hover { + cursor: default +} +#styleMenu #submenu_theme_sepia>a { + margin-right: 0 +} +#submenu_theme_light>a { + background-color: #fdfdfd; + border: 1px solid #666; + color: #313131 +} +#submenu_theme_dark>a { + background-color: #292929; + border: 1px solid #bbb; + color: #ccc +} +#submenu_theme_sepia>a { + background-color: #fbf0d9; + border: 1px solid #bbb; + color: #5b4636 +} +#styleMenu .inactive a { + cursor: default; + opacity: .5 +} +#styleMenu .icons_row { + display: inline-block +} +#styleMenu .icons_row:after { + content: ""; + display: table; + clear: both +} +#moreActionsMenu ul { + list-style: none; + margin: 0; + padding: 0 +} +@media only screen and (min-width: 30em) { + #moreActionsMenu ul { + padding: .45em 0 + } +} +#moreActionsMenu a { + color: #313131; + border-bottom: 1px solid #e6e6e8; + box-sizing: border-box; + display: block; + font-size: 1.23077em; + text-decoration: none; + text-indent: 54px; + position: relative; + padding: .5em 2em .5em .9em +} +.no-touch #moreActionsMenu a:hover { + background-color: #50bcb6; + color: #fff +} +@media only screen and (min-width: 30em) { + #moreActionsMenu a { + border-bottom: none; + font-size: 1.15385em; + padding: .6em 2em .6em 1em + } +} +.page-readerdark #moreActionsMenu a { + color: #dcdce0; + border-bottom-color: #383737 +} +.moreactions_delete .nav-icon, +.moreactions_edittags .nav-icon, +.moreactions_textoptions .nav-icon { + background: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat; + display: block; + left: 1.7em; + position: absolute; + top: .8em +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .moreactions_delete .nav-icon, + .moreactions_edittags .nav-icon, + .moreactions_textoptions .nav-icon { + background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 514px 415px + } +} +.moreactions_edittags .nav-icon { + background-position: -285px -399px; + height: 16px; + width: 17px +} +.page-readerdark .moreactions_edittags .nav-icon { + background-position: -228px -399px +} +.no-touch .moreactions_edittags:hover .nav-icon { + background-position: -171px -399px +} +.moreactions_textoptions .nav-icon { + background-position: -65px -124px; + height: 13px; + width: 25px +} +.page-readerdark .moreactions_textoptions .nav-icon { + background-position: -195px -53px +} +.no-touch .moreactions_textoptions:hover .nav-icon { + background-position: -130px -124px +} +.moreactions_delete .nav-icon { + background-position: -379px -114px; + height: 17px; + top: .65em; + width: 16px +} +@media only screen and (min-width: 30em) { + .moreactions_delete .nav-icon { + left: 1.8em + } +} +.page-readerdark .moreactions_delete .nav-icon { + background-position: -436px 0 +} +.no-touch .moreactions_delete:hover .nav-icon { + background-position: -379px -171px +} +#pagenav_articleview>a, +#pagenav_webview>a { + margin: 19px 0; + border: 1px solid #ccc; + padding: 4px 7px 4px 8px; + position: relative; + top: -5px; + width: 22px +} +#pagenav_articleview>a { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + background-position: 8px -2235px +} +#pagenav_articleview.selected>a, +.no-touch #pagenav_articleview>a:hover { + background-position: -392px -2235px +} +#pagenav_webview>a { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-left-width: 0; + background-position: 8px -2315px +} +#pagenav_webview.selected>a, +.no-touch #pagenav_webview>a:hover { + background-position: -392px -2315px +} +#pagenav_articleview.selected>a, +#pagenav_webview.selected>a { + background-color: #e6e6e6 +} +#page_reader { + margin: 0; + padding: 54px 0 0; + width: auto +} +@media only screen and (min-width: 38em) { + #page_reader { + padding-top: 70px + } +} +#page_reader.articleview { + padding: 54px 0 45px +} +@media only screen and (min-width: 38em) { + #page_reader.articleview { + padding-top: 70px + } +} +#page_reader.webview { + padding: 54px 0 0 +} +@media only screen and (min-width: 38em) { + #page_reader.webview { + padding-top: 70px + } +} +#page_reader.loading { + background-position: center 41.8%!important; + height: 200px!important +} +@media only screen and (min-height: 40em) { + #page_reader.loading { + background-position: center 70%!important; + height: 400px!important + } +} +.page-reader #page .pkt-nav { + background-color: #fdfdfd +} +.page-readerdark #page .pkt-nav { + background-color: #292929 +} +.page-readersepia #page .pkt-nav { + background-color: #fbf0d9 +} +.page-reader #PKT_header, +.page-reader #page .pkt-nav { + -webkit-transition: top .3s ease-out; + transition: top .3s ease-out +} +@media only screen and (min-width: 65em) { + .page-reader #PKT_header, + .page-reader #page .pkt-nav { + top: 0; + -webkit-transition: opacity .3s ease-out; + transition: opacity .3s ease-out + } +} +.page-readerfullscreen #PKT_header { + top: -73px +} +.page-readerfullscreen #page .pkt-nav { + top: -69px +} +@media only screen and (min-width: 65em) { + .page-readerfullscreen #page .pkt-nav { + top: 0 + } +} +.csstransforms3d .page-reader #PKT_header, +.csstransforms3d .page-reader #page .pkt-nav { + -webkit-transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.csstransforms3d .page-readerfullscreen #PKT_header { + top: auto; + -webkit-transform: translate3d(0, -73px, 0); + transform: translate3d(0, -73px, 0) +} +.csstransforms3d .page-readerfullscreen #page .pkt-nav { + top: auto; + -webkit-transform: translate3d(0, -69px, 0); + transform: translate3d(0, -69px, 0) +} +.toolbar_reader_title { + color: #b1b2b2; + display: none; + font-size: 1.15385em; + font-weight: 600; + line-height: 1; + margin: 0 auto; + padding-top: 1.2em; + max-width: 20em; + overflow: hidden; + opacity: 0; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-transition: opacity .2s ease-out; + transition: opacity .2s ease-out +} +@media only screen and (min-width: 58em) { + .toolbar_reader_title { + display: block + } +} +@media only screen and (min-width: 63em) { + .toolbar_reader_title { + max-width: 25em + } +} +@media only screen and (min-width: 68em) { + .toolbar_reader_title { + max-width: 30em + } +} +@media only screen and (min-width: 73em) { + .toolbar_reader_title { + max-width: 35em + } +} +@media only screen and (min-width: 78em) { + .toolbar_reader_title { + max-width: 40em + } +} +@media only screen and (min-width: 83em) { + .toolbar_reader_title { + max-width: 45em + } +} +@media only screen and (min-width: 88em) { + .toolbar_reader_title { + max-width: 50em + } +} +@media only screen and (min-width: 58em) { + .flexbox .toolbar_reader_title { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 50px; + padding: .1em 0 0 + } +} +.page-readerdark .toolbar_reader_title { + color: #909090 +} +.page-readersepia .toolbar_reader_title { + color: #ad998b +} +.toolbar_reader_showextras .toolbar_reader_title { + opacity: 1 +} +.toolbar_reader_divider { + border-bottom: 1px solid #e7e7e7; + height: 1px; + top: 49px; + position: relative; + width: auto +} +@media only screen and (min-width: 65em) { + .toolbar_reader_divider { + display: none + } +} +@media only screen and (min-width: 65em) { + .page-reader .pkt-nav { + border-bottom: 1px solid #e7e7e7 + } +} +.page-readerdark .toolbar_reader_divider { + border-bottom-color: #383737 +} +@media only screen and (min-width: 65em) { + .page-readerdark .pkt-nav { + border-bottom-color: #383737 + } +} +.page-readersepia .toolbar_reader_divider { + border-bottom-color: #f0e0d4 +} +@media only screen and (min-width: 65em) { + .page-readersepia .pkt-nav { + border-bottom-color: #f0e0d4 + } +} +.reading_progress { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 2px; + z-index: 9000 +} +.page-reader .reading_progress { + display: block +} +.reading_progress_bar { + height: 100%; + -webkit-transition: width .1s linear; + transition: width .1s linear; + width: 0; + background-color: #50bcb6 +} +.page-readerdark .reading_progress_bar, +.page-readersepia .reading_progress_bar { + background-color: #50bcb6 +} +.page-readerlight { + background: #fdfdfd +} +.page-readerdark { + background: #292929 +} +.page-readersepia { + background: #fbf0d9 +} +.page-reader #livechat-compact-container { + display: none +} +.font-serif .reader_content, +.font-serif h1, +.font-serif h2, +.font-serif h3, +.font-serif h4, +.font-serif h5, +.font-serif h6 { + font-family: ff-yoga-web-pro, Georgia, serif +} +.font-sans .reader_content, +.font-sans h1, +.font-sans h2, +.font-sans h3, +.font-sans h4, +.font-sans h5, +.font-sans h6 { + font-family: proxima-nova, Helvetica, Arial, sans-serif +} +.text_body { + clear: both +} +#content .text_body .wrapper { + display: block; + width: inherit +} +.reader_head { + padding-bottom: 0; + margin-bottom: 35px; + text-align: left +} +.page-readersepia .reader_head { + border-bottom-color: #dcccac +} +.reader_head h1 { + color: #222; + font-weight: 700; + margin: 1em 0 0; + font-size: 1.8em; + line-height: 1.2; + padding-bottom: .1em +} +@media only screen and (min-width: 40em) { + .reader_head h1 { + font-size: 2em + } +} +.reader_head .sub { + margin-bottom: 1em; + margin-top: 12px +} +.reader_head .sub, +.reader_head .sub li { + border-left: none; + height: .9em; + line-height: .9em; + font-size: .9em; + padding-left: 0; + padding-right: 0 +} +.reader_head .sub a { + bottom: 0; + text-decoration: none +} +.page-readersepia .sub li, +.page-readersepia .sub li a { + color: #999491 +} +.reader_head .favicon { + display: none; + position: absolute; + top: 0; + left: 0; + width: 16px; + height: 16px +} +.articleview_nofavicon .favicon { + display: none +} +.reader_head .domain { + position: relative; + padding-left: 6pxg!important +} +.articleview_nofavicon .domain { + padding-left: 0!important +} +.reader_head .author { + font-weight: 700 +} +.reader_head .sub .original { + float: right; + display: none; + line-height: 1.2 +} +@media only screen and (min-width: 40em) { + .reader_head .sub .original { + display: block + } +} +.reader_head .date { + clear: left; + margin-top: .5em +} +.reader_head .sub .date_empty { + display: block +} +.reader_head .sub .authorsdomain { + height: auto; + line-height: 1.2; + max-width: 22em +} +.reader_head .tags { + clear: right; + display: none; + float: right; + line-height: 1.2; + margin-top: .25em +} +@media only screen and (min-width: 40em) { + .reader_head .sub .hasTags { + display: block + } +} +.reader_head .sub .original_narrow { + clear: left; + display: block; + margin-top: .5em +} +@media only screen and (min-width: 40em) { + .reader_head .sub .original_narrow { + display: none + } +} +.reader_head .tags .tag, +.reader_head .tags .tag-overflow-link { + background-color: #b1b2b2; + border-radius: 3px; + color: #fff; + display: block; + float: left; + font-weight: 400; + font-size: .8em; + letter-spacing: .0125em; + line-height: 1; + margin-left: .5em; + margin-bottom: .5em; + padding: 4px 8px; + text-decoration: none; + top: 0 +} +.page-readerdark .reader_head .tags .tag, +.page-readerdark .reader_head .tags .tag-overflow-link { + background-color: #383737; + color: #ccc +} +.page-readersepia .reader_head .tags .tag, +.page-readersepia .reader_head .tags .tag-overflow-link { + background-color: #ad998b; + color: #fbf0d9 +} +.reader_head .tags .tag_container { + height: 1.5em; + max-width: 18em +} +.reader_head .tags .tag:hover { + background-color: #a6a6a6; + text-decoration: none +} +.page-readerdark .reader_head .tags .tag:hover { + background-color: #909090 +} +.page-readersepia .reader_head .tags .tag:hover { + background-color: #f0e0d4 +} +.reader_head .tags .tag-overflow { + display: none +} +.reader_head .tags .tag-overflow-link { + background-color: #f5f5f5; + color: #999 +} +.no-touch .reader_head .tags .tag-overflow-link:hover { + background-color: #e8e8e8; + text-decoration: none +} +.text_body h1, +.text_body h2, +.text_body h3, +.text_body h4, +.text_body h5, +.text_body h6, +.text_body h7 { + color: #222; + font-weight: 700 +} +.text_body h1, +.text_body h2 { + line-height: 1.3; + font-size: 25px; + font-size: 1.4em; + margin: 1.7em 0 .7em +} +.text_body h3 { + line-height: 1.3; + font-size: 1.3em; + margin: 1.7em 0 .5em +} +.text_body h4 { + line-height: 1.3; + font-size: 1.2em; + margin: 1.7em 0 .5em +} +.text_body h5, +.text_body h6, +.text_body h7 { + font-size: 1.1; + font-weight: 700; + margin: 1.7em 0 .4em +} +.text_body h3+.RIL_IMG, +.text_body h3+.RIL_VIDEO, +.text_body h4+.RIL_IMG, +.text_body h4+.RIL_VIDEO, +.text_body h5+.RIL_IMG, +.text_body h5+.RIL_VIDEO, +.text_body h6+.RIL_IMG, +.text_body h6+.RIL_VIDEO { + margin-top: 1.1em +} +.text_body hr { + background: #ddd; + border: 0; + height: 1px; + margin: 1em 0 1.5em; + padding: 0 +} +.reader_content { + width: auto; + margin: 0 auto; + color: #313131; + padding-left: 20px; + padding-right: 20px; + -webkit-user-select: auto; + -khtml-user-select: auto; + -moz-user-select: auto; + -ms-user-select: auto +} +.page-notificationpersistent .reader_content { + padding-top: 30px +} +.reader_content .column, +.reader_content .columns { + float: none; + padding-left: 0; + padding-right: 0 +} +.page-readerdark .reader_content, +.page-readerdark .reader_content h1, +.page-readerdark .reader_content h2, +.page-readerdark .reader_content h3, +.page-readerdark .reader_content h4, +.page-readerdark .reader_content h5, +.page-readerdark .reader_content h6 { + color: #ccc +} +.page-readersepia .reader_content, +.page-readersepia .reader_content h1, +.page-readersepia .reader_content h2, +.page-readersepia .reader_content h3, +.page-readersepia .reader_content h4, +.page-readersepia .reader_content h5, +.page-readersepia .reader_content h6 { + color: #5b4636 +} +.page-readerdark #page_reader.loading, +.page-readerdark .loading { + background-image: url(/a/i/spinnerdark@1x.gif)!important +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .page-readerdark #page_reader.loading, + .page-readerdark .loading { + background-image: url(/a/i/spinnerdark@2x.gif)!important; + background-size: 30px 30px + } +} +.reader_content .sub a, +.reader_content .sub li { + color: #b1b2b2 +} +.page-readerdark .reader_content .sub a, +.page-readerdark .reader_content .sub li { + color: #909090 +} +.page-readersepia .reader_content .sub a, +.page-readersepia .reader_content .sub li { + color: #ad998b +} +.fontsize-0 .reader_content { + max-width: 512px +} +.fontsize-0 .reader_head, +.fontsize-0 .text_body { + font-size: 12px +} +@media only screen and (min-width: 34em) { + .fontsize-0 .reader_head, + .fontsize-0 .text_body { + font-size: 16px + } +} +.fontsize-0 .reader_head .favicon { + top: 0 +} +.fontsize-1 .reader_content { + max-width: 576px +} +.fontsize-1 .reader_head, +.fontsize-1 .text_body { + font-size: 14px +} +@media only screen and (min-width: 34em) { + .fontsize-1 .reader_head, + .fontsize-1 .text_body { + font-size: 18px + } +} +.fontsize-1 .reader_head .favicon { + top: 1px +} +.fontsize-2 .reader_content { + max-width: 640px +} +.fontsize-2 .reader_head, +.fontsize-2 .text_body { + font-size: 16px +} +@media only screen and (min-width: 34em) { + .fontsize-2 .reader_head, + .fontsize-2 .text_body { + font-size: 20px + } +} +.fontsize-2 .reader_head .favicon { + top: 1px +} +.fontsize-3 .reader_content { + max-width: 704px +} +.fontsize-3 .reader_head, +.fontsize-3 .text_body { + font-size: 18px +} +@media only screen and (min-width: 34em) { + .fontsize-3 .reader_head, + .fontsize-3 .text_body { + font-size: 22px + } +} +.fontsize-3 .reader_head .favicon { + top: 2px +} +.fontsize-4 .reader_content { + max-width: 768px +} +.fontsize-4 .reader_head, +.fontsize-4 .text_body { + font-size: 20px +} +@media only screen and (min-width: 34em) { + .fontsize-4 .reader_head, + .fontsize-4 .text_body { + font-size: 24px + } +} +.fontsize-4 .reader_head .favicon { + top: 3px +} +.fontsize-5 .reader_content { + max-width: 832px +} +.fontsize-5 .reader_head, +.fontsize-5 .text_body { + font-size: 21px +} +@media only screen and (min-width: 34em) { + .fontsize-5 .reader_head, + .fontsize-5 .text_body { + font-size: 26px + } +} +.fontsize-5 .reader_head .favicon { + top: 4px +} +.fontsize-6 .reader_content { + max-width: 896px +} +.fontsize-6 .reader_head, +.fontsize-6 .text_body { + font-size: 22px +} +@media only screen and (min-width: 34em) { + .fontsize-6 .reader_head, + .fontsize-6 .text_body { + font-size: 28px + } +} +.fontsize-6 .reader_head .favicon { + top: 5px +} +.fontsize-7 .reader_content { + max-width: 960px +} +.fontsize-7 .reader_head, +.fontsize-7 .text_body { + font-size: 23px +} +@media only screen and (min-width: 34em) { + .fontsize-7 .reader_head, + .fontsize-7 .text_body { + font-size: 30px + } +} +.fontsize-7 .reader_head .favicon { + top: 6px +} +.fontsize-8 .reader_content { + max-width: 1088px +} +.fontsize-8 .reader_head, +.fontsize-8 .text_body { + font-size: 24px +} +@media only screen and (min-width: 34em) { + .fontsize-8 .reader_head, + .fontsize-8 .text_body { + font-size: 34px + } +} +.fontsize-8 .reader_head .favicon { + top: 7px +} +.fontsize-9 .reader_content { + max-width: 1216px +} +.fontsize-9 .reader_head, +.fontsize-9 .text_body { + font-size: 25px +} +@media only screen and (min-width: 34em) { + .fontsize-9 .reader_head, + .fontsize-9 .text_body { + font-size: 38px + } +} +.fontsize-9 .reader_head .favicon { + top: 10px +} +.fontserifsize-0 .reader_head, +.fontserifsize-0 .text_body { + font-size: 13px +} +@media only screen and (min-width: 34em) { + .fontserifsize-0 .reader_head, + .fontserifsize-0 .text_body { + font-size: 17px + } +} +.fontserifsize-1 .reader_head, +.fontserifsize-1 .text_body { + font-size: 15px +} +@media only screen and (min-width: 34em) { + .fontserifsize-1 .reader_head, + .fontserifsize-1 .text_body { + font-size: 19px + } +} +.fontserifsize-2 .reader_head, +.fontserifsize-2 .text_body { + font-size: 17px +} +@media only screen and (min-width: 34em) { + .fontserifsize-2 .reader_head, + .fontserifsize-2 .text_body { + font-size: 21px + } +} +.fontserifsize-3 .reader_head, +.fontserifsize-3 .text_body { + font-size: 19px +} +@media only screen and (min-width: 34em) { + .fontserifsize-3 .reader_head, + .fontserifsize-3 .text_body { + font-size: 23px + } +} +.fontserifsize-4 .reader_head, +.fontserifsize-4 .text_body { + font-size: 21px +} +@media only screen and (min-width: 34em) { + .fontserifsize-4 .reader_head, + .fontserifsize-4 .text_body { + font-size: 25px + } +} +.fontserifsize-5 .reader_head, +.fontserifsize-5 .text_body { + font-size: 23px +} +@media only screen and (min-width: 34em) { + .fontserifsize-5 .reader_head, + .fontserifsize-5 .text_body { + font-size: 27px + } +} +.fontserifsize-6 .reader_head, +.fontserifsize-6 .text_body { + font-size: 24px +} +@media only screen and (min-width: 34em) { + .fontserifsize-6 .reader_head, + .fontserifsize-6 .text_body { + font-size: 29px + } +} +.fontserifsize-7 .reader_head, +.fontserifsize-7 .text_body { + font-size: 25px +} +@media only screen and (min-width: 34em) { + .fontserifsize-7 .reader_head, + .fontserifsize-7 .text_body { + font-size: 31px + } +} +.fontserifsize-8 .reader_head, +.fontserifsize-8 .text_body { + font-size: 26px +} +@media only screen and (min-width: 34em) { + .fontserifsize-8 .reader_head, + .fontserifsize-8 .text_body { + font-size: 35px + } +} +.fontserifsize-9 .reader_head, +.fontserifsize-9 .text_body { + font-size: 27px +} +@media only screen and (min-width: 34em) { + .fontserifsize-9 .reader_head, + .fontserifsize-9 .text_body { + font-size: 39px + } +} +.text_body { + line-height: 1.5; + text-align: left +} +.text_body p { + line-height: 1.5; + margin: 0 0 1.5em; + text-align: left +} +.text_body ol, +.text_body ul { + margin: 1.5em 0 1.5em 2em +} +.text_body li { + margin: 0 0 .4em +} +.text_body ol ol, +.text_body ul ul { + margin: .75em 0 1em 2em; + min-width: 250px +} +.text_body h3+ol, +.text_body h3+ul, +.text_body h4+ol, +.text_body h4+ul { + margin-top: 1.1em +} +.text_body h5+ol, +.text_body h5+ul, +.text_body h6+ol, +.text_body h6+ul { + margin-top: .8em +} +.text_body blockquote, +.text_body pre { + display: block; + margin: 1.5em 0; + padding: .5em 1.5em; + white-space: pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word +} +.text_body blockquote { + border-left-width: 2px +} +.text_body a { + cursor: pointer; + color: #43aea8 +} +.text_body blockquote, +.text_body blockquote p { + border-color: #313131; + color: #313131 +} +.page-readerdark .text_body a { + color: #50bcb6 +} +.page-readerdark .text_body blockquote, +.page-readerdark .text_body blockquote p { + border-color: #ccc; + color: #ccc +} +.page-readerdark .text_body hr { + border-color: #888 +} +.page-readersepia .text_body a { + color: #46aaa9 +} +.page-readersepia .text_body blockquote, +.page-readersepia .text_body blockquote p { + border-color: #5b4636; + color: #5b4636 +} +.page-readersepia .text_body hr { + border-color: #dcccac +} +.text_body code { + color: #1f35be +} +.page-readerdark .text_body code { + color: #95baf6 +} +.page-readersepia .text_body code { + color: #376699 +} +.text_body table { + border-collapse: collapse; + width: 100%; + margin: 20px 0 +} +.text_body table td { + width: auto; + text-align: left; + padding: 2px 5px; + background: 0 0; + border: 0 +} +.ril_dataTable td, +.ril_dataTable th { + text-align: center; + padding: 4px; + border: 1px solid #999 +} +.ril_dataTable th { + font-weight: 700 +} +.ril_layoutTable td, +.ril_layoutTable th, +.ril_layoutTable tr { + display: block +} +#RIL_media { + text-align: center +} +#RIL_media embed, +#RIL_media img, +#RIL_media object { + margin-bottom: 15px +} +.RIL_IMG { + display: none; + margin: 0 auto; + overflow: visible; + position: relative +} +.RIL_IMG:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden +} +.RIL_IMG.loaded { + display: block; + text-align: center; + margin: 0 auto 18px +} +.RIL_IMG.hasCaption { + margin-bottom: .8em +} +.RIL_IMG img { + border: 0!important; + text-decoration: none!important; + max-width: 100% +} +.RIL_IMG caption, +.RIL_IMG cite { + clear: both; + display: none +} +.RIL_IMG.hasCaption caption, +.RIL_IMG.hasCaption cite { + display: block +} +.RIL_IMG caption, +a .RIL_IMG caption { + padding: 10px 0 1px; + color: #b1b2b2!important; + font-size: .8em; + line-height: 1.2em; + text-align: left; + text-decoration: none!important +} +.page-readerdark .RIL_IMG caption, +.page-readerdark a .RIL_IMG caption { + color: #909090!important +} +.page-readersepia .RIL_IMG caption, +.page-readersepia a .RIL_IMG caption { + color: #ad998b!important +} +.RIL_VIDEO { + text-align: center; + margin: 0 auto 18px 0; + overflow: hidden +} +.RIL_VIDEO>iframe { + border: 0 +} +.RIL_VIDEO a { + display: block; + background: url(play.png) center no-repeat #000 +} +@media print { + #livechat-compact-container, + .page-reader .RIL_VIDEO, + .page-reader .original, + .page-reader .original_narrow, + .page-reader .side-nav, + .page-reader .toolbar_reader, + .page-reader iframe, + .page-reader object { + display: none!important + } + #page_reader.articleview { + padding-top: 0!important + } + .page-reader a { + text-decoration: none!important + } + .notifications-sync, + .notifications-sync .progress-bar, + .reader_content code, + .reader_content input, + .reader_content textarea { + border: 0!important + } + .reader_content blockquote, + .reader_content pre { + border-width: 0 0 0 1px + } +} +@media only print and (min-width: 600px) { + .reader_content { + min-width: 600px!important + } +} +.text_note { + clear: both; + color: #666; + padding: 10px; + background: #EEE; + margin-bottom: 15px +} +.page-readerdark .text_note .note { + color: #ccc; + background: #252525 +} +.external_reader { + background: url(/a/i/spinner@1x.gif) center 40% no-repeat; + display: none; + position: relative; + padding-top: 2px; + width: 100%; + height: 738px; + box-sizing: border-box; + top: 0 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .external_reader { + background-image: url(/a/i/spinner@2x.gif); + background-size: 30px 30px + } +} +.external_reader_active { + display: block +} +.external_reader iframe { + background: url(/a/i/spinner@1x.gif) center 40% no-repeat; + display: block; + height: 100%; + width: 100% +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .external_reader iframe { + background-image: url(/a/i/spinner@2x.gif); + background-size: 30px 30px + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + #submenu_font_down>a:hover, + #submenu_font_placeholder, + .icons #submenu_font_down>.inactive:hover, + .icons #submenu_font_down>a, + .icons #submenu_font_up>.inactive:hover, + .icons #submenu_font_up>a, + .inactive #submenu_font_down>a:hover, + .inactive #submenu_font_up>a:hover { + background-image: url(/a/i/icons_toolbar_bottom@2x.png?122); + background-size: 600px 1550px + } + #styleMenu .textoptions_theme a { + background-image: none + } +} +@media only screen and (min-width: 33em) { + .page_queue_list .queue_secondarynav_recommend { + margin: 1.3em 1.7em 0 + } +} +@media only screen and (min-width: 65em) { + .page_queue_list .queue_secondarynav_recommend { + margin: 1.3em 3.7em 0 + } +} +.queue_list_loading { + background: url(/a/i/spinner@1x.gif) center 70% no-repeat; + min-height: 100px +} +@media only screen and (min-height: 40em) { + .queue_list_loading { + background-position: center 60%; + min-height: 400px + } +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .queue_list_loading { + background-image: url(/a/i/spinner@2x.gif); + background-size: 30px 30px + } +} +.page-skindark .queue_list_loading { + background-image: url(/a/i/spinnerdark@1x.gif) +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .page-skindark .queue_list_loading { + background-image: url(/a/i/spinnerdark@2x.gif); + background-size: 30px 30px + } +} +.recommended_empty { + padding-top: 2em; + text-align: center +} +@media only screen and (min-height: 40em) { + .recommended_empty { + padding-top: 6.25em + } +} +.recommended_empty h3 { + color: #999; + font-weight: 400; + margin-bottom: 30px; + font-size: 1.84615em; + text-transform: uppercase +} +.recommended_empty p { + font-size: 1.23077em; + margin-bottom: 4em +} +.recommended_loading { + background: url(/a/i/spinner@1x.gif) center center no-repeat; + background-size: 16px 16px; + display: block; + height: 16px; + left: 50%; + margin-left: -8px; + position: absolute; + width: 16px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .recommended_loading { + background-image: url(/a/i/spinner@2x.gif); + background-size: 30px 30px + } +} +.recommended_loading_inactive { + display: none +} +.recommended_refreshqueueappend { + color: #ecbf63 +} +.no-touch .recommended_refreshqueueappend:hover { + color: #ecbf63; + text-decoration: underline +} +.page_queue_list .queue_list_recommend { + padding: .75em +} +@media only screen and (min-width: 33em) { + .page_queue_list .queue_list_recommend { + margin-left: auto; + margin-right: auto; + padding: 3.5em .75em .75em + } +} +@media only screen and (min-width: 65em) { + .page_queue_list .queue_list_recommend { + padding: 3.5em 3em .75em + } +} +@media only screen and (min-width: 33em) and (min-height: 32em) { + .page_queue_list .queue_list_recommend { + padding: .25em .75em .75em + } +} +@media only screen and (min-width: 65em) and (min-height: 32em) { + .page_queue_list .queue_list_recommend { + padding: .25em 3em + } +} +.page_queue_list .item_recommend { + padding: .78em; + width: 100% +} +@media only screen and (min-width: 33em) { + .page_queue_list .item_recommend { + padding: .78em; + width: 50% + } +} +@media only screen and (min-width: 50em) { + .page_queue_list .item_recommend { + width: 33.33333% + } +} +@media only screen and (min-width: 81em) { + .page_queue_list .item_recommend { + width: 25% + } +} +.item_recommend .item_content { + border-width: 0 0 1px +} +@media only screen and (min-width: 33em) { + .item_recommend .item_content { + border: 1px solid #ededf0; + border-bottom: 1px solid #dcdce0; + height: 28em + } + .page-queuedark .item_recommend .item_content { + border-color: #292929 #292929 #383737 + } +} +.item_recommend .item_link { + left: 0; + top: 0 +} +.item_recommend .format_title { + padding: .5em 1em; + color: #999 +} +@media only screen and (min-width: 33em) { + .item_content_text { + background-color: #fff; + box-sizing: border-box; + bottom: 0; + left: 0; + position: absolute; + width: 100% + } + .page-queuedark .item_content_text { + background-color: #292929 + } +} +.item_type_recommend_excerpt .item_content_text, +.item_type_recommend_only_title .item_content_text { + height: auto +} +@media only screen and (min-width: 33em) { + .item_type_recommend_excerpt .item_content_text, + .item_type_recommend_only_title .item_content_text { + height: 100% + } +} +.item_content_text .domain { + color: #999; + font-size: 1em; + margin-bottom: .8em; + padding-left: 1.5em +} +@media only screen and (min-width: 38em) { + .item_content_text .domain { + font-size: 1.15385em; + padding-left: 1.35em + } +} +.item_type_recommend_excerpt .item_content_text .domain { + margin-bottom: .4em +} +.item_recommend .item_content_text .title { + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + display: -webkit-box; + max-height: 4.5em; + padding-right: 20px +} +@media only screen and (min-width: 38em) { + .item_recommend .item_content_text .title { + font-size: 1.61538em; + padding: .75em .95em .45em; + white-space: normal + } +} +@media only screen and (min-width: 38em) { + .item_type_recommend_excerpt .item_content_text .title, + .item_type_recommend_only_title .item_content_text .title { + padding-top: .9em + } +} +.item_link:hover+.item_content_text>.title { + color: #50bcb6 +} +.item_content_text .excerpt { + color: #313131; + font-size: 1.15385em; + overflow: hidden; + padding: 0 1.3em +} +.page-queuedark .item_content_text .excerpt { + color: #ccc +} +.item_recommend .thumb, +.page_queue_list .item_recommend .thumb { + height: 10em; + left: auto; + position: relative; + top: auto; + width: 100% +} +@media only screen and (min-width: 33em) { + .item_recommend .thumb, + .page_queue_list .item_recommend .thumb { + left: 0; + height: 100%; + position: absolute; + width: 100%; + top: 0 + } +} +.item_type_recommend_excerpt .thumb, +.item_type_recommend_only_title .thumb { + display: none +} +.item_content_actions { + background-color: #fff; + padding: 1em 1.5em .5em +} +.item_content_actions:after { + content: ""; + display: table; + clear: both +} +.page-queuedark .item_content_actions { + background-color: #292929 +} +@media only screen and (min-width: 33em) { + .item_type_recommend_excerpt .item_content_actions, + .item_type_recommend_only_title .item_content_actions { + box-sizing: border-box; + padding-top: 0; + position: absolute; + bottom: 0; + width: 100% + } +} +.item_content_actionscontainer { + border-top: 1px solid #ededed; + padding: .22em 0 .25em +} +.page-queuedark .item_content_actionscontainer { + border-top-color: #383737 +} +.flexbox .item_content_actionscontainer { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between +} +.item_content_actions>ul { + margin: 0 +} +.item_content_hidecontainer, +.item_content_savecontainer { + list-style: none +} +.item_content_savecontainer { + float: left +} +.item_content_hidecontainer { + float: right +} +.item_recommend .item_content_save { + display: block; + height: 17px; + left: -10px; + overflow: hidden; + padding: 10px; + width: auto +} +.flexbox .item_recommend .item_content_save { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} +.item_content_save .item_content_savelogo { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -120px -315px; + display: inline-block; + height: 17px; + width: 20px +} +.page-queuedark .item_content_save .item_content_savelogo { + background-position: -229px -121px +} +.item_content_save:hover .item_content_savelogo { + background-position: -258px -178px +} +.page-queuedark .item_content_save:hover .item_content_savelogo { + background-position: -180px -315px +} +.item_content_saving:hover .item_content_savelogo { + background-position: -120px -315px +} +.page-queuedark .item_content_saving:hover .item_content_savelogo { + background-position: -229px -121px +} +.item_content_saved .item_content_savelogo, +.item_content_saved:hover .item_content_savelogo, +.page-queuedark .item_content_saved .item_content_savelogo, +.page-queuedark .item_content_saved:hover .item_content_savelogo { + background-position: -289px -121px +} +.item_content_save .item_content_savetext { + bottom: .35em; + color: #b1b2b2; + margin-left: .3em; + line-height: 1; + position: relative +} +.page-queuedark .item_content_save .item_content_savetext { + color: #ccc +} +.item_content_save:hover .item_content_savetext { + color: #666 +} +.page-queuedark .item_content_save:hover .item_content_savetext { + color: #fff +} +.item_content_saving:hover .item_content_savetext { + color: #b1b2b2 +} +.page-queuedark .item_content_saving:hover .item_content_savetext { + color: #ccc +} +.item_content_saved .item_content_savetext, +.item_content_saved:hover .item_content_savetext, +.page-queuedark .item_content_saved .item_content_savetext, +.page-queuedark .item_content_saved:hover .item_content_savetext { + color: #ee4256 +} +.flexbox .item_content_save .item_content_savetext { + bottom: 0; + padding-left: .3em +} +.item_recommend .item_content_saving { + cursor: default; + opacity: .5 +} +.item_recommend .item_content_saved { + cursor: default; + opacity: 1 +} +.item_recommend .item_content_hide { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -745px -311px; + display: block; + left: 10px; + height: 13px; + overflow: hidden; + width: 13px; + padding: 10px; + text-indent: -99em +} +.item_recommend .item_content_hide:hover, +.page-queuedark .item_recommend .item_content_hide { + background-position: -745px -364px +} +.page-queuedark .item_recommend .item_content_hide:hover { + background-position: -745px -258px +} +.item_recommend .item_content_hide, +.item_recommend .item_content_save { + background-repeat: no-repeat; + position: relative; + z-index: 4000 +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .item_recommend .item_content_hide, + .item_recommend .item_content_savelogo { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.item_recommend_msg .item_content { + background-color: #50bcb6; + color: #fff; + text-align: center +} +.page-queuedark .item_recommend_msg .item_content { + color: #ededf0 +} +.item_recommend_msgclose { + position: absolute; + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -383px -600px; + cursor: pointer; + display: block; + height: 14px; + right: 1.4em; + overflow: hidden; + text-indent: -99em; + top: 1em; + width: 14px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .item_recommend_msgclose { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.item_recommend_msgtext { + margin-top: 2em; + padding: 0 2em +} +@media only screen and (min-width: 33em) { + .flexbox .item_recommend_msgtext { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + padding-bottom: 5em; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 0 + } +} +@media only screen and (min-width: 33em) { + .flexbox .item_recommend_msgenglish .item_recommend_msgtext { + padding-bottom: 0 + } +} +.item_recommend_msgheader { + color: #fff; + font-size: 1.61538em; + font-weight: 600; + line-height: 1.2; + margin-top: 0; + margin-bottom: .65em +} +.page-queuedark .item_recommend_msgheader { + color: #ededf0 +} +.item_recommend_msgcontent { + font-size: 1.38462em; + font-weight: 300; + line-height: 1.3 +} +@media only screen and (min-width: 33em) { + .item_recommend_msgcontent { + margin-bottom: 2.3em + } +} +.page-queuedark .item_recommend_msgcontent { + color: #ededf0 +} +.item_recommend_msgcontentgamify { + font-weight: 600 +} +@media only screen and (min-width: 33em) { + .item_recommend_msgcontentgamify { + margin-bottom: 0 + } +} +.item_recommend_msgdisclaim, +.item_recommend_msghowtosave { + color: #285251; + box-sizing: border-box; + font-size: 1.07692em; + text-transform: uppercase; + font-weight: 400; + padding: 0 2em; + width: 100% +} +@media only screen and (min-width: 33em) { + .item_recommend_msgdisclaim, + .item_recommend_msghowtosave { + bottom: 3em; + margin-bottom: 0; + position: absolute + } +} +.item_recommend_msghowtosave { + color: #fff; + display: none; + font-size: 1.38462em; + line-height: 1.2; + text-transform: none; + font-weight: 400; + padding: 0 1.55em +} +@media only screen and (min-width: 33em) { + .item_recommend_msghowtosave { + bottom: 1em + } +} +.item_recommend_msgenglish .item_recommend_msghowtosave { + display: block +} +.item_recommend_msgenglish .item_recommend_msgdisclaim { + display: none +} +.item_recommend_msgsavelogo { + background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -180px -315px; + display: inline-block; + height: 17px; + overflow: hidden; + width: 20px +} +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), +only screen and (min-resolution: 144dpi) { + .item_recommend_msgsavelogo { + background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png); + background-size: 819px 724px + } +} +.item_recommend_msgsavearrow:after { + bottom: .2em; + content: "\2794"; + font-size: .7em; + margin-left: .5em; + position: absolute +} +.item_recommend_msgarrow { + display: none +} +@media only screen and (min-width: 33em) { + .item_recommend_msgarrow { + background: url(/a/i/gsf/gsf_gamifymsgarrow@1x.png) center center no-repeat; + bottom: .5em; + display: block; + height: 88px; + position: absolute; + right: 1em; + width: 95px + } + @media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-resolution: 144dpi) { + .item_recommend_msgarrow { + background-image: url(/a/i/gsf/gsf_gamifymsgarrow@2x.png); + background-size: 95px 88px + } + } +} + + +figure { + display: block; + -webkit-margin-before: 1em; + -webkit-margin-after: 1em; + -webkit-margin-start: 40px; + -webkit-margin-end: 40px; +} +.pre-code, html .gist .gist-file .gist-syntax .highlight pre, .highlight code { + background: #fafafa !important +} + +.highlight table td.code, html .gist .gist-file .gist-syntax .gist-highlight table td.code { + width: 100% +} + +.highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers { + border-right: 1px solid #ebe4ce !important +} + +html .gist .gist-file .gist-meta, .highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers { + color: #93a1a1 +} + +pre { + padding: 1px 20px; + padding: 1px 1rem; + color: #93a1a1; + margin-bottom: 20px +} + +.highlight, .gist-highlight { + overflow-y: hidden; + overflow-x: auto +} + +.pre-code, .highlight code, html .gist .gist-file .gist-syntax .highlight pre { + overflow: scroll; + overflow-y: hidden; + display: block; + overflow-x: auto; + color: #93a1a1 !important +} + +.pre-code span, .highlight code span, html .gist .gist-file .gist-syntax .highlight pre span { + color: #93a1a1 !important +} + +.pre-code span, .highlight code span, html .gist .gist-file .gist-syntax .highlight pre span { + font-style: normal !important; + font-weight: normal !important; + font-size: 100% !important +} + +.pre-code .c, .highlight code .c, html .gist .gist-file .gist-syntax .highlight pre .c { + color: #93a1a1 !important; + font-style: italic !important +} + +.pre-code .cm, .highlight code .cm, html .gist .gist-file .gist-syntax .highlight pre .cm { + color: #93a1a1 !important; + font-style: italic !important +} + +.pre-code .cp, .highlight code .cp, html .gist .gist-file .gist-syntax .highlight pre .cp { + color: #93a1a1 !important; + font-style: italic !important +} + +.pre-code .c1, .highlight code .c1, html .gist .gist-file .gist-syntax .highlight pre .c1 { + color: #93a1a1 !important; + font-style: italic !important +} + +.pre-code .cs, .highlight code .cs, html .gist .gist-file .gist-syntax .highlight pre .cs { + color: #93a1a1 !important; + font-weight: bold !important; + font-style: italic !important +} + +.pre-code .err, .highlight code .err, html .gist .gist-file .gist-syntax .highlight pre .err { + color: #dc322f !important; + background: none !important +} + +.pre-code .k, .highlight code .k, html .gist .gist-file .gist-syntax .highlight pre .k { + color: #cb4b16 !important +} + +.pre-code .o, .highlight code .o, html .gist .gist-file .gist-syntax .highlight pre .o { + color: #93a1a1 !important; + font-weight: bold !important +} + +.pre-code .p, .highlight code .p, html .gist .gist-file .gist-syntax .highlight pre .p { + color: #93a1a1 !important +} + +.pre-code .ow, .highlight code .ow, html .gist .gist-file .gist-syntax .highlight pre .ow { + color: #2aa198 !important; + font-weight: bold !important +} + +.pre-code .gd, .highlight code .gd, html .gist .gist-file .gist-syntax .highlight pre .gd { + color: #93a1a1 !important; + background-color: #f4c5b6 !important; + display: inline-block +} + +.pre-code .gd .x, .highlight code .gd .x, html .gist .gist-file .gist-syntax .highlight pre .gd .x { + color: #93a1a1 !important; + background-color: #f1b1a4 !important; + display: inline-block +} + +.pre-code .ge, .highlight code .ge, html .gist .gist-file .gist-syntax .highlight pre .ge { + color: #93a1a1 !important; + font-style: italic !important +} + +.pre-code .gr, .highlight code .gr, html .gist .gist-file .gist-syntax .highlight pre .gr { + color: #a00 +} + +.pre-code .gh, .highlight code .gh, html .gist .gist-file .gist-syntax .highlight pre .gh { + color: #93a1a1 !important +} + +.pre-code .gi, .highlight code .gi, html .gist .gist-file .gist-syntax .highlight pre .gi { + color: #93a1a1 !important; + background-color: #e5e3b5 !important; + display: inline-block +} + +.pre-code .gi .x, .highlight code .gi .x, html .gist .gist-file .gist-syntax .highlight pre .gi .x { + color: #93a1a1 !important; + background-color: #cdd088 !important; + display: inline-block +} + +.pre-code .go, .highlight code .go, html .gist .gist-file .gist-syntax .highlight pre .go { + color: #888 +} + +.pre-code .gp, .highlight code .gp, html .gist .gist-file .gist-syntax .highlight pre .gp { + color: #555 +} + +.pre-code .gs, .highlight code .gs, html .gist .gist-file .gist-syntax .highlight pre .gs { + color: #93a1a1 !important; + font-weight: bold !important +} + +.pre-code .gu, .highlight code .gu, html .gist .gist-file .gist-syntax .highlight pre .gu { + color: #6c71c4 !important +} + +.pre-code .gt, .highlight code .gt, html .gist .gist-file .gist-syntax .highlight pre .gt { + color: #a00 +} + +.pre-code .kc, .highlight code .kc, html .gist .gist-file .gist-syntax .highlight pre .kc { + color: #859900 !important; + font-weight: bold !important +} + +.pre-code .kd, .highlight code .kd, html .gist .gist-file .gist-syntax .highlight pre .kd { + color: #268bd2 !important +} + +.pre-code .kp, .highlight code .kp, html .gist .gist-file .gist-syntax .highlight pre .kp { + color: #cb4b16 !important; + font-weight: bold !important +} + +.pre-code .kr, .highlight code .kr, html .gist .gist-file .gist-syntax .highlight pre .kr { + color: #d33682 !important; + font-weight: bold !important +} + +.pre-code .kt, .highlight code .kt, html .gist .gist-file .gist-syntax .highlight pre .kt { + color: #2aa198 !important +} + +.pre-code .n, .highlight code .n, html .gist .gist-file .gist-syntax .highlight pre .n { + color: #268bd2 !important +} + +.pre-code .na, .highlight code .na, html .gist .gist-file .gist-syntax .highlight pre .na { + color: #268bd2 !important +} + +.pre-code .nb, .highlight code .nb, html .gist .gist-file .gist-syntax .highlight pre .nb { + color: #859900 !important +} + +.pre-code .nc, .highlight code .nc, html .gist .gist-file .gist-syntax .highlight pre .nc { + color: #d33682 !important +} + +.pre-code .no, .highlight code .no, html .gist .gist-file .gist-syntax .highlight pre .no { + color: #b58900 !important +} + +.pre-code .ni, .highlight code .ni, html .gist .gist-file .gist-syntax .highlight pre .ni { + color: purple +} + +.pre-code .nl, .highlight code .nl, html .gist .gist-file .gist-syntax .highlight pre .nl { + color: #859900 !important +} + +.pre-code .ne, .highlight code .ne, html .gist .gist-file .gist-syntax .highlight pre .ne { + color: #268bd2 !important; + font-weight: bold !important +} + +.pre-code .nf, .highlight code .nf, html .gist .gist-file .gist-syntax .highlight pre .nf { + color: #268bd2 !important; + font-weight: bold !important +} + +.pre-code .nn, .highlight code .nn, html .gist .gist-file .gist-syntax .highlight pre .nn { + color: #b58900 !important +} + +.pre-code .nt, .highlight code .nt, html .gist .gist-file .gist-syntax .highlight pre .nt { + color: #268bd2 !important; + font-weight: bold !important +} + +.pre-code .nx, .highlight code .nx, html .gist .gist-file .gist-syntax .highlight pre .nx { + color: #b58900 !important +} + +.pre-code .bp, .highlight code .bp, html .gist .gist-file .gist-syntax .highlight pre .bp { + color: #999 +} + +.pre-code .vc, .highlight code .vc, html .gist .gist-file .gist-syntax .highlight pre .vc { + color: teal +} + +.pre-code .vg, .highlight code .vg, html .gist .gist-file .gist-syntax .highlight pre .vg { + color: #268bd2 !important +} + +.pre-code .vi, .highlight code .vi, html .gist .gist-file .gist-syntax .highlight pre .vi { + color: #268bd2 !important +} + +.pre-code .nv, .highlight code .nv, html .gist .gist-file .gist-syntax .highlight pre .nv { + color: #268bd2 !important +} + +.pre-code .w, .highlight code .w, html .gist .gist-file .gist-syntax .highlight pre .w { + color: #bbb +} + +.pre-code .mf, .highlight code .mf, html .gist .gist-file .gist-syntax .highlight pre .mf { + color: #2aa198 !important +} + +.pre-code .m, .highlight code .m, html .gist .gist-file .gist-syntax .highlight pre .m { + color: #2aa198 !important +} + +.pre-code .mh, .highlight code .mh, html .gist .gist-file .gist-syntax .highlight pre .mh { + color: #2aa198 !important +} + +.pre-code .mi, .highlight code .mi, html .gist .gist-file .gist-syntax .highlight pre .mi { + color: #2aa198 !important +} + +.pre-code .mo, .highlight code .mo, html .gist .gist-file .gist-syntax .highlight pre .mo { + color: #099 +} + +.pre-code .s, .highlight code .s, html .gist .gist-file .gist-syntax .highlight pre .s { + color: #2aa198 !important +} + +.pre-code .sb, .highlight code .sb, html .gist .gist-file .gist-syntax .highlight pre .sb { + color: #d14 +} + +.pre-code .sc, .highlight code .sc, html .gist .gist-file .gist-syntax .highlight pre .sc { + color: #d14 +} + +.pre-code .sd, .highlight code .sd, html .gist .gist-file .gist-syntax .highlight pre .sd { + color: #2aa198 !important +} + +.pre-code .s2, .highlight code .s2, html .gist .gist-file .gist-syntax .highlight pre .s2 { + color: #2aa198 !important +} + +.pre-code .se, .highlight code .se, html .gist .gist-file .gist-syntax .highlight pre .se { + color: #dc322f !important +} + +.pre-code .sh, .highlight code .sh, html .gist .gist-file .gist-syntax .highlight pre .sh { + color: #d14 +} + +.pre-code .si, .highlight code .si, html .gist .gist-file .gist-syntax .highlight pre .si { + color: #268bd2 !important +} + +.pre-code .sx, .highlight code .sx, html .gist .gist-file .gist-syntax .highlight pre .sx { + color: #d14 +} + +.pre-code .sr, .highlight code .sr, html .gist .gist-file .gist-syntax .highlight pre .sr { + color: #2aa198 !important +} + +.pre-code .s1, .highlight code .s1, html .gist .gist-file .gist-syntax .highlight pre .s1 { + color: #2aa198 !important +} + +.pre-code .ss, .highlight code .ss, html .gist .gist-file .gist-syntax .highlight pre .ss { + color: #990073 +} + +.pre-code .il, .highlight code .il, html .gist .gist-file .gist-syntax .highlight pre .il { + color: #099 +} + +.pre-code div .gd, .pre-code div .gd .x, .pre-code div .gi, .pre-code div .gi .x, .highlight code div .gd, .highlight code div .gd .x, .highlight code div .gi, .highlight code div .gi .x, html .gist .gist-file .gist-syntax .highlight pre div .gd, html .gist .gist-file .gist-syntax .highlight pre div .gd .x, html .gist .gist-file .gist-syntax .highlight pre div .gi, html .gist .gist-file .gist-syntax .highlight pre div .gi .x { + display: inline-block; + width: 100% +} + +aside { + display: none +} + +code { + background-color: #e8e8e8; + border-radius: 4px; + padding: 0 5.591px; + padding: 0 0.28rem; + font-size: 100% +} + +.code { + padding-top: 20px; + margin: 30px 0px +} diff --git a/html/ejs/list.ejs b/html/ejs/list.ejs index 9eac3b0..1a1d775 100644 --- a/html/ejs/list.ejs +++ b/html/ejs/list.ejs @@ -1,3 +1,4 @@ <% list.forEach(function (item) { %> - + +
<%=item.name%>
<% }) %> diff --git a/html/ejs/test.ejs b/html/ejs/test.ejs index fcc55cc..24f8d8e 100644 --- a/html/ejs/test.ejs +++ b/html/ejs/test.ejs @@ -1,7 +1,7 @@

<%= d.title %>

<% d.items.forEach(function (item) { %>
-

<%=item.title %>

+

<%=item.title %>

<%=item.description%>
diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..bdfc8d5 --- /dev/null +++ b/html/index.html @@ -0,0 +1,126 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Pipes Silvtree + + +
+
Pipes
+
+
+ + +
+ +
+
+ +
+
+
+ + +
+
+ +
+
+ + +
+ +
+
+
+
+
+ Made with ♥ by Martin +
+
+ + + + + + + + + + diff --git a/html/js/app.v3.js b/html/js/app.v3.js new file mode 100644 index 0000000..a015109 --- /dev/null +++ b/html/js/app.v3.js @@ -0,0 +1,150 @@ +/** + * Created by Martin on 15/03/2016. + */ + +var APP = function () { + refreshStep = 0, + preUrl = '/', + + _storage = { + lastupdated: null, + feeds: {} + }, + _list = null, + _feed = null, + + feeds = ['paleo', 'lifestyle', 'tech', 'news'], + + lastUpdated = null, + preCache = function () { + _list = new EJS({url: 'ejs/list.ejs'}); + _feed = new EJS({ + url: 'ejs/testcards.ejs' + }); + }, + init = function () { + $('#fnRefresh').on('click', $.proxy(refresh, this)); + console.log('app starting...'); + preCache(); + doLoad(); + getLastUpdateDate(); + console.log('Last updated: ' + lastUpdated); + }, + getLastUpdateDate = function () { + var formatted, dt; + // this.lastUpdated = localStorage.getItem('lastUpdated') || null; + + if (lastUpdated == null) + $('#lastupdate').empty().append('Never'); + else { + dt = new Date(lastUpdated); + formatted = moment(dt).startOf('minute').fromNow(); + console.log(formatted); + $('#lastupdate').empty().append(formatted); + } + + }, + refresh = function () { + refreshStep = 0; + console.log('refresh'); + console.log(this); + console.log('get ' + feeds[refreshStep]); + $('#lastupdate').empty().append('Refreshing...'); + // $.zprogress.start(); + doRefresh(); + + }, + doRefresh = function () { + var self = this; + if (refreshStep < feeds.length) { + var feedUrl = preUrl + feeds[refreshStep] + '.json'; + $('#lastupdate').empty().append('Refreshing: ' + feeds[refreshStep]); + $.getJSON(feedUrl, function (data) { + console.log(self); + + self.doUpdate(data); + }); + } else { + console.log('Done'); + // $.zprogress.inc(0.2); + doSave(); + } + }, + doUpdate = function (data) { + console.log(this); + console.log(data); + _storage.feeds[feeds[refreshStep]] = data; + + console.log(_storage); + refreshStep++; + // $.zprogress.inc(0.2); + doRefresh(); + }, + doSave = function () { + console.log('Saving...'); + lastUpdated = new Date(); + _storage.lastupdated = lastUpdated; + localStorage.setItem('lastUpdated', lastUpdated); + localStorage.setItem('_storage', JSON.stringify(_storage)); + getLastUpdateDate(); + // $.zprogress.done(true); + }, + doLoad = function () { + + var _load = localStorage.getItem('_storage'); + $('#lastupdate').empty().append('Loading...'); + if (_load != null) + _storage = JSON.parse(_load); + else + _storage = { + lastupdated: null, + feeds: {} + }; + lastUpdated = _storage.lastupdated || null; + showList(); + }, + showList = function () { + var output, d = {}, + list = []; + for (var key in _storage.feeds) { + console.log(key); + list.push({ + name: key + }); + } + + d.list = list; + + var output = _list.render(d); + $('#listContainer').empty().html(output); + + for (var key in _storage.feeds) { + $('#' + key).on('click', $.proxy(showFeed, this, key)); + } + + }, + showFeed = function (opt) { + var output, d; + console.log('show feed ' + opt); + // $('#feedcontent').empty(); + d = { + d: _storage.feeds[opt] + }; + var output = _feed.render(d); + + $('#bodyContents').empty().html(output); + $("img").unveil(); + }; + + $('#fnRefresh').on('click', function () { + doLoad(); + }); + + init(); +}; + +MicroEvent.mixin(APP); + +var app = new APP(); + + diff --git a/html/js/appv2.js b/html/js/appv2.js new file mode 100644 index 0000000..18bfd51 --- /dev/null +++ b/html/js/appv2.js @@ -0,0 +1,214 @@ +'use strict'; +/** + * Created by Martin on 24/02/2016. + */ + +$.fn.pressEnter = function (fn) { + + return this.each(function () { + $(this).bind('enterPress', fn); + $(this).keyup(function (e) { + if (e.keyCode === 13) { + $(this).trigger('enterPress'); + } + }); + }); +}; + +var Keeper = (function () { + + var self = this; + + console.log('GO!'); + var $list = $('#listContainer'); + var displayList = function (obj) { + var html = new EJS({url: '/partials/list.ejs'}).render(obj); + console.log(html); + $list.empty(); + $list.append(html); + $('#listContainer').find('.entry').not('.emptyMessage').click(function () { + console.log('Clicked list. ' + this.id); + getRecipe(this.id); + }); + }, displayPage = function (obj) { + var $bodyContents = $('#bodyContents'); + + if (obj.reduced.length > 0) { + var vdata = { + data: { + _id: obj._id, + _rev: obj._rev, + title: obj.title, + reduced: obj.reduced, + url: obj.url + } + }; + + var redoData = { + _id: obj._id, + _rev: obj._rev, + url: obj.url + }; + + var html = new EJS({url: 'partials/view.ejs'}).render(vdata); + + $bodyContents.empty(); + $bodyContents.append(html); + + $('#redo').on('click', function () { + self.trigger('redo', redoData); + + }); + + } + }, getRecipe = function (id) { + console.log('get recipe'); + var url = '/entry/' + id; + var data = ''; + $.ajax({ + type: 'GET', + url: url, + data: data, + dataType: 'json', + + timeout: 10000, + + //contentType: ('application/json'), + headers: { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS', + 'Access-Control-Allow-Headers': 'Content-Type' + + }, + success: function (data) { + // console.log(data); + displayPage(data); + }, + error: function (xhr, type) { + console.log('ajax error'); + console.log(xhr); + console.log(type); + } + }); + }, + + getList = function () { + + var url = '/list'; + + $.ajax({ + type: 'GET', + url: url, + data: '', + dataType: 'json', + + timeout: 10000, + + //contentType: ('application/json'), + headers: { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS', + 'Access-Control-Allow-Headers': 'Content-Type' + + }, + success: function (data) { + // console.log(data); + displayList(data); + }, + error: function (xhr, type) { + console.log('ajax error'); + console.log(xhr); + console.log(type); + } + }); + }, addNew = function (newUrl) { + var url = '/add'; + + var data = {url: JSON.stringify(newUrl)}; + $.ajax({ + type: 'POST', + url: url, + data: data, + dataType: 'json', + + timeout: 10000, + + //contentType: ('application/json'), + headers: { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS', + 'Access-Control-Allow-Headers': 'Content-Type' + + }, + success: function () { + // console.log(data); + // displayList(data); + }, + error: function (xhr, type) { + console.log('ajax error'); + console.log(xhr); + console.log(type); + } + }); + }, + redo = function (d) { + console.log('redooing'); + var url = '/redo'; + + $.ajax({ + type: 'POST', + url: url, + data: d, + dataType: 'json', + + timeout: 10000, + + //contentType: ('application/json'), + headers: { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS', + 'Access-Control-Allow-Headers': 'Content-Type' + + }, + success: function () { + // console.log(data); + // displayList(data); + }, + error: function (xhr, type) { + console.log('ajax error'); + console.log(xhr); + console.log(type); + } + }); + }, + start = function () { + + getList(); + }; + + $('#newurl').pressEnter(function () { + var url = $(this).val(); + if (url !== null) { + console.log('Adding: ' + url); + addNew(url); + $('#addstatus').fadeIn(400).delay(1500).fadeOut(400); + $(this).val(''); + /* setTimeout(function () { + getList(); + }, 5000);*/ + } + }); + + $('#fnRefresh').on('click', function () { + getList(); + }); + + this.bind('redo', function (data) { + redo(data); + }); + start(); +}); + +MicroEvent.mixin(Keeper); + +var keeper = new Keeper(); diff --git a/html/js/shell.js b/html/js/shell.js new file mode 100644 index 0000000..1f95864 --- /dev/null +++ b/html/js/shell.js @@ -0,0 +1,46 @@ +"use strict"; +jQuery(function($) { + var $bodyEl = $('body'), + $sidedrawerEl = $('#sidedrawer'); + + + function showSidedrawer() { + // show overlay + var options = { + onclose: function() { + $sidedrawerEl + .removeClass('active') + .appendTo(document.body); + } + }; + + var $overlayEl = $(mui.overlay('on', options)); + + // show element + $sidedrawerEl.appendTo($overlayEl); + setTimeout(function() { + $sidedrawerEl.addClass('active'); + }, 20); + } + + + function hideSidedrawer() { + $bodyEl.toggleClass('hide-sidedrawer'); + } + + + $('.js-show-sidedrawer').on('click', showSidedrawer); + $('.js-hide-sidedrawer').on('click', hideSidedrawer); +}); + +var $titleEls = $('strong', $sidedrawerEl); + +$titleEls + .next() + .hide(); + +$titleEls.on('click', function() { + $(this).next().slideToggle(200); +});/** + * Created by Martin on 24/02/2016. + */ diff --git a/html/libs/ejs.js b/html/libs/ejs.js new file mode 100644 index 0000000..49d9525 --- /dev/null +++ b/html/libs/ejs.js @@ -0,0 +1,505 @@ +(function(){ + + +var rsplit = function(string, regex) { + var result = regex.exec(string),retArr = new Array(), first_idx, last_idx, first_bit; + while (result != null) + { + first_idx = result.index; last_idx = regex.lastIndex; + if ((first_idx) != 0) + { + first_bit = string.substring(0,first_idx); + retArr.push(string.substring(0,first_idx)); + string = string.slice(first_idx); + } + retArr.push(result[0]); + string = string.slice(result[0].length); + result = regex.exec(string); + } + if (! string == '') + { + retArr.push(string); + } + return retArr; +}, +chop = function(string){ + return string.substr(0, string.length - 1); +}, +extend = function(d, s){ + for(var n in s){ + if(s.hasOwnProperty(n)) d[n] = s[n] + } +} + + +EJS = function( options ){ + options = typeof options == "string" ? {view: options} : options + this.set_options(options); + if(options.precompiled){ + this.template = {}; + this.template.process = options.precompiled; + EJS.update(this.name, this); + return; + } + if(options.element) + { + if(typeof options.element == 'string'){ + var name = options.element + options.element = document.getElementById( options.element ) + if(options.element == null) throw name+'does not exist!' + } + if(options.element.value){ + this.text = options.element.value + }else{ + this.text = options.element.innerHTML + } + this.name = options.element.id + this.type = '[' + }else if(options.url){ + options.url = EJS.endExt(options.url, this.extMatch); + this.name = this.name ? this.name : options.url; + var url = options.url + //options.view = options.absolute_url || options.view || options.; + var template = EJS.get(this.name /*url*/, this.cache); + if (template) return template; + if (template == EJS.INVALID_PATH) return null; + try{ + this.text = EJS.request( url+(this.cache ? '' : '?'+Math.random() )); + }catch(e){} + + if(this.text == null){ + throw( {type: 'EJS', message: 'There is no template at '+url} ); + } + //this.name = url; + } + var template = new EJS.Compiler(this.text, this.type); + + template.compile(options, this.name); + + + EJS.update(this.name, this); + this.template = template; +}; +/* @Prototype*/ +EJS.prototype = { + /** + * Renders an object with extra view helpers attached to the view. + * @param {Object} object data to be rendered + * @param {Object} extra_helpers an object with additonal view helpers + * @return {String} returns the result of the string + */ + render : function(object, extra_helpers){ + object = object || {}; + this._extra_helpers = extra_helpers; + var v = new EJS.Helpers(object, extra_helpers || {}); + return this.template.process.call(object, object,v); + }, + update : function(element, options){ + if(typeof element == 'string'){ + element = document.getElementById(element) + } + if(options == null){ + _template = this; + return function(object){ + EJS.prototype.update.call(_template, element, object) + } + } + if(typeof options == 'string'){ + params = {} + params.url = options + _template = this; + params.onComplete = function(request){ + var object = eval( request.responseText ) + EJS.prototype.update.call(_template, element, object) + } + EJS.ajax_request(params) + }else + { + element.innerHTML = this.render(options) + } + }, + out : function(){ + return this.template.out; + }, + /** + * Sets options on this view to be rendered with. + * @param {Object} options + */ + set_options : function(options){ + this.type = options.type || EJS.type; + this.cache = options.cache != null ? options.cache : EJS.cache; + this.text = options.text || null; + this.name = options.name || null; + this.ext = options.ext || EJS.ext; + this.extMatch = new RegExp(this.ext.replace(/\./, '\.')); + } +}; +EJS.endExt = function(path, match){ + if(!path) return null; + match.lastIndex = 0 + return path+ (match.test(path) ? '' : this.ext ) +} + + + + +/* @Static*/ +EJS.Scanner = function(source, left, right) { + + extend(this, + {left_delimiter: left +'%', + right_delimiter: '%'+right, + double_left: left+'%%', + double_right: '%%'+right, + left_equal: left+'%=', + left_comment: left+'%#'}) + + this.SplitRegexp = left=='[' ? /(\[%%)|(%%\])|(\[%=)|(\[%#)|(\[%)|(%\]\n)|(%\])|(\n)/ : new RegExp('('+this.double_left+')|(%%'+this.double_right+')|('+this.left_equal+')|('+this.left_comment+')|('+this.left_delimiter+')|('+this.right_delimiter+'\n)|('+this.right_delimiter+')|(\n)') ; + + this.source = source; + this.stag = null; + this.lines = 0; +}; + +EJS.Scanner.to_text = function(input){ + if(input == null || input === undefined) + return ''; + if(input instanceof Date) + return input.toDateString(); + if(input.toString) + return input.toString(); + return ''; +}; + +EJS.Scanner.prototype = { + scan: function(block) { + scanline = this.scanline; + regex = this.SplitRegexp; + if (! this.source == '') + { + var source_split = rsplit(this.source, /\n/); + for(var i=0; i 0) + { + for (var i=0; i 0) + { + buff.push(put_cmd + '"' + clean(content) + '")'); + } + content = ''; + break; + case scanner.double_left: + content = content + scanner.left_delimiter; + break; + default: + content = content + token; + break; + } + } + else { + switch(token) { + case scanner.right_delimiter: + switch(scanner.stag) { + case scanner.left_delimiter: + if (content[content.length - 1] == '\n') + { + content = chop(content); + buff.push(content); + buff.cr(); + } + else { + buff.push(content); + } + break; + case scanner.left_equal: + buff.push(insert_cmd + "(EJS.Scanner.to_text(" + content + ")))"); + break; + } + scanner.stag = null; + content = ''; + break; + case scanner.double_right: + content = content + scanner.right_delimiter; + break; + default: + content = content + token; + break; + } + } + }); + if (content.length > 0) + { + // Chould be content.dump in Ruby + buff.push(put_cmd + '"' + clean(content) + '")'); + } + buff.close(); + this.out = buff.script + ";"; + var to_be_evaled = '/*'+name+'*/this.process = function(_CONTEXT,_VIEW) { try { with(_VIEW) { with (_CONTEXT) {'+this.out+" return ___ViewO.join('');}}}catch(e){e.lineNumber=null;throw e;}};"; + + try{ + eval(to_be_evaled); + }catch(e){ + if(typeof JSLINT != 'undefined'){ + JSLINT(this.out); + for(var i = 0; i < JSLINT.errors.length; i++){ + var error = JSLINT.errors[i]; + if(error.reason != "Unnecessary semicolon."){ + error.line++; + var e = new Error(); + e.lineNumber = error.line; + e.message = error.reason; + if(options.view) + e.fileName = options.view; + throw e; + } + } + }else{ + throw e; + } + } + } +}; + + +//type, cache, folder +/** + * Sets default options for all views + * @param {Object} options Set view with the following options + * + + + + + + + + + + + +
OptionDefaultDescription
type'<'type of magic tags. Options are '<' or '[' +
cachetrue in production mode, false in other modestrue to cache template. +
+ * + */ +EJS.config = function(options){ + EJS.cache = options.cache != null ? options.cache : EJS.cache; + EJS.type = options.type != null ? options.type : EJS.type; + EJS.ext = options.ext != null ? options.ext : EJS.ext; + + var templates_directory = EJS.templates_directory || {}; //nice and private container + EJS.templates_directory = templates_directory; + EJS.get = function(path, cache){ + if(cache == false) return null; + if(templates_directory[path]) return templates_directory[path]; + return null; + }; + + EJS.update = function(path, template) { + if(path == null) return; + templates_directory[path] = template ; + }; + + EJS.INVALID_PATH = -1; +}; +EJS.config( {cache: true, type: '<', ext: '.ejs' } ); + + + +/** + * @constructor + * By adding functions to EJS.Helpers.prototype, those functions will be available in the + * views. + * @init Creates a view helper. This function is called internally. You should never call it. + * @param {Object} data The data passed to the view. Helpers have access to it through this._data + */ +EJS.Helpers = function(data, extras){ + this._data = data; + this._extras = extras; + extend(this, extras ); +}; +/* @prototype*/ +EJS.Helpers.prototype = { + /** + * Renders a new view. If data is passed in, uses that to render the view. + * @param {Object} options standard options passed to a new view. + * @param {optional:Object} data + * @return {String} + */ + view: function(options, data, helpers){ + if(!helpers) helpers = this._extras + if(!data) data = this._data; + return new EJS(options).render(data, helpers); + }, + /** + * For a given value, tries to create a human representation. + * @param {Object} input the value being converted. + * @param {Object} null_text what text should be present if input == null or undefined, defaults to '' + * @return {String} + */ + to_text: function(input, null_text) { + if(input == null || input === undefined) return null_text || ''; + if(input instanceof Date) return input.toDateString(); + if(input.toString) return input.toString().replace(/\n/g, '
').replace(/''/g, "'"); + return ''; + } +}; + EJS.newRequest = function(){ + var factories = [function() { return new ActiveXObject("Msxml2.XMLHTTP"); },function() { return new XMLHttpRequest(); },function() { return new ActiveXObject("Microsoft.XMLHTTP"); }]; + for(var i = 0; i < factories.length; i++) { + try { + var request = factories[i](); + if (request != null) return request; + } + catch(e) { continue;} + } + } + + EJS.request = function(path){ + var request = new EJS.newRequest() + request.open("GET", path, false); + + try{request.send(null);} + catch(e){return null;} + + if ( request.status == 404 || request.status == 2 ||(request.status == 0 && request.responseText == '') ) return null; + + return request.responseText + } + EJS.ajax_request = function(params){ + params.method = ( params.method ? params.method : 'GET') + + var request = new EJS.newRequest(); + request.onreadystatechange = function(){ + if(request.readyState == 4){ + if(request.status == 200){ + params.onComplete(request) + }else + { + params.onComplete(request) + } + } + } + request.open(params.method, params.url) + request.send(null) + } + + +})(); \ No newline at end of file diff --git a/html/libs/ejs_production.js b/html/libs/ejs_production.js new file mode 100644 index 0000000..ccce922 --- /dev/null +++ b/html/libs/ejs_production.js @@ -0,0 +1 @@ +(function(){var rsplit=function(string,regex){var result=regex.exec(string),retArr=new Array(),first_idx,last_idx,first_bit;while(result!=null){first_idx=result.index;last_idx=regex.lastIndex;if((first_idx)!=0){first_bit=string.substring(0,first_idx);retArr.push(string.substring(0,first_idx));string=string.slice(first_idx)}retArr.push(result[0]);string=string.slice(result[0].length);result=regex.exec(string)}if(!string==""){retArr.push(string)}return retArr},chop=function(string){return string.substr(0,string.length-1)},extend=function(d,s){for(var n in s){if(s.hasOwnProperty(n)){d[n]=s[n]}}};EJS=function(options){options=typeof options=="string"?{view:options}:options;this.set_options(options);if(options.precompiled){this.template={};this.template.process=options.precompiled;EJS.update(this.name,this);return }if(options.element){if(typeof options.element=="string"){var name=options.element;options.element=document.getElementById(options.element);if(options.element==null){throw name+"does not exist!"}}if(options.element.value){this.text=options.element.value}else{this.text=options.element.innerHTML}this.name=options.element.id;this.type="["}else{if(options.url){options.url=EJS.endExt(options.url,this.extMatch);this.name=this.name?this.name:options.url;var url=options.url;var template=EJS.get(this.name,this.cache);if(template){return template}if(template==EJS.INVALID_PATH){return null}try{this.text=EJS.request(url+(this.cache?"":"?"+Math.random()))}catch(e){}if(this.text==null){throw ({type:"EJS",message:"There is no template at "+url})}}}var template=new EJS.Compiler(this.text,this.type);template.compile(options,this.name);EJS.update(this.name,this);this.template=template};EJS.prototype={render:function(object,extra_helpers){object=object||{};this._extra_helpers=extra_helpers;var v=new EJS.Helpers(object,extra_helpers||{});return this.template.process.call(object,object,v)},update:function(element,options){if(typeof element=="string"){element=document.getElementById(element)}if(options==null){_template=this;return function(object){EJS.prototype.update.call(_template,element,object)}}if(typeof options=="string"){params={};params.url=options;_template=this;params.onComplete=function(request){var object=eval(request.responseText);EJS.prototype.update.call(_template,element,object)};EJS.ajax_request(params)}else{element.innerHTML=this.render(options)}},out:function(){return this.template.out},set_options:function(options){this.type=options.type||EJS.type;this.cache=options.cache!=null?options.cache:EJS.cache;this.text=options.text||null;this.name=options.name||null;this.ext=options.ext||EJS.ext;this.extMatch=new RegExp(this.ext.replace(/\./,"."))}};EJS.endExt=function(path,match){if(!path){return null}match.lastIndex=0;return path+(match.test(path)?"":this.ext)};EJS.Scanner=function(source,left,right){extend(this,{left_delimiter:left+"%",right_delimiter:"%"+right,double_left:left+"%%",double_right:"%%"+right,left_equal:left+"%=",left_comment:left+"%#"});this.SplitRegexp=left=="["?/(\[%%)|(%%\])|(\[%=)|(\[%#)|(\[%)|(%\]\n)|(%\])|(\n)/:new RegExp("("+this.double_left+")|(%%"+this.double_right+")|("+this.left_equal+")|("+this.left_comment+")|("+this.left_delimiter+")|("+this.right_delimiter+"\n)|("+this.right_delimiter+")|(\n)");this.source=source;this.stag=null;this.lines=0};EJS.Scanner.to_text=function(input){if(input==null||input===undefined){return""}if(input instanceof Date){return input.toDateString()}if(input.toString){return input.toString()}return""};EJS.Scanner.prototype={scan:function(block){scanline=this.scanline;regex=this.SplitRegexp;if(!this.source==""){var source_split=rsplit(this.source,/\n/);for(var i=0;i0){for(var i=0;i0){buff.push(put_cmd+'"'+clean(content)+'")')}content="";break;case scanner.double_left:content=content+scanner.left_delimiter;break;default:content=content+token;break}}else{switch(token){case scanner.right_delimiter:switch(scanner.stag){case scanner.left_delimiter:if(content[content.length-1]=="\n"){content=chop(content);buff.push(content);buff.cr()}else{buff.push(content)}break;case scanner.left_equal:buff.push(insert_cmd+"(EJS.Scanner.to_text("+content+")))");break}scanner.stag=null;content="";break;case scanner.double_right:content=content+scanner.right_delimiter;break;default:content=content+token;break}}});if(content.length>0){buff.push(put_cmd+'"'+clean(content)+'")')}buff.close();this.out=buff.script+";";var to_be_evaled="/*"+name+"*/this.process = function(_CONTEXT,_VIEW) { try { with(_VIEW) { with (_CONTEXT) {"+this.out+" return ___ViewO.join('');}}}catch(e){e.lineNumber=null;throw e;}};";try{eval(to_be_evaled)}catch(e){if(typeof JSLINT!="undefined"){JSLINT(this.out);for(var i=0;i").replace(/''/g,"'")}return""}};EJS.newRequest=function(){var factories=[function(){return new ActiveXObject("Msxml2.XMLHTTP")},function(){return new XMLHttpRequest()},function(){return new ActiveXObject("Microsoft.XMLHTTP")}];for(var i=0;i")};EJS.Helpers.prototype.start_tag_for=function(A,B){return this.tag(A,B)};EJS.Helpers.prototype.submit_tag=function(A,B){B=B||{};B.type=B.type||"submit";B.value=A||"Submit";return this.single_tag_for("input",B)};EJS.Helpers.prototype.tag=function(C,E,D){if(!D){var D=">"}var B=" ";for(var A in E){if(E[A]!=null){var F=E[A].toString()}else{var F=""}if(A=="Class"){A="class"}if(F.indexOf("'")!=-1){B+=A+'="'+F+'" '}else{B+=A+"='"+F+"' "}}return"<"+C+B+D};EJS.Helpers.prototype.tag_end=function(A){return""};EJS.Helpers.prototype.text_area_tag=function(A,C,B){B=B||{};B.id=B.id||A;B.name=B.name||A;C=C||"";if(B.size){B.cols=B.size.split("x")[0];B.rows=B.size.split("x")[1];delete B.size}B.cols=B.cols||50;B.rows=B.rows||4;return this.start_tag_for("textarea",B)+C+this.tag_end("textarea")};EJS.Helpers.prototype.text_tag=EJS.Helpers.prototype.text_area_tag;EJS.Helpers.prototype.text_field_tag=function(A,C,B){return this.input_field_tag(A,C,"text",B)};EJS.Helpers.prototype.url_for=function(A){return'window.location="'+A+'";'};EJS.Helpers.prototype.img_tag=function(B,C,A){A=A||{};A.src=B;A.alt=C;return this.single_tag_for("img",A)} \ No newline at end of file diff --git a/html/libs/microevent.js b/html/libs/microevent.js new file mode 100644 index 0000000..e9cdb5c --- /dev/null +++ b/html/libs/microevent.js @@ -0,0 +1,55 @@ +/** + * MicroEvent - to make any js object an event emitter (server or browser) + * + * - pure javascript - server compatible, browser compatible + * - dont rely on the browser doms + * - super simple - you get it immediatly, no mistery, no magic involved + * + * - create a MicroEventDebug with goodies to debug + * - make it safer to use + */ + +var MicroEvent = function(){}; +MicroEvent.prototype = { + bind : function(event, fct){ + this._events = this._events || {}; + this._events[event] = this._events[event] || []; + this._events[event].push(fct); + }, + unbind : function(event, fct){ + this._events = this._events || {}; + if( event in this._events === false ) return; + this._events[event].splice(this._events[event].indexOf(fct), 1); + }, + trigger : function(event /* , args... */){ + this._events = this._events || {}; + if( event in this._events === false ) return; + for(var i = 0; i < this._events[event].length; i++){ + this._events[event][i].apply(this, Array.prototype.slice.call(arguments, 1)); + } + } +}; + +/** + * mixin will delegate all MicroEvent.js function in the destination object + * + * - require('MicroEvent').mixin(Foobar) will make Foobar able to use MicroEvent + * + * @param {Object} the object which will support MicroEvent + */ +MicroEvent.mixin = function(destObject){ + var props = ['bind', 'unbind', 'trigger']; + for(var i = 0; i < props.length; i ++){ + if( typeof destObject === 'function' ){ + destObject.prototype[props[i]] = MicroEvent.prototype[props[i]]; + }else{ + destObject[props[i]] = MicroEvent.prototype[props[i]]; + } + } + return destObject; +} + +// export in common js +if( typeof module !== "undefined" && ('exports' in module)){ + module.exports = MicroEvent; +} diff --git a/html/libs/view.js b/html/libs/view.js new file mode 100644 index 0000000..9c969a9 --- /dev/null +++ b/html/libs/view.js @@ -0,0 +1,200 @@ +EJS.Helpers.prototype.date_tag = function(name, value , html_options) { + if(! (value instanceof Date)) + value = new Date() + + var month_names = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; + var years = [], months = [], days =[]; + var year = value.getFullYear(); + var month = value.getMonth(); + var day = value.getDate(); + for(var y = year - 15; y < year+15 ; y++) + { + years.push({value: y, text: y}) + } + for(var m = 0; m < 12; m++) + { + months.push({value: (m), text: month_names[m]}) + } + for(var d = 0; d < 31; d++) + { + days.push({value: (d+1), text: (d+1)}) + } + var year_select = this.select_tag(name+'[year]', year, years, {id: name+'[year]'} ) + var month_select = this.select_tag(name+'[month]', month, months, {id: name+'[month]'}) + var day_select = this.select_tag(name+'[day]', day, days, {id: name+'[day]'}) + + return year_select+month_select+day_select; +} + +EJS.Helpers.prototype.form_tag = function(action, html_options) { + + + html_options = html_options || {}; + html_options.action = action + if(html_options.multipart == true) { + html_options.method = 'post'; + html_options.enctype = 'multipart/form-data'; + } + + return this.start_tag_for('form', html_options) +} + +EJS.Helpers.prototype.form_tag_end = function() { return this.tag_end('form'); } + +EJS.Helpers.prototype.hidden_field_tag = function(name, value, html_options) { + return this.input_field_tag(name, value, 'hidden', html_options); +} + +EJS.Helpers.prototype.input_field_tag = function(name, value , inputType, html_options) { + + html_options = html_options || {}; + html_options.id = html_options.id || name; + html_options.value = value || ''; + html_options.type = inputType || 'text'; + html_options.name = name; + + return this.single_tag_for('input', html_options) +} + +EJS.Helpers.prototype.is_current_page = function(url) { + return (window.location.href == url || window.location.pathname == url ? true : false); +} + +EJS.Helpers.prototype.link_to = function(name, url, html_options) { + if(!name) var name = 'null'; + if(!html_options) var html_options = {} + + if(html_options.confirm){ + html_options.onclick = + " var ret_confirm = confirm(\""+html_options.confirm+"\"); if(!ret_confirm){ return false;} " + html_options.confirm = null; + } + html_options.href=url + return this.start_tag_for('a', html_options)+name+ this.tag_end('a'); +} + +EJS.Helpers.prototype.submit_link_to = function(name, url, html_options){ + if(!name) var name = 'null'; + if(!html_options) var html_options = {} + html_options.onclick = html_options.onclick || '' ; + + if(html_options.confirm){ + html_options.onclick = + " var ret_confirm = confirm(\""+html_options.confirm+"\"); if(!ret_confirm){ return false;} " + html_options.confirm = null; + } + + html_options.value = name; + html_options.type = 'submit' + html_options.onclick=html_options.onclick+ + (url ? this.url_for(url) : '')+'return false;'; + //html_options.href='#'+(options ? Routes.url_for(options) : '') + return this.start_tag_for('input', html_options) +} + +EJS.Helpers.prototype.link_to_if = function(condition, name, url, html_options, post, block) { + return this.link_to_unless((condition == false), name, url, html_options, post, block); +} + +EJS.Helpers.prototype.link_to_unless = function(condition, name, url, html_options, block) { + html_options = html_options || {}; + if(condition) { + if(block && typeof block == 'function') { + return block(name, url, html_options, block); + } else { + return name; + } + } else + return this.link_to(name, url, html_options); +} + +EJS.Helpers.prototype.link_to_unless_current = function(name, url, html_options, block) { + html_options = html_options || {}; + return this.link_to_unless(this.is_current_page(url), name, url, html_options, block) +} + + +EJS.Helpers.prototype.password_field_tag = function(name, value, html_options) { return this.input_field_tag(name, value, 'password', html_options); } + +EJS.Helpers.prototype.select_tag = function(name, value, choices, html_options) { + html_options = html_options || {}; + html_options.id = html_options.id || name; + html_options.value = value; + html_options.name = name; + + var txt = '' + txt += this.start_tag_for('select', html_options) + + for(var i = 0; i < choices.length; i++) + { + var choice = choices[i]; + var optionOptions = {value: choice.value} + if(choice.value == value) + optionOptions.selected ='selected' + txt += this.start_tag_for('option', optionOptions )+choice.text+this.tag_end('option') + } + txt += this.tag_end('select'); + return txt; +} + +EJS.Helpers.prototype.single_tag_for = function(tag, html_options) { return this.tag(tag, html_options, '/>');} + +EJS.Helpers.prototype.start_tag_for = function(tag, html_options) { return this.tag(tag, html_options); } + +EJS.Helpers.prototype.submit_tag = function(name, html_options) { + html_options = html_options || {}; + //html_options.name = html_options.id || 'commit'; + html_options.type = html_options.type || 'submit'; + html_options.value = name || 'Submit'; + return this.single_tag_for('input', html_options); +} + +EJS.Helpers.prototype.tag = function(tag, html_options, end) { + if(!end) var end = '>' + var txt = ' ' + for(var attr in html_options) { + if(html_options[attr] != null) + var value = html_options[attr].toString(); + else + var value='' + if(attr == "Class") // special case because "class" is a reserved word in IE + attr = "class"; + if( value.indexOf("'") != -1 ) + txt += attr+'=\"'+value+'\" ' + else + txt += attr+"='"+value+"' " + } + return '<'+tag+txt+end; +} + +EJS.Helpers.prototype.tag_end = function(tag) { return ''; } + +EJS.Helpers.prototype.text_area_tag = function(name, value, html_options) { + html_options = html_options || {}; + html_options.id = html_options.id || name; + html_options.name = html_options.name || name; + value = value || '' + if(html_options.size) { + html_options.cols = html_options.size.split('x')[0] + html_options.rows = html_options.size.split('x')[1]; + delete html_options.size + } + + html_options.cols = html_options.cols || 50; + html_options.rows = html_options.rows || 4; + + return this.start_tag_for('textarea', html_options)+value+this.tag_end('textarea') +} +EJS.Helpers.prototype.text_tag = EJS.Helpers.prototype.text_area_tag + +EJS.Helpers.prototype.text_field_tag = function(name, value, html_options) { return this.input_field_tag(name, value, 'text', html_options); } + +EJS.Helpers.prototype.url_for = function(url) { + return 'window.location="'+url+'";' +} +EJS.Helpers.prototype.img_tag = function(image_location, alt, options){ + options = options || {}; + options.src = image_location + options.alt = alt + return this.single_tag_for('img', options) +} diff --git a/html/partials/list.ejs.js b/html/partials/list.ejs.js new file mode 100644 index 0000000..85ce8d8 --- /dev/null +++ b/html/partials/list.ejs.js @@ -0,0 +1,3 @@ +/** + * Created by Martin on 15/03/2016. + */ diff --git a/node_modules/ejs/package.json b/node_modules/ejs/package.json index a9779f0..e2212e1 100644 --- a/node_modules/ejs/package.json +++ b/node_modules/ejs/package.json @@ -1,11 +1,11 @@ { "_args": [ [ - "ejs@^2.3.3", + "ejs@*", "C:\\mddev\\rinser" ] ], - "_from": "ejs@>=2.3.3 <3.0.0", + "_from": "ejs@*", "_id": "ejs@2.4.1", "_inCache": true, "_installable": true, @@ -19,19 +19,19 @@ "_phantomChildren": {}, "_requested": { "name": "ejs", - "raw": "ejs@^2.3.3", - "rawSpec": "^2.3.3", + "raw": "ejs@*", + "rawSpec": "*", "scope": null, - "spec": ">=2.3.3 <3.0.0", + "spec": "*", "type": "range" }, "_requiredBy": [ - "#DEV:/" + "/" ], "_resolved": "https://registry.npmjs.org/ejs/-/ejs-2.4.1.tgz", "_shasum": "82e15b1b2a1f948b18097476ba2bd7c66f4d1566", "_shrinkwrap": null, - "_spec": "ejs@^2.3.3", + "_spec": "ejs@*", "_where": "C:\\mddev\\rinser", "author": { "email": "mde@fleegix.org", diff --git a/node_modules/express/package.json b/node_modules/express/package.json index d7130a4..249f157 100644 --- a/node_modules/express/package.json +++ b/node_modules/express/package.json @@ -1,11 +1,11 @@ { "_args": [ [ - "express@4.13.4", + "express@^4.13.4", "C:\\mddev\\rinser" ] ], - "_from": "express@4.13.4", + "_from": "express@>=4.13.4 <5.0.0", "_id": "express@4.13.4", "_inCache": true, "_installable": true, @@ -15,14 +15,16 @@ "name": "dougwilson" }, "_npmVersion": "1.4.28", - "_phantomChildren": {}, + "_phantomChildren": { + "mime-types": "2.1.10" + }, "_requested": { "name": "express", - "raw": "express@4.13.4", - "rawSpec": "4.13.4", + "raw": "express@^4.13.4", + "rawSpec": "^4.13.4", "scope": null, - "spec": "4.13.4", - "type": "version" + "spec": ">=4.13.4 <5.0.0", + "type": "range" }, "_requiredBy": [ "/" @@ -30,7 +32,7 @@ "_resolved": "https://registry.npmjs.org/express/-/express-4.13.4.tgz", "_shasum": "3c0b76f3c77590c8345739061ec0bd3ba067ec24", "_shrinkwrap": null, - "_spec": "express@4.13.4", + "_spec": "express@^4.13.4", "_where": "C:\\mddev\\rinser", "author": { "email": "tj@vision-media.ca", diff --git a/node_modules/lodash/README.md b/node_modules/lodash/README.md index 33a7ef2..56a419b 100644 --- a/node_modules/lodash/README.md +++ b/node_modules/lodash/README.md @@ -1,4 +1,4 @@ -# lodash v4.3.0 +# lodash v4.6.1 The [lodash](https://lodash.com/) library exported as [Node.js](https://nodejs.org/) modules. @@ -12,23 +12,23 @@ $ npm i --save lodash In Node.js: ```js -// load the full build +// Load the full build. var _ = require('lodash'); -// load the core build +// Load the core build. var _ = require('lodash/core'); -// load the fp build for immutable auto-curried iteratee-first data-last methods +// Load the fp build for immutable auto-curried iteratee-first data-last methods. var _ = require('lodash/fp'); -// or a method category +// Load a method category. var array = require('lodash/array'); var object = require('lodash/fp/object'); -// or method for smaller builds with browserify/rollup/webpack +// Load a single method for smaller builds with browserify/rollup/webpack. var chunk = require('lodash/chunk'); var extend = require('lodash/fp/extend'); ``` -See the [package source](https://github.com/lodash/lodash/tree/4.3.0-npm) for more details. +See the [package source](https://github.com/lodash/lodash/tree/4.6.1-npm) for more details. **Note:**
Don’t assign values to the [special variable](http://nodejs.org/api/repl.html#repl_repl_features) `_` when in the REPL.
diff --git a/node_modules/lodash/array.js b/node_modules/lodash/array.js index 01c1216..bfded5c 100644 --- a/node_modules/lodash/array.js +++ b/node_modules/lodash/array.js @@ -14,6 +14,7 @@ module.exports = { 'findLastIndex': require('./findLastIndex'), 'flatten': require('./flatten'), 'flattenDeep': require('./flattenDeep'), + 'flattenDepth': require('./flattenDepth'), 'fromPairs': require('./fromPairs'), 'head': require('./head'), 'indexOf': require('./indexOf'), @@ -27,6 +28,7 @@ module.exports = { 'pull': require('./pull'), 'pullAll': require('./pullAll'), 'pullAllBy': require('./pullAllBy'), + 'pullAllWith': require('./pullAllWith'), 'pullAt': require('./pullAt'), 'remove': require('./remove'), 'reverse': require('./reverse'), diff --git a/node_modules/lodash/lang.js b/node_modules/lodash/lang.js index d3be68f..665f5c6 100644 --- a/node_modules/lodash/lang.js +++ b/node_modules/lodash/lang.js @@ -1,4 +1,5 @@ module.exports = { + 'castArray': require('./castArray'), 'clone': require('./clone'), 'cloneDeep': require('./cloneDeep'), 'cloneDeepWith': require('./cloneDeepWith'), diff --git a/node_modules/lodash/object.js b/node_modules/lodash/object.js index aab1e82..e5380d0 100644 --- a/node_modules/lodash/object.js +++ b/node_modules/lodash/object.js @@ -39,6 +39,8 @@ module.exports = { 'toPairsIn': require('./toPairsIn'), 'transform': require('./transform'), 'unset': require('./unset'), + 'update': require('./update'), + 'updateWith': require('./updateWith'), 'values': require('./values'), 'valuesIn': require('./valuesIn') }; diff --git a/node_modules/lodash/package.json b/node_modules/lodash/package.json index dd37d96..2f7bdf4 100644 --- a/node_modules/lodash/package.json +++ b/node_modules/lodash/package.json @@ -1,41 +1,41 @@ { "_args": [ [ - "lodash@4.3.0", + "lodash@^4.6.1", "C:\\mddev\\rinser" ] ], - "_from": "lodash@4.3.0", - "_id": "lodash@4.3.0", + "_from": "lodash@>=4.6.1 <5.0.0", + "_id": "lodash@4.6.1", "_inCache": true, "_installable": true, "_location": "/lodash", "_nodeVersion": "5.5.0", "_npmOperationalInternal": { - "host": "packages-9-west.internal.npmjs.com", - "tmp": "tmp/lodash-4.3.0.tgz_1454921838929_0.49659619107842445" + "host": "packages-12-west.internal.npmjs.com", + "tmp": "tmp/lodash-4.6.1.tgz_1456942179866_0.5565699376165867" }, "_npmUser": { "email": "john.david.dalton@gmail.com", "name": "jdalton" }, - "_npmVersion": "2.14.18", + "_npmVersion": "2.14.17", "_phantomChildren": {}, "_requested": { "name": "lodash", - "raw": "lodash@4.3.0", - "rawSpec": "4.3.0", + "raw": "lodash@^4.6.1", + "rawSpec": "^4.6.1", "scope": null, - "spec": "4.3.0", - "type": "version" + "spec": ">=4.6.1 <5.0.0", + "type": "range" }, "_requiredBy": [ "#DEV:/" ], - "_resolved": "https://registry.npmjs.org/lodash/-/lodash-4.3.0.tgz", - "_shasum": "efd9c4a6ec53f3b05412429915c3e4824e4d25a4", + "_resolved": "https://registry.npmjs.org/lodash/-/lodash-4.6.1.tgz", + "_shasum": "df00c1164ad236b183cfc3887a5e8d38cc63cbbc", "_shrinkwrap": null, - "_spec": "lodash@4.3.0", + "_spec": "lodash@^4.6.1", "_where": "C:\\mddev\\rinser", "author": { "email": "john.david.dalton@gmail.com", @@ -67,8 +67,8 @@ "devDependencies": {}, "directories": {}, "dist": { - "shasum": "efd9c4a6ec53f3b05412429915c3e4824e4d25a4", - "tarball": "http://registry.npmjs.org/lodash/-/lodash-4.3.0.tgz" + "shasum": "df00c1164ad236b183cfc3887a5e8d38cc63cbbc", + "tarball": "http://registry.npmjs.org/lodash/-/lodash-4.6.1.tgz" }, "homepage": "https://lodash.com/", "icon": "https://lodash.com/icon.svg", @@ -84,13 +84,17 @@ "name": "jdalton", "email": "john.david.dalton@gmail.com" }, + { + "name": "jridgewell", + "email": "justin+npm@ridgewell.name" + }, { "name": "mathias", "email": "mathias@qiwi.be" }, { "name": "phated", - "email": "blaine@iceddev.com" + "email": "blaine.bublitz@gmail.com" } ], "name": "lodash", @@ -103,5 +107,5 @@ "scripts": { "test": "echo \"See https://travis-ci.org/lodash/lodash-cli for testing details.\"" }, - "version": "4.3.0" + "version": "4.6.1" } diff --git a/package.json b/package.json index 3da5a18..ca13355 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.1.1", "devDependencies": { "ejs": "^2.3.3", - "lodash": "^4.3.0", + "lodash": "^4.6.1", "rss-braider": "^1.0.0" }, "dependencies": {