diff --git a/dist/app.css b/dist/app.css index da2f09f..c600726 100644 --- a/dist/app.css +++ b/dist/app.css @@ -1,4 +1,4 @@ -/* line 47, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ +/* line 53, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ .image-viewer { position: absolute; @@ -9,19 +9,19 @@ transform: translateY(-50%) translateX(-50%); } -/* line 58, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ +/* line 64, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ .btn-add-sub > div { width: 100%; } -/* line 62, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ +/* line 68, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ .invisible { opacity: 0; } -/* line 66, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ +/* line 72, ../../../../../../Users/bernardo/Projects/reeddit/styles/_base.scss */ .hide { display: none !important; @@ -58,7 +58,15 @@ body { position: relative; } -/* line 23, app.scss */ +/* line 75, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +body.mnml { + font-family: -apple-system-font, 'Helvetica Neue', Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* line 30, app.scss */ a { color: #999; @@ -67,9 +75,9 @@ a { /* line 1, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .view { + width: 100%; transition-duration: 300ms; position: absolute; - width: 100%; top: 44px; bottom: 0; left: 0; @@ -90,21 +98,44 @@ a { background-color: #ffffff; } -/* line 25, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .main-view, +.mnml +.detail-view { + background-color: #f5f5f5; +} + +/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml.ios7 .main-view, +.mnml.ios7 +.detail-view { + background-color: #fff; +} + +/* line 33, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .main-view { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } -/* line 50, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ +/* line 36, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + +.main-view.show-menu { + -webkit-transform: translate3d(140px, 0px, 0px); + transform: translate3d(140px, 0px, 0px); +} + +/* line 62, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .detail-view { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } -/* line 76, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ +/* line 88, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .wrapper { height: 100%; @@ -114,27 +145,27 @@ a { -webkit-overflow-scrolling: touch; } -/* line 83, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ +/* line 95, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .wrapper--detail { -webkit-tap-highlight-color: transparent; } -/* line 92, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ +/* line 104, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ -#main-menu { - box-shadow: inset -3px 0 10px black; - height: calc(100% - 32px); +.show-view { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } -/* line 97, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ +/* line 108, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ -.main-view.show-menu { - -webkit-transform: translate3d(140px, 0px, 0px); - transform: translate3d(140px, 0px, 0px); +#main-menu { + box-shadow: inset -3px 0 10px black; + height: calc(100% - 32px); } -/* line 101, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ +/* line 114, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ #main-overflow { width: 100%; @@ -201,13 +232,31 @@ a { margin: 0 auto; } -/* line 56, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .comments-icon { + opacity: .8; +} + +/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml.ios7 .comments-icon { + opacity: .6; +} + +/* line 64, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .button-active { background-color: #ddd; } -/* line 60, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .button-active { + background-color: #ccc; +} + +/* line 72, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .comments-button { padding: 3px 10px; @@ -220,7 +269,7 @@ a { margin: 0 auto; } -/* line 71, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 83, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .replies-button-active, .list-button-active { @@ -228,13 +277,22 @@ a { color: white !important; } -/* line 77, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .replies-button-active, +.mnml +.list-button-active { + background-color: #ccc !important; + background-image: none !important; +} + +/* line 94, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .list-button { padding: 20px; } -/* line 80, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 97, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .list-button > span { padding: 5px 10px; @@ -247,14 +305,20 @@ a { margin: 0 auto; } -/* line 92, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .list-button > span { + background-color: transparent; +} + +/* line 113, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .top-buttons { padding: 10px 20px; border-bottom: 1px solid #CCC; } -/* line 97, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 118, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .top-buttons > div { padding: 3px 10px; @@ -265,28 +329,36 @@ a { display: inline-block; } -/* line 106, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .top-buttons > div { + background-color: #ddd; + border: 1px solid #bbb; + box-shadow: 0 1px 0 #fff; +} + +/* line 133, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .top-buttons div:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -/* line 111, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 138, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .top-buttons div:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -/* line 117, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 144, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ #btn-update { display: block; width: 100%; } -/* line 122, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 149, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .comments-button, .top-buttons > div, @@ -297,7 +369,22 @@ a { box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 inset, rgba(255, 255, 255, 0.3) 0 25px 30px -12px inset, rgba(0, 0, 0, 0.6) 0 1px 2px; } -/* line 133, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .comments-button, +.mnml +.top-buttons > div, +.mnml +.list-button > span, +.mnml +.btn-general { + background-color: #d5d5d8; + border: 1px solid #bbb; + background-image: none; + box-shadow: none; +} + +/* line 167, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .btn-general { background-color: #BBB; @@ -307,7 +394,13 @@ a { text-align: center; } -/* line 141, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .btn-general { + border-radius: 4px; +} + +/* line 179, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .btn-general-active { background-image: linear-gradient(#3f3f3f 50%, #4b4b4b 100%); @@ -315,13 +408,21 @@ a { color: #f5f5f5; } -/* line 148, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .btn-general-active { + background-color: #ccc; + background-image: none; + box-shadow: none; +} + +/* line 192, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ #btn-add-new-channel { padding: 5px 10px; } -/* line 152, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 196, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ #btn-add-another-sub { background-color: #CCC; @@ -334,7 +435,7 @@ a { border-top: 0; } -/* line 163, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 207, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ #btn-import-data { width: 70%; @@ -342,13 +443,13 @@ a { margin: 5px auto; } -/* line 169, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 213, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ #btn-save-dbx { display: none; } -/* line 173, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 217, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .btn-add-sub { display: -webkit-flex; @@ -357,7 +458,7 @@ a { width: 15%; } -/* line 177, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 221, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .btn-add-sub > div { background-image: url("../img/add.png"); @@ -366,7 +467,7 @@ a { background-position: 50%; } -/* line 190, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 234, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .btn-side-menu-add { position: absolute; @@ -377,7 +478,7 @@ a { line-height: 30px; } -/* line 199, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 243, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ #btn-edit-subs { right: 0; @@ -385,7 +486,7 @@ a { line-height: 34px; } -/* line 207, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ +/* line 251, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .btn-corner:active { background-color: rgba(0, 0, 0, 0.3); @@ -414,7 +515,14 @@ a { text-align: center; } -/* line 20, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #edit-subs { + box-shadow: none; + border-top: 0; +} + +/* line 25, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .btn-edit-sub { font-size: 25px; @@ -425,20 +533,20 @@ a { height: 100%; } -/* line 29, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 34, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ #btn-add-subs { left: 0; font-weight: 500; } -/* line 34, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 39, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ #remove-sub { right: 0; } -/* line 36, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 41, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .sub { color: whiteSmoke; @@ -451,7 +559,7 @@ a { text-overflow: ellipsis; } -/* line 47, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 59, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .channel { margin: 0; @@ -459,20 +567,20 @@ a { padding: 5px 10px; } -/* line 52, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 64, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .channel > p { color: whiteSmoke; margin: 0; } -/* line 57, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 76, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .channel > div { padding-left: 10px; } -/* line 61, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 80, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .channel > div p { font-size: 13px; @@ -484,26 +592,32 @@ a { white-space: nowrap; } -/* line 72, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 98, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .channel-active { border-left: 3px solid #4286F5; } -/* line 75, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .channel-active { + border-left: 3px solid #3d6fba; +} + +/* line 105, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .channel-active > p { - text-shadow: 0 0 10px #CCC; + text-shadow: 0 0 10px #ccc; } -/* line 80, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 110, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .sub-active { - text-shadow: 0 0 10px #CCC; - border-left: 3px solid #4286F5; + text-shadow: 0 0 10px #ccc; + border-left: 3px solid #4286f5; } -/* line 85, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 115, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ #menu-container { overflow-y: auto; @@ -517,7 +631,14 @@ a { background-image: url("../img/darkdenim3.png"); } -/* line 117, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #menu-container { + background-color: #262b30; + background-image: url(""); +} + +/* line 152, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .menu-desc { color: rgba(255, 255, 255, 0.82); @@ -537,7 +658,7 @@ a { position: relative; } -/* line 135, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 177, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .option { color: whiteSmoke; @@ -546,27 +667,12 @@ a { font-size: 14px; } -/* line 142, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ +/* line 184, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ .option:last-child { margin-bottom: 15px; } -/* line 147, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ - -#sorting p { - color: whiteSmoke; - margin: 0; - padding: 8px 10px; - text-transform: capitalize; -} - -/* line 154, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ - -.sorting-choice { - border-left: 3px solid; -} - /* line 1, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link { @@ -590,13 +696,19 @@ a { width: 100%; } -/* line 19, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .link-wrap { + border-top: 0; +} + +/* line 23, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-wrap:first-child { border-top: 0; } -/* line 24, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 28, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-thumb { width: 70px; @@ -604,7 +716,7 @@ a { min-width: 70px; } -/* line 29, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 33, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-thumb div { width: 60px; @@ -618,7 +730,13 @@ a { box-shadow: inset 0 1px 3px #333; } -/* line 41, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .link-thumb div { + box-shadow: none; +} + +/* line 49, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-title { font-weight: 600; @@ -630,14 +748,14 @@ a { display: block; } -/* line 51, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 59, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-domain { margin: 0; - color: #d43030; + color: #c6544f; } -/* line 56, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 64, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-sub { margin: 0; @@ -645,7 +763,7 @@ a { display: inline; } -/* line 62, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 70, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-active, .link-selected, @@ -653,7 +771,17 @@ a { background-image: linear-gradient(#4286F5, #194FDB); } -/* line 70, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .link-active, +.mnml +.link-selected, +.mnml +.option.tappable-active { + background-image: linear-gradient(#599ad2, #3d6fba); +} + +/* line 82, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-active .link-title, .link-selected .link-title { @@ -661,7 +789,7 @@ a { text-shadow: 0 1px 0 #333333; } -/* line 76, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 88, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-active .link-domain, .link-active .link-sub, @@ -671,7 +799,7 @@ a { color: #ADD0EB; } -/* line 87, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 99, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-label { font-size: 11px; @@ -679,47 +807,47 @@ a { font-weight: 700; } -/* line 92, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 104, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-label.nsfw { color: #d13; } -/* line 96, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 108, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-label.stickied { color: #71b0d3; letter-spacing: .3px; } -/* line 102, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 114, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .summary-label { border-radius: 5px; padding: 1px 3px; } -/* line 106, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 118, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .summary-label.nsfw { background-color: #d13; color: white; } -/* line 111, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 123, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .summary-label.stickied { background-color: #71b0d3; color: white; } -/* line 117, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 129, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-title:visited { color: #888; } -/* line 123, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ +/* line 135, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link-active .link-title:visited, .link-selected .link-title:visited { @@ -753,7 +881,23 @@ header > div { width: 70%; } -/* line 31, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml header { + border-bottom: 1px solid #bbb; + background-color: #d7d7d7; + border-top: 0; + background-image: none; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); +} + +/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml.ios7 header { + background-color: #f8f8f8; +} + +/* line 43, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ .header-corner { display: -webkit-flex; @@ -763,7 +907,7 @@ header > div { transition-duration: 300ms; } -/* line 37, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ +/* line 49, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ #title { color: #333; @@ -780,7 +924,7 @@ header > div { cursor: default; } -/* line 52, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ +/* line 64, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ #header-icon { width: 36px; @@ -792,7 +936,19 @@ header > div { margin: 0 auto; } -/* line 61, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #header-icon { + opacity: .7; +} + +/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml.ios7 #header-icon { + opacity: .5; +} + +/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ #main-title { transition-duration: 300ms; @@ -807,7 +963,13 @@ header > div { overflow: hidden; } -/* line 74, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #main-title { + top: 0; +} + +/* line 98, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ .sub-title { margin: 0 0 0 5px; @@ -817,13 +979,23 @@ header > div { border-radius: 5px; } -/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ +/* line 105, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ .sub-title:active { background-color: rgba(0, 0, 0, 0.3); } -/* line 86, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .sub-title { + margin: 0; + padding: 0 10px; + line-height: 44px; + text-shadow: none; + border-radius: 0; +} + +/* line 122, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ #wide-refresh { padding: 5px 10px; @@ -872,7 +1044,7 @@ header > div { /* line 37, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-author p { - color: #d43030; + color: #c6544f; font-weight: 500; margin: 0; } @@ -886,30 +1058,30 @@ header > div { /* line 46, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-poster::before { - content: 'OP'; position: absolute; top: 0; left: 0; + content: 'OP'; color: #ffffff; - background-color: #d43030; - border: 1px solid #d43030; + background-color: #c6544f; + border: 1px solid #c6544f; padding: 2px 3px; border-radius: 3px; font-size: 10px; font-weight: 700; } -/* line 60, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 58, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-poster p { - color: #d43030; + color: #c6544f; font-weight: 500; position: relative; left: 28px; margin: 0; } -/* line 72, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 70, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-info a { color: #aaa; @@ -917,46 +1089,46 @@ header > div { text-decoration: none; } -/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 79, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-body p { margin: 10px 0; color: #3d525e; } -/* line 86, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 84, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-body ul { color: #3d525e; } -/* line 90, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 88, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-body a { color: #7a9abd; -webkit-tap-highlight-color: rgba(69, 103, 140, 0.5); } -/* line 94, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 92, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .comment-body a:visited { color: #a3adce; } -/* line 100, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 98, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #link-summary { background-color: #4d4d4d; padding: 10px 0 0; } -/* line 105, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 103, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #link-summary::before { - content: ''; - position: absolute; width: 100%; height: 300px; + content: ''; + position: absolute; background-color: inherit; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); @@ -968,20 +1140,26 @@ header > div { background-size: 25%; } -/* line 118, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #link-summary { + background-color: #262b30; +} + +/* line 120, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #link-summary p { margin: 0; padding-left: 10px; } -/* line 123, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 125, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #link-summary a { text-decoration: none; } -/* line 128, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 130, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-title { font-size: 16px; @@ -991,14 +1169,14 @@ header > div { padding-bottom: 2px; } -/* line 136, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 138, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-time { color: white; text-align: center; } -/* line 141, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 143, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-domain { color: #F75433; @@ -1007,28 +1185,34 @@ header > div { display: inline; } -/* line 148, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml.ios7 #summary-domain { + color: #eb4d5c; +} + +/* line 154, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-author { color: #E2E2E0; font-weight: 700; } -/* line 154, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 160, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #share-tw { /* Share button position */ margin-right: 10px; } -/* line 159, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 165, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-sub { color: #FAFAFA; text-align: left; } -/* line 166, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 172, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-footer { display: -webkit-flex; @@ -1042,7 +1226,13 @@ header > div { border-bottom: 1px solid #333; } -/* line 174, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #summary-footer { + border: 0; +} + +/* line 184, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-extra { display: -webkit-flex; @@ -1058,7 +1248,14 @@ header > div { border-top: 1px solid #5d5d5d; } -/* line 184, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #summary-extra { + background-color: rgba(0, 0, 0, 0.4); + border: 0; +} + +/* line 199, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-comment-num { text-align: right; @@ -1066,7 +1263,7 @@ header > div { display: block; } -/* line 190, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 205, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #summary-extra p, #summary-comment-num { @@ -1076,7 +1273,7 @@ header > div { width: 33%; } -/* line 199, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 214, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #selftext { -webkit-user-select: text; @@ -1091,38 +1288,45 @@ header > div { border: 1px solid #b9b9b9; } -/* line 210, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml #selftext { + border: 0; + box-shadow: none; +} + +/* line 230, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #selftext p { margin-top: 5px; } -/* line 213, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 233, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #selftext p:last-child { margin-bottom: 5px; } -/* line 222, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 242, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #selftext a { color: #7a9abd; -webkit-tap-highlight-color: rgba(69, 103, 140, 0.5); } -/* line 226, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 246, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #selftext a:visited { color: #a3adce; } -/* line 232, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 252, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .preview-container { padding: 10px 0; } -/* line 240, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 260, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .image-preview, .video-preview { @@ -1132,13 +1336,13 @@ header > div { box-shadow: 0 1px 3px #333; } -/* line 248, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 268, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .image-preview { cursor: zoom-in; } -/* line 256, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ +/* line 276, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .image-viewer { max-width: 100%; @@ -1146,43 +1350,156 @@ header > div { padding: 10px 0; } -/*--- Subreddits ---*/ - -/* line 36, app.scss */ +/* line 1, ../../../../../../Users/bernardo/Projects/reeddit/styles/_options-menu.scss */ -.subreddit { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-left: 10px; - border-bottom: 1px solid #CCC; - border-top: 1px solid white; +.options-menu { width: 100%; + height: 44px; + -webkit-transform: translateY(calc(-100% - 44px)); + -ms-transform: translateY(calc(-100% - 44px)); + transform: translateY(calc(-100% - 44px)); + background-color: #333333; + transition: -webkit-transform 200ms; + transition: transform 200ms; + z-index: 2; + color: #ffffff; + position: absolute; } -/* line 43, app.scss */ +/* line 10, ../../../../../../Users/bernardo/Projects/reeddit/styles/_options-menu.scss */ -.subreddit > div:first-child { - width: 85%; - padding: 10px 5px 10px 0; +.options-menu--shown { + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); } -/* line 49, app.scss */ +/* line 9, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ -.subreddit-desc { - margin: 5px 0; +.sorter-wrap { + position: absolute; + margin-top: 5px; + margin-left: 10px; } -/* line 53, app.scss */ +/* line 17, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ -.subreddit-title { - font-weight: 700; - font-size: 15px; - margin: 5px 0; - color: #d43030; +.sort-switch { + font-size: 13px; + cursor: pointer; } -/* line 60, app.scss */ +/* line 21, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ + +.sort-switch__overlay { + overflow: hidden; + width: 3.2em; + height: 1.6em; + border-radius: .25em; +} + +/* line 28, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ + +.sort-switch__wrap { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 6.4em; + transition: all 250ms ease; + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); +} + +/* line 36, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ + +.sort-switch--new .sort-switch__wrap { + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +/* line 40, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ + +.sort-switch__label { + width: 3.2em; + height: height-label; + color: #444; + font-weight: 600; + line-height: 1.6em; + text-transform: capitalize; + position: relative; + background-repeat: no-repeat; + background-position: 85% center; + background-size: 1em; +} + +/* line 55, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ + +.sort-switch__label::after { + position: absolute; + font-size: 2em; +} + +/* line 60, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ + +.sort-switch__label--hot::after { + content: "\2022"; + color: #c6544f; + left: 1em; +} + +/* line 66, ../../../../../../Users/bernardo/Projects/reeddit/styles/_sort-switch.scss */ + +.sort-switch__label--new::after { + content: "\2022"; + color: #7ab636; + left: 1.2em; +} + +/*--- Subreddits ---*/ + +/* line 45, app.scss */ + +.subreddit { + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-left: 10px; + border-bottom: 1px solid #CCC; + border-top: 1px solid white; + width: 100%; +} + +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .subreddit { + border-top: 0; +} + +/* line 56, app.scss */ + +.subreddit > div:first-child { + width: 85%; + padding: 10px 5px 10px 0; +} + +/* line 62, app.scss */ + +.subreddit-desc { + margin: 5px 0; +} + +/* line 66, app.scss */ + +.subreddit-title { + font-weight: 700; + font-size: 15px; + margin: 5px 0; + color: #c6544f; +} + +/* line 73, app.scss */ .new-form { width: 300px; @@ -1196,14 +1513,14 @@ header > div { margin-left: -150px; } -/* line 72, app.scss */ +/* line 85, app.scss */ #form-new-channel { min-height: 160px; top: 55px; } -/* line 77, app.scss */ +/* line 90, app.scss */ #form-new-channel input { width: 100%; @@ -1212,7 +1529,7 @@ header > div { outline: none; } -/* line 85, app.scss */ +/* line 98, app.scss */ #subs-for-channel { border-radius: 5px 5px 0 0; @@ -1225,7 +1542,7 @@ header > div { overflow-y: auto; } -/* line 99, app.scss */ +/* line 112, app.scss */ #subs-for-channel input { border: 0; @@ -1233,14 +1550,14 @@ header > div { padding: 5px; } -/* line 104, app.scss */ +/* line 117, app.scss */ #subs-for-channel input:last-child { border-bottom: 0; padding-bottom: 10px; } -/* line 111, app.scss */ +/* line 124, app.scss */ #txt-channel { border: 2px solid #AAA !important; @@ -1248,7 +1565,7 @@ header > div { padding: 5px 10px; } -/* line 117, app.scss */ +/* line 130, app.scss */ .channel-added-msg { color: white; @@ -1259,7 +1576,7 @@ header > div { border-radius: 5px; } -/* line 126, app.scss */ +/* line 139, app.scss */ #form-new-sub { height: 50px; @@ -1267,7 +1584,7 @@ header > div { margin-top: -100px; } -/* line 131, app.scss */ +/* line 144, app.scss */ #form-new-sub input { width: 100%; @@ -1276,19 +1593,19 @@ header > div { outline: none; } -/* line 138, app.scss */ +/* line 151, app.scss */ #add-sub-manual { padding: 10px; } -/* line 142, app.scss */ +/* line 155, app.scss */ #remove-wrap { height: 100%; } -/* line 146, app.scss */ +/* line 159, app.scss */ .edit-subs-title { padding: 10px; @@ -1301,14 +1618,14 @@ header > div { text-shadow: 0 1px 1px whiteSmoke; } -/* line 157, app.scss */ +/* line 170, app.scss */ .remove-list { margin: 0; padding: 0; } -/* line 162, app.scss */ +/* line 175, app.scss */ .item-to-edit { display: -webkit-flex; @@ -1319,7 +1636,13 @@ header > div { height: 60px; } -/* line 168, app.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .item-to-edit { + border-top: 0; +} + +/* line 185, app.scss */ .item-to-edit > p { width: 85%; @@ -1329,7 +1652,7 @@ header > div { padding-left: 10px; } -/* line 176, app.scss */ +/* line 193, app.scss */ .item-to-edit > div { width: 15%; @@ -1338,13 +1661,13 @@ header > div { background-position: center; } -/* line 182, app.scss */ +/* line 199, app.scss */ .item-to-edit .channel-name { width: 70%; } -/* line 186, app.scss */ +/* line 203, app.scss */ .item-to-edit .btn-remove-channel, .item-to-edit .btn-remove-subreddit { @@ -1352,57 +1675,50 @@ header > div { background-size: 22px; } -/* line 196, app.scss */ +/* line 213, app.scss */ .item-to-edit .btn-edit-channel { background-image: url("../img/edit.png"); background-size: 16px; } -/* line 202, app.scss */ - -.show-view { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -/* line 206, app.scss */ +/* line 219, app.scss */ #modal { width: 100%; height: 100%; - transition-duration: 300ms; position: absolute; top: 0; left: 0; + transition-duration: 300ms; background-color: rgba(0, 0, 0, 0.7); opacity: 0; z-index: 9999; } -/* line 217, app.scss */ +/* line 228, app.scss */ .modal--closable { cursor: zoom-out; } -/* line 221, app.scss */ +/* line 232, app.scss */ .close-form { + width: 35px; + height: 35px; position: absolute; - top: -30px; - z-index: 10001; + top: -35px; right: 0; - color: whiteSmoke; - background-image: url("../img/cancel.png"); - width: 60px; - background-repeat: no-repeat; - padding-left: 20px; + z-index: 10001; + color: #F5F5F5; font-weight: 700; - background-size: 18px; + font-size: 30px; + line-height: 28px; + text-align: center; } -/* line 235, app.scss */ +/* line 246, app.scss */ .form-left-corner { position: absolute; @@ -1411,28 +1727,28 @@ header > div { left: 0; } -/* line 242, app.scss */ +/* line 253, app.scss */ .about-reeddit, .move-data { top: 80px; } -/* line 249, app.scss */ +/* line 260, app.scss */ .about-reeddit ul { list-style: none; padding: 0; } -/* line 254, app.scss */ +/* line 265, app.scss */ .about-reeddit li { font-size: 18px; text-align: center; } -/* line 258, app.scss */ +/* line 269, app.scss */ .about-reeddit li a { text-decoration: none; @@ -1446,25 +1762,25 @@ header > div { color: #777; } -/* line 270, app.scss */ +/* line 281, app.scss */ .about-reeddit li a:hover { color: inherit; } -/* line 274, app.scss */ +/* line 285, app.scss */ .about-reeddit li:first-child a { border-top: 0; } -/* line 278, app.scss */ +/* line 289, app.scss */ .about-reeddit li:last-child a { border-bottom: 0; } -/* line 283, app.scss */ +/* line 294, app.scss */ .about-reeddit p { color: #777; @@ -1473,54 +1789,54 @@ header > div { text-align: center; } -/* line 290, app.scss */ +/* line 301, app.scss */ .about-reeddit p a { text-decoration: none; color: #777; } -/* line 297, app.scss */ +/* line 308, app.scss */ .move-data { padding: 20px; } -/* line 301, app.scss */ +/* line 312, app.scss */ .move-data .btn-general { line-height: 26px; } -/* line 305, app.scss */ +/* line 316, app.scss */ .move-data h3, .move-data p { text-shadow: 0 1px 0 #fff; } -/* line 310, app.scss */ +/* line 321, app.scss */ .move-data h3 { text-align: center; margin: 5px 0; } -/* line 315, app.scss */ +/* line 326, app.scss */ .move-data p { text-align: left; margin: 10px 0; } -/* line 321, app.scss */ +/* line 332, app.scss */ .move-data-field { width: 100%; height: 70px; } -/* line 325, app.scss */ +/* line 336, app.scss */ .msg-error { background-color: #bbb; @@ -1530,6 +1846,12 @@ header > div { font-weight: bold; } +/* line 344, app.scss */ + +.from-swipe { + transition-duration: 0s !important; +} + @-webkit-keyframes reveal { 0% { opacity: 0; @@ -1795,9 +2117,24 @@ header > div { background-image: linear-gradient(#d5d5d5, #b3b3b3); } -/* line 15, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ +/* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml .view-footer { + background-color: #d7d7d7; + box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2); +} + +/* line 81, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + +.mnml.ios7 .view-footer { + background-color: #f8f8f8; + border-top: 1px solid #bbb; +} + +/* line 26, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ -.view-footer p { +.footer-sub-title, +.footer-post-title { line-height: 31px; margin: 0 auto; text-align: center; @@ -1807,10 +2144,10 @@ header > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; - cursor: default; + color: #444; } -/* line 29, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ +/* line 40, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ .btn-footer { position: absolute; @@ -1821,7 +2158,7 @@ header > div { top: 0; } -/* line 37, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ +/* line 48, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ .footer-refresh { background-image: url("../img/refresh.png"); @@ -1829,236 +2166,15 @@ header > div { background-size: 12px 15px; } -/* line 43, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ +/* line 54, ../../../../../../Users/bernardo/Projects/reeddit/styles/_footer.scss */ #detail-close { - background-image: url("../img/close.png"); - opacity: .7; left: 0; - background-size: 18px; -} - -/* line 1, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml { - font-family: -apple-system-font, 'Helvetica Neue', Helvetica, Arial, sans-serif; -} - -/* line 7, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #link-summary { - background-color: #262b30; -} - -/* line 11, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #summary-extra { - background-color: rgba(0, 0, 0, 0.4); - border: 0; -} - -/* line 16, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #summary-footer { - border: 0; -} - -/* line 20, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #selftext { - border: 0; - box-shadow: none; -} - -/* line 25, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .channel-active { - border-left: 3px solid #3d6fba; -} - -/* line 29, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #menu-container { - background-color: #262b30; - background-image: url(""); -} - -/* line 34, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .link-wrap { - border-top: 0; -} - -/* line 38, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .link-thumb div { - box-shadow: none; -} - -/* line 42, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .link-active, -.mnml .link-selected, -.mnml .option.tappable-active { - background-image: linear-gradient(#599ad2, #3d6fba); -} - -/* line 48, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .list-button > span { - background-color: transparent; -} - -/* line 52, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .top-buttons > div { - background-color: #ddd; - border: 1px solid #bbb; - box-shadow: 0 1px 0 #fff; -} - -/* line 58, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .comments-button, -.mnml .top-buttons > div, -.mnml .list-button > span, -.mnml .btn-general { - background-color: #d5d5d8; - border: 1px solid #bbb; - background-image: none; - box-shadow: none; -} - -/* line 68, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .btn-general { - border-radius: 4px; -} - -/* line 72, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .btn-general-active { - background-color: #ccc; - background-image: none; - box-shadow: none; -} - -/* line 78, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml header { - border-bottom: 1px solid #bbb; - background-color: #d7d7d7; - border-top: 0; - background-image: none; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -} - -/* line 86, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #header-icon { - opacity: .7; -} - -/* line 90, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .main-view, -.mnml .detail-view { - background-color: #f5f5f5; -} - -/* line 95, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .comments-icon { - opacity: .8; -} - -/* line 99, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .button-active { - background-color: #ccc; -} - -/* line 103, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .replies-button-active, -.mnml .list-button-active { - background-color: #ccc !important; - background-image: none !important; -} - -/* line 109, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #main-title { - top: 0; -} - -/* line 113, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .sub-title { - margin: 0; - padding: 0 10px; - line-height: 44px; - text-shadow: none; - border-radius: 0; -} - -/* line 121, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .subreddit, -.mnml .item-to-edit { - border-top: 0; -} - -/* line 126, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml #edit-subs { - box-shadow: none; - border-top: 0; -} - -/* line 131, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml .view-footer { - background-color: #d7d7d7; - box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2); -} - -/* line 140, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml.ios7 header { - background-color: #f8f8f8; -} - -/* line 144, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml.ios7 #header-icon { - opacity: .5; -} - -/* line 148, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml.ios7 .main-view, -.mnml.ios7 .detail-view { - background-color: #fff; -} - -/* line 153, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml.ios7 .comments-icon { - opacity: .6; -} - -/* line 157, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml.ios7 #summary-domain { - color: #eb4d5c; -} - -/* line 161, ../../../../../../Users/bernardo/Projects/reeddit/styles/_themes.scss */ - -.mnml.ios7 .view-footer { - background-color: #f8f8f8; - border-top: 1px solid #bbb; + font-size: 26px; + font-weight: bold; + line-height: 1em; + text-align: center; + color: #444; } @media only screen and (min-width: 350px) { @@ -2071,7 +2187,7 @@ header > div { box-shadow: rgba(255, 255, 255, 0.5) 0 32px 20px -10px inset, 0 44px 0 rgba(0, 0, 0, 0.33) inset; } - /* line 85, app.scss */ + /* line 98, app.scss */ #subs-for-channel { max-height: 250px; @@ -2079,7 +2195,7 @@ header > div { } @media only screen and (min-width: 490px) { - /* line 25, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 33, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .main-view { width: 72%; @@ -2089,55 +2205,67 @@ header > div { transform: none !important; } - /* line 50, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 62, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .detail-view { width: 72%; left: 28%; } - /* line 97, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ + /* line 132, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ #menu-container, #edit-subs { width: 28%; } - /* line 232, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ + /* line 98, ../../../../../../Users/bernardo/Projects/reeddit/styles/_header.scss */ + + .sub-title { + pointer-events: none; + } + + /* line 252, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .preview-container { padding: 10px; } - /* line 248, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ + /* line 268, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .image-preview { border-radius: 3px; } - /* line 256, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ + /* line 276, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ .image-viewer { padding: 10px; } + + /* line 1, ../../../../../../Users/bernardo/Projects/reeddit/styles/_options-menu.scss */ + + .options-menu { + display: none; + } } @media only screen and (min-width: 760px) { - /* line 25, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 33, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .main-view { width: 78%; left: 22%; } - /* line 50, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 62, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .detail-view { width: 78%; left: 22%; } - /* line 97, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ + /* line 132, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ #menu-container, #edit-subs { @@ -2152,14 +2280,14 @@ header > div { top: 0; } - /* line 25, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 33, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .main-view { width: 34%; left: 16%; } - /* line 50, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 62, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .detail-view { width: 50%; @@ -2171,7 +2299,7 @@ header > div { transform: none; } - /* line 76, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 88, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .wrapper { height: calc(100% - 32px) !important; @@ -2183,13 +2311,43 @@ header > div { display: none; } - /* line 97, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ + /* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + + .mnml .sub { + font-weight: 500; + } + + /* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + + .mnml .channel > p { + font-weight: 500; + } + + /* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + + .mnml .channel > div p { + font-weight: 500; + } + + /* line 132, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ #menu-container, #edit-subs { width: 16%; } + /* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + + .mnml .menu-desc { + font-weight: 500; + } + + /* line 69, ../../../../../../Users/bernardo/Projects/reeddit/styles/_mixins.scss */ + + .mnml .option { + font-weight: 500; + } + /* line 1, ../../../../../../Users/bernardo/Projects/reeddit/styles/_link.scss */ .link { @@ -2208,7 +2366,7 @@ header > div { font-size: 14px; } - /* line 210, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ + /* line 230, ../../../../../../Users/bernardo/Projects/reeddit/styles/_post-comments.scss */ #selftext p { font-size: 14px; @@ -2222,20 +2380,20 @@ header > div { } @media only screen and (min-width: 1430px) { - /* line 25, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 33, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .main-view { width: 487px; left: 230px; } - /* line 50, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ + /* line 62, ../../../../../../Users/bernardo/Projects/reeddit/styles/_view.scss */ .detail-view { width: calc(100% - 717px); } - /* line 97, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ + /* line 132, ../../../../../../Users/bernardo/Projects/reeddit/styles/_menu.scss */ #menu-container, #edit-subs { @@ -2258,13 +2416,13 @@ header > div { opacity: .7; } - /* line 177, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ + /* line 221, ../../../../../../Users/bernardo/Projects/reeddit/styles/_buttons.scss */ .btn-add-sub > div { background-image: url("../img/add@2.png"); } - /* line 186, app.scss */ + /* line 203, app.scss */ .item-to-edit .btn-remove-channel, .item-to-edit .btn-remove-subreddit { diff --git a/dist/app.js b/dist/app.js index fee7053..9b71668 100644 --- a/dist/app.js +++ b/dist/app.js @@ -26,10 +26,7 @@ var editingSubs = false, loadingComments = false, loadingLinks = false, currentThread, - isWideScreen = checkWideScreen(), - isLargeScreen = checkLargeScreen(), - isiPad, - scrollFix, + iPadScrollFix, currentSortingChoice = 'hot', mnml = false, updateBackup = 1, @@ -58,13 +55,27 @@ var editingSubs = false, }, currentView = view.main; -var defaultSubs = ["frontPage", "pics", "IAmA", "AskReddit", "worldNews", "todayilearned", "tech", "science", "reactiongifs", "books", "explainLikeImFive", "videos", "AdviceAnimals", "funny", "aww", "earthporn"]; +var defaultSubs = ["frontPage", "all", "pics", "IAmA", "AskReddit", "worldNews", "todayilearned", "tech", "science", "reactiongifs", "books", "explainLikeImFive", "videos", "AdviceAnimals", "funny", "aww", "earthporn"]; var defaultChannel = { name: "Media", subs: ["movies", "television", "music", "games"] }; +// Breakpoints +var wideScreenBP = win.matchMedia("(min-width: 1000px)"), + largeScreenBP = win.matchMedia("(min-width: 490px)"), + isWideScreen = wideScreenBP.matches, + isLargeScreen = largeScreenBP.matches; + +// Browser Detection +var UA = win.navigator.userAgent, + isMobile = !isDesktop, + isiPhone = /iP(hone|od)/.test(UA), + isiPad = /iPad/.test(UA), + isiOS = isiPad || isiPhone, + isiOS7 = isiOS && parseInt(UA.match(/ OS (\d+)_/i)[1], 10) >= 7; + var T = { // Templates Posts: "{{#children}}{{/children}}
More
", Subreddits: { @@ -79,14 +90,14 @@ var T = { // Templates }, linkSummary: "", botonAgregarSubManual: "
Insert Manually
Create Channel
", - formAgregarSubManual: '
Add Subreddit
close
', - formAddNewChannel: '
Add Channel
close
Add additional subreddit
', - formEditChannel: '
Update Channel
close
Add additional subreddit
', + formAgregarSubManual: '
Add Subreddit
×
', + formAddNewChannel: '
Add Channel
×
Add additional subreddit
', + formEditChannel: '
Update Channel
×
Add additional subreddit
', botonCargarMasSubs: "
More
", noLink: "No Post Selected", - about: "
close

@ReedditApp

Built by Bernardo Baquero Stand

", - exportData: "
close

Export Data

You can back-up your local subscriptions and then import them to any other Reeddit instance, or just restore them.

Save to Dropbox
", - importData: "
close

Import Data

Load the subscriptions from another Reeddit instance.

Once you choose the reeddit data file, Reeddit will refresh with the imported data.

Import from Dropbox
" + about: "
×

@ReedditApp

Built by Bernardo Baquero Stand

", + exportData: "
×

Export Data

You can back-up your local subscriptions and then import them to any other Reeddit instance, or just restore them.

Save to Dropbox
", + importData: "
×

Import Data

Load the subscriptions from another Reeddit instance.

Once you choose the reeddit data file, Reeddit will refresh with the imported data.

Import from Dropbox
" }; var M = { // Model @@ -122,13 +133,11 @@ var M = { // Model }, Subreddits: { list: [], - add: function(sub) { - if (!M.Subreddits.listHasSub(sub)) { - M.Subreddits.list.push(sub); - store.setItem("subreeddits", JSON.stringify(M.Subreddits.list)); - updateBackup = 1; - } - }, + add: function(sub) { + M.Subreddits.list.push(sub); + store.setItem("subreeddits", JSON.stringify(M.Subreddits.list)); + updateBackup = 1; + }, setList: function(subs) { M.Subreddits.list = subs; store.setItem("subreeddits", JSON.stringify(M.Subreddits.list)); @@ -140,18 +149,29 @@ var M = { // Model store.setItem("subreeddits", JSON.stringify(M.Subreddits.list)); updateBackup = 1; }, - listHasSub: function(sub) { - if (M.Subreddits.list) { - var i = M.Subreddits.list.indexOf(sub); - return i > -1; - } - return false; - }, - getAllString: function() { - var allSubs = ''; + listHasSub: function(newSub) { + if (M.Subreddits.list) { + newSub = newSub.toLowerCase(); + for(var i = M.Subreddits.list.length; --i;) { + var sub = M.Subreddits.list[i]; + if (sub.toLowerCase() === newSub) { + return true; + } + } + return false; + } + return false; + }, + getAllSubsString: function() { + var allSubs = '', + frontPage = 'frontpage', + all = 'all'; for (var i = 0; i < M.Subreddits.list.length; i++) { - var sub = M.Subreddits.list[i]; - if (sub.toUpperCase() === 'frontPage'.toUpperCase()) continue; + var sub = M.Subreddits.list[i].toLowerCase(); + if (sub === frontPage || + sub === all) { + continue; + } allSubs += sub + '+'; } return allSubs.substring(0, allSubs.length - 1); @@ -213,6 +233,7 @@ var M = { // Model } } }; + var V = { // View mainWrap: $("#main-wrap"), detailWrap: $("#detail-wrap"), @@ -255,10 +276,7 @@ var V = { // View if (subs instanceof Array) { subsList.append(Mustache.to_html(T.Subreddits.list, subs)); } else { - if (!M.Subreddits.listHasSub(subs)) { - subsList.append($("
  • ").attr("data-name", subs).append($("

    ").addClass("sub").addClass((active ? "sub-active" : "")).text(subs))); - M.Subreddits.add(subs); - } + subsList.append($("

  • ").attr("data-name", subs).append($("

    ").addClass("sub").addClass((active ? "sub-active" : "")).text(subs))); } }, remove: function(sub) { @@ -327,6 +345,10 @@ var V = { // View V.Anims.slideFromLeft(); }, moveMenu: function(direction) { + if (isiPhone && isiOS7) { + V.mainView.removeClass(swipeClass); + V.detailView.removeClass(swipeClass); + } if (direction === move.left) { V.mainView.removeClass(css.showMenu); setTimeout(function() { @@ -437,10 +459,10 @@ var V = { // View var bntMnml = $("#mnml"); if (mnml) { body.classList.add(css.mnml); - bntMnml.text("Mnml: on"); + bntMnml.text("Theme: mnml"); } else { body.classList.remove(css.mnml); - bntMnml.text("Mnml: off"); + bntMnml.text("Theme: Classic"); } if (save) store.setItem("mnml", mnml); }, @@ -457,7 +479,14 @@ var V = { // View noBounce: true }; V.Actions.showModal(imageViewer, false, config); - } + }, + setSelectedLink: function(id) { + $(".link.link-selected").removeClass("link-selected"); + $('.link[data-id="' + id + '"]').addClass('link-selected'); + }, + clearSelectedLink: function() { + $('.link.link-selected').removeClass('link-selected'); + } }, Comments: { setRest: function(id, refresh) { @@ -467,12 +496,6 @@ var V = { // View if (!refresh && currentView !== view.comments) V.Anims.slideFromRight(); - if (isWideScreen) { - // Refresh active link indicator - $(".link.link-selected").removeClass("link-selected"); - $('.link[data-id="' + id + '"]').addClass('link-selected'); - } - V.headerSection.empty().append(V.title); V.title.text(postTitle); V.subtitle.addClass('invisible'); @@ -634,6 +657,12 @@ var C = { // "Controller" V.Posts.show(links, paging); M.Posts.setList(links); + if (isWideScreen) { + var id = getCommentHash(); + if (id) { + V.Actions.setSelectedLink(id); + } + } } }, Comments: { @@ -765,18 +794,31 @@ var C = { // "Controller" loadPosts: function(sub) { if (sub !== M.currentSelection.name || editingSubs) { var url; - if (sub.toUpperCase() === 'frontPage'.toUpperCase()) url = urlInit + "r/" + M.Subreddits.getAllString() + "/"; - else url = urlInit + "r/" + sub + "/"; + if (sub.toLowerCase() === 'frontpage') { + url = urlInit + "r/" + M.Subreddits.getAllSubsString() + "/"; + } else { + url = urlInit + "r/" + sub + "/"; + } C.Posts.load(url); C.currentSelection.setSubreddit(sub); } V.Actions.setSubTitle(sub); }, - remove: function(sub) { - M.Subreddits.remove(sub); - V.Subreddits.remove(sub); - if (M.currentSelection.type === selection.sub && M.currentSelection.name === sub) C.currentSelection.setSubreddit('frontPage'); // If it was the current selection - }, + remove: function(sub) { + M.Subreddits.remove(sub); + V.Subreddits.remove(sub); + if (M.currentSelection.type === selection.sub && + M.currentSelection.name === sub) { // If it was the current selection + C.currentSelection.setSubreddit('frontPage'); + } + }, + add: function(newSub) { + if (M.Subreddits.listHasSub(newSub)) { + return; + } + M.Subreddits.add(newSub); + V.Subreddits.insert(newSub); + }, addFromNewForm: function() { var txtSub = $id("txt-new-sub"), subName = txtSub.value; @@ -785,6 +827,12 @@ var C = { // "Controller" V.Anims.shakeForm(); return; } + if (M.Subreddits.listHasSub(subName)) { + txtSub.value = ""; + txtSub.setAttribute("placeholder", subName + " already added!"); + V.Anims.shakeForm(); + return; + } subName = subName.trim(); @@ -928,23 +976,11 @@ var C = { // "Controller" } }; -function checkWideScreen() { - return win.matchMedia("(min-width: 1000px)").matches; -} - -function checkLargeScreen() { - return win.matchMedia("(min-width: 490px)").matches; -} - function triggerClick(url) { var a = doc.createElement('a'); a.setAttribute("href", url); a.setAttribute("target", "_blank"); - //var dispatch = doc.createEvent("HTMLEvents"); - //dispatch.initEvent("click", true, true); - //a.dispatchEvent(dispatch); - var clickEvent = new MouseEvent("click", { "view": window, "bubbles": true, @@ -963,12 +999,19 @@ function openPost(url, id) { } } +function getCommentHash() { + var match = location.hash.match(/(#comments:)((?:[a-zA-Z0-9]*))/); + if (match && match[2]) { + return match[2]; + } +} + function goToCommentFromHash() { - var match = location.hash.match(/(#comments:)((?:[a-zA-Z0-9]*))/); - if (match && match[2]) { - var id = match[2]; - C.Comments.show(id); - } + var id = getCommentHash(); + C.Comments.show(id); + if (isWideScreen) { + V.Actions.setSelectedLink(id); + } } function checkImageLink(url) { @@ -1031,8 +1074,11 @@ function goToComments(id) { function refreshCurrentStream() { if (editingSubs) return; doByCurrentSelection(function() { // if it's subreddit - if (M.currentSelection.name.toUpperCase() === 'frontPage'.toUpperCase()) C.Posts.load(urlInit + "r/" + M.Subreddits.getAllString() + "/"); - else C.Posts.load(urlInit + "r/" + M.currentSelection.name + "/"); + if (M.currentSelection.name.toLowerCase() === 'frontpage') { + C.Posts.load(urlInit + "r/" + M.Subreddits.getAllSubsString() + "/"); + } else { + C.Posts.load(urlInit + "r/" + M.currentSelection.name + "/"); + } }, function() { // if it's channel C.Channels.loadPosts(M.Channels.getByName(M.currentSelection.name)); }); @@ -1310,7 +1356,7 @@ tappable("#wide-refresh", { tappable("#sub-title", { onTap: function() { - if ((!isDesktop && loadingLinks) || isLargeScreen) return; + if ((!isDesktop && loadingLinks)) return; V.Actions.moveMenu(showingMenu ? move.left : move.right); } }); @@ -1331,8 +1377,11 @@ tappable("#more-links", { onTap: function() { doByCurrentSelection(function() { var url; - if (M.currentSelection.name.toUpperCase() === 'frontPage'.toUpperCase()) url = urlInit + "r/" + M.Subreddits.getAllString() + "/"; - else url = urlInit + "r/" + M.currentSelection.name + "/"; + if (M.currentSelection.name.toLowerCase() === 'frontpage') { + url = urlInit + "r/" + M.Subreddits.getAllSubsString() + "/"; + } else { + url = urlInit + "r/" + M.currentSelection.name + "/"; + } C.Posts.load(url, '&after=' + M.Posts.idLast); }, function() { var channel = M.Channels.getByName(M.currentSelection.name); @@ -1385,7 +1434,7 @@ tappable('.btn-add-sub', { subTitle = $(".subreddit-title", parent); subTitle.css("color", "#2b9900"); // 'adding sub' little UI feedback var newSub = subTitle.text(); - V.Subreddits.insert(newSub); + C.Subreddits.add(newSub); }, activeClass: 'button-active' }); @@ -1496,28 +1545,32 @@ V.detailWrap.on('click', '#comments-container a, #selftext a', function(ev) { }); // Swipes -V.detailView.swipeRight(function() { - if (isWideScreen) return; - location.hash = "#"; -}); +if (isMobile) { + if (!(isiPhone && isiOS7)) { + V.detailView.swipeRight(function() { + if (isWideScreen) return; + location.hash = "#"; + }); + } -V.mainView.swipeRight(function() { - if ((!isDesktop && loadingLinks) || isLargeScreen) return; - if (currentView === view.main) V.Actions.moveMenu(move.right); -}); + V.mainView.swipeRight(function() { + if ((!isDesktop && loadingLinks) || isLargeScreen) return; + if (currentView === view.main) V.Actions.moveMenu(move.right); + }); -V.mainView.swipeLeft(function() { - if ((!isDesktop && loadingLinks) || isLargeScreen) return; - if (showingMenu) V.Actions.moveMenu(move.left); -}); + V.mainView.swipeLeft(function() { + if ((!isDesktop && loadingLinks) || isLargeScreen) return; + if (showingMenu) V.Actions.moveMenu(move.left); + }); -V.mainView.on("swipeLeft", ".link", function() { - if (isWideScreen) return; - if (!showingMenu) { - var id = $(this).data("id"); - goToComments(id); - } -}); + V.mainView.on("swipeLeft", ".link", function() { + if (isWideScreen) return; + if (!showingMenu) { + var id = $(this).data("id"); + goToComments(id); + } + }); +} // Show option to reload app after update if (win.applicationCache) @@ -1540,23 +1593,52 @@ if (win.applicationCache) // Do stuff after finishing resizing the windows win.addEventListener("resizeend", function() { - isWideScreen = checkWideScreen(); - isLargeScreen = checkLargeScreen(); + isWideScreen = wideScreenBP.matches; + isLargeScreen = largeScreenBP.matches; scrollTop(); if (isLargeScreen && showingMenu) V.Actions.moveMenu(move.left); - if (isiPad) scrollFix(); + if (isiPad) iPadScrollFix(); }, false); +if (isiPhone && isiOS7) { + var hasSwiped = false, + swipeClass = 'from-swipe'; + document.addEventListener('touchstart', function(ev) { + var touchX = ev.targetTouches[0].clientX; + hasSwiped = (touchX < 10 || touchX > window.innerWidth - 10); + }); + document.addEventListener('touchend', function() { + hasSwiped = false; + }); +} + // Pseudo-hash-router win.addEventListener('hashchange', function() { - if (location.hash === "") { - V.Actions.backToMainView(); - $('.link.link-selected').removeClass('link-selected'); + if (isiPhone && isiOS7) { + // Switch `transition-duration` class, + // to stop animation when swiping + if (hasSwiped) { + V.mainView.addClass(swipeClass); + V.detailView.addClass(swipeClass); + V.btnNavBack.addClass(swipeClass); + V.subtitle.addClass(swipeClass); + } else { + V.mainView.removeClass(swipeClass); + V.detailView.removeClass(swipeClass); + V.btnNavBack.removeClass(swipeClass); + V.subtitle.removeClass(swipeClass); + } + hasSwiped = false; + } + // Handle Hash Changes + if (location.hash === "") { // To Main View + V.Actions.backToMainView(); + V.Actions.clearSelectedLink(); V.Actions.setDetailFooter(""); - setTimeout(function() { - V.detailWrap.empty(); - }, isWideScreen ? 1 : 301); - } else { + setTimeout(function() { + V.detailWrap.empty(); + }, isWideScreen ? 1 : 301); + } else { // To Comment View goToCommentFromHash(); } }, false); @@ -1583,7 +1665,7 @@ doByCurrentSelection( // Load links if (M.currentSelection.name.toUpperCase() === 'frontPage'.toUpperCase()) { C.currentSelection.setSubreddit('frontPage'); - C.Posts.load(urlInit + "r/" + M.Subreddits.getAllString() + "/"); + C.Posts.load(urlInit + "r/" + M.Subreddits.getAllSubsString() + "/"); } else { C.Posts.load(urlInit + "r/" + M.currentSelection.name + "/"); } @@ -1616,22 +1698,51 @@ if (!isDesktop) { doc.getElementsByTagName('header')[0].addEventListener(touch, function(e) { if (showingMenu) e.preventDefault(); // Cheat temporal, para evitar que las vistas hagan overflow }, false); - isiPad = /iPad/.test(UA); if (isiPad) { - scrollFix = function() { + iPadScrollFix = function() { // This slight height change makes the menu container 'overflowy', to allow scrolling again on iPad - weird bug var nextHeight = '36px' === $('.menu-desc').css('height') ? '35px' : '36px'; setTimeout(function() { $('.menu-desc').css('height', nextHeight); }, 500); }; - scrollFix(); + iPadScrollFix(); } - // apply iOS 7+ theme - if (/iPhone|iPod|iPad/.test(UA) && parseInt(UA.match(/ OS (\d+)_/i)[1], 10) >= 7) { + if (isiOS7) { + // apply iOS 7+ theme if (!isMnml) V.Actions.switchMnml(true, true); body.classList.add("ios7"); } } +(function() { + 'use strict'; + + // Imports + /* global C */ + + var el = { + main: $('.js-sort-switch-main'), + wrap: $('.js-sort-switch-wrap') + }; + + var classes = { + new: 'sort-switch--new' + }; + + // Initial State + var isHot = true; + + el.main.click(function() { + isHot = !isHot; + C.Sorting.change(isHot ? 'hot' : 'new'); + if (isHot) { + el.main.removeClass(classes.new); + } else { + el.main.addClass(classes.new); + } + }); + +})(); + })(window); \ No newline at end of file diff --git a/dist/app.min.css b/dist/app.min.css index 97a7a54..58a0632 100644 --- a/dist/app.min.css +++ b/dist/app.min.css @@ -1 +1 @@ -.image-viewer{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.btn-add-sub>div{width:100%}.invisible{opacity:0}.hide{display:none!important}*{box-sizing:border-box}body,html{height:100%;overflow:hidden}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;background-color:#fff;word-wrap:break-word;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;position:relative}a{color:#999}.view{transition-duration:300ms;position:absolute;width:100%;top:44px;bottom:0;left:0;right:0;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-view,.main-view{-webkit-perspective:1000;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff}.main-view{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.detail-view{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.wrapper{height:100%;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.wrapper--detail{-webkit-tap-highlight-color:transparent}#main-menu{box-shadow:inset -3px 0 10px #000;height:calc(100% - 32px)}.main-view.show-menu{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}#main-overflow{width:100%}.refresh-icon{width:100%;height:44px;background-image:url(../img/refresh.png);background-position:50%;background-repeat:no-repeat;background-size:14px;margin:0 auto}.back-arrow-btn{width:100%;height:44px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.back-arrow-icon{width:0;height:0;border-bottom:6px solid transparent;border-right:12px solid #333;border-top:6px solid transparent}.to-comments{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:15%}.comments-icon{width:24px;height:24px;background-image:url(../img/comment_24.png);background-repeat:no-repeat;background-size:24px;margin:0 auto}.button-active{background-color:#ddd}.comments-button{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:700;display:block;text-align:center;width:90px;margin:0 auto}.list-button-active,.replies-button-active{background-image:linear-gradient(#ccc 0,#777 100%)!important;color:#fff!important}.list-button{padding:20px}.list-button>span{padding:5px 10px;border-radius:5px;font-size:14px;font-weight:700;text-align:center;display:block;width:80%;margin:0 auto}.top-buttons{padding:10px 20px;border-bottom:1px solid #CCC}.top-buttons>div{padding:3px 10px;font-size:14px;font-weight:700;width:50%;text-align:center;display:inline-block}.top-buttons div:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.top-buttons div:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}#btn-update{display:block;width:100%}.btn-general,.comments-button,.list-button>span,.top-buttons>div{color:#555;background-image:linear-gradient(#f5f5f5 0,#CCC 100%);box-shadow:rgba(255,255,255,.4) 0 1px 0 inset,rgba(255,255,255,.3) 0 25px 30px -12px inset,rgba(0,0,0,.6) 0 1px 2px}.btn-general{background-color:#BBB;padding:3px 6px;border-radius:5px;font-weight:700;text-align:center}.btn-general-active{background-image:linear-gradient(#3f3f3f 50%,#4b4b4b 100%);box-shadow:0 2px 7px #000 inset,rgba(255,255,255,.4) 0 1px 0;color:#f5f5f5}#btn-add-new-channel{padding:5px 10px}#btn-add-another-sub{background-color:#CCC;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:8px 15px;font-size:15px;color:#FFF;border:1px solid #aaa;border-top:0}#btn-import-data{width:70%;text-align:center;margin:5px auto}#btn-save-dbx{display:none}.btn-add-sub{display:-webkit-flex;display:-ms-flexbox;display:flex;width:15%}.btn-add-sub>div{background-image:url(../img/add.png);background-repeat:no-repeat;background-size:24px;background-position:50%}.btn-side-menu-add{position:absolute;right:0;padding:0 13px 7px 10px;color:#777;font-size:24px;line-height:30px}#btn-edit-subs{right:0;font-size:20px;line-height:34px}.btn-corner:active{background-color:rgba(0,0,0,.3)}#channels,#subs{padding:0;margin:0;cursor:default}#edit-subs{position:fixed;bottom:0;width:140px;background-color:#333;z-index:1;height:32px;border-top:1px solid rgba(0,0,0,.5);box-shadow:rgba(255,255,255,.1) 0 1px 0 inset;text-align:center}.btn-edit-sub{font-size:25px;color:#777;margin:0;width:50%;position:absolute;height:100%}#btn-add-subs{left:0;font-weight:500}#remove-sub{right:0}.sub{color:#f5f5f5;margin:0;font-size:14px;padding:10px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel{margin:0;font-size:14px;padding:5px 10px}.channel>p{color:#f5f5f5;margin:0}.channel>div{padding-left:10px}.channel>div p{font-size:13px;color:#BBB;margin:5px 0;text-transform:capitalize;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.channel-active{border-left:3px solid #4286F5}.channel-active>p{text-shadow:0 0 10px #CCC}.sub-active{text-shadow:0 0 10px #CCC;border-left:3px solid #4286F5}#menu-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:absolute;width:140px;z-index:0;height:100%;background-color:#363636;background-image:url(../img/darkdenim3.png)}.menu-desc{color:rgba(255,255,255,.82);font-size:12px;text-transform:uppercase;text-shadow:rgba(0,0,0,.7) 0 1px 0;margin:0;width:100%;padding-left:10px;height:35px;line-height:35px;background:rgba(0,0,0,.2);border-top:1px solid #111;border-bottom:1px solid #111;box-shadow:rgba(255,255,255,.1) 0 1px 0,rgba(255,255,255,.1) 0 1px 0 inset;cursor:default;position:relative}.option{color:#f5f5f5;padding:10px;letter-spacing:1px;font-size:14px}.option:last-child{margin-bottom:15px}#sorting p{color:#f5f5f5;margin:0;padding:8px 10px;text-transform:capitalize}.sorting-choice{border-left:3px solid}.link{display:-webkit-flex;display:-ms-flexbox;display:flex;text-decoration:none;width:85%;padding:10px;cursor:none;-webkit-tap-highlight-color:transparent}.link-wrap{display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #ccc;width:100%}.link-wrap:first-child{border-top:0}.link-thumb{width:70px;max-width:70px;min-width:70px}.link-thumb div{width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:70px;background-color:#333;margin:0;border-radius:5px;box-shadow:inset 0 1px 3px #333}.link-title{font-weight:600;font-size:15px;margin:0;color:#3d525e;text-decoration:none;outline:0;display:block}.link-domain{margin:0;color:#d43030}.link-sub{margin:0;color:#777;display:inline}.link-active,.link-selected,.option.tappable-active{background-image:linear-gradient(#4286F5,#194FDB)}.link-active .link-title,.link-selected .link-title{color:#fff;text-shadow:0 1px 0 #333}#channels .link-active div p,.link-active .link-domain,.link-active .link-sub,.link-selected .link-domain,.link-selected .link-sub{color:#ADD0EB}.link-label{font-size:11px;margin-left:5px;font-weight:700}.link-label.nsfw{color:#d13}.link-label.stickied{color:#71b0d3;letter-spacing:.3px}.summary-label{border-radius:5px;padding:1px 3px}.summary-label.nsfw{background-color:#d13;color:#fff}.summary-label.stickied{background-color:#71b0d3;color:#fff}.link-title:visited{color:#888}.link-active .link-title:visited,.link-selected .link-title:visited{color:#f5f5f5}header{width:100%;height:44px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;top:0;position:fixed;z-index:2;border-bottom:1px solid #777;border-top:1px solid #fff;background-color:#eff0f3;background-image:url(../img/bg.png);box-shadow:0 -25px 24px -10px rgba(0,0,0,.3) inset}header>div{width:70%}.header-corner{display:-webkit-flex;display:-ms-flexbox;display:flex;width:15%;transition-duration:300ms}#title{color:#333;text-shadow:0 1px 1px #fff;text-align:center;font-size:20px;line-height:44px;width:100%;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:700;cursor:default}#header-icon{width:36px;height:44px;background-image:url(../img/alienHead.png);background-size:36px;background-repeat:no-repeat;background-position:50%;margin:0 auto}#main-title{transition-duration:300ms;position:fixed;width:40%;font-size:15px;top:12px;font-weight:700;cursor:default;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sub-title{margin:0 0 0 5px;padding:0 5px;color:#333;text-shadow:0 1px 1px #f5f5f5;border-radius:5px}.sub-title:active{background-color:rgba(0,0,0,.3)}#wide-refresh{padding:5px 10px;font-size:15px}#comments-container>.comments-level>.comment-wrap{border-left:0;padding-right:10px}#comments-container>.comments-level>.comment-wrap>div:first-child{padding:10px 10px 0;margin:-10px -10px 0;border-top:1px solid #eee}.comment-wrap{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:10px 0 10px 10px;border-bottom:1px solid #eee;border-left:1px solid #eee}.comment-data{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.comment-author p{color:#d43030;font-weight:500;margin:0}.comment-poster{position:relative}.comment-poster::before{content:'OP';position:absolute;top:0;left:0;color:#fff;background-color:#d43030;border:1px solid #d43030;padding:2px 3px;border-radius:3px;font-size:10px;font-weight:700}.comment-poster p{color:#d43030;font-weight:500;position:relative;left:28px;margin:0}.comment-info a{color:#aaa;font-weight:500;text-decoration:none}.comment-body p{margin:10px 0;color:#3d525e}.comment-body ul{color:#3d525e}.comment-body a{color:#7a9abd;-webkit-tap-highlight-color:rgba(69,103,140,.5)}.comment-body a:visited{color:#a3adce}#link-summary{background-color:#4d4d4d;padding:10px 0 0}#link-summary::before{content:'';position:absolute;width:100%;height:300px;background-color:inherit;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);background-image:url(../img/alienHead.png);background-repeat:no-repeat;background-position-x:50%;background-position-y:90%;background-size:25%}#link-summary p{margin:0;padding-left:10px}#link-summary a{text-decoration:none}#summary-title{font-size:16px;color:#fafafa;font-weight:700;padding-right:10px;padding-bottom:2px}#summary-time{color:#fff;text-align:center}#summary-domain{color:#F75433;font-weight:700;font-size:13px;display:inline}#summary-author{color:#E2E2E0;font-weight:700}#share-tw{margin-right:10px}#summary-sub{color:#FAFAFA;text-align:left}#summary-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px;padding-top:2px;border-bottom:1px solid #333}#summary-extra{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#333;font-weight:700;padding:0 10px;width:100%;border-top:1px solid #5d5d5d}#summary-comment-num{text-align:right;text-decoration:none;display:block}#summary-comment-num,#summary-extra p{color:#FAFAFA;margin:0;padding:5px 0;width:33%}#selftext{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:10px;margin:10px;border-radius:5px;background-color:#e6e6e6;box-shadow:inset 0 1px 1px #FFF,0 0 7px rgba(0,0,0,.3);border:1px solid #b9b9b9}#selftext p{margin-top:5px}#selftext p:last-child{margin-bottom:5px}#selftext a{color:#7a9abd;-webkit-tap-highlight-color:rgba(69,103,140,.5)}#selftext a:visited{color:#a3adce}.preview-container{padding:10px 0}.image-preview,.video-preview{max-width:100%;margin:0 auto;display:block;box-shadow:0 1px 3px #333}.image-preview{cursor:zoom-in}.image-viewer{max-width:100%;max-height:100%;padding:10px 0}.subreddit{display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:10px;border-bottom:1px solid #CCC;border-top:1px solid #fff;width:100%}.subreddit>div:first-child{width:85%;padding:10px 5px 10px 0}.subreddit-desc{margin:5px 0}.subreddit-title{font-weight:700;font-size:15px;margin:5px 0;color:#d43030}.new-form{width:300px;background-color:#ddd;box-shadow:0 0 15px #000;position:absolute;z-index:10000;border-radius:7px;padding:5px;left:50%;margin-left:-150px}#form-new-channel{min-height:160px;top:55px}#form-new-channel input{width:100%;margin-top:5px;font-size:15px;outline:0}#subs-for-channel{border-radius:5px 5px 0 0;border:1px solid #aaa;border-bottom:0;margin-top:5px;padding:0 10px;background-color:#FFF;max-height:160px;overflow-y:auto}#subs-for-channel input{border:0;border-bottom:1px solid #CCC;padding:5px}#subs-for-channel input:last-child{border-bottom:0;padding-bottom:10px}#txt-channel{border:2px solid #AAA!important;border-radius:5px;padding:5px 10px}.channel-added-msg{color:#fff;font-weight:700;padding:5px 10px;margin:0;background-color:#33B300;border-radius:5px}#form-new-sub{height:50px;top:50%;margin-top:-100px}#form-new-sub input{width:100%;height:40px;font-size:20px;outline:0}#add-sub-manual{padding:10px}#remove-wrap{height:100%}.edit-subs-title{padding:10px;font-weight:700;font-size:19px;margin:0;text-align:center;color:#777;background-color:rgba(220,220,220,.4);text-shadow:0 1px 1px #f5f5f5}.remove-list{margin:0;padding:0}.item-to-edit{display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #DDD;border-top:1px solid #fff;height:60px}.item-to-edit>p{width:85%;text-transform:capitalize;font-size:16px;font-weight:700;padding-left:10px}.item-to-edit>div{width:15%;height:100%;background-repeat:no-repeat;background-position:center}.item-to-edit .channel-name{width:70%}.item-to-edit .btn-remove-channel,.item-to-edit .btn-remove-subreddit{background-image:url(../img/delete.png);background-size:22px}.item-to-edit .btn-edit-channel{background-image:url(../img/edit.png);background-size:16px}.show-view{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#modal{width:100%;height:100%;transition-duration:300ms;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);opacity:0;z-index:9999}.modal--closable{cursor:zoom-out}.close-form{position:absolute;top:-30px;z-index:10001;right:0;color:#f5f5f5;background-image:url(../img/cancel.png);width:60px;background-repeat:no-repeat;padding-left:20px;font-weight:700;background-size:18px}.form-left-corner{position:absolute;top:-30px;z-index:10001;left:0}.about-reeddit,.move-data{top:80px}.about-reeddit ul{list-style:none;padding:0}.about-reeddit li{font-size:18px;text-align:center}.about-reeddit li a{text-decoration:none;letter-spacing:1px;font-weight:700;text-shadow:0 1px 1px #fff;padding:12px;display:block;border-top:1px solid #fff;border-bottom:1px solid #999;color:#777}.about-reeddit li a:hover{color:inherit}.about-reeddit li:first-child a{border-top:0}.about-reeddit li:last-child a{border-bottom:0}.about-reeddit p{color:#777;text-shadow:0 1px 1px #fff;font-size:12px;text-align:center}.about-reeddit p a{text-decoration:none;color:#777}.move-data{padding:20px}.move-data .btn-general{line-height:26px}.move-data h3,.move-data p{text-shadow:0 1px 0 #fff}.move-data h3{text-align:center;margin:5px 0}.move-data p{text-align:left;margin:10px 0}.move-data-field{width:100%;height:70px}.msg-error{background-color:#bbb;padding:5px;border-radius:4px;text-shadow:none;font-weight:700}@-webkit-keyframes reveal{0%{opacity:0}100%{opacity:1}}@keyframes reveal{0%{opacity:0}100%{opacity:1}}.anim-reveal{-webkit-animation:reveal 700ms ease;animation:reveal 700ms ease}.anim-delete{height:0;overflow:hidden;transition:height 200ms}.loader{width:15px;height:15px;margin:26px auto;background-color:#333;color:#777;border-radius:100%;-webkit-animation:loading 1s ease-in-out infinite;animation:loading 1s ease-in-out infinite;text-align:center;font-size:15px;font-weight:700;display:block}.loader-error{width:100%;-webkit-animation:none;animation:none;background-color:transparent}@-webkit-keyframes loading{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes loading{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@-webkit-keyframes shake{20%{-webkit-transform:translateX(10px);transform:translateX(10px)}40%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}60%{-webkit-transform:translateX(5px);transform:translateX(5px)}80%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@keyframes shake{20%{-webkit-transform:translateX(10px);transform:translateX(10px)}40%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}60%{-webkit-transform:translateX(5px);transform:translateX(5px)}80%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}.anim-shake{-webkit-animation:shake 350ms ease-in-out;animation:shake 350ms ease-in-out}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(0.95);transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(0.95);transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}}.anim-bounce-out{-webkit-animation:bounceOut 1s ease-in-out both;animation:bounceOut 1s ease-in-out both}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.anim-bounceInDown{-webkit-animation:bounceInDown 500ms ease-in-out both;animation:bounceInDown 500ms ease-in-out both}.view-footer{display:none;width:100%;position:absolute;bottom:0;height:32px;border-top:1px solid #aaa;box-shadow:inset 0 1px 1px #eee;background-image:linear-gradient(#d5d5d5,#b3b3b3)}.view-footer p{line-height:31px;margin:0 auto;text-align:center;font-size:14px;font-weight:700;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:default}.btn-footer{position:absolute;background-repeat:no-repeat;background-position:50% 50%;width:36px;height:30px;top:0}.footer-refresh{background-image:url(../img/refresh.png);right:0;background-size:12px 15px}#detail-close{background-image:url(../img/close.png);opacity:.7;left:0;background-size:18px}.mnml{font-family:-apple-system-font,'Helvetica Neue',Helvetica,Arial,sans-serif}.mnml #link-summary{background-color:#262b30}.mnml #summary-extra{background-color:rgba(0,0,0,.4);border:0}.mnml #summary-footer{border:0}.mnml #selftext{border:0;box-shadow:none}.mnml .channel-active{border-left:3px solid #3d6fba}.mnml #menu-container{background-color:#262b30;background-image:url("")}.mnml .link-wrap{border-top:0}.mnml .link-thumb div{box-shadow:none}.mnml .link-active,.mnml .link-selected,.mnml .option.tappable-active{background-image:linear-gradient(#599ad2,#3d6fba)}.mnml .btn-general,.mnml .comments-button,.mnml .list-button>span,.mnml .top-buttons>div{background-color:#d5d5d8;border:1px solid #bbb;background-image:none;box-shadow:none}.mnml .btn-general{border-radius:4px}.mnml .btn-general-active{background-color:#ccc;background-image:none;box-shadow:none}.mnml header{border-bottom:1px solid #bbb;background-color:#d7d7d7;border-top:0;background-image:none;box-shadow:0 1px 4px rgba(0,0,0,.2)}.mnml #header-icon{opacity:.7}.mnml .detail-view,.mnml .main-view{background-color:#f5f5f5}.mnml .comments-icon{opacity:.8}.mnml .button-active{background-color:#ccc}.mnml .list-button-active,.mnml .replies-button-active{background-color:#ccc!important;background-image:none!important}.mnml #main-title{top:0}.mnml .sub-title{margin:0;padding:0 10px;line-height:44px;text-shadow:none;border-radius:0}.mnml .item-to-edit,.mnml .subreddit{border-top:0}.mnml #edit-subs{box-shadow:none;border-top:0}.mnml .view-footer{background-color:#d7d7d7;box-shadow:0 -1px 4px rgba(0,0,0,.2)}.mnml.ios7 header{background-color:#f8f8f8}.mnml.ios7 #header-icon{opacity:.5}.mnml.ios7 .detail-view,.mnml.ios7 .main-view{background-color:#fff}.mnml.ios7 .comments-icon{opacity:.6}.mnml.ios7 #summary-domain{color:#eb4d5c}.mnml.ios7 .view-footer{background-color:#f8f8f8;border-top:1px solid #bbb}@media only screen and (min-width:350px){header{background-color:#e7e7e7;border-bottom:1px solid #333;border-top:0;box-shadow:rgba(255,255,255,.5) 0 32px 20px -10px inset,0 44px 0 rgba(0,0,0,.33) inset}#subs-for-channel{max-height:250px}}@media only screen and (min-width:490px){.main-view{width:72%;left:28%;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.detail-view{width:72%;left:28%}#edit-subs,#menu-container{width:28%}.preview-container{padding:10px}.image-preview{border-radius:3px}.image-viewer{padding:10px}}@media only screen and (min-width:760px){.detail-view,.main-view{width:78%;left:22%}#edit-subs,#menu-container{width:22%}}@media only screen and (min-width:1000px){.view{top:0}.main-view{width:34%;left:16%}.detail-view{width:50%;right:0;left:auto;border-left:1px solid #aaa;-webkit-transform:none;-ms-transform:none;transform:none}.wrapper{height:calc(100% - 32px)!important}.to-comments{display:none}#edit-subs,#menu-container{width:16%}.link{width:100%}header{display:none}#selftext p,.comment-wrap{font-size:14px}.view-footer{display:block}}@media only screen and (min-width:1430px){.main-view{width:487px;left:230px}.detail-view{width:calc(100% - 717px)}#edit-subs,#menu-container{width:230px}#comments-container{width:700px;margin:0 auto}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5 / 1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx){.comments-icon{background-image:url(../img/comment_48.png);opacity:.7}.btn-add-sub>div{background-image:url(../img/add@2.png)}.item-to-edit .btn-remove-channel,.item-to-edit .btn-remove-subreddit{background-image:url(../img/delete@2x.png)}} \ No newline at end of file +.image-viewer{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.btn-add-sub>div{width:100%}.invisible{opacity:0}.hide{display:none!important}*{box-sizing:border-box}body,html{height:100%;overflow:hidden}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;background-color:#fff;word-wrap:break-word;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;position:relative}body.mnml{font-family:-apple-system-font,'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#999}.view{width:100%;transition-duration:300ms;position:absolute;top:44px;bottom:0;left:0;right:0;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-view,.main-view{-webkit-perspective:1000;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff}.mnml .detail-view,.mnml .main-view{background-color:#f5f5f5}.mnml.ios7 .detail-view,.mnml.ios7 .main-view{background-color:#fff}.main-view{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.main-view.show-menu{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}.detail-view{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.wrapper{height:100%;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.wrapper--detail{-webkit-tap-highlight-color:transparent}.show-view{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#main-menu{box-shadow:inset -3px 0 10px #000;height:calc(100% - 32px)}#main-overflow{width:100%}.refresh-icon{width:100%;height:44px;background-image:url(../img/refresh.png);background-position:50%;background-repeat:no-repeat;background-size:14px;margin:0 auto}.back-arrow-btn{width:100%;height:44px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.back-arrow-icon{width:0;height:0;border-bottom:6px solid transparent;border-right:12px solid #333;border-top:6px solid transparent}.to-comments{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:15%}.comments-icon{width:24px;height:24px;background-image:url(../img/comment_24.png);background-repeat:no-repeat;background-size:24px;margin:0 auto}.mnml .comments-icon{opacity:.8}.mnml.ios7 .comments-icon{opacity:.6}.button-active{background-color:#ddd}.mnml .button-active{background-color:#ccc}.comments-button{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:700;display:block;text-align:center;width:90px;margin:0 auto}.list-button-active,.replies-button-active{background-image:linear-gradient(#ccc 0,#777 100%)!important;color:#fff!important}.mnml .list-button-active,.mnml .replies-button-active{background-color:#ccc!important;background-image:none!important}.list-button{padding:20px}.list-button>span{padding:5px 10px;border-radius:5px;font-size:14px;font-weight:700;text-align:center;display:block;width:80%;margin:0 auto}.top-buttons{padding:10px 20px;border-bottom:1px solid #CCC}.top-buttons>div{padding:3px 10px;font-size:14px;font-weight:700;width:50%;text-align:center;display:inline-block}.top-buttons div:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.top-buttons div:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}#btn-update{display:block;width:100%}.btn-general,.comments-button,.list-button>span,.top-buttons>div{color:#555;background-image:linear-gradient(#f5f5f5 0,#CCC 100%);box-shadow:rgba(255,255,255,.4) 0 1px 0 inset,rgba(255,255,255,.3) 0 25px 30px -12px inset,rgba(0,0,0,.6) 0 1px 2px}.mnml .btn-general,.mnml .comments-button,.mnml .list-button>span,.mnml .top-buttons>div{background-color:#d5d5d8;border:1px solid #bbb;background-image:none;box-shadow:none}.btn-general{background-color:#BBB;padding:3px 6px;border-radius:5px;font-weight:700;text-align:center}.mnml .btn-general{border-radius:4px}.btn-general-active{background-image:linear-gradient(#3f3f3f 50%,#4b4b4b 100%);box-shadow:0 2px 7px #000 inset,rgba(255,255,255,.4) 0 1px 0;color:#f5f5f5}.mnml .btn-general-active{background-color:#ccc;background-image:none;box-shadow:none}#btn-add-new-channel{padding:5px 10px}#btn-add-another-sub{background-color:#CCC;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:8px 15px;font-size:15px;color:#FFF;border:1px solid #aaa;border-top:0}#btn-import-data{width:70%;text-align:center;margin:5px auto}#btn-save-dbx{display:none}.btn-add-sub{display:-webkit-flex;display:-ms-flexbox;display:flex;width:15%}.btn-add-sub>div{background-image:url(../img/add.png);background-repeat:no-repeat;background-size:24px;background-position:50%}.btn-side-menu-add{position:absolute;right:0;padding:0 13px 7px 10px;color:#777;font-size:24px;line-height:30px}#btn-edit-subs{right:0;font-size:20px;line-height:34px}.btn-corner:active{background-color:rgba(0,0,0,.3)}#channels,#subs{padding:0;margin:0;cursor:default}#edit-subs{position:fixed;bottom:0;width:140px;background-color:#333;z-index:1;height:32px;border-top:1px solid rgba(0,0,0,.5);box-shadow:rgba(255,255,255,.1) 0 1px 0 inset;text-align:center}.mnml #edit-subs{box-shadow:none;border-top:0}.btn-edit-sub{font-size:25px;color:#777;margin:0;width:50%;position:absolute;height:100%}#btn-add-subs{left:0;font-weight:500}#remove-sub{right:0}.sub{color:#f5f5f5;margin:0;font-size:14px;padding:10px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel{margin:0;font-size:14px;padding:5px 10px}.channel>p{color:#f5f5f5;margin:0}.channel>div{padding-left:10px}.channel>div p{font-size:13px;color:#BBB;margin:5px 0;text-transform:capitalize;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.channel-active{border-left:3px solid #4286F5}.mnml .channel-active{border-left:3px solid #3d6fba}.channel-active>p{text-shadow:0 0 10px #ccc}.sub-active{text-shadow:0 0 10px #ccc;border-left:3px solid #4286f5}#menu-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:absolute;width:140px;z-index:0;height:100%;background-color:#363636;background-image:url(../img/darkdenim3.png)}.mnml #menu-container{background-color:#262b30;background-image:url("")}.menu-desc{color:rgba(255,255,255,.82);font-size:12px;text-transform:uppercase;text-shadow:rgba(0,0,0,.7) 0 1px 0;margin:0;width:100%;padding-left:10px;height:35px;line-height:35px;background:rgba(0,0,0,.2);border-top:1px solid #111;border-bottom:1px solid #111;box-shadow:rgba(255,255,255,.1) 0 1px 0,rgba(255,255,255,.1) 0 1px 0 inset;cursor:default;position:relative}.option{color:#f5f5f5;padding:10px;letter-spacing:1px;font-size:14px}.option:last-child{margin-bottom:15px}.link{display:-webkit-flex;display:-ms-flexbox;display:flex;text-decoration:none;width:85%;padding:10px;cursor:none;-webkit-tap-highlight-color:transparent}.link-wrap{display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #ccc;width:100%}.link-wrap:first-child,.mnml .link-wrap{border-top:0}.link-thumb{width:70px;max-width:70px;min-width:70px}.link-thumb div{width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:70px;background-color:#333;margin:0;border-radius:5px;box-shadow:inset 0 1px 3px #333}.mnml .link-thumb div{box-shadow:none}.link-title{font-weight:600;font-size:15px;margin:0;color:#3d525e;text-decoration:none;outline:0;display:block}.link-domain{margin:0;color:#c6544f}.link-sub{margin:0;color:#777;display:inline}.link-active,.link-selected,.option.tappable-active{background-image:linear-gradient(#4286F5,#194FDB)}.mnml .link-active,.mnml .link-selected,.mnml .option.tappable-active{background-image:linear-gradient(#599ad2,#3d6fba)}.link-active .link-title,.link-selected .link-title{color:#fff;text-shadow:0 1px 0 #333}#channels .link-active div p,.link-active .link-domain,.link-active .link-sub,.link-selected .link-domain,.link-selected .link-sub{color:#ADD0EB}.link-label{font-size:11px;margin-left:5px;font-weight:700}.link-label.nsfw{color:#d13}.link-label.stickied{color:#71b0d3;letter-spacing:.3px}.summary-label{border-radius:5px;padding:1px 3px}.summary-label.nsfw{background-color:#d13;color:#fff}.summary-label.stickied{background-color:#71b0d3;color:#fff}.link-title:visited{color:#888}.link-active .link-title:visited,.link-selected .link-title:visited{color:#f5f5f5}header{width:100%;height:44px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;top:0;position:fixed;z-index:2;border-bottom:1px solid #777;border-top:1px solid #fff;background-color:#eff0f3;background-image:url(../img/bg.png);box-shadow:0 -25px 24px -10px rgba(0,0,0,.3) inset}header>div{width:70%}.mnml header{border-bottom:1px solid #bbb;background-color:#d7d7d7;border-top:0;background-image:none;box-shadow:0 1px 4px rgba(0,0,0,.2)}.mnml.ios7 header{background-color:#f8f8f8}.header-corner{display:-webkit-flex;display:-ms-flexbox;display:flex;width:15%;transition-duration:300ms}#title{color:#333;text-shadow:0 1px 1px #fff;text-align:center;font-size:20px;line-height:44px;width:100%;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:700;cursor:default}#header-icon{width:36px;height:44px;background-image:url(../img/alienHead.png);background-size:36px;background-repeat:no-repeat;background-position:50%;margin:0 auto}.mnml #header-icon{opacity:.7}.mnml.ios7 #header-icon{opacity:.5}#main-title{transition-duration:300ms;position:fixed;width:40%;font-size:15px;top:12px;font-weight:700;cursor:default;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mnml #main-title{top:0}.sub-title{margin:0 0 0 5px;padding:0 5px;color:#333;text-shadow:0 1px 1px #f5f5f5;border-radius:5px}.sub-title:active{background-color:rgba(0,0,0,.3)}.mnml .sub-title{margin:0;padding:0 10px;line-height:44px;text-shadow:none;border-radius:0}#wide-refresh{padding:5px 10px;font-size:15px}#comments-container>.comments-level>.comment-wrap{border-left:0;padding-right:10px}#comments-container>.comments-level>.comment-wrap>div:first-child{padding:10px 10px 0;margin:-10px -10px 0;border-top:1px solid #eee}.comment-wrap{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:10px 0 10px 10px;border-bottom:1px solid #eee;border-left:1px solid #eee}.comment-data{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.comment-author p{color:#c6544f;font-weight:500;margin:0}.comment-poster{position:relative}.comment-poster::before{position:absolute;top:0;left:0;content:'OP';color:#fff;background-color:#c6544f;border:1px solid #c6544f;padding:2px 3px;border-radius:3px;font-size:10px;font-weight:700}.comment-poster p{color:#c6544f;font-weight:500;position:relative;left:28px;margin:0}.comment-info a{color:#aaa;font-weight:500;text-decoration:none}.comment-body p{margin:10px 0;color:#3d525e}.comment-body ul{color:#3d525e}.comment-body a{color:#7a9abd;-webkit-tap-highlight-color:rgba(69,103,140,.5)}.comment-body a:visited{color:#a3adce}#link-summary{background-color:#4d4d4d;padding:10px 0 0}#link-summary::before{width:100%;height:300px;content:'';position:absolute;background-color:inherit;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);background-image:url(../img/alienHead.png);background-repeat:no-repeat;background-position-x:50%;background-position-y:90%;background-size:25%}.mnml #link-summary{background-color:#262b30}#link-summary p{margin:0;padding-left:10px}#link-summary a{text-decoration:none}#summary-title{font-size:16px;color:#fafafa;font-weight:700;padding-right:10px;padding-bottom:2px}#summary-time{color:#fff;text-align:center}#summary-domain{color:#F75433;font-weight:700;font-size:13px;display:inline}.mnml.ios7 #summary-domain{color:#eb4d5c}#summary-author{color:#E2E2E0;font-weight:700}#share-tw{margin-right:10px}#summary-sub{color:#FAFAFA;text-align:left}#summary-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px;padding-top:2px;border-bottom:1px solid #333}.mnml #summary-footer{border:0}#summary-extra{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#333;font-weight:700;padding:0 10px;width:100%;border-top:1px solid #5d5d5d}.mnml #summary-extra{background-color:rgba(0,0,0,.4);border:0}#summary-comment-num{text-align:right;text-decoration:none;display:block}#summary-comment-num,#summary-extra p{color:#FAFAFA;margin:0;padding:5px 0;width:33%}#selftext{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:10px;margin:10px;border-radius:5px;background-color:#e6e6e6;box-shadow:inset 0 1px 1px #FFF,0 0 7px rgba(0,0,0,.3);border:1px solid #b9b9b9}.mnml #selftext{border:0;box-shadow:none}#selftext p{margin-top:5px}#selftext p:last-child{margin-bottom:5px}#selftext a{color:#7a9abd;-webkit-tap-highlight-color:rgba(69,103,140,.5)}#selftext a:visited{color:#a3adce}.preview-container{padding:10px 0}.image-preview,.video-preview{max-width:100%;margin:0 auto;display:block;box-shadow:0 1px 3px #333}.image-preview{cursor:zoom-in}.image-viewer{max-width:100%;max-height:100%;padding:10px 0}.options-menu{width:100%;height:44px;-webkit-transform:translateY(calc(-100% - 44px));-ms-transform:translateY(calc(-100% - 44px));transform:translateY(calc(-100% - 44px));background-color:#333;transition:-webkit-transform 200ms;transition:transform 200ms;z-index:2;color:#fff;position:absolute}.options-menu--shown{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}.sorter-wrap{position:absolute;margin-top:5px;margin-left:10px}.sort-switch{font-size:13px;cursor:pointer}.sort-switch__overlay{overflow:hidden;width:3.2em;height:1.6em;border-radius:.25em}.sort-switch__wrap{display:-webkit-flex;display:-ms-flexbox;display:flex;width:6.4em;transition:all 250ms ease;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}.sort-switch--new .sort-switch__wrap{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.sort-switch__label{width:3.2em;height:height-label;color:#444;font-weight:600;line-height:1.6em;text-transform:capitalize;position:relative;background-repeat:no-repeat;background-position:85% center;background-size:1em}.sort-switch__label::after{position:absolute;font-size:2em}.sort-switch__label--hot::after{content:"\2022";color:#c6544f;left:1em}.sort-switch__label--new::after{content:"\2022";color:#7ab636;left:1.2em}.subreddit{display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:10px;border-bottom:1px solid #CCC;border-top:1px solid #fff;width:100%}.mnml .subreddit{border-top:0}.subreddit>div:first-child{width:85%;padding:10px 5px 10px 0}.subreddit-desc{margin:5px 0}.subreddit-title{font-weight:700;font-size:15px;margin:5px 0;color:#c6544f}.new-form{width:300px;background-color:#ddd;box-shadow:0 0 15px #000;position:absolute;z-index:10000;border-radius:7px;padding:5px;left:50%;margin-left:-150px}#form-new-channel{min-height:160px;top:55px}#form-new-channel input{width:100%;margin-top:5px;font-size:15px;outline:0}#subs-for-channel{border-radius:5px 5px 0 0;border:1px solid #aaa;border-bottom:0;margin-top:5px;padding:0 10px;background-color:#FFF;max-height:160px;overflow-y:auto}#subs-for-channel input{border:0;border-bottom:1px solid #CCC;padding:5px}#subs-for-channel input:last-child{border-bottom:0;padding-bottom:10px}#txt-channel{border:2px solid #AAA!important;border-radius:5px;padding:5px 10px}.channel-added-msg{color:#fff;font-weight:700;padding:5px 10px;margin:0;background-color:#33B300;border-radius:5px}#form-new-sub{height:50px;top:50%;margin-top:-100px}#form-new-sub input{width:100%;height:40px;font-size:20px;outline:0}#add-sub-manual{padding:10px}#remove-wrap{height:100%}.edit-subs-title{padding:10px;font-weight:700;font-size:19px;margin:0;text-align:center;color:#777;background-color:rgba(220,220,220,.4);text-shadow:0 1px 1px #f5f5f5}.remove-list{margin:0;padding:0}.item-to-edit{display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #DDD;border-top:1px solid #fff;height:60px}.mnml .item-to-edit{border-top:0}.item-to-edit>p{width:85%;text-transform:capitalize;font-size:16px;font-weight:700;padding-left:10px}.item-to-edit>div{width:15%;height:100%;background-repeat:no-repeat;background-position:center}.item-to-edit .channel-name{width:70%}.item-to-edit .btn-remove-channel,.item-to-edit .btn-remove-subreddit{background-image:url(../img/delete.png);background-size:22px}.item-to-edit .btn-edit-channel{background-image:url(../img/edit.png);background-size:16px}#modal{width:100%;height:100%;position:absolute;top:0;left:0;transition-duration:300ms;background-color:rgba(0,0,0,.7);opacity:0;z-index:9999}.modal--closable{cursor:zoom-out}.close-form{width:35px;height:35px;position:absolute;top:-35px;right:0;z-index:10001;color:#F5F5F5;font-weight:700;font-size:30px;line-height:28px;text-align:center}.form-left-corner{position:absolute;top:-30px;z-index:10001;left:0}.about-reeddit,.move-data{top:80px}.about-reeddit ul{list-style:none;padding:0}.about-reeddit li{font-size:18px;text-align:center}.about-reeddit li a{text-decoration:none;letter-spacing:1px;font-weight:700;text-shadow:0 1px 1px #fff;padding:12px;display:block;border-top:1px solid #fff;border-bottom:1px solid #999;color:#777}.about-reeddit li a:hover{color:inherit}.about-reeddit li:first-child a{border-top:0}.about-reeddit li:last-child a{border-bottom:0}.about-reeddit p{color:#777;text-shadow:0 1px 1px #fff;font-size:12px;text-align:center}.about-reeddit p a{text-decoration:none;color:#777}.move-data{padding:20px}.move-data .btn-general{line-height:26px}.move-data h3,.move-data p{text-shadow:0 1px 0 #fff}.move-data h3{text-align:center;margin:5px 0}.move-data p{text-align:left;margin:10px 0}.move-data-field{width:100%;height:70px}.msg-error{background-color:#bbb;padding:5px;border-radius:4px;text-shadow:none;font-weight:700}.from-swipe{transition-duration:0s!important}@-webkit-keyframes reveal{0%{opacity:0}100%{opacity:1}}@keyframes reveal{0%{opacity:0}100%{opacity:1}}.anim-reveal{-webkit-animation:reveal 700ms ease;animation:reveal 700ms ease}.anim-delete{height:0;overflow:hidden;transition:height 200ms}.loader{width:15px;height:15px;margin:26px auto;background-color:#333;color:#777;border-radius:100%;-webkit-animation:loading 1s ease-in-out infinite;animation:loading 1s ease-in-out infinite;text-align:center;font-size:15px;font-weight:700;display:block}.loader-error{width:100%;-webkit-animation:none;animation:none;background-color:transparent}@-webkit-keyframes loading{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes loading{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@-webkit-keyframes shake{20%{-webkit-transform:translateX(10px);transform:translateX(10px)}40%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}60%{-webkit-transform:translateX(5px);transform:translateX(5px)}80%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@keyframes shake{20%{-webkit-transform:translateX(10px);transform:translateX(10px)}40%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}60%{-webkit-transform:translateX(5px);transform:translateX(5px)}80%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}.anim-shake{-webkit-animation:shake 350ms ease-in-out;animation:shake 350ms ease-in-out}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(0.95);transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(0.95);transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}}.anim-bounce-out{-webkit-animation:bounceOut 1s ease-in-out both;animation:bounceOut 1s ease-in-out both}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.anim-bounceInDown{-webkit-animation:bounceInDown 500ms ease-in-out both;animation:bounceInDown 500ms ease-in-out both}.view-footer{display:none;width:100%;position:absolute;bottom:0;height:32px;border-top:1px solid #aaa;box-shadow:inset 0 1px 1px #eee;background-image:linear-gradient(#d5d5d5,#b3b3b3)}.mnml .view-footer{background-color:#d7d7d7;box-shadow:0 -1px 4px rgba(0,0,0,.2)}.mnml.ios7 .view-footer{background-color:#f8f8f8;border-top:1px solid #bbb}.footer-post-title,.footer-sub-title{line-height:31px;margin:0 auto;text-align:center;font-size:14px;font-weight:700;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#444}.btn-footer{position:absolute;background-repeat:no-repeat;background-position:50% 50%;width:36px;height:30px;top:0}.footer-refresh{background-image:url(../img/refresh.png);right:0;background-size:12px 15px}#detail-close{left:0;font-size:26px;font-weight:700;line-height:1em;text-align:center;color:#444}@media only screen and (min-width:350px){header{background-color:#e7e7e7;border-bottom:1px solid #333;border-top:0;box-shadow:rgba(255,255,255,.5) 0 32px 20px -10px inset,0 44px 0 rgba(0,0,0,.33) inset}#subs-for-channel{max-height:250px}}@media only screen and (min-width:490px){.main-view{width:72%;left:28%;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.detail-view{width:72%;left:28%}#edit-subs,#menu-container{width:28%}.sub-title{pointer-events:none}.preview-container{padding:10px}.image-preview{border-radius:3px}.image-viewer{padding:10px}.options-menu{display:none}}@media only screen and (min-width:760px){.detail-view,.main-view{width:78%;left:22%}#edit-subs,#menu-container{width:22%}}@media only screen and (min-width:1000px){.view{top:0}.main-view{width:34%;left:16%}.detail-view{width:50%;right:0;left:auto;border-left:1px solid #aaa;-webkit-transform:none;-ms-transform:none;transform:none}.wrapper{height:calc(100% - 32px)!important}.to-comments{display:none}.mnml .channel>div p,.mnml .channel>p,.mnml .sub{font-weight:500}#edit-subs,#menu-container{width:16%}.mnml .menu-desc,.mnml .option{font-weight:500}.link{width:100%}header{display:none}#selftext p,.comment-wrap{font-size:14px}.view-footer{display:block}}@media only screen and (min-width:1430px){.main-view{width:487px;left:230px}.detail-view{width:calc(100% - 717px)}#edit-subs,#menu-container{width:230px}#comments-container{width:700px;margin:0 auto}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5 / 1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx){.comments-icon{background-image:url(../img/comment_48.png);opacity:.7}.btn-add-sub>div{background-image:url(../img/add@2.png)}.item-to-edit .btn-remove-channel,.item-to-edit .btn-remove-subreddit{background-image:url(../img/delete@2x.png)}} \ No newline at end of file diff --git a/dist/app.min.js b/dist/app.min.js index a8e0bbf..d8ea85a 100644 --- a/dist/app.min.js +++ b/dist/app.min.js @@ -1,2 +1,2 @@ -(function(win){"use strict";var doc=win.document,body=doc.body;function $id(id){return doc.getElementById(id)}function $query(query){return doc.querySelector(query)}var editingSubs=false,urlInit="http://www.reddit.com/",urlEnd=".json?jsonp=?",urlLimitEnd=".json?limit=30&jsonp=?",loadedLinks={},replies={},showingMenu=false,subreddits,store=win.fluid?allCookies:win.localStorage,isModal=false,loadingComments=false,loadingLinks=false,currentThread,isWideScreen=checkWideScreen(),isLargeScreen=checkLargeScreen(),isiPad,scrollFix,currentSortingChoice="hot",mnml=false,updateBackup=1,gists={url:"https://api.github.com/gists",fileURL:""},move={left:1,right:2},view={main:1,comments:2},selection={sub:1,channel:2},css={showView:"show-view",showMenu:"show-menu",mnml:"mnml",hide:"hide"},currentView=view.main;var defaultSubs=["frontPage","pics","IAmA","AskReddit","worldNews","todayilearned","tech","science","reactiongifs","books","explainLikeImFive","videos","AdviceAnimals","funny","aww","earthporn"];var defaultChannel={name:"Media",subs:["movies","television","music","games"]};var T={Posts:"{{#children}}

    {{/children}}
    More
    ",Subreddits:{list:"{{#.}}
  • {{.}}

  • {{/.}}",toEditList:"

    Subreddits

    ",toAddList:"{{#children}}

    {{data.display_name}}

    {{data.public_description}}

    {{/children}}"},Channels:{singleEditItem:"

    {{name}}

    ",single:'
  • {{name}}

    {{#subs}}

    {{.}}

    {{/subs}}
  • ',list:'{{#.}}
  • {{name}}

    {{#subs}}

    {{.}}

    {{/subs}}
  • {{/.}}'},linkSummary:"",botonAgregarSubManual:"
    Insert Manually
    Create Channel
    ",formAgregarSubManual:'
    Add Subreddit
    close
    ',formAddNewChannel:'
    Add Channel
    close
    Add additional subreddit
    ',formEditChannel:'
    Update Channel
    close
    Add additional subreddit
    ',botonCargarMasSubs:"
    More
    ",noLink:"No Post Selected",about:"
    close

    @ReedditApp

    Built by Bernardo Baquero Stand

    ",exportData:"
    close

    Export Data

    You can back-up your local subscriptions and then import them to any other Reeddit instance, or just restore them.

    Save to Dropbox
    ",importData:"
    close

    Import Data

    Load the subscriptions from another Reeddit instance.

    Once you choose the reeddit data file, Reeddit will refresh with the imported data.

    Import from Dropbox
    "};var M={Posts:{list:{},setList:function(posts){for(var i=0;i-1}return false},getAllString:function(){var allSubs="";for(var i=0;i").attr("data-name",subs).append($("

    ").addClass("sub").addClass(active?"sub-active":"").text(subs)));M.Subreddits.add(subs)}}},remove:function(sub){var deletedSub=$(".sub-to-remove[data-name='"+sub+"']");deletedSub.addClass("anim-delete");setTimeout(function(){deletedSub.remove()},200);$("#subs > li[data-name='"+sub+"']").remove()},cleanSelected:function(){$(".sub.sub-active").removeClass("sub-active");$(".channel.channel-active").removeClass("channel-active")}},Posts:{show:function(links,paging){var linksCount=links.children.length,main=V.mainWrap;if(paging)$(".loader").remove();else{if(isDesktop){main.empty()}else{main.empty().removeClass("anim-reveal").addClass("invisible")}}if(linksCount===0){var message=$(".loader");if(message){message.text("No Links available.");message.addClass("loader-error");main.append('

    ')}else main.prepend('
    No Links available.
    ')}else{main.append(Mustache.to_html(T.Posts,links));var thumbs=$(".link-thumb > div"),bgImg="background-image: ";for(var i=0;i").prepend(T.botonAgregarSubManual);$.ajax({url:urlInit+"reddits/.json?limit=50&jsonp=?",dataType:"jsonp",success:function(list){M.Subreddits.idLast=list.data.after;subreddits=Mustache.to_html(T.Subreddits.toAddList,list.data);main.empty().append(T.botonAgregarSubManual).append(subreddits).append(T.botonCargarMasSubs)},error:function(){$(".loader").addClass("loader-error").text("Error loading subreddits.")}})}loadingLinks=false},isLargeScreen?1:301);V.Subreddits.cleanSelected();V.Actions.setSubTitle("Add Subs");setEditingSubs(true)},loadForEditing:function(){if(!isLargeScreen)V.Actions.moveMenu(move.left);if(currentView===view.comments)V.Actions.backToMainView();setTimeout(function(){V.mainWrap[0].scrollTop=0;var htmlSubs=Mustache.to_html(T.Subreddits.toEditList,M.Subreddits.list);var htmlChannels="";if(M.Channels.list&&M.Channels.list.length>0){htmlChannels=Mustache.to_html("

    Channels

      {{#.}} "+T.Channels.singleEditItem+"{{/.}}
    ",M.Channels.list)}var html='
    '+htmlChannels+htmlSubs+"
    ";setTimeout(function(){V.mainWrap.html(html)},10);V.Subreddits.cleanSelected();loadingLinks=false},isLargeScreen?1:301);V.Actions.setSubTitle("Edit Subs");setEditingSubs(true)},showModal:function(template,callback,config){var delay=1;if(!isLargeScreen&&showingMenu){V.Actions.moveMenu(move.left);delay=301}setTimeout(function(){if(isModal)return;var modal=$("
    ").attr("id","modal"),bounce=true;if(config){if(config.modalClass){modal.addClass(config.modalClass)}if(config.noBounce){bounce=false}}modal.append(template);$("body").append(modal);isModal=true;setTimeout(function(){modal.css("opacity",1);if(bounce){V.Anims.bounceInDown($(".new-form"))}},1);if(callback)callback()},delay)},removeModal:function(){var modal=$("#modal");modal.css("opacity","");isModal=false;setTimeout(function(){modal.remove()},301)},switchMnml:function(save,mode){if(typeof mode==="undefined"){mnml=!mnml}else mnml=mode;var bntMnml=$("#mnml");if(mnml){body.classList.add(css.mnml);bntMnml.text("Mnml: on")}else{body.classList.remove(css.mnml);bntMnml.text("Mnml: off")}if(save)store.setItem("mnml",mnml)},setDetailFooter:function(title){V.footerPost.text(title?title:T.noLink);var btns=$("#detail-footer .btn-footer");if(title)btns.removeClass(css.hide);else btns.addClass(css.hide)},showImageViewer:function(imageURL){var imageViewer='',config={modalClass:"modal--closable",noBounce:true};V.Actions.showModal(imageViewer,false,config)}},Comments:{setRest:function(id,refresh){var postTitle=M.Posts.list[id].title;if(!refresh)V.Actions.setDetailFooter(postTitle);if(!refresh&¤tView!==view.comments)V.Anims.slideFromRight();if(isWideScreen){$(".link.link-selected").removeClass("link-selected");$('.link[data-id="'+id+'"]').addClass("link-selected")}V.headerSection.empty().append(V.title);V.title.text(postTitle);V.subtitle.addClass("invisible")},showLoadError:function(loader){loadingComments=false;var error="Error loading comments. Refresh to try again.";if(isWideScreen)loader.addClass("loader-error").html(error+'
    Refresh
    ');else loader.addClass("loader-error").text(error);if(!isDesktop){V.detailWrap.append($("
    "));V.Misc.scrollFixComments()}}},Misc:{addLoader:function(elem){var loader=$("
    ").addClass("loader");elem.append(loader);return loader},scrollFixComments:function(){var detailWrap=$query("#detail-wrap"),detailWrapHeight=detailWrap.offsetHeight,linkSummary=detailWrap.querySelector("section:first-child"),linkSummaryHeight=linkSummary.offsetHeight,selfText=detailWrap.querySelector("#selftext"),selfTextHeight=selfText?selfText.offsetHeight:0,imagePreview=detailWrap.querySelector(".image-preview"),imagePreviewHeight=imagePreview?imagePreview.offsetHeight:0,loader=detailWrap.querySelector(".loader"),loaderHeight=loader?loader.offsetHeight:0;var minHeight=detailWrapHeight-linkSummaryHeight-selfTextHeight-imagePreviewHeight-loaderHeight+1;$("#detail-wrap > section + "+(selfTextHeight>0?"#selftext +":"")+(imagePreviewHeight>0?".image-preview +":"")+(loaderHeight>0?".loader +":"")+" section").css("min-height",minHeight)},scrollFixLinks:function(){var totalHeight=0;var wraps=doc.querySelectorAll(".link-wrap");for(var w=0;wminHeight){$("#main-overflow").css("min-height","")}else{$("#main-overflow").css("min-height",minHeight-totalHeight+1)}}},Anims:{slideFromLeft:function(){var show=css.showView;V.mainView.addClass(show);V.detailView.removeClass(show);currentView=view.main},slideFromRight:function(){var show=css.showView;V.mainView.removeClass(show);V.detailView.addClass(show);currentView=view.comments},reveal:function(el){var reveal="anim-reveal";if(isDesktop){el.addClass(reveal);setTimeout(function(){el.removeClass(reveal)},700)}else{setTimeout(function(){el.removeClass("invisible").addClass(reveal)},0)}},shake:function(el){var shake="anim-shake";el.addClass(shake);setTimeout(function(){el.removeClass(shake)},350)},shakeForm:function(){V.Anims.shake($(".new-form"))},bounceOut:function(el,callback){var bounceOut="anim-bounce-out";el.addClass(bounceOut);if(callback)setTimeout(callback,1e3)},bounceInDown:function(el){el.addClass("anim-bounceInDown");setTimeout(function(){el[0].style.opacity=1;el.removeClass("anim-bounceInDown")},500)}}};var C={Posts:{load:function(baseUrl,paging){if(loadingLinks)return;loadingLinks=true;loadingComments=false;setEditingSubs(false);var main=V.mainWrap;if(paging){$("#more-links").parent().remove();main.append("
    ")}else{V.mainWrap[0].scrollTop=0;setTimeout(function(){main.prepend("
    ")},showingMenu?301:1);paging=""}$.ajax({dataType:"jsonp",url:baseUrl+C.Sorting.get()+urlLimitEnd+paging,success:function(result){C.Posts.show(result,paging)},error:function(){loadingLinks=false;$(".loader").addClass("loader-error").text("Error loading links. Refresh to try again.")}})},loadFromManualInput:function(loadedLinks){C.Posts.show(loadedLinks);V.mainWrap[0].scrollTop=0;setEditingSubs(false)},show:function(result,paging){var links=result.data;loadingLinks=false;M.Posts.idLast=links.after;V.Posts.show(links,paging);M.Posts.setList(links)}},Comments:{load:function(data,baseElement,idParent){var now=(new Date).getTime(),converter=new Markdown.Converter,com=$("
    ").addClass("comments-level");for(var i=0;i").addClass("comment-wrap").append($("
    ").append($("
    ").addClass("comment-data").append($("
    ").addClass(isPoster?"comment-poster":"comment-author").append($("

    ").text(c.data.author))).append($("

    ").addClass("comment-info").append($("").attr(commentLink).text(timeSince(now,c.data.created_utc))))).append($("
    ").addClass("comment-body").html(html)));if(c.data.replies&&c.data.replies.data.children[0].kind!=="more"){comment.append($("").addClass("comments-button replies-button").attr("comment-id",c.data.id).text("See replies"));replies[c.data.id]=c.data.replies.data.children}com.append(comment)}baseElement.append(com);if(idParent)loadedLinks[idParent]=com;$("#detail-wrap a").attr("target","_blank");if(!isDesktop)V.Misc.scrollFixComments()},show:function(id,refresh){if(!M.Posts.list[id]){currentThread=id;var loader=V.Misc.addLoader(V.detailWrap);loadingComments=true;$.ajax({dataType:"jsonp",url:urlInit+"comments/"+id+"/"+urlEnd,success:function(result){loader.remove();loadingComments=false;M.Posts.setList(result[0].data);C.Misc.setPostSummary(result[0].data.children[0].data,id);V.btnNavBack.removeClass("invisible");V.Comments.setRest(id,refresh);C.Comments.load(result[1].data.children,$("#comments-container"),id)},error:function(){V.Comments.showLoadError(loader)}})}else{var delay=0;if(showingMenu){V.Actions.moveMenu(move.left);delay=301}setTimeout(function(){if(loadingComments&¤tThread&¤tThread===id)return;loadingComments=true;currentThread=id;V.btnNavBack.removeClass("invisible");var detail=V.detailWrap;detail.empty();V.detailWrap[0].scrollTop=0;if(loadedLinks[id]&&!refresh){detail.append(M.Posts.list[id].summary);$("#comments-container").append(loadedLinks[id]);C.Misc.updatePostSummary(M.Posts.list[id],id);loadingComments=false}else{C.Misc.setPostSummary(M.Posts.list[id],id);var url="http://www.reddit.com"+M.Posts.list[id].link+urlEnd;var loader=V.Misc.addLoader(detail);$.ajax({dataType:"jsonp",url:url,success:function(result){if(currentThread!==id)return;C.Misc.updatePostSummary(result[0].data.children[0].data,id);loader.remove();C.Comments.load(result[1].data.children,$("#comments-container"),id);loadingComments=false},error:function(){V.Comments.showLoadError(loader)}})}V.Comments.setRest(id,refresh)},delay)}}},Subreddits:{loadSaved:function(){var subs=store.getItem("subreeddits");if(subs)subs=JSON.parse(subs);M.Subreddits.list=subs;if(!M.Subreddits.list)M.Subreddits.setList(defaultSubs);V.Subreddits.insert(M.Subreddits.list)},loadPosts:function(sub){if(sub!==M.currentSelection.name||editingSubs){var url;if(sub.toUpperCase()==="frontPage".toUpperCase())url=urlInit+"r/"+M.Subreddits.getAllString()+"/";else url=urlInit+"r/"+sub+"/";C.Posts.load(url);C.currentSelection.setSubreddit(sub)}V.Actions.setSubTitle(sub)},remove:function(sub){M.Subreddits.remove(sub);V.Subreddits.remove(sub);if(M.currentSelection.type===selection.sub&&M.currentSelection.name===sub)C.currentSelection.setSubreddit("frontPage")},addFromNewForm:function(){var txtSub=$id("txt-new-sub"),subName=txtSub.value;if(!subName){txtSub.setAttribute("placeholder","Enter a subreddit title!");V.Anims.shakeForm();return}subName=subName.trim();V.Anims.bounceOut($(".new-form"),V.Actions.removeModal);$.ajax({url:urlInit+"r/"+subName+"/"+C.Sorting.get()+urlLimitEnd,dataType:"jsonp",success:function(data){C.Posts.loadFromManualInput(data);V.Actions.setSubTitle(subName);V.Subreddits.cleanSelected();C.currentSelection.setSubreddit(subName);V.Subreddits.insert(subName,true)},error:function(){alert("Oh, the subreddit you entered is not valid...")}})}},Channels:{add:function(title,subreddits){var channel={name:title,subs:subreddits};M.Channels.add(channel);V.Channels.add(channel)},loadSaved:function(){M.Channels.list=store.getItem("channels");if(M.Channels.list)M.Channels.list=JSON.parse(M.Channels.list);else M.Channels.list=[defaultChannel];V.Channels.loadList()},loadPosts:function(channel){C.Posts.load(urlInit+M.Channels.getURL(channel)+"/");V.Actions.setSubTitle(channel.name);C.currentSelection.setChannel(channel)},remove:function(name){M.Channels.remove(name);V.Channels.remove(name);if(M.currentSelection.type===selection.channel&&M.currentSelection.name===name)C.currentSelection.setSubreddit("frontPage")},edit:function(name){var channelToEdit=M.Channels.getByName(name);V.Actions.showModal(T.formEditChannel,function(){$("#txt-channel").val(channelToEdit.name);M.Channels.editing=channelToEdit.name;var $inputsContainer=$("#subs-for-channel");for(var i=0,l=channelToEdit.subs.length;i"+selfText+"
    "}else{var linkURL=M.Posts.list[postID].url;var imageLink=checkImageLink(linkURL);if(imageLink){summaryHTML+='
    '+''+"
    "}else{var youTubeID=getYouTubeVideoIDfromURL(linkURL);if(youTubeID){summaryHTML+='
    '+''+''+"
    "}}}summaryHTML+="
    ";V.detailWrap.append(summaryHTML);C.Misc.updatePostTime(data.created_utc);M.Posts.list[postID].summary=summaryHTML;V.footerPost.text(data.title)},updatePostSummary:function(data,postID){$("#summary-comment-num").text(data.num_comments+(data.num_comments===1?" comment":" comments"));C.Misc.updatePostTime(data.created_utc);M.Posts.list[postID].num_comments=data.num_comments;M.Posts.list[postID].created_utc=data.created_utc},updatePostTime:function(time){$("#summary-time").text(timeSince((new Date).getTime(),time))}}};function checkWideScreen(){return win.matchMedia("(min-width: 1000px)").matches}function checkLargeScreen(){return win.matchMedia("(min-width: 490px)").matches}function triggerClick(url){var a=doc.createElement("a");a.setAttribute("href",url);a.setAttribute("target","_blank");var clickEvent=new MouseEvent("click",{view:window,bubbles:true,cancelable:false});a.dispatchEvent(clickEvent)}function openPost(url,id){var link=M.Posts.list[id];if(link.self||isWideScreen){goToComments(id)}else{triggerClick(url)}}function goToCommentFromHash(){var match=location.hash.match(/(#comments:)((?:[a-zA-Z0-9]*))/);if(match&&match[2]){var id=match[2];C.Comments.show(id)}}function checkImageLink(url){var matching=url.match(/\.(svg|jpe?g|png|gif)(?:[?#].*)?$|(?:imgur\.com|livememe\.com)\/([^?#\/.]*)(?:[?#].*)?(?:\/)?$/);if(!matching)return"";if(matching[1]){return url}else if(matching[2]){if(matching[0].slice(0,5)==="imgur")return"http://imgur.com/"+matching[2]+".jpg";else if(matching[0].indexOf("livememe.")>=0)return"http://i.lvme.me/"+matching[2]+".jpg";else return null}else{return null}}function getYouTubeVideoIDfromURL(url){var matching=url.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);if(!matching){return""}else{if(matching[2].length===11){return matching[2]}else{return null}}}function setEditingSubs(editing){editingSubs=editing;if(isWideScreen){var refreshBtn=$("#main-footer .footer-refresh");refreshBtn.css("display",editing?"none":"")}}function doByCurrentSelection(caseSub,caseChannel){switch(M.currentSelection.type){case selection.sub:caseSub();break;case selection.channel:caseChannel();break}}$("body").on("submit","#form-new-sub form",function(e){e.preventDefault();C.Subreddits.addFromNewForm()});function goToComments(id){location.hash="#comments:"+id}function refreshCurrentStream(){if(editingSubs)return;doByCurrentSelection(function(){if(M.currentSelection.name.toUpperCase()==="frontPage".toUpperCase())C.Posts.load(urlInit+"r/"+M.Subreddits.getAllString()+"/");else C.Posts.load(urlInit+"r/"+M.currentSelection.name+"/")},function(){C.Channels.loadPosts(M.Channels.getByName(M.currentSelection.name))})}function createBackup(){if(updateBackup){V.Actions.showModal(T.exportData,function(){var files={},content='{"channels": '+store.getItem("channels")+', "subreddits": '+store.getItem("subreeddits")+"}";files["reedditdata.json"]={content:content};$.ajax({url:gists.url,type:"POST",data:JSON.stringify({description:"Reeddit User Data","public":true,files:files}),headers:{"Content-Type":"application/json; charset=UTF-8"},success:function(response){var resp=JSON.parse(response);$id("btn-save-dbx").style.display="block";gists.fileURL=resp.files["reedditdata.json"].raw_url;updateBackup=0},error:function(){$("#btn-save-dbx").remove();$(".move-data-exp").append("

    Oh oh. Error creating your backup file. Retry later.

    ");V.Actions.removeModal()}})})}else if(gists.fileURL){V.Actions.showModal(T.exportData,function(){$id("btn-save-dbx").style.display="block"})}}function chooseFromDropbox(){Dropbox.choose({success:function(file){$.ajax({url:file[0].link,success:function(data){try{var refresh=false;if(typeof data==="string")data=JSON.parse(data);if(data.subreddits){refresh=true;store.setItem("subreeddits",JSON.stringify(data.subreddits))}if(data.channels){refresh=true;store.setItem("channels",JSON.stringify(data.channels))}if(refresh)win.location.reload()}catch(e){alert("Oops! Wrong file, maybe? - Try choosing another one.")}}})},linkType:"direct",extensions:[".json"]})}var supportOrientation=typeof win.orientation!=="undefined",getScrollTop=function(){return win.pageYOffset||doc.compatMode==="CSS1Compat"&&doc.documentElement.scrollTop||body.scrollTop||0},scrollTop=function(){if(!supportOrientation)return;body.style.height=screen.height+"px";setTimeout(function(){win.scrollTo(0,1);var top=getScrollTop();win.scrollTo(0,top===1?0:1);body.style.height=win.innerHeight+"px"},1)};tappable("#mnml",{onTap:function(){V.Actions.switchMnml(true)}});tappable("#btn-add-new-sub",{onTap:C.Subreddits.addFromNewForm});tappable("#btn-submit-channel",{onTap:function(e,target){var txtChannelName=$("#txt-channel"),operation=target.getAttribute("data-op");var channelName=txtChannelName.val();if(!channelName){txtChannelName.attr("placeholder","Enter a Channel name!");V.Anims.shakeForm();return}var subreddits=[];var subs=$("#subs-for-channel input");for(var i=0;i'"+channelName+"' "+operation+"d. Cool!

    ");V.Anims.bounceOut($(".new-form"),V.Actions.removeModal)},activeClass:"btn-general-active"});tappable("#btn-add-another-sub",{onTap:function(){var container=$("#subs-for-channel");container.append("");container[0].scrollTop=container.height()},activeClass:"btn-general-active"});tappable(".channel",{onTap:function(e,target){var channel=$(target); -var channelName=channel.data("title");V.Actions.moveMenu(move.left);if(channelName===M.currentSelection.name&&!editingSubs)return;V.Subreddits.cleanSelected();channel.addClass("channel-active");if(currentView===view.comments)V.Actions.backToMainView();C.Channels.loadPosts(M.Channels.getByName(channelName))},activeClassDelay:100,activeClass:"link-active"});tappable(".replies-button",{onTap:function(e,target){var parent=$(target);var commentID=parent.attr("comment-id");var comments=replies[commentID];C.Comments.load(comments,parent.parent());parent.remove()},activeClass:"replies-button-active"});tappable(".sub",{onTap:function(e,target){var sub=$(target);V.Actions.moveMenu(move.left);C.Subreddits.loadPosts(sub.first().text());V.Subreddits.cleanSelected();sub.addClass("sub-active");if(currentView===view.comments){V.Actions.backToMainView()}},allowClick:false,activeClassDelay:100,activeClass:"link-active"});tappable(".btn-to-main",{onTap:function(){location.hash="#"}});tappable(".btn-refresh",{onTap:function(e){var origin=e.target.getAttribute("data-origin");switch(origin){case"footer-main":refreshCurrentStream();break;case"footer-detail":if(!currentThread)return;C.Comments.show(currentThread,true);break;default:if(currentView===view.comments){if(!currentThread)return;C.Comments.show(currentThread,true)}if(currentView===view.main){refreshCurrentStream()}}}});tappable(".js-link",{onTap:function(e,target){if(!isWideScreen){return}var id=target.getAttribute("data-id");goToComments(id)},allowClick:false,activeClassDelay:100,inactiveClassDelay:200,activeClass:"link-active"});tappable(".js-post-title",{onTap:function(e){var id=e.target.getAttribute("data-id"),url=e.target.href;openPost(url,id)},allowClick:false});tappable(".to-comments",{onTap:function(e,target){var id=$(target).attr("data-id");goToComments(id)},activeClass:"button-active",activeClassDelay:100});tappable("#wide-refresh",{onTap:function(){if(!currentThread)return;C.Comments.show(currentThread,true)},activeClass:"replies-button-active"});tappable("#sub-title",{onTap:function(){if(!isDesktop&&loadingLinks||isLargeScreen)return;V.Actions.moveMenu(showingMenu?move.left:move.right)}});tappable("#btn-add-subs",{onTap:function(){V.Actions.loadForAdding()}});tappable("#btn-edit-subs",{onTap:function(){V.Actions.loadForEditing()}});tappable("#more-links",{onTap:function(){doByCurrentSelection(function(){var url;if(M.currentSelection.name.toUpperCase()==="frontPage".toUpperCase())url=urlInit+"r/"+M.Subreddits.getAllString()+"/";else url=urlInit+"r/"+M.currentSelection.name+"/";C.Posts.load(url,"&after="+M.Posts.idLast)},function(){var channel=M.Channels.getByName(M.currentSelection.name);C.Posts.load(urlInit+M.Channels.getURL(channel)+"/","&after="+M.Posts.idLast)})},activeClass:"list-button-active"});tappable("#btn-sub-man",{onTap:function(){V.Actions.showModal(T.formAgregarSubManual)},activeClass:"list-button-active"});tappable("#btn-add-channel",{onTap:function(){V.Actions.showModal(T.formAddNewChannel)},activeClass:"list-button-active"});tappable("#more-subs",{onTap:function(e,target){$(target).parent().remove();var main=V.mainWrap;main.append("
    ");$.ajax({url:urlInit+"reddits/"+urlEnd+"&after="+M.Subreddits.idLast,dataType:"jsonp",success:function(list){var nuevosSubs=Mustache.to_html(T.Subreddits.toAddList,list.data);M.Subreddits.idLast=list.data.after;$(".loader",main).remove();main.append(nuevosSubs).append(T.botonCargarMasSubs);subreddits=subreddits+nuevosSubs},error:function(){$(".loader").addClass("loader-error").text("Error loading more subreddits.")}})},activeClass:"list-button-active"});tappable(".btn-add-sub",{onTap:function(e,target){var parent=$(target).parent(),subTitle=$(".subreddit-title",parent);subTitle.css("color","#2b9900");var newSub=subTitle.text();V.Subreddits.insert(newSub)},activeClass:"button-active"});tappable(".btn-remove-subreddit",{onTap:function(e,target){C.Subreddits.remove($(target).data("name"))},activeClass:"button-active"});tappable(".btn-remove-channel",{onTap:function(e,target){C.Channels.remove($(target).data("title"))},activeClass:"button-active"});tappable(".btn-edit-channel",{onTap:function(e,target){C.Channels.edit(target.getAttribute("data-title"))},activeClass:"button-active"});tappable(".close-form",V.Actions.removeModal);tappable("#about",{onTap:function(){V.Actions.showModal(T.about)},activeClassDelay:100});tappable("#sorting p",{onTap:function(e,target){if(editingSubs&&!isDesktop)return;var choice=$(target);var sortingChoice=choice.text();if(sortingChoice===currentSortingChoice)return;$(".sorting-choice").removeClass("sorting-choice");choice.addClass("sorting-choice");C.Sorting.change(sortingChoice)},activeClass:"link-active",activeClassDelay:100});tappable("#exp-data",{onTap:createBackup});tappable("#imp-data",{onTap:function(){V.Actions.showModal(T.importData)}});tappable("#btn-save-dbx",{onTap:function(){if(!gists.fileURL){alert("Err. There's no backup file created...");return}var options={files:[{url:gists.fileURL,filename:"reedditdata.json"}],success:V.Actions.removeModal};Dropbox.save(options)},activeClass:"btn-general-active"});tappable("#btn-dbx-imp",{onTap:chooseFromDropbox,activeClass:"btn-general-active"});tappable("#btn-new-sub",{onTap:function(){V.Actions.showModal(T.formAgregarSubManual)}});tappable("#btn-new-channel",{onTap:function(){V.Actions.showModal(T.formAddNewChannel)}});tappable(".image-preview",{onTap:function(e,target){V.Actions.showImageViewer(target.src)}});tappable(".modal--closable",V.Actions.removeModal);V.detailWrap.on("click","#comments-container a, #selftext a",function(ev){var imageURL=checkImageLink(ev.target.href);if(imageURL){ev.preventDefault();V.Actions.showImageViewer(imageURL)}});V.detailView.swipeRight(function(){if(isWideScreen)return;location.hash="#"});V.mainView.swipeRight(function(){if(!isDesktop&&loadingLinks||isLargeScreen)return;if(currentView===view.main)V.Actions.moveMenu(move.right)});V.mainView.swipeLeft(function(){if(!isDesktop&&loadingLinks||isLargeScreen)return;if(showingMenu)V.Actions.moveMenu(move.left)});V.mainView.on("swipeLeft",".link",function(){if(isWideScreen)return;if(!showingMenu){var id=$(this).data("id");goToComments(id)}});if(win.applicationCache)win.applicationCache.addEventListener("updateready",function(e){var delay=1;if(showingMenu){V.Actions.moveMenu(move.left);delay=301}setTimeout(function(){V.mainWrap.prepend("
    Reeddit updated. Press to reload
    ");tappable("#btn-update",{onTap:function(){win.location.reload()},activeClass:"list-button-active"})},delay)},false);win.addEventListener("resizeend",function(){isWideScreen=checkWideScreen();isLargeScreen=checkLargeScreen();scrollTop();if(isLargeScreen&&showingMenu)V.Actions.moveMenu(move.left);if(isiPad)scrollFix()},false);win.addEventListener("hashchange",function(){if(location.hash===""){V.Actions.backToMainView();$(".link.link-selected").removeClass("link-selected");V.Actions.setDetailFooter("");setTimeout(function(){V.detailWrap.empty()},isWideScreen?1:301)}else{goToCommentFromHash()}},false);V.title.remove();if(isWideScreen)V.footerPost.text(T.noLink);M.currentSelection.loadSaved();C.Subreddits.loadSaved();C.Channels.loadSaved();if(location.hash)goToCommentFromHash();doByCurrentSelection(function(){var i=M.Subreddits.list.indexOf(M.currentSelection.name);if(i>-1){var activeSub=doc.getElementsByClassName("sub")[i];$(activeSub).addClass("sub-active")}if(M.currentSelection.name.toUpperCase()==="frontPage".toUpperCase()){C.currentSelection.setSubreddit("frontPage");C.Posts.load(urlInit+"r/"+M.Subreddits.getAllString()+"/")}else{C.Posts.load(urlInit+"r/"+M.currentSelection.name+"/")}V.Actions.setSubTitle(M.currentSelection.name)},function(){var channel;for(var i=0;i=7){if(!isMnml)V.Actions.switchMnml(true,true);body.classList.add("ios7")}}})(window); \ No newline at end of file +(function(win){"use strict";var doc=win.document,body=doc.body;function $id(id){return doc.getElementById(id)}function $query(query){return doc.querySelector(query)}var editingSubs=false,urlInit="http://www.reddit.com/",urlEnd=".json?jsonp=?",urlLimitEnd=".json?limit=30&jsonp=?",loadedLinks={},replies={},showingMenu=false,subreddits,store=win.fluid?allCookies:win.localStorage,isModal=false,loadingComments=false,loadingLinks=false,currentThread,iPadScrollFix,currentSortingChoice="hot",mnml=false,updateBackup=1,gists={url:"https://api.github.com/gists",fileURL:""},move={left:1,right:2},view={main:1,comments:2},selection={sub:1,channel:2},css={showView:"show-view",showMenu:"show-menu",mnml:"mnml",hide:"hide"},currentView=view.main;var defaultSubs=["frontPage","all","pics","IAmA","AskReddit","worldNews","todayilearned","tech","science","reactiongifs","books","explainLikeImFive","videos","AdviceAnimals","funny","aww","earthporn"];var defaultChannel={name:"Media",subs:["movies","television","music","games"]};var wideScreenBP=win.matchMedia("(min-width: 1000px)"),largeScreenBP=win.matchMedia("(min-width: 490px)"),isWideScreen=wideScreenBP.matches,isLargeScreen=largeScreenBP.matches;var UA=win.navigator.userAgent,isMobile=!isDesktop,isiPhone=/iP(hone|od)/.test(UA),isiPad=/iPad/.test(UA),isiOS=isiPad||isiPhone,isiOS7=isiOS&&parseInt(UA.match(/ OS (\d+)_/i)[1],10)>=7;var T={Posts:"{{#children}}{{/children}}
    More
    ",Subreddits:{list:"{{#.}}
  • {{.}}

  • {{/.}}",toEditList:"

    Subreddits

      {{#.}}

      {{.}}

      {{/.}}
    ",toAddList:"{{#children}}

    {{data.display_name}}

    {{data.public_description}}

    {{/children}}"},Channels:{singleEditItem:"

    {{name}}

    ",single:'
  • {{name}}

    {{#subs}}

    {{.}}

    {{/subs}}
  • ',list:'{{#.}}
  • {{name}}

    {{#subs}}

    {{.}}

    {{/subs}}
  • {{/.}}'},linkSummary:"",botonAgregarSubManual:"
    Insert Manually
    Create Channel
    ",formAgregarSubManual:'
    Add Subreddit
    ×
    ',formAddNewChannel:'
    Add Channel
    ×
    Add additional subreddit
    ',formEditChannel:'
    Update Channel
    ×
    Add additional subreddit
    ',botonCargarMasSubs:"
    More
    ",noLink:"No Post Selected",about:"",exportData:"
    ×

    Export Data

    You can back-up your local subscriptions and then import them to any other Reeddit instance, or just restore them.

    Save to Dropbox
    ",importData:"
    ×

    Import Data

    Load the subscriptions from another Reeddit instance.

    Once you choose the reeddit data file, Reeddit will refresh with the imported data.

    Import from Dropbox
    "};var M={Posts:{list:{},setList:function(posts){for(var i=0;i").attr("data-name",subs).append($("

    ").addClass("sub").addClass(active?"sub-active":"").text(subs)))}},remove:function(sub){var deletedSub=$(".sub-to-remove[data-name='"+sub+"']");deletedSub.addClass("anim-delete");setTimeout(function(){deletedSub.remove()},200);$("#subs > li[data-name='"+sub+"']").remove()},cleanSelected:function(){$(".sub.sub-active").removeClass("sub-active");$(".channel.channel-active").removeClass("channel-active")}},Posts:{show:function(links,paging){var linksCount=links.children.length,main=V.mainWrap;if(paging)$(".loader").remove();else{if(isDesktop){main.empty()}else{main.empty().removeClass("anim-reveal").addClass("invisible")}}if(linksCount===0){var message=$(".loader");if(message){message.text("No Links available.");message.addClass("loader-error");main.append('

    ')}else main.prepend('
    No Links available.
    ')}else{main.append(Mustache.to_html(T.Posts,links));var thumbs=$(".link-thumb > div"),bgImg="background-image: ";for(var i=0;i
    ").prepend(T.botonAgregarSubManual);$.ajax({url:urlInit+"reddits/.json?limit=50&jsonp=?",dataType:"jsonp",success:function(list){M.Subreddits.idLast=list.data.after;subreddits=Mustache.to_html(T.Subreddits.toAddList,list.data);main.empty().append(T.botonAgregarSubManual).append(subreddits).append(T.botonCargarMasSubs)},error:function(){$(".loader").addClass("loader-error").text("Error loading subreddits.")}})}loadingLinks=false},isLargeScreen?1:301);V.Subreddits.cleanSelected();V.Actions.setSubTitle("Add Subs");setEditingSubs(true)},loadForEditing:function(){if(!isLargeScreen)V.Actions.moveMenu(move.left);if(currentView===view.comments)V.Actions.backToMainView();setTimeout(function(){V.mainWrap[0].scrollTop=0;var htmlSubs=Mustache.to_html(T.Subreddits.toEditList,M.Subreddits.list);var htmlChannels="";if(M.Channels.list&&M.Channels.list.length>0){htmlChannels=Mustache.to_html("

    Channels

      {{#.}} "+T.Channels.singleEditItem+"{{/.}}
    ",M.Channels.list)}var html='
    '+htmlChannels+htmlSubs+"
    ";setTimeout(function(){V.mainWrap.html(html)},10);V.Subreddits.cleanSelected();loadingLinks=false},isLargeScreen?1:301);V.Actions.setSubTitle("Edit Subs");setEditingSubs(true)},showModal:function(template,callback,config){var delay=1;if(!isLargeScreen&&showingMenu){V.Actions.moveMenu(move.left);delay=301}setTimeout(function(){if(isModal)return;var modal=$("
    ").attr("id","modal"),bounce=true;if(config){if(config.modalClass){modal.addClass(config.modalClass)}if(config.noBounce){bounce=false}}modal.append(template);$("body").append(modal);isModal=true;setTimeout(function(){modal.css("opacity",1);if(bounce){V.Anims.bounceInDown($(".new-form"))}},1);if(callback)callback()},delay)},removeModal:function(){var modal=$("#modal");modal.css("opacity","");isModal=false;setTimeout(function(){modal.remove()},301)},switchMnml:function(save,mode){if(typeof mode==="undefined"){mnml=!mnml}else mnml=mode;var bntMnml=$("#mnml");if(mnml){body.classList.add(css.mnml);bntMnml.text("Theme: mnml")}else{body.classList.remove(css.mnml);bntMnml.text("Theme: Classic")}if(save)store.setItem("mnml",mnml)},setDetailFooter:function(title){V.footerPost.text(title?title:T.noLink);var btns=$("#detail-footer .btn-footer");if(title)btns.removeClass(css.hide);else btns.addClass(css.hide)},showImageViewer:function(imageURL){var imageViewer='',config={modalClass:"modal--closable",noBounce:true};V.Actions.showModal(imageViewer,false,config)},setSelectedLink:function(id){$(".link.link-selected").removeClass("link-selected");$('.link[data-id="'+id+'"]').addClass("link-selected")},clearSelectedLink:function(){$(".link.link-selected").removeClass("link-selected")}},Comments:{setRest:function(id,refresh){var postTitle=M.Posts.list[id].title;if(!refresh)V.Actions.setDetailFooter(postTitle);if(!refresh&¤tView!==view.comments)V.Anims.slideFromRight();V.headerSection.empty().append(V.title);V.title.text(postTitle);V.subtitle.addClass("invisible")},showLoadError:function(loader){loadingComments=false;var error="Error loading comments. Refresh to try again.";if(isWideScreen)loader.addClass("loader-error").html(error+'
    Refresh
    ');else loader.addClass("loader-error").text(error);if(!isDesktop){V.detailWrap.append($("
    "));V.Misc.scrollFixComments()}}},Misc:{addLoader:function(elem){var loader=$("
    ").addClass("loader");elem.append(loader);return loader},scrollFixComments:function(){var detailWrap=$query("#detail-wrap"),detailWrapHeight=detailWrap.offsetHeight,linkSummary=detailWrap.querySelector("section:first-child"),linkSummaryHeight=linkSummary.offsetHeight,selfText=detailWrap.querySelector("#selftext"),selfTextHeight=selfText?selfText.offsetHeight:0,imagePreview=detailWrap.querySelector(".image-preview"),imagePreviewHeight=imagePreview?imagePreview.offsetHeight:0,loader=detailWrap.querySelector(".loader"),loaderHeight=loader?loader.offsetHeight:0;var minHeight=detailWrapHeight-linkSummaryHeight-selfTextHeight-imagePreviewHeight-loaderHeight+1;$("#detail-wrap > section + "+(selfTextHeight>0?"#selftext +":"")+(imagePreviewHeight>0?".image-preview +":"")+(loaderHeight>0?".loader +":"")+" section").css("min-height",minHeight)},scrollFixLinks:function(){var totalHeight=0;var wraps=doc.querySelectorAll(".link-wrap");for(var w=0;wminHeight){$("#main-overflow").css("min-height","")}else{$("#main-overflow").css("min-height",minHeight-totalHeight+1)}}},Anims:{slideFromLeft:function(){var show=css.showView;V.mainView.addClass(show);V.detailView.removeClass(show);currentView=view.main},slideFromRight:function(){var show=css.showView;V.mainView.removeClass(show);V.detailView.addClass(show);currentView=view.comments},reveal:function(el){var reveal="anim-reveal";if(isDesktop){el.addClass(reveal);setTimeout(function(){el.removeClass(reveal)},700)}else{setTimeout(function(){el.removeClass("invisible").addClass(reveal)},0)}},shake:function(el){var shake="anim-shake";el.addClass(shake);setTimeout(function(){el.removeClass(shake)},350)},shakeForm:function(){V.Anims.shake($(".new-form"))},bounceOut:function(el,callback){var bounceOut="anim-bounce-out";el.addClass(bounceOut);if(callback)setTimeout(callback,1e3)},bounceInDown:function(el){el.addClass("anim-bounceInDown");setTimeout(function(){el[0].style.opacity=1;el.removeClass("anim-bounceInDown")},500)}}};var C={Posts:{load:function(baseUrl,paging){if(loadingLinks)return;loadingLinks=true;loadingComments=false;setEditingSubs(false);var main=V.mainWrap;if(paging){$("#more-links").parent().remove();main.append("
    ")}else{V.mainWrap[0].scrollTop=0;setTimeout(function(){main.prepend("
    ")},showingMenu?301:1);paging=""}$.ajax({dataType:"jsonp",url:baseUrl+C.Sorting.get()+urlLimitEnd+paging,success:function(result){C.Posts.show(result,paging)},error:function(){loadingLinks=false;$(".loader").addClass("loader-error").text("Error loading links. Refresh to try again.")}})},loadFromManualInput:function(loadedLinks){C.Posts.show(loadedLinks);V.mainWrap[0].scrollTop=0;setEditingSubs(false)},show:function(result,paging){var links=result.data;loadingLinks=false;M.Posts.idLast=links.after;V.Posts.show(links,paging);M.Posts.setList(links);if(isWideScreen){var id=getCommentHash();if(id){V.Actions.setSelectedLink(id)}}}},Comments:{load:function(data,baseElement,idParent){var now=(new Date).getTime(),converter=new Markdown.Converter,com=$("
    ").addClass("comments-level");for(var i=0;i").addClass("comment-wrap").append($("
    ").append($("
    ").addClass("comment-data").append($("
    ").addClass(isPoster?"comment-poster":"comment-author").append($("

    ").text(c.data.author))).append($("

    ").addClass("comment-info").append($("").attr(commentLink).text(timeSince(now,c.data.created_utc))))).append($("
    ").addClass("comment-body").html(html)));if(c.data.replies&&c.data.replies.data.children[0].kind!=="more"){comment.append($("").addClass("comments-button replies-button").attr("comment-id",c.data.id).text("See replies"));replies[c.data.id]=c.data.replies.data.children}com.append(comment)}baseElement.append(com);if(idParent)loadedLinks[idParent]=com;$("#detail-wrap a").attr("target","_blank");if(!isDesktop)V.Misc.scrollFixComments()},show:function(id,refresh){if(!M.Posts.list[id]){currentThread=id;var loader=V.Misc.addLoader(V.detailWrap);loadingComments=true;$.ajax({dataType:"jsonp",url:urlInit+"comments/"+id+"/"+urlEnd,success:function(result){loader.remove();loadingComments=false;M.Posts.setList(result[0].data);C.Misc.setPostSummary(result[0].data.children[0].data,id);V.btnNavBack.removeClass("invisible");V.Comments.setRest(id,refresh);C.Comments.load(result[1].data.children,$("#comments-container"),id)},error:function(){V.Comments.showLoadError(loader)}})}else{var delay=0;if(showingMenu){V.Actions.moveMenu(move.left);delay=301}setTimeout(function(){if(loadingComments&¤tThread&¤tThread===id)return;loadingComments=true;currentThread=id;V.btnNavBack.removeClass("invisible");var detail=V.detailWrap;detail.empty();V.detailWrap[0].scrollTop=0;if(loadedLinks[id]&&!refresh){detail.append(M.Posts.list[id].summary);$("#comments-container").append(loadedLinks[id]);C.Misc.updatePostSummary(M.Posts.list[id],id);loadingComments=false}else{C.Misc.setPostSummary(M.Posts.list[id],id);var url="http://www.reddit.com"+M.Posts.list[id].link+urlEnd;var loader=V.Misc.addLoader(detail);$.ajax({dataType:"jsonp",url:url,success:function(result){if(currentThread!==id)return;C.Misc.updatePostSummary(result[0].data.children[0].data,id);loader.remove();C.Comments.load(result[1].data.children,$("#comments-container"),id);loadingComments=false},error:function(){V.Comments.showLoadError(loader)}})}V.Comments.setRest(id,refresh)},delay)}}},Subreddits:{loadSaved:function(){var subs=store.getItem("subreeddits");if(subs)subs=JSON.parse(subs);M.Subreddits.list=subs;if(!M.Subreddits.list)M.Subreddits.setList(defaultSubs);V.Subreddits.insert(M.Subreddits.list)},loadPosts:function(sub){if(sub!==M.currentSelection.name||editingSubs){var url;if(sub.toLowerCase()==="frontpage"){url=urlInit+"r/"+M.Subreddits.getAllSubsString()+"/"}else{url=urlInit+"r/"+sub+"/"}C.Posts.load(url);C.currentSelection.setSubreddit(sub)}V.Actions.setSubTitle(sub)},remove:function(sub){M.Subreddits.remove(sub);V.Subreddits.remove(sub);if(M.currentSelection.type===selection.sub&&M.currentSelection.name===sub){C.currentSelection.setSubreddit("frontPage")}},add:function(newSub){if(M.Subreddits.listHasSub(newSub)){return}M.Subreddits.add(newSub);V.Subreddits.insert(newSub)},addFromNewForm:function(){var txtSub=$id("txt-new-sub"),subName=txtSub.value;if(!subName){txtSub.setAttribute("placeholder","Enter a subreddit title!");V.Anims.shakeForm();return}if(M.Subreddits.listHasSub(subName)){txtSub.value="";txtSub.setAttribute("placeholder",subName+" already added!");V.Anims.shakeForm();return}subName=subName.trim();V.Anims.bounceOut($(".new-form"),V.Actions.removeModal);$.ajax({url:urlInit+"r/"+subName+"/"+C.Sorting.get()+urlLimitEnd,dataType:"jsonp",success:function(data){C.Posts.loadFromManualInput(data);V.Actions.setSubTitle(subName);V.Subreddits.cleanSelected();C.currentSelection.setSubreddit(subName);V.Subreddits.insert(subName,true)},error:function(){alert("Oh, the subreddit you entered is not valid...")}})}},Channels:{add:function(title,subreddits){var channel={name:title,subs:subreddits};M.Channels.add(channel);V.Channels.add(channel)},loadSaved:function(){M.Channels.list=store.getItem("channels");if(M.Channels.list)M.Channels.list=JSON.parse(M.Channels.list);else M.Channels.list=[defaultChannel];V.Channels.loadList()},loadPosts:function(channel){C.Posts.load(urlInit+M.Channels.getURL(channel)+"/");V.Actions.setSubTitle(channel.name);C.currentSelection.setChannel(channel)},remove:function(name){M.Channels.remove(name);V.Channels.remove(name);if(M.currentSelection.type===selection.channel&&M.currentSelection.name===name)C.currentSelection.setSubreddit("frontPage")},edit:function(name){var channelToEdit=M.Channels.getByName(name);V.Actions.showModal(T.formEditChannel,function(){$("#txt-channel").val(channelToEdit.name);M.Channels.editing=channelToEdit.name;var $inputsContainer=$("#subs-for-channel");for(var i=0,l=channelToEdit.subs.length;i"+selfText+"
    "}else{var linkURL=M.Posts.list[postID].url;var imageLink=checkImageLink(linkURL);if(imageLink){summaryHTML+='
    '+''+"
    "}else{var youTubeID=getYouTubeVideoIDfromURL(linkURL);if(youTubeID){summaryHTML+='
    '+''+''+"
    "}}}summaryHTML+="
    ";V.detailWrap.append(summaryHTML);C.Misc.updatePostTime(data.created_utc);M.Posts.list[postID].summary=summaryHTML;V.footerPost.text(data.title)},updatePostSummary:function(data,postID){$("#summary-comment-num").text(data.num_comments+(data.num_comments===1?" comment":" comments"));C.Misc.updatePostTime(data.created_utc);M.Posts.list[postID].num_comments=data.num_comments;M.Posts.list[postID].created_utc=data.created_utc},updatePostTime:function(time){$("#summary-time").text(timeSince((new Date).getTime(),time))}}};function triggerClick(url){var a=doc.createElement("a");a.setAttribute("href",url);a.setAttribute("target","_blank");var clickEvent=new MouseEvent("click",{view:window,bubbles:true,cancelable:false});a.dispatchEvent(clickEvent)}function openPost(url,id){var link=M.Posts.list[id];if(link.self||isWideScreen){goToComments(id)}else{triggerClick(url)}}function getCommentHash(){var match=location.hash.match(/(#comments:)((?:[a-zA-Z0-9]*))/);if(match&&match[2]){return match[2]}}function goToCommentFromHash(){var id=getCommentHash();C.Comments.show(id);if(isWideScreen){V.Actions.setSelectedLink(id)}}function checkImageLink(url){var matching=url.match(/\.(svg|jpe?g|png|gif)(?:[?#].*)?$|(?:imgur\.com|livememe\.com)\/([^?#\/.]*)(?:[?#].*)?(?:\/)?$/);if(!matching)return"";if(matching[1]){return url}else if(matching[2]){if(matching[0].slice(0,5)==="imgur")return"http://imgur.com/"+matching[2]+".jpg";else if(matching[0].indexOf("livememe.")>=0)return"http://i.lvme.me/"+matching[2]+".jpg";else return null}else{return null}}function getYouTubeVideoIDfromURL(url){var matching=url.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);if(!matching){return""}else{if(matching[2].length===11){return matching[2]}else{return null}}}function setEditingSubs(editing){editingSubs=editing;if(isWideScreen){var refreshBtn=$("#main-footer .footer-refresh");refreshBtn.css("display",editing?"none":"")}}function doByCurrentSelection(caseSub,caseChannel){switch(M.currentSelection.type){case selection.sub:caseSub();break;case selection.channel:caseChannel();break}}$("body").on("submit","#form-new-sub form",function(e){e.preventDefault();C.Subreddits.addFromNewForm()});function goToComments(id){location.hash="#comments:"+id}function refreshCurrentStream(){if(editingSubs)return;doByCurrentSelection(function(){if(M.currentSelection.name.toLowerCase()==="frontpage"){C.Posts.load(urlInit+"r/"+M.Subreddits.getAllSubsString()+"/")}else{C.Posts.load(urlInit+"r/"+M.currentSelection.name+"/")}},function(){C.Channels.loadPosts(M.Channels.getByName(M.currentSelection.name))})}function createBackup(){if(updateBackup){V.Actions.showModal(T.exportData,function(){var files={},content='{"channels": '+store.getItem("channels")+', "subreddits": '+store.getItem("subreeddits")+"}";files["reedditdata.json"]={content:content};$.ajax({url:gists.url,type:"POST",data:JSON.stringify({description:"Reeddit User Data","public":true,files:files}),headers:{"Content-Type":"application/json; charset=UTF-8"},success:function(response){var resp=JSON.parse(response);$id("btn-save-dbx").style.display="block";gists.fileURL=resp.files["reedditdata.json"].raw_url;updateBackup=0},error:function(){$("#btn-save-dbx").remove();$(".move-data-exp").append("

    Oh oh. Error creating your backup file. Retry later.

    ");V.Actions.removeModal()}})})}else if(gists.fileURL){V.Actions.showModal(T.exportData,function(){$id("btn-save-dbx").style.display="block"})}}function chooseFromDropbox(){Dropbox.choose({success:function(file){$.ajax({url:file[0].link,success:function(data){try{var refresh=false;if(typeof data==="string")data=JSON.parse(data);if(data.subreddits){refresh=true;store.setItem("subreeddits",JSON.stringify(data.subreddits))}if(data.channels){refresh=true;store.setItem("channels",JSON.stringify(data.channels))}if(refresh)win.location.reload()}catch(e){alert("Oops! Wrong file, maybe? - Try choosing another one.")}}})},linkType:"direct",extensions:[".json"]})}var supportOrientation=typeof win.orientation!=="undefined",getScrollTop=function(){return win.pageYOffset||doc.compatMode==="CSS1Compat"&&doc.documentElement.scrollTop||body.scrollTop||0},scrollTop=function(){if(!supportOrientation)return;body.style.height=screen.height+"px";setTimeout(function(){win.scrollTo(0,1);var top=getScrollTop();win.scrollTo(0,top===1?0:1);body.style.height=win.innerHeight+"px"},1)};tappable("#mnml",{onTap:function(){V.Actions.switchMnml(true)}});tappable("#btn-add-new-sub",{onTap:C.Subreddits.addFromNewForm});tappable("#btn-submit-channel",{onTap:function(e,target){var txtChannelName=$("#txt-channel"),operation=target.getAttribute("data-op");var channelName=txtChannelName.val();if(!channelName){txtChannelName.attr("placeholder","Enter a Channel name!");V.Anims.shakeForm();return}var subreddits=[];var subs=$("#subs-for-channel input");for(var i=0;i'"+channelName+"' "+operation+"d. Cool!

    ");V.Anims.bounceOut($(".new-form"),V.Actions.removeModal)},activeClass:"btn-general-active"});tappable("#btn-add-another-sub",{onTap:function(){var container=$("#subs-for-channel");container.append("");container[0].scrollTop=container.height()},activeClass:"btn-general-active"});tappable(".channel",{onTap:function(e,target){var channel=$(target);var channelName=channel.data("title");V.Actions.moveMenu(move.left);if(channelName===M.currentSelection.name&&!editingSubs)return;V.Subreddits.cleanSelected();channel.addClass("channel-active");if(currentView===view.comments)V.Actions.backToMainView();C.Channels.loadPosts(M.Channels.getByName(channelName))},activeClassDelay:100,activeClass:"link-active"});tappable(".replies-button",{onTap:function(e,target){var parent=$(target);var commentID=parent.attr("comment-id");var comments=replies[commentID];C.Comments.load(comments,parent.parent());parent.remove()},activeClass:"replies-button-active"});tappable(".sub",{onTap:function(e,target){var sub=$(target);V.Actions.moveMenu(move.left);C.Subreddits.loadPosts(sub.first().text());V.Subreddits.cleanSelected();sub.addClass("sub-active");if(currentView===view.comments){V.Actions.backToMainView()}},allowClick:false,activeClassDelay:100,activeClass:"link-active"});tappable(".btn-to-main",{onTap:function(){location.hash="#"}});tappable(".btn-refresh",{onTap:function(e){var origin=e.target.getAttribute("data-origin");switch(origin){case"footer-main":refreshCurrentStream();break;case"footer-detail":if(!currentThread)return;C.Comments.show(currentThread,true);break;default:if(currentView===view.comments){if(!currentThread)return;C.Comments.show(currentThread,true)}if(currentView===view.main){refreshCurrentStream()}}}});tappable(".js-link",{onTap:function(e,target){if(!isWideScreen){return}var id=target.getAttribute("data-id");goToComments(id)},allowClick:false,activeClassDelay:100,inactiveClassDelay:200,activeClass:"link-active"});tappable(".js-post-title",{onTap:function(e){var id=e.target.getAttribute("data-id"),url=e.target.href;openPost(url,id)},allowClick:false});tappable(".to-comments",{onTap:function(e,target){var id=$(target).attr("data-id");goToComments(id)},activeClass:"button-active",activeClassDelay:100});tappable("#wide-refresh",{onTap:function(){if(!currentThread)return;C.Comments.show(currentThread,true)},activeClass:"replies-button-active"});tappable("#sub-title",{onTap:function(){if(!isDesktop&&loadingLinks)return;V.Actions.moveMenu(showingMenu?move.left:move.right)}});tappable("#btn-add-subs",{onTap:function(){V.Actions.loadForAdding()}});tappable("#btn-edit-subs",{onTap:function(){V.Actions.loadForEditing()}});tappable("#more-links",{onTap:function(){doByCurrentSelection(function(){var url;if(M.currentSelection.name.toLowerCase()==="frontpage"){url=urlInit+"r/"+M.Subreddits.getAllSubsString()+"/"}else{url=urlInit+"r/"+M.currentSelection.name+"/"}C.Posts.load(url,"&after="+M.Posts.idLast)},function(){var channel=M.Channels.getByName(M.currentSelection.name);C.Posts.load(urlInit+M.Channels.getURL(channel)+"/","&after="+M.Posts.idLast)})},activeClass:"list-button-active"});tappable("#btn-sub-man",{onTap:function(){V.Actions.showModal(T.formAgregarSubManual)},activeClass:"list-button-active"});tappable("#btn-add-channel",{onTap:function(){V.Actions.showModal(T.formAddNewChannel)},activeClass:"list-button-active"});tappable("#more-subs",{onTap:function(e,target){$(target).parent().remove();var main=V.mainWrap;main.append("
    ");$.ajax({url:urlInit+"reddits/"+urlEnd+"&after="+M.Subreddits.idLast,dataType:"jsonp",success:function(list){var nuevosSubs=Mustache.to_html(T.Subreddits.toAddList,list.data);M.Subreddits.idLast=list.data.after;$(".loader",main).remove();main.append(nuevosSubs).append(T.botonCargarMasSubs);subreddits=subreddits+nuevosSubs},error:function(){$(".loader").addClass("loader-error").text("Error loading more subreddits.")}})},activeClass:"list-button-active"});tappable(".btn-add-sub",{onTap:function(e,target){var parent=$(target).parent(),subTitle=$(".subreddit-title",parent);subTitle.css("color","#2b9900");var newSub=subTitle.text();C.Subreddits.add(newSub)},activeClass:"button-active"});tappable(".btn-remove-subreddit",{onTap:function(e,target){C.Subreddits.remove($(target).data("name"))},activeClass:"button-active"});tappable(".btn-remove-channel",{onTap:function(e,target){C.Channels.remove($(target).data("title"))},activeClass:"button-active"});tappable(".btn-edit-channel",{onTap:function(e,target){C.Channels.edit(target.getAttribute("data-title"))},activeClass:"button-active"});tappable(".close-form",V.Actions.removeModal);tappable("#about",{onTap:function(){V.Actions.showModal(T.about)},activeClassDelay:100});tappable("#sorting p",{onTap:function(e,target){if(editingSubs&&!isDesktop)return;var choice=$(target);var sortingChoice=choice.text();if(sortingChoice===currentSortingChoice)return;$(".sorting-choice").removeClass("sorting-choice");choice.addClass("sorting-choice");C.Sorting.change(sortingChoice)},activeClass:"link-active",activeClassDelay:100});tappable("#exp-data",{onTap:createBackup});tappable("#imp-data",{onTap:function(){V.Actions.showModal(T.importData)}});tappable("#btn-save-dbx",{onTap:function(){if(!gists.fileURL){alert("Err. There's no backup file created...");return}var options={files:[{url:gists.fileURL,filename:"reedditdata.json"}],success:V.Actions.removeModal};Dropbox.save(options)},activeClass:"btn-general-active"});tappable("#btn-dbx-imp",{onTap:chooseFromDropbox,activeClass:"btn-general-active"});tappable("#btn-new-sub",{onTap:function(){V.Actions.showModal(T.formAgregarSubManual)}});tappable("#btn-new-channel",{onTap:function(){V.Actions.showModal(T.formAddNewChannel)}});tappable(".image-preview",{onTap:function(e,target){V.Actions.showImageViewer(target.src)}});tappable(".modal--closable",V.Actions.removeModal);V.detailWrap.on("click","#comments-container a, #selftext a",function(ev){var imageURL=checkImageLink(ev.target.href);if(imageURL){ev.preventDefault();V.Actions.showImageViewer(imageURL)}});if(isMobile){if(!(isiPhone&&isiOS7)){V.detailView.swipeRight(function(){if(isWideScreen)return;location.hash="#"})}V.mainView.swipeRight(function(){if(!isDesktop&&loadingLinks||isLargeScreen)return;if(currentView===view.main)V.Actions.moveMenu(move.right)});V.mainView.swipeLeft(function(){if(!isDesktop&&loadingLinks||isLargeScreen)return;if(showingMenu)V.Actions.moveMenu(move.left)});V.mainView.on("swipeLeft",".link",function(){if(isWideScreen)return;if(!showingMenu){var id=$(this).data("id");goToComments(id)}})}if(win.applicationCache)win.applicationCache.addEventListener("updateready",function(e){var delay=1;if(showingMenu){V.Actions.moveMenu(move.left);delay=301}setTimeout(function(){V.mainWrap.prepend("
    Reeddit updated. Press to reload
    ");tappable("#btn-update",{onTap:function(){win.location.reload()},activeClass:"list-button-active"})},delay)},false);win.addEventListener("resizeend",function(){isWideScreen=wideScreenBP.matches;isLargeScreen=largeScreenBP.matches;scrollTop();if(isLargeScreen&&showingMenu)V.Actions.moveMenu(move.left);if(isiPad)iPadScrollFix()},false);if(isiPhone&&isiOS7){var hasSwiped=false,swipeClass="from-swipe";document.addEventListener("touchstart",function(ev){var touchX=ev.targetTouches[0].clientX;hasSwiped=touchX<10||touchX>window.innerWidth-10});document.addEventListener("touchend",function(){hasSwiped=false})}win.addEventListener("hashchange",function(){if(isiPhone&&isiOS7){if(hasSwiped){V.mainView.addClass(swipeClass);V.detailView.addClass(swipeClass);V.btnNavBack.addClass(swipeClass);V.subtitle.addClass(swipeClass)}else{V.mainView.removeClass(swipeClass);V.detailView.removeClass(swipeClass);V.btnNavBack.removeClass(swipeClass);V.subtitle.removeClass(swipeClass)}hasSwiped=false}if(location.hash===""){V.Actions.backToMainView();V.Actions.clearSelectedLink();V.Actions.setDetailFooter("");setTimeout(function(){V.detailWrap.empty()},isWideScreen?1:301)}else{goToCommentFromHash()}},false);V.title.remove();if(isWideScreen)V.footerPost.text(T.noLink);M.currentSelection.loadSaved();C.Subreddits.loadSaved();C.Channels.loadSaved();if(location.hash)goToCommentFromHash();doByCurrentSelection(function(){var i=M.Subreddits.list.indexOf(M.currentSelection.name);if(i>-1){var activeSub=doc.getElementsByClassName("sub")[i];$(activeSub).addClass("sub-active")}if(M.currentSelection.name.toUpperCase()==="frontPage".toUpperCase()){C.currentSelection.setSubreddit("frontPage");C.Posts.load(urlInit+"r/"+M.Subreddits.getAllSubsString()+"/")}else{C.Posts.load(urlInit+"r/"+M.currentSelection.name+"/")}V.Actions.setSubTitle(M.currentSelection.name)},function(){var channel;for(var i=0;i div p { font-size: 11px; diff --git a/dist/desk.min.css b/dist/desk.min.css index a5a201c..5941699 100644 --- a/dist/desk.min.css +++ b/dist/desk.min.css @@ -1 +1 @@ -#sorting p,#summary-title,.btn-edit-sub,.channel>p,.option,.sub{transition-duration:200ms}.btn-edit-sub:hover{color:#4286F5}#sorting p:hover,.channel:hover>p,.option:hover,.sub:hover{text-shadow:0 0 10px #CCC}#btn-add-new-channel,#remove-sub,#sorting p,.btn-add-sub,.btn-edit-sub,.btn-general,.btn-side-menu-add,.channel,.close-form,.comments-button,.item-to-edit>div,.link,.list-button>span,.option,.sub,.top-buttons>div{cursor:pointer}#link-summary a:hover #summary-title{text-shadow:0 1px 7px #f5f5f5}#main-menu::-webkit-scrollbar,::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;background:#c8c8c8}#main-menu::-webkit-scrollbar-track{border-radius:10px;background-color:#333}#main-menu::-webkit-scrollbar-thumb{border-radius:10px;background-color:#444}.btn-general:active{background-image:linear-gradient(#3f3f3f 50%,#4b4b4b 100%);box-shadow:0 2px 7px #000 inset,rgba(255,255,255,.4) 0 1px 0}.btn-general:hover,.btn-general:visited{color:#555}.btn-general:active{color:#f5f5f5}.channel>div p{font-size:11px;letter-spacing:1px;line-height:15px;margin:4px 0}.mnml #main-menu::-webkit-scrollbar-track{border-radius:10px;background-color:#262b30}.mnml #main-menu::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.4)}.mnml .btn-general:active{background-image:none;box-shadow:none} \ No newline at end of file +#sorting p,#summary-title,.btn-edit-sub,.channel>p,.option,.sub{transition-duration:200ms}.btn-edit-sub:hover{color:#4286F5}#sorting p:hover,.channel:hover>p,.option:hover,.sub:hover{text-shadow:0 0 10px #CCC}#btn-add-new-channel,#remove-sub,#sorting p,.btn-add-sub,.btn-edit-sub,.btn-general,.btn-side-menu-add,.channel,.close-form,.comments-button,.item-to-edit>div,.link,.list-button>span,.option,.sub,.top-buttons>div{cursor:pointer}#detail-close,.footer-post-title,.footer-sub-title{cursor:default}#link-summary a:hover #summary-title{text-shadow:0 1px 7px #f5f5f5}#main-menu::-webkit-scrollbar,::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;background:#c8c8c8}#main-menu::-webkit-scrollbar-track{border-radius:10px;background-color:#333}#main-menu::-webkit-scrollbar-thumb{border-radius:10px;background-color:#444}.btn-general:active{background-image:linear-gradient(#3f3f3f 50%,#4b4b4b 100%);box-shadow:0 2px 7px #000 inset,rgba(255,255,255,.4) 0 1px 0}.btn-general:hover,.btn-general:visited{color:#555}.btn-general:active{color:#f5f5f5}.channel>div p{font-size:11px;letter-spacing:1px;line-height:15px;margin:4px 0}.mnml #main-menu::-webkit-scrollbar-track{border-radius:10px;background-color:#262b30}.mnml #main-menu::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.4)}.mnml .btn-general:active{background-image:none;box-shadow:none} \ No newline at end of file diff --git a/index.html b/index.html index 385f796..9b6e060 100644 --- a/index.html +++ b/index.html @@ -1,109 +1,84 @@ - + - - - - Reeddit - - - - - - - - - - - - - - - - - - -
    -
    -

    + + + Reeddit + + + + + + + + + + + +
    +
    +

    +
    + +
    +
    +

    +
    +
    +
    +
    +
    + +
    +
    +
    - - - -
    -
    - -
    - -
    -
    - -
    - - - - - - - - - +
    + + + + + +
    +
    + +
    + + + + + + \ No newline at end of file diff --git a/reeddit.appcache b/reeddit.appcache index e4f5d7b..f54c0fa 100644 --- a/reeddit.appcache +++ b/reeddit.appcache @@ -1,6 +1,6 @@ CACHE MANIFEST -#v1.9 17-01-2015 +#v1.9.1 15-02-2015 # stylesheets dist/libs.css