From d69cf00a793a2dfacbf4f0d6c72052fad5e1911f Mon Sep 17 00:00:00 2001 From: Martin Donnelly Date: Wed, 2 Mar 2016 15:37:15 +0000 Subject: [PATCH] favicons --- app/css/gist.css | 123 + app/css/read.css | 13673 +++++++++++++++++++++++++++++++++++++++++++++ app/index.html | 6 +- 3 files changed, 13801 insertions(+), 1 deletion(-) create mode 100644 app/css/gist.css create mode 100644 app/css/read.css diff --git a/app/css/gist.css b/app/css/gist.css new file mode 100644 index 0000000..d3b92ea --- /dev/null +++ b/app/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/app/css/read.css b/app/css/read.css new file mode 100644 index 0000000..b37ed48 --- /dev/null +++ b/app/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/app/index.html b/app/index.html index 8323ef1..015b4e1 100644 --- a/app/index.html +++ b/app/index.html @@ -10,6 +10,8 @@ + + @@ -68,8 +70,10 @@
-
+ +
+