diff --git a/.meteor/packages b/.meteor/packages index f1fc16f3a..374334eb3 100644 --- a/.meteor/packages +++ b/.meteor/packages @@ -44,8 +44,9 @@ djedi:sanitize-html rajit:bootstrap3-datepicker bengott:avatar jparker:gravatar - tap:i18n +# CSS reset (Must come before any other css) +ccan:cssreset # Telescope Packages (Required) diff --git a/.meteor/versions b/.meteor/versions index e53a4e6d0..82b8122c4 100644 --- a/.meteor/versions +++ b/.meteor/versions @@ -19,6 +19,7 @@ blaze-tools@1.0.1 blaze@2.0.3 boilerplate-generator@1.0.1 callback-hook@1.0.1 +ccan:cssreset@1.0.0 check@1.0.2 chuangbo:cookie@1.1.0 chuangbo:marked@0.3.5 @@ -34,6 +35,7 @@ email@1.0.4 facebook@1.1.2 fastclick@1.0.1 follower-livedata@1.0.2 +fourseven:scss@1.0.0 geojson-utils@1.0.1 handlebars@1.0.1 html-tools@1.0.2 diff --git a/packages/telescope-theme-base/lib/client/css/screen.css b/packages/telescope-theme-base/lib/client/css/screen.css deleted file mode 100644 index 602555cb0..000000000 --- a/packages/telescope-theme-base/lib/client/css/screen.css +++ /dev/null @@ -1,893 +0,0 @@ -@charset "UTF-8"; -/* line 5, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font: inherit; - font-size: 100%; - vertical-align: baseline; } - -/* line 22, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -html { - line-height: 1; } - -/* line 24, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -ol, ul { - list-style: none; } - -/* line 26, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -table { - border-collapse: collapse; - border-spacing: 0; } - -/* line 28, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -caption, th, td { - text-align: left; - font-weight: normal; - vertical-align: middle; } - -/* line 30, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -q, blockquote { - quotes: none; } - /* line 103, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ - q:before, q:after, blockquote:before, blockquote:after { - content: ""; - content: none; } - -/* line 32, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -a img { - border: none; } - -/* line 116, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */ -article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block; } - -/*================ FUNCTIONS =================*/ -/*================ MIXINS =================*/ -/*================ CLASSES =================*/ -/* line 111, ../scss/includes/_mixins.scss */ -.popover { - background: white; - border: 1px solid #DD3416; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); - -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); - z-index: 100; - -moz-transition: all, 300ms; - -o-transition: all, 300ms; - -webkit-transition: all, 300ms; - transition: all, 300ms; } - -/* line 127, ../scss/includes/_mixins.scss */ -.has-shadow { - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -/* line 130, ../scss/includes/_mixins.scss */ -.cf { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; } - /* line 6, ../scss/includes/_mixins.scss */ - .cf:before, .cf:after { - content: ""; - display: table; } - /* line 10, ../scss/includes/_mixins.scss */ - .cf:after { - clear: both; } - -/*================ FLEXBOX =================*/ -/* line 2, ../scss/global/_forms.scss */ -form.form-block, .accounts-dialog.form-block { - background: #e7eff2; - border-radius: 3px; - margin-bottom: 10px; - padding: 10px; } -/* line 9, ../scss/global/_forms.scss */ -form > div, .accounts-dialog > div { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; } - /* line 6, ../scss/includes/_mixins.scss */ - form > div:before, form > div:after, .accounts-dialog > div:before, .accounts-dialog > div:after { - content: ""; - display: table; } - /* line 10, ../scss/includes/_mixins.scss */ - form > div:after, .accounts-dialog > div:after { - clear: both; } -/* line 12, ../scss/global/_forms.scss */ -form .control-group, form .form-group, form .at-input, .accounts-dialog .control-group, .accounts-dialog .form-group, .accounts-dialog .at-input { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; - margin-bottom: 15px; } - /* line 6, ../scss/includes/_mixins.scss */ - form .control-group:before, form .control-group:after, form .form-group:before, form .form-group:after, form .at-input:before, form .at-input:after, .accounts-dialog .control-group:before, .accounts-dialog .control-group:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after, .accounts-dialog .at-input:before, .accounts-dialog .at-input:after { - content: ""; - display: table; } - /* line 10, ../scss/includes/_mixins.scss */ - form .control-group:after, form .form-group:after, form .at-input:after, .accounts-dialog .control-group:after, .accounts-dialog .form-group:after, .accounts-dialog .at-input:after { - clear: both; } - /* line 15, ../scss/global/_forms.scss */ - form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label { - font-weight: bold; - display: block; } - @media screen and (max-width: 40em) { - /* line 15, ../scss/global/_forms.scss */ - form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label { - margin-bottom: 5px; } } - @media screen and (min-width: 40em) { - /* line 15, ../scss/global/_forms.scss */ - form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label { - float: left; - margin-right: 10px; } } - /* line 26, ../scss/global/_forms.scss */ - form .control-group .controls, form .form-group .controls, form .at-input .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls, .accounts-dialog .at-input .controls { - position: relative; } - @media screen and (min-width: 40em) { - /* line 26, ../scss/global/_forms.scss */ - form .control-group .controls, form .form-group .controls, form .at-input .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls, .accounts-dialog .at-input .controls { - margin-left: 200px; } } - /* line 31, ../scss/global/_forms.scss */ - form .control-group .controls .inline-link, form .form-group .controls .inline-link, form .at-input .controls .inline-link, .accounts-dialog .control-group .controls .inline-link, .accounts-dialog .form-group .controls .inline-link, .accounts-dialog .at-input .controls .inline-link { - position: absolute; - display: block; - top: 2px; - right: 8px; } - /* line 36, ../scss/global/_forms.scss */ - form .control-group .controls .inline-link.loading, form .form-group .controls .inline-link.loading, form .at-input .controls .inline-link.loading, .accounts-dialog .control-group .controls .inline-link.loading, .accounts-dialog .form-group .controls .inline-link.loading, .accounts-dialog .at-input .controls .inline-link.loading { - background: url(/img/loading.gif) center center no-repeat; - height: 22px; - width: 18px; - font: 0/0 a; - text-shadow: none; - color: transparent; } - /* line 43, ../scss/global/_forms.scss */ - form .control-group .controls label, form .form-group .controls label, form .at-input .controls label, .accounts-dialog .control-group .controls label, .accounts-dialog .form-group .controls label, .accounts-dialog .at-input .controls label { - display: block; - margin-bottom: 5px; } - /* line 47, ../scss/global/_forms.scss */ - form .control-group .controls label.inline, form .form-group .controls label.inline, form .at-input .controls label.inline, .accounts-dialog .control-group .controls label.inline, .accounts-dialog .form-group .controls label.inline, .accounts-dialog .at-input .controls label.inline { - display: inline-block; - margin-bottom: 0; } - /* line 52, ../scss/global/_forms.scss */ - form .control-group.inline, form .form-group.inline, form .at-input.inline, .accounts-dialog .control-group.inline, .accounts-dialog .form-group.inline, .accounts-dialog .at-input.inline { - margin-bottom: 10px; } - /* line 53, ../scss/global/_forms.scss */ - form .control-group.inline .controls, form .form-group.inline .controls, form .at-input.inline .controls, .accounts-dialog .control-group.inline .controls, .accounts-dialog .form-group.inline .controls, .accounts-dialog .at-input.inline .controls { - margin-left: 0px; - width: 80%; - float: left; } - /* line 58, ../scss/global/_forms.scss */ - form .control-group.inline .submit, form .form-group.inline .submit, form .at-input.inline .submit, .accounts-dialog .control-group.inline .submit, .accounts-dialog .form-group.inline .submit, .accounts-dialog .at-input.inline .submit { - float: right; } -/* line 64, ../scss/global/_forms.scss */ -form .form-actions, form .form-group, .accounts-dialog .form-actions, .accounts-dialog .form-group { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; } - /* line 6, ../scss/includes/_mixins.scss */ - form .form-actions:before, form .form-actions:after, form .form-group:before, form .form-group:after, .accounts-dialog .form-actions:before, .accounts-dialog .form-actions:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after { - content: ""; - display: table; } - /* line 10, ../scss/includes/_mixins.scss */ - form .form-actions:after, form .form-group:after, .accounts-dialog .form-actions:after, .accounts-dialog .form-group:after { - clear: both; } - /* line 66, ../scss/global/_forms.scss */ - form .form-actions a, form .form-group a, .accounts-dialog .form-actions a, .accounts-dialog .form-group a { - float: left; - display: block; } - /* line 70, ../scss/global/_forms.scss */ - form .form-actions .button, form .form-actions .btn, form .form-group .button, form .form-group .btn, .accounts-dialog .form-actions .button, .accounts-dialog .form-actions .btn, .accounts-dialog .form-group .button, .accounts-dialog .form-group .btn { - float: right; } -/* line 74, ../scss/global/_forms.scss */ -form input[type="text"], form input[type="password"], form input[type="number"], form input[type="email"], form textarea, form .login-form input, form input.form-control, .accounts-dialog input[type="text"], .accounts-dialog input[type="password"], .accounts-dialog input[type="number"], .accounts-dialog input[type="email"], .accounts-dialog textarea, .accounts-dialog .login-form input, .accounts-dialog input.form-control { - display: block; - padding: 5px 6px; - width: 100%; - font-size: 14px; - -webkit-box-sizing: border-box; - /* Safari/Chrome, other WebKit */ - -moz-box-sizing: border-box; - /* Firefox, other Gecko */ - box-sizing: border-box; - /* Opera/IE 8+ */ - border: 1px solid #b5b0b0; - -moz-transition: border-color 500ms; - -o-transition: border-color 500ms; - -webkit-transition: border-color 500ms; - transition: border-color 500ms; } - /* line 83, ../scss/global/_forms.scss */ - form input[type="text"]:focus, form input[type="password"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form textarea:focus, form .login-form input:focus, form input.form-control:focus, .accounts-dialog input[type="text"]:focus, .accounts-dialog input[type="password"]:focus, .accounts-dialog input[type="number"]:focus, .accounts-dialog input[type="email"]:focus, .accounts-dialog textarea:focus, .accounts-dialog .login-form input:focus, .accounts-dialog input.form-control:focus { - outline: none; - border-color: #DD3416; - -moz-box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3); - -webkit-box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3); - box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3); } - /* line 88, ../scss/global/_forms.scss */ - form input[type="text"][type="number"], form input[type="password"][type="number"], form input[type="number"][type="number"], form input[type="email"][type="number"], form textarea[type="number"], form .login-form input[type="number"], form input.form-control[type="number"], .accounts-dialog input[type="text"][type="number"], .accounts-dialog input[type="password"][type="number"], .accounts-dialog input[type="number"][type="number"], .accounts-dialog input[type="email"][type="number"], .accounts-dialog textarea[type="number"], .accounts-dialog .login-form input[type="number"], .accounts-dialog input.form-control[type="number"] { - width: 30%; } -/* line 92, ../scss/global/_forms.scss */ -form input[type="text"], form input[type="password"], form input[type="number"], form .login-form input, .accounts-dialog input[type="text"], .accounts-dialog input[type="password"], .accounts-dialog input[type="number"], .accounts-dialog .login-form input { - height: 30px; - line-height: 20px; } -/* line 96, ../scss/global/_forms.scss */ -form input[disabled='disabled'], .accounts-dialog input[disabled='disabled'] { - color: #b3c1c6; - background: #e7eff2; } -/* line 100, ../scss/global/_forms.scss */ -form textarea, .accounts-dialog textarea { - min-height: 100px; - line-height: 1.4; } -/* line 104, ../scss/global/_forms.scss */ -form .note, .accounts-dialog .note { - padding: 5px 0; - color: #b3c1c6; - font-size: 80%; } - -/* line 110, ../scss/global/_forms.scss */ -input[type="submit"], button, .button, .btn { - -webkit-appearance: none; - border-radius: 3px; - background: #DD3416; - color: white; - text-align: center; - display: block; - max-width: 300px; - padding: 10px 12px; - line-height: 1; - border: none; - font-size: 15px; - cursor: pointer; - margin: 0; - font-weight: normal; } - /* line 127, ../scss/global/_forms.scss */ - input[type="submit"].disabled, button.disabled, .button.disabled, .btn.disabled { - background: #dfdbdb; - pointer-events: none; } - /* line 131, ../scss/global/_forms.scss */ - input[type="submit"]:link, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:visited, button:link, button:hover, button:active, button:visited, .button:link, .button:hover, .button:active, .button:visited, .btn:link, .btn:hover, .btn:active, .btn:visited { - color: white; } - /* line 134, ../scss/global/_forms.scss */ - input[type="submit"].inline, button.inline, .button.inline, .btn.inline { - display: inline-block; } - -/* line 138, ../scss/global/_forms.scss */ -input[type="search"] { - font-size: 14px; } - -/* line 141, ../scss/global/_forms.scss */ -.twitter-signup { - margin-bottom: 20px; - padding-bottom: 20px; - border-bottom: 1px solid #dfdbdb; } - /* line 145, ../scss/global/_forms.scss */ - .twitter-signup .twitter-button { - background: #00aced; } - -/* line 149, ../scss/global/_forms.scss */ -.category-slug { - font-size: 12px; - float: left; - width: 80%; - display: block; } - -/* line 155, ../scss/global/_forms.scss */ -.ui-autocomplete { - background: white; - width: 200px !important; - padding: 10px; - font-size: 14px; - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -/* line 163, ../scss/global/_forms.scss */ -.help-block { - color: #b3c1c6; - margin-bottom: 15px; } - -/* line 167, ../scss/global/_forms.scss */ -#editor > iframe { - border: 1px solid #B5B0B0; } - -/* line 170, ../scss/global/_forms.scss */ -.comment-field { - margin-bottom: 10px; } - -/* line 173, ../scss/global/_forms.scss */ -.fieldset-heading { - padding-bottom: 5px; - margin-bottom: 15px; - border-bottom: 1px solid #B5B0B0; } - -/* line 178, ../scss/global/_forms.scss */ -fieldset { - margin-bottom: 30px; } - -/* line 181, ../scss/global/_forms.scss */ -.instructions-block { - margin-top: 5px; - display: block; - font-size: 80%; - color: #b3c1c6; } - -/* line 1, ../scss/global/_links.scss */ -a { - text-decoration: none; } - /* line 3, ../scss/global/_links.scss */ - a, a:link, a:visited, a:active { - color: #444444; - font-weight: bold; } - /* line 7, ../scss/global/_links.scss */ - a:hover { - color: #DD3416; } - -/* line 1, ../scss/global/_main.scss */ -.hidden { - display: none; } - -/* line 4, ../scss/global/_main.scss */ -.visible { - display: block; } - -/* line 7, ../scss/global/_main.scss */ -.overlay { - position: fixed; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 50; } - -/* line 16, ../scss/global/_main.scss */ -#spinner { - margin: 100px 0; } - -/* line 19, ../scss/global/_main.scss */ -.debug { - display: none; } - -/* line 23, ../scss/global/_main.scss */ -.footer { - text-align: center; - padding: 10px 0 70px 0; - color: rgba(0, 0, 0, 0.4); - font-size: 14px; } - /* line 28, ../scss/global/_main.scss */ - .footer.absolute { - position: absolute; } - -/* line 32, ../scss/global/_main.scss */ -#login-buttons .loading { - display: none; } - -/* line 35, ../scss/global/_main.scss */ -#loading, .loading-page { - height: 300px; } - -/* line 39, ../scss/global/_main.scss */ -.grid-module, .at-form { - background: white; - margin-bottom: 10px; - padding: 15px; } - -/* line 44, ../scss/global/_main.scss */ -.notifications-toggle { - background: white; - margin-bottom: 10px; - padding: 15px; } - -/* line 50, ../scss/global/_main.scss */ -.search-date-header { - background: #e7eff2; } - /* line 52, ../scss/global/_main.scss */ - .search-date-header th { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; } - /* line 6, ../scss/includes/_mixins.scss */ - .search-date-header th:before, .search-date-header th:after { - content: ""; - display: table; } - /* line 10, ../scss/includes/_mixins.scss */ - .search-date-header th:after { - clear: both; } - /* line 55, ../scss/global/_main.scss */ - .search-date-header .search-date { - display: block; - float: left; - font-weight: bold; } - /* line 60, ../scss/global/_main.scss */ - .search-date-header .search-count { - font-size: 13px; - display: block; - float: right; } - -/* line 2, ../scss/global/_markdown.scss */ -.markdown img { - max-width: 100%; } -/* line 5, ../scss/global/_markdown.scss */ -.markdown ul, .markdown ol, .markdown p, .markdown pre, .markdown blockquote { - margin-bottom: 1em; - line-height: 1.7; } -/* line 9, ../scss/global/_markdown.scss */ -.markdown strong { - font-weight: bold; } -/* line 12, ../scss/global/_markdown.scss */ -.markdown em { - font-style: italic; } -/* line 15, ../scss/global/_markdown.scss */ -.markdown ul, .markdown ol { - padding-left: 18px; } -/* line 18, ../scss/global/_markdown.scss */ -.markdown ul { - list-style-type: disc; } -/* line 21, ../scss/global/_markdown.scss */ -.markdown ol { - list-style-type: decimal; } -/* line 25, ../scss/global/_markdown.scss */ -.markdown a:link, .markdown a:visited, .markdown a:active { - color: #7ac0e4; } -/* line 28, ../scss/global/_markdown.scss */ -.markdown a:hover { - color: #DD3416; } -/* line 33, ../scss/global/_markdown.scss */ -.markdown p:last-child { - margin-bottom: 0; } -/* line 37, ../scss/global/_markdown.scss */ -.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 { - font-weight: bold; - margin-bottom: 0; } -/* line 41, ../scss/global/_markdown.scss */ -.markdown h1 { - font-size: 36px; } -/* line 44, ../scss/global/_markdown.scss */ -.markdown h2 { - font-size: 24px; } -/* line 47, ../scss/global/_markdown.scss */ -.markdown h3 { - font-size: 18px; } -/* line 50, ../scss/global/_markdown.scss */ -.markdown h4 { - font-size: 16px; } -/* line 53, ../scss/global/_markdown.scss */ -.markdown h5 { - font-size: 14px; } -/* line 56, ../scss/global/_markdown.scss */ -.markdown code { - font-family: monospace; - margin: 0 2px; - padding: 0px 5px; - border: 1px solid #ddd; - background-color: #f8f8f8; - border-radius: 3px; } -/* line 64, ../scss/global/_markdown.scss */ -.markdown pre { - padding: 20px; - border: 1px solid #ddd; - background-color: #f8f8f8; - overflow-x: scroll; } - /* line 69, ../scss/global/_markdown.scss */ - .markdown pre code { - border: none; - background: none; } -/* line 74, ../scss/global/_markdown.scss */ -.markdown blockquote { - border-left: 3px solid #eee; - padding-left: 20px; } - -/* line 1, ../scss/global/_tables.scss */ -table { - width: 100%; } - /* line 3, ../scss/global/_tables.scss */ - table tr { - border-bottom: 1px solid #eee; } - /* line 5, ../scss/global/_tables.scss */ - table tr td, table tr th { - padding: 10px; } - /* line 11, ../scss/global/_tables.scss */ - table thead tr td, table thead tr th { - font-weight: bold; } - -/* line 1, ../scss/global/_typography.scss */ -html, body, input, button { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } - -/* line 4, ../scss/global/_typography.scss */ -h1, h2, h3, h4, h5, ul, ol, li, p, pre, div { - line-height: 1.5; } - -/* line 7, ../scss/global/_typography.scss */ -h1 { - font-size: 40px; } - -/* line 10, ../scss/global/_typography.scss */ -h2 { - font-size: 30px; } - -/* line 13, ../scss/global/_typography.scss */ -h3 { - font-size: 20px; } - -/* line 16, ../scss/global/_typography.scss */ -h4 { - font-size: 16px; } - -/* line 19, ../scss/global/_typography.scss */ -li { - margin: 0 0 10px 0; } - -/* line 1, ../scss/specific/_dropdown.scss */ -.has-dropdown .dropdown { - position: relative; } - /* line 4, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown > a:after { - display: inline-block; - position: relative; - top: -1px; - margin-left: 4px; - content: "▼"; - font-size: 8px; } - /* line 14, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown:hover .dropdown-menu { - display: block; } - -/* line 19, ../scss/specific/_dropdown.scss */ -.has-dropdown .dropdown-menu { - display: none; - top: 10px; - left: 10px; - position: absolute; - padding-top: 20px; - z-index: 10000; } - /* line 26, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown-menu, .has-dropdown .dropdown-menu a, .has-dropdown .dropdown-menu a:link, .has-dropdown .dropdown-menu a:visited { - color: #444444; } - /* line 29, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown-menu a.button { - color: white; } - /* line 32, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown-menu ul { - background: white; - padding: 10px; - min-width: 140px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); - list-style-type: none; } - /* line 39, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown-menu ul li { - padding-bottom: 10px; - margin-bottom: 10px; - border-bottom: 1px solid #eeeeee; } - /* line 43, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown-menu ul li:last-child { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; } - /* line 48, ../scss/specific/_dropdown.scss */ - .has-dropdown .dropdown-menu ul li a { - font-size: 14px; } - -/* line 1, ../scss/specific/_errors.scss */ -.error { - background: #DD3416; - color: white; } - -/* line 3, ../scss/specific/_header.scss */ -.header { - background: #444444; - margin-bottom: 10px; - padding: 15px; - color: white; } - @media screen and (max-width: 40em) { - /* line 3, ../scss/specific/_header.scss */ - .header { - height: 50px; - padding: 10px; - position: relative; } } - /* line 13, ../scss/specific/_header.scss */ - .header a, .header a:link, .header a:visited { - color: inherit; } - /* line 15, ../scss/specific/_header.scss */ - .header a.button, .header a:link.button, .header a:visited.button { - color: white; } - /* line 19, ../scss/specific/_header.scss */ - .header .nav { - list-style-type: none; } - /* line 21, ../scss/specific/_header.scss */ - .header .nav > li { - margin-bottom: 0; - display: inline-block; } - /* line 24, ../scss/specific/_header.scss */ - .header .nav > li:last-child .header-submodule { - margin-right: 0px; } - -/* line 30, ../scss/specific/_header.scss */ -.header-module, .header-submodule { - display: inline-block; - margin-right: 20px; } - -/* line 35, ../scss/specific/_header.scss */ -.header-module:last-child { - margin-right: 0px; } - -/* line 39, ../scss/specific/_header.scss */ -.logo { - vertical-align: middle; - line-height: 1; } - @media screen and (max-width: 40em) { - /* line 39, ../scss/specific/_header.scss */ - .logo { - margin-right: 0; } - /* line 44, ../scss/specific/_header.scss */ - .logo a { - font-size: 24px; - display: block; - position: static; - width: 100%; - height: 50px; - line-height: 50px; - text-align: center; - left: 0px; - top: 0px; - z-index: 10; - margin-right: 0; } } - -/* line 60, ../scss/specific/_header.scss */ -.logo-image a, .logo-image img { - display: block; - height: 100%; - width: 100%; } - -/* line 67, ../scss/specific/_header.scss */ -.mobile-menu-button { - position: absolute; - display: inline-block; - padding: 4px; - top: 50%; - margin-top: -17px; - z-index: 100; } - /* line 73, ../scss/specific/_header.scss */ - .mobile-menu-button .hamburger { - fill: white; } - -/* line 79, ../scss/specific/_header.scss */ -.account-link { - display: inline-block; } - -/* line 82, ../scss/specific/_header.scss */ -.sign-in { - margin-right: 20px; } - -/* line 1, ../scss/specific/_layout.scss */ -*, *:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - line-height: 1.5; } - -/* line 6, ../scss/specific/_layout.scss */ -html, body, .outer-wrapper { - height: 100%; } - -/* line 10, ../scss/specific/_layout.scss */ -body { - background: #eee; - font-size: 14px; } - @media screen and (max-width: 40em) { - /* line 10, ../scss/specific/_layout.scss */ - body { - overflow-x: hidden; } } - -/* line 18, ../scss/specific/_layout.scss */ -.outer-wrapper { - position: relative; } - -/* line 21, ../scss/specific/_layout.scss */ -.content-wrapper { - padding-bottom: 20px; } - -/* line 24, ../scss/specific/_layout.scss */ -.content-wrapper { - padding: 0 10px; - max-width: 1000px; - margin: 0 auto; } - @media screen and (max-width: 40em) { - /* line 24, ../scss/specific/_layout.scss */ - .content-wrapper { - overflow-x: hidden; - overflow-y: hidden; } } - -/* line 1, ../scss/specific/_loading.scss */ -.loading-module { - height: 70px; - position: relative; } - -@media screen and (min-width: 40em) { - /* line 3, ../scss/specific/_mobile_nav.scss */ - .mobile-only { - display: none !important; } } - -@media screen and (max-width: 40em) { - /* line 8, ../scss/specific/_mobile_nav.scss */ - .desktop-only { - display: none !important; } } - -/* line 14, ../scss/specific/_mobile_nav.scss */ -.mobile-nav { - position: fixed; - overflow: auto; - left: -200px; - left: calc((100% - 60px) * -1); - width: 200px; - width: calc(100% - 60px); - height: 100%; - top: 0px; - bottom: 0px; - background: #444; - color: white; - -moz-box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5); - -webkit-box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5); - box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5); - z-index: 100; } - -/* line 30, ../scss/specific/_mobile_nav.scss */ -.mobile-nav, .inner-wrapper { - -moz-transition: all 300ms ease-out 0ms; - -o-transition: all 300ms ease-out 0ms; - -webkit-transition: all 300ms ease-out; - -webkit-transition-delay: 0ms; - transition: all 300ms ease-out 0ms; } - -/* line 34, ../scss/specific/_mobile_nav.scss */ -.inner-wrapper { - position: relative; - left: 0px; } - -/* line 39, ../scss/specific/_mobile_nav.scss */ -.mobile-nav-open { - overflow: hidden; } - /* line 41, ../scss/specific/_mobile_nav.scss */ - .mobile-nav-open .mobile-nav { - left: 0px; } - /* line 44, ../scss/specific/_mobile_nav.scss */ - .mobile-nav-open .outer-wrapper { - overflow: hidden; } - /* line 46, ../scss/specific/_mobile_nav.scss */ - .mobile-nav-open .outer-wrapper .inner-wrapper { - left: 200px; - left: calc(100% - 60px); } - -@media screen and (max-width: 40em) { - /* line 56, ../scss/specific/_mobile_nav.scss */ - .desktop-nav { - display: none; } } - -/* line 63, ../scss/specific/_mobile_nav.scss */ -.mobile-menu .header-module, .mobile-menu .header-submodule { - display: block; - margin-right: 0px; } -/* line 67, ../scss/specific/_mobile_nav.scss */ -.mobile-menu > li { - margin-bottom: 0; - border-bottom: 1px rgba(255, 255, 255, 0.2) solid; } - /* line 70, ../scss/specific/_mobile_nav.scss */ - .mobile-menu > li:last-child { - border: none; } -/* line 74, ../scss/specific/_mobile_nav.scss */ -.mobile-menu .sign-in { - border-bottom: 1px rgba(255, 255, 255, 0.2) solid; - margin-right: 0px; } -/* line 78, ../scss/specific/_mobile_nav.scss */ -.mobile-menu a { - display: block; - height: auto; - line-height: inherit; - font-size: 15px; } - /* line 83, ../scss/specific/_mobile_nav.scss */ - .mobile-menu a, .mobile-menu a:link, .mobile-menu a:visited { - color: white; } -/* line 89, ../scss/specific/_mobile_nav.scss */ -.mobile-menu .dropdown > a:after { - display: inline-block; - position: relative; - top: -1px; - margin-left: 4px; - content: "▼"; - font-size: 8px; } -/* line 99, ../scss/specific/_mobile_nav.scss */ -.mobile-menu .dropdown-top-level { - padding: 10px; } -/* line 102, ../scss/specific/_mobile_nav.scss */ -.mobile-menu .dropdown-menu { - background: #333; } - /* line 104, ../scss/specific/_mobile_nav.scss */ - .mobile-menu .dropdown-menu li { - padding: 10px; - margin-bottom: 0; - border-top: 1px rgba(255, 255, 255, 0.2) solid; } -/* line 110, ../scss/specific/_mobile_nav.scss */ -.mobile-menu .submit { - margin: 10px; } - -/* line 115, ../scss/specific/_mobile_nav.scss */ -.mobile-submit { - padding: 10px; - border-bottom: 1px rgba(255, 255, 255, 0.2) solid; } - /* line 118, ../scss/specific/_mobile_nav.scss */ - .mobile-submit .button { - max-width: none; } - -/* line 1, ../scss/specific/_notifications.scss */ -.notification-item { - margin-bottom: 10px; } - -/* line 1, ../scss/specific/_posts.scss */ -.more-button { - display: block; } - -/* line 1, ../scss/specific/_users.scss */ -.user-list, .user-table { - font-size: 13px; } - /* line 4, ../scss/specific/_users.scss */ - .user-list .user .user-avatar, .user-table .user .user-avatar { - height: 30px; - width: 30px; - background-size: 30px 30px; - display: block; - -moz-border-radius: 30px; - -webkit-border-radius: 30px; - border-radius: 30px; } - -/* line 16, ../scss/specific/_users.scss */ -.filter-sort { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; - padding: 15px; - background: rgba(0, 0, 0, 0.05); } - /* line 6, ../scss/includes/_mixins.scss */ - .filter-sort:before, .filter-sort:after { - content: ""; - display: table; } - /* line 10, ../scss/includes/_mixins.scss */ - .filter-sort:after { - clear: both; } - /* line 20, ../scss/specific/_users.scss */ - .filter-sort a, .filter-sort span { - display: inline-block; - margin-right: 20px; } - /* line 23, ../scss/specific/_users.scss */ - .filter-sort a.active, .filter-sort span.active { - border-bottom: 2px solid #7ac0e4; } - /* line 26, ../scss/specific/_users.scss */ - .filter-sort a:last-child, .filter-sort span:last-child { - margin-right: 0; } - /* line 30, ../scss/specific/_users.scss */ - .filter-sort .filter { - float: left; } - /* line 33, ../scss/specific/_users.scss */ - .filter-sort .sort { - float: right; } diff --git a/packages/telescope-theme-base/lib/client/scss/global/_forms.scss b/packages/telescope-theme-base/lib/client/scss/global/_forms.scss index 0b1f346ee..a3ffa06f7 100644 --- a/packages/telescope-theme-base/lib/client/scss/global/_forms.scss +++ b/packages/telescope-theme-base/lib/client/scss/global/_forms.scss @@ -77,13 +77,13 @@ form, .accounts-dialog{ width:100%; font-size:14px; @include border-box; - border:1px solid $grey; - @include single-transition(border-color, 500ms); - // @include box-shadow(inset 0px 0px 0px 1px black(0.2)); + border: 1px solid $grey; + transition: $border-color, 500ms; + // box-shadow: inset 0px 0px 0px 1px black(0.2); &:focus{ outline: none; border-color:$red; - @include box-shadow(0px 0px 5px 0px rgba($red,0.3)); + box-shadow: 0px 0px 5px 0px rgba($red,0.3); } &[type="number"]{ width: 30%; @@ -157,7 +157,7 @@ input[type="search"]{ width: 200px!important; padding:10px; font-size:14px; - @include box-shadow(0 1px 1px black(0.15)); + box-shadow: 0 1px 1px black(0.15); } .help-block{ @@ -168,7 +168,7 @@ input[type="search"]{ border: 1px solid #B5B0B0; } .comment-field{ - margin-bottom: 10px; + margin-bottom: 10px; } .fieldset-heading{ padding-bottom: 5px; diff --git a/packages/telescope-theme-base/lib/client/scss/includes/_mixins.scss b/packages/telescope-theme-base/lib/client/scss/includes/_mixins.scss index f5707340f..9a7a46c16 100644 --- a/packages/telescope-theme-base/lib/client/scss/includes/_mixins.scss +++ b/packages/telescope-theme-base/lib/client/scss/includes/_mixins.scss @@ -27,10 +27,10 @@ $grid-margin: 10px; @mixin vcenter { position: relative; top: 50%; - @include translateY(-50%); + transform: translateY(-50%); } @mixin animate($property: all){ - @include single-transition($property, 300ms, 0ms, ease-out); + transition: $property, 300ms, 0ms, ease-out; } @mixin border-box{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ @@ -111,21 +111,21 @@ $grid-margin: 10px; .popover{ background:white; border:1px solid $red; - @include border-radius(3px); - @include box-shadow(0px 1px 2px 0px black(0.25)); + border-radius: 3px; + box-shadow: 0px 1px 2px 0px black(0.25); z-index:100; - @include transition(all, 300ms); + transition: all, 300ms; } // .grid-block{ // background:#fff; -// @include border-radius(3px); +// border-radius: 3px; // // border:1px solid $light-blue; // padding:$grid-padding; // margin-bottom:$grid-margin; -// @include box-shadow(0 1px 1px black(0.15)); +// box-shadow: 0 1px 1px black(0.15); // } .has-shadow{ - @include box-shadow(0 1px 1px black(0.15)); + box-shadow: 0 1px 1px black(0.15); } .cf{ @include cf; diff --git a/packages/telescope-theme-base/lib/client/scss/screen.scss b/packages/telescope-theme-base/lib/client/scss/screen.scss index 95ed9c4b2..4a7498513 100644 --- a/packages/telescope-theme-base/lib/client/scss/screen.scss +++ b/packages/telescope-theme-base/lib/client/scss/screen.scss @@ -1,8 +1,3 @@ -@import "compass/reset"; -// @import "global/normalize"; - -@import "compass/css3"; - // Includes @import "includes/breakpoints"; diff --git a/packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss b/packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss index 816195186..474fdd335 100644 --- a/packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss +++ b/packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss @@ -33,8 +33,8 @@ background:white; padding:10px; min-width:140px; - @include border-radius(3px); - @include box-shadow(0 1px 3px black(0.35)); + border-radius: 3px; + box-shadow: 0 1px 3px black(0.35); list-style-type: none; li{ padding-bottom: 10px; diff --git a/packages/telescope-theme-base/lib/client/scss/specific/_layout.scss b/packages/telescope-theme-base/lib/client/scss/specific/_layout.scss index 0df7a3843..71a9386da 100644 --- a/packages/telescope-theme-base/lib/client/scss/specific/_layout.scss +++ b/packages/telescope-theme-base/lib/client/scss/specific/_layout.scss @@ -1,6 +1,6 @@ *, *:before, *:after { - @include box-sizing(border-box); - line-height: 1.5; + box-sizing: border-box; + line-height: 1.5; } html, body, .outer-wrapper{ diff --git a/packages/telescope-theme-base/lib/client/scss/specific/_mobile_nav.scss b/packages/telescope-theme-base/lib/client/scss/specific/_mobile_nav.scss index 3ce118e89..293f3a35f 100644 --- a/packages/telescope-theme-base/lib/client/scss/specific/_mobile_nav.scss +++ b/packages/telescope-theme-base/lib/client/scss/specific/_mobile_nav.scss @@ -23,12 +23,12 @@ $mobile-nav-width: 200px; bottom: 0px; background:#444; color:white; - @include box-shadow(inset -3px 0px 7px black(0.5)); + box-shadow: inset -3px 0px 7px black(0.5); z-index: 100; } .mobile-nav, .inner-wrapper{ - @include single-transition(all, 300ms, ease-out, 0ms); + transition: all, 300ms, ease-out, 0ms; } .inner-wrapper{ diff --git a/packages/telescope-theme-base/lib/client/scss/specific/_users.scss b/packages/telescope-theme-base/lib/client/scss/specific/_users.scss index b1310bb05..400dde558 100644 --- a/packages/telescope-theme-base/lib/client/scss/specific/_users.scss +++ b/packages/telescope-theme-base/lib/client/scss/specific/_users.scss @@ -1,15 +1,15 @@ .user-list, .user-table{ - font-size: 13px; + font-size: 13px; .user{ .user-avatar{ height:30px; width:30px; background-size: 30px 30px; display:block; - @include border-radius(30px); + border-radius: 30px; } .posts-list{ - + } } } @@ -26,7 +26,7 @@ &:last-child{ margin-right: 0; } - } + } .filter{ float: left; } diff --git a/packages/telescope-theme-base/package.js b/packages/telescope-theme-base/package.js index ca880702e..bc231228c 100644 --- a/packages/telescope-theme-base/package.js +++ b/packages/telescope-theme-base/package.js @@ -2,10 +2,38 @@ Package.describe({summary: "Telescope base theme"}); Package.onUse(function (api) { - api.use(['telescope-lib', 'telescope-base'], ['client', 'server']); - - api.add_files([ - 'lib/client/css/screen.css', - ], ['client']); - + api.use(['telescope-lib', 'telescope-base', 'fourseven:scss'], ['client', 'server']); + + api.addFiles( + [ + // global + 'lib/client/scss/global/_forms.scss', + 'lib/client/scss/global/_links.scss', + 'lib/client/scss/global/_main.scss', + 'lib/client/scss/global/_markdown.scss', + 'lib/client/scss/global/_tables.scss', + 'lib/client/scss/global/_typography.scss', + + // includes + 'lib/client/scss/includes/_breakpoints.scss', + 'lib/client/scss/includes/_colors.scss', + 'lib/client/scss/includes/_mixins.scss', + + // specific + 'lib/client/scss/specific/_dropdown.scss', + 'lib/client/scss/specific/_errors.scss', + 'lib/client/scss/specific/_header.scss', + 'lib/client/scss/specific/_layout.scss', + 'lib/client/scss/specific/_loading.scss', + 'lib/client/scss/specific/_mobile_nav.scss', + 'lib/client/scss/specific/_notifications.scss', + 'lib/client/scss/specific/_posts.scss', + 'lib/client/scss/specific/_users.scss', + + // screen + 'lib/client/scss/screen.scss' + ], + 'client' + ); + }); \ No newline at end of file diff --git a/packages/telescope-theme-base/versions.json b/packages/telescope-theme-base/versions.json index ff479acf3..cae06800e 100644 --- a/packages/telescope-theme-base/versions.json +++ b/packages/telescope-theme-base/versions.json @@ -52,6 +52,10 @@ "follower-livedata", "1.0.2" ], + [ + "fourseven:scss", + "1.0.0" + ], [ "geojson-utils", "1.0.1" diff --git a/packages/telescope-theme-hubble/lib/client/css/screen.css b/packages/telescope-theme-hubble/lib/client/css/screen.css deleted file mode 100644 index ed08e4648..000000000 --- a/packages/telescope-theme-hubble/lib/client/css/screen.css +++ /dev/null @@ -1,1314 +0,0 @@ -/* Welcome to Compass. - * In this file you should write your main styles. (or centralize your imports) - * Import this file using the following HTML or equivalent: - * */ -/* line 35, ../scss/partials/_grid.scss */ -.content-wrapper { - padding: 0 10px; } - @media screen and (max-width: 30em) { - /* line 35, ../scss/partials/_grid.scss */ - .content-wrapper { - overflow-x: hidden; } } - -/* line 41, ../scss/partials/_grid.scss */ -.grid { - width: 100%; - max-width: 1000px; - margin-left: auto; - margin-right: auto; } - -/* line 47, ../scss/partials/_grid.scss */ -.grid-small, .at-form { - width: 100%; - margin-left: auto; - margin-right: auto; } - @media screen and (min-width: 30em) { - /* line 47, ../scss/partials/_grid.scss */ - .grid-small, .at-form { - max-width: 500px; } } - -/*================ FUNCTIONS =================*/ -/*================ MIXINS =================*/ -/*================ CLASSES =================*/ -/* line 108, ../scss/partials/_mixins.scss */ -.popover, .share-options { - background: white; - border: 1px solid #DD3416; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); - -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); - z-index: 100; - -moz-transition: all, 300ms; - -o-transition: all, 300ms; - -webkit-transition: all, 300ms; - transition: all, 300ms; } - -/* line 116, ../scss/partials/_mixins.scss */ -.grid-block, .comment-content, .comment-new, .error { - background: #fff; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - padding: 15px; - margin-bottom: 10px; - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -/* line 124, ../scss/partials/_mixins.scss */ -.has-shadow, .single-post .posts .post, .posts-wrapper, .post-body { - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -/* line 127, ../scss/partials/_mixins.scss */ -.cf, .queue-container ul, .comment-new, .comment-new .comment-submit { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; } - /* line 3, ../scss/partials/_mixins.scss */ - .cf:before, .queue-container ul:before, .comment-new:before, .comment-new .comment-submit:before, .cf:after, .queue-container ul:after, .comment-new:after, .comment-new .comment-submit:after { - content: ""; - display: table; } - /* line 7, ../scss/partials/_mixins.scss */ - .cf:after, .queue-container ul:after, .comment-new:after, .comment-new .comment-submit:after { - clear: both; } - -/* line 130, ../scss/partials/_mixins.scss */ -.header .logo, .nav { - position: relative; - top: 50%; - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); } - -/*================ FLEXBOX =================*/ -/* line 1, ../scss/partials/_typography.scss */ -body, textarea, input, button, input[type="submit"], input[type="button"] { - font-family: "Open Sans", "Proxima Nova Soft", "proxima-nova-soft", "PT SANS", "Helvetica Neue", Helvetica, sans-serif; } - -/* line 4, ../scss/partials/_typography.scss */ -body, textarea, input { - color: #4a4444; - line-height: 1.6; } - -/* line 11, ../scss/partials/_typography.scss */ -h2 { - font-size: 36px; - margin-bottom: 10px; } - -/* line 15, ../scss/partials/_typography.scss */ -h3 { - font-weight: bold; - margin-bottom: 10px; - color: #b3c1c6; } - -/* line 20, ../scss/partials/_typography.scss */ -.small { - font-size: 80%; - color: #b3c1c6; } - -/* line 24, ../scss/partials/_typography.scss */ -strong { - font-weight: bold; } - -/* line 27, ../scss/partials/_typography.scss */ -em { - font-style: italic; } - -@font-face { - font-family: 'icomoon'; - src: url("fonts/icomoon.eot"); } -@font-face { - font-family: 'icomoon'; - src: url(data:font/opentype;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+ClRoaXMgaXMgYSBjdXN0b20gU1ZHIGZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uCjAKPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJpY29tb29uIiBob3Jpei1hZHYteD0iNTEyIiA+Cjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSI1MTIiIGFzY2VudD0iNDgwIiBkZXNjZW50PSItMzIiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSI1MTIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3g3MzsiIGQ9Ik0gMzY0LjYzMiwzOTQuNzA4bCAxMDguNjMyLTEwOC42MzJsLTEwOC42MzItMTA4LjYzMmwwLjAwLDc3LjU5NSBsLTEyNC4xNTEsMzEuMDM3bCAxMjQuMTUxLDMxLjAzOUwgMzY0LjYzMiwzOTQuNzA4ICBNIDM2NC42MjUsNDI1Ljc0NgoJYy0zLjk5NywwLjAwLTguMDI5LTAuNzcyLTExLjg2OS0yLjM2M2MtMTEuNTk4LTQuODA0LTE5LjE2LTE2LjEyMi0xOS4xNi0yOC42NzZsMC4wMC01My4zNjEgbC0xMDAuNjQzLTI1LjE2CgljLTEzLjgxNS0zLjQ1Ni0yMy41MS0xNS44NjktMjMuNTEtMzAuMTEyYzAuMDAtMTQuMjQxLCA5LjY5My0yNi42NTYsIDIzLjUxLTMwLjExMWwgMTAwLjY0My0yNS4xNmwwLjAwLTUzLjM2MSAKCWMwLjAwLTEyLjU1NiwgNy41NjItMjMuODcyLCAxOS4xNi0yOC42NzZjIDMuODQtMS41ODgsIDcuODcyLTIuMzYzLCAxMS44NjktMi4zNjNjIDguMDc4LDAuMDAsIDE2LjAxNSwzLjE1MywgMjEuOTUzLDkuMDkybCAxMDguNjM0LDEwOC42MzQKCWMgMTIuMTIyLDEyLjEyLCAxMi4xMjIsMzEuNzcyLDAuMDAsNDMuODk0bC0xMDguNjM0LDEwOC42MzJDIDM4MC42NCw0MjIuNTkzLCAzNzIuNzAzLDQyNS43NDYsIDM2NC42MjUsNDI1Ljc0NkwgMzY0LjYyNSw0MjUuNzQ2eiBNIDE0Ny4zNjgsMjcwLjU1NwoJbDAuMDAtNzcuNTk1IGwgMTI0LjE1MS0zMS4wMzlsLTEyNC4xNTEtMzEuMDM3bDAuMDAtNzcuNTk1IGwtMTA4LjYzMiwxMDguNjMyTCAxNDcuMzY4LDI3MC41NTcgTSAxNDcuMzczLDMwMS41OTVjLTguMDc4LDAuMDAtMTYuMDE1LTMuMTUzLTIxLjk1Mi05LjA5MgoJbC0xMDguNjMyLTEwOC42MzJjLTEyLjEyMy0xMi4xMjItMTIuMTIzLTMxLjc3MywwLjAwLTQzLjg5NGwgMTA4LjYzMi0xMDguNjMyYyA1LjkzOC01LjkzOSwgMTMuODc2LTkuMDkyLCAyMS45NTItOS4wOTIKCWMgNC4wMCwwLjAwLCA4LjAzMiwwLjc3MiwgMTEuODcyLDIuMzYzYyAxMS41OTgsNC44MDQsIDE5LjE2LDE2LjEyMiwgMTkuMTYsMjguNjc1bDAuMDAsNTMuMzYxIGwgMTAwLjY0MywyNS4xNgoJYyAxMy44MTYsMy40NTUsIDIzLjUwOCwxNS44NjksIDIzLjUwOCwzMC4xMTFjMC4wMCwxNC4yNDMtOS42OTIsMjYuNjU2LTIzLjUwOCwzMC4xMTJsLTEwMC42NDMsMjUuMTU4bDAuMDAsNTMuMzYyIAoJYzAuMDAsMTIuNTU0LTcuNTYyLDIzLjg3MS0xOS4xNiwyOC42NzZDIDE1NS40MDYsMzAwLjgyMiwgMTUxLjM3MywzMDEuNTk1LCAxNDcuMzczLDMwMS41OTVMIDE0Ny4zNzMsMzAxLjU5NXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3g2MzsiIGQ9Ik0gMzM0Ljg5NCw0MTMuMzM1YyA3OC40MjQsMC4wMCwgMTQxLjk5OC02My41NzYsIDE0MS45OTgtMTQyLjAwMmMwLjAwLTc4LjQyNC02My41NzQtMTQxLjk5OC0xNDEuOTk4LTE0Mi4wMDFsMC4wMC0wLjAwMSAKCWwtNjMuMTE3LDAuMDAgbC05NC42NjgtOTQuNjY4bDAuMDAsOTQuNjY4IGwwLjAwLDAuMDA0IGMtNzguNDI3LDAuMDAtMTQyLjAwMSw2My41NzQtMTQyLjAwMSwxNDEuOTk4YzAuMDAsNzguNDI2LCA2My41NzQsMTQyLjAwMiwgMTQyLjAwMSwxNDIuMDAybCAxNTcuNzgsMC4wMCAKCSBNIDMzNC44OTQsNDQ0Ljg5MUwgMTc3LjExLDQ0NC44OTEgYy05NS43MCwwLjAwLTE3My41NTYtNzcuODU3LTE3My41NTYtMTczLjU1OGMwLjAwLTg0LjkyOCwgNjEuMzExLTE1NS44MDQsIDE0Mi4wMDEtMTcwLjY4bDAuMDAtNjUuOTg5IAoJYzAuMDAtMTIuNzYzLCA3LjY4OS0yNC4yNjksIDE5LjQ4LTI5LjE1MmMgMy45MDMtMS42MTgsIDguMDA0LTIuNDA0LCAxMi4wNjktMi40MDRjIDguMjEyLDAuMDAsIDE2LjI4MywzLjIwNSwgMjIuMzIxLDkuMjQzbCA4NS40MjIsODUuNDI1bCA1MC4wNDcsMC4wMCAKCWMgOTUuNjk3LDAuMDAsIDE3My41NTQsNzcuODYxLCAxNzMuNTU0LDE3My41NThDIDUwOC40NDgsMzY3LjAzNCwgNDMwLjU4OSw0NDQuODkxLCAzMzQuODk0LDQ0NC44OTFMIDMzNC44OTQsNDQ0Ljg5MXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyMTkzOyIgZD0iTSA1MDEuNzYsMzE2LjE2MWMwLjAwLTE1LjcyNC02LjAwMS0zMS40NDctMTcuOTk3LTQzLjQ0N0wgMjk5LjQ0MSw4OC4zOTNjLTIzLjk5Mi0yMy45OTItNjIuODk1LTIzLjk5Mi04Ni44ODgsMC4wMAoJbC0xODQuMzIsMTg0LjMyMWMtMjMuOTkyLDI0LjAwLTIzLjk5Miw2Mi44OTUsIDAuMDAxLDg2Ljg5MmMgMjMuOTkyLDIzLjk5MiwgNjIuODk1LDIzLjk5MiwgODYuODg4LDAuMDBsIDE0MC44NzQtMTQwLjg3OEwgMzk2Ljg3MywzNTkuNjA0CgljIDIzLjk5NiwyMy45OTIsIDYyLjg5OSwyMy45OTIsIDg2Ljg5MiwwLjAwQyA0OTUuNzU5LDM0Ny42MDgsIDUwMS43NiwzMzEuODg1LCA1MDEuNzYsMzE2LjE2MUwgNTAxLjc2LDMxNi4xNjF6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4NmM7IiBkPSJNIDQ0Mi41MTQsMzQ4LjM0M2wtMTA4LjgwLDAuMDAgYy0zNC4yOCwwLjAwLTYyLjE3MS0yNy44OTEtNjIuMTcxLTYyLjE3MWwwLjAwLTMxLjA4NiBsLTMxLjA4NSwwLjAwIGwwLjAwLDMxLjA4NiAKCWMwLjAwLDM0LjI4MS0yNy44OTEsNjIuMTcxLTYyLjE3MSw2Mi4xNzFsLTEwOC44MCwwLjAwIGMtMzQuMjgxLDAuMDAtNjIuMTcxLTI3Ljg5MS02Mi4xNzEtNjIuMTcxbDAuMDAtMTI0LjM0MyBjMC4wMC0zNC4yODEsIDI3Ljg5MS02Mi4xNzEsIDYyLjE3MS02Mi4xNzFsIDEwOC44MCwwLjAwIAoJYyAzNC4yODEsMC4wMCwgNjIuMTcxLDI3Ljg5LCA2Mi4xNzEsNjIuMTcxbDAuMDAsMzEuMDg2IGwgMzEuMDg1LDAuMDAgbDAuMDAtMzEuMDg2IGMwLjAwLTM0LjI4MSwgMjcuODkxLTYyLjE3MSwgNjIuMTcxLTYyLjE3MWwgMTA4LjgwLDAuMDAgCgljIDM0LjI4MSwwLjAwLCA2Mi4xNzEsMjcuODksIDYyLjE3MSw2Mi4xNzFsMC4wMCwxMjQuMzQzIEMgNTA0LjY4NSwzMjAuNDUyLCA0NzYuNzk1LDM0OC4zNDMsIDQ0Mi41MTQsMzQ4LjM0M3ogTSAzNDkuMjU3LDE5Mi45MTVMIDM2NC44MCwxOTIuOTE1IAoJYyA4LjU4NCwwLjAwLCAxNS41NDMsNi45NTksIDE1LjU0MywxNS41NDNsMC4wMCwzMS4wODUgYzAuMDAsOC41ODQtNi45NTksMTUuNTQzLTE1LjU0MywxNS41NDNsLTE1LjU0MywwLjAwIGwwLjAwLDE1LjU0MyBsIDc3LjcxNCwwLjAwIGwwLjAwLTkzLjI1NyBsLTc3LjcxNCwwLjAwIEwgMzQ5LjI1NywxOTIuOTE1IHoKCSBNIDM2NC44MCwyMzkuNTQzbDAuMDAtMzEuMDg1IEwgMTQ3LjIwLDIwOC40NTggbDAuMDAsMzEuMDg1IEwgMzY0LjgwLDIzOS41NDMgeiBNIDE2Mi43NDMsMjU1LjA4NkwgMTQ3LjIwLDI1NS4wODYgYy04LjU4NCwwLjAwLTE1LjU0My02Ljk1OS0xNS41NDMtMTUuNTQzbDAuMDAtMzEuMDg1IAoJYzAuMDAtOC41ODQsIDYuOTU5LTE1LjU0MywgMTUuNTQzLTE1LjU0M2wgMTUuNTQzLDAuMDAgbDAuMDAtMTUuNTQ0IEwgODUuMDI5LDE3Ny4zNzEgbDAuMDAsOTMuMjU3IGwgNzcuNzE0LDAuMDAgTCAxNjIuNzQzLDI1NS4wODYgeiBNIDIwOS4zNzEsMTYxLjgyOQoJYzAuMDAtMTcuMDk2LTEzLjk4OS0zMS4wODYtMzEuMDg1LTMxLjA4NmwtMTA4LjgwLDAuMDAgYy0xNy4wOTgsMC4wMC0zMS4wODYsMTMuOTktMzEuMDg2LDMxLjA4NmwwLjAwLDEyNC4zNDMgYzAuMDAsMTcuMDk3LCAxMy45ODcsMzEuMDg2LCAzMS4wODYsMzEuMDg2bCAxMDguODAsMC4wMCAKCWMgMTcuMDk2LDAuMDAsIDMxLjA4NS0xMy45ODksIDMxLjA4NS0zMS4wODZsMC4wMC0zMS4wODYgbC0zMS4wODUsMC4wMCBsMC4wMCwxNS41NDMgYzAuMDAsOC41ODQtNi45NTksMTUuNTQzLTE1LjU0MywxNS41NDNMIDg1LjAyOSwyODYuMTcyIAoJYy04LjU4NCwwLjAwLTE1LjU0My02Ljk1OS0xNS41NDMtMTUuNTQzbDAuMDAtOTMuMjU3IGMwLjAwLTguNTg0LCA2Ljk1OS0xNS41NDMsIDE1LjU0My0xNS41NDNsIDc3LjcxNCwwLjAwIGMgOC41ODQsMC4wMCwgMTUuNTQzLDYuOTU5LCAxNS41NDMsMTUuNTQzCglsMC4wMCwxNS41NDQgbCAzMS4wODUsMC4wMCBMIDIwOS4zNzEsMTYxLjgyOSB6IE0gNDczLjYwLDE2MS44MjljMC4wMC0xNy4wOTYtMTMuOTktMzEuMDg2LTMxLjA4Ni0zMS4wODZsLTEwOC44MCwwLjAwIGMtMTcuMDk4LDAuMDAtMzEuMDg1LDEzLjk5LTMxLjA4NSwzMS4wODZsMC4wMCwzMS4wODYgCglsIDMxLjA4NSwwLjAwIGwwLjAwLTE1LjU0NCBjMC4wMC04LjU4NCwgNi45NjEtMTUuNTQzLCAxNS41NDQtMTUuNTQzbCA3Ny43MTQsMC4wMCBjIDguNTg0LDAuMDAsIDE1LjU0Myw2Ljk1OSwgMTUuNTQzLDE1LjU0M2wwLjAwLDkzLjI1NyAKCWMwLjAwLDguNTg0LTYuOTU5LDE1LjU0My0xNS41NDMsMTUuNTQzbC03Ny43MTQsMC4wMCBjLTguNTg0LDAuMDAtMTUuNTQ0LTYuOTU5LTE1LjU0NC0xNS41NDNsMC4wMC0xNS41NDMgbC0zMS4wODUsMC4wMCBsMC4wMCwzMS4wODYgCgljMC4wMCwxNy4wOTcsIDEzLjk4NywzMS4wODYsIDMxLjA4NSwzMS4wODZsIDEwOC44MCwwLjAwIGMgMTcuMDk2LDAuMDAsIDMxLjA4Ni0xMy45ODksIDMxLjA4Ni0zMS4wODZMIDQ3My42MCwxNjEuODI5IHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyNzA1OyIgZD0iTSAxOTUuODM5LDEwLjg4YyAxLjEwNiwwLjAwLCAyLjIxNywwLjAzMiwgMy4zMjgsMC4wOTFjIDE3LjA4OCwwLjk0OCwgMzIuOTYxLDkuMTI2LCA0My42NTEsMjIuNDg3bCAyNDAuNjQxLDMwMC43OTkKCWMgMjAuNzU2LDI1Ljk0NCwgMTYuNTQ0LDYzLjgwMy05LjM5Niw4NC41NTZjLTI1Ljk0NiwyMC43NTktNjMuODA0LDE2LjU1LTg0LjU1OS05LjM5MUwgMTkwLjg1MiwxNjEuMTA2bC03Mi43OTEsNzIuNzkyCgljLTIzLjQ5NywyMy40OTctNjEuNTg1LDIzLjQ5Ny04NS4wODMsMC4wMGMtMjMuNDkzLTIzLjQ5Mi0yMy40OTMtNjEuNTg1LDAuMDAtODUuMDc4bCAxMjAuMzItMTIwLjMxOQoJQyAxNjQuNjEzLDE3LjE4OSwgMTc5LjkyOCwxMC44OCwgMTk1LjgzOSwxMC44OEwgMTk1LjgzOSwxMC44OHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyYjsiIGQ9Ik0gMzAwLjMxNiwyNjguMzE5bC0wLjAwMSwxNDMuNjk1YzAuMDAsMjQuNDcyLTE5Ljg0MSw0NC4zMTItNDQuMzE0LDQ0LjMxMgoJYy0yNC40OCwwLjAwLTQ0LjMxOS0xOS44MzktNDQuMzE2LTQ0LjMxNmwwLjAwLTE0My42OTQgbC0xNDMuNjk1LTAuMDAxYy0yNC40NzksMC4wMDEtNDQuMzE3LTE5LjgzNy00NC4zMTYtNDQuMzE2CgljMC4wMC0yNC40NzIsIDE5Ljg0LTQ0LjMxNCwgNDQuMzEyLTQ0LjMxNGwgMTQzLjY5OCwwLjAwIGwwLjAwLTE0My42OTdjIDAuMDAxLTI0LjQ3NCwgMTkuODQzLTQ0LjMxNSwgNDQuMzE1LTQ0LjMxNQoJYyAxMi4yMzgsMC4wMDMsIDIzLjMxOCw0Ljk2MSwgMzEuMzM4LDEyLjk4MmMgOC4wMTksOC4wMTksIDEyLjk3NywxOS4wOTgsIDEyLjk3OSwzMS4zMzRsIDAuMDAxLDE0My42OTVsIDE0My42OTQsMC4wMCAKCWMgMTIuMjM4LDAuMDA1LCAyMy4zMTgsNC45NjQsIDMxLjMzNiwxMi45OGMgOC4wMTksOC4wMjIsIDEyLjk3OCwxOS4xMDEsIDEyLjk4LDMxLjMzN2MwLjAwLDI0LjQ3Mi0xOS44NDEsNDQuMzEyLTQ0LjMxNSw0NC4zMTUKCUwgMzAwLjMxNiwyNjguMzE5eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeDI2MzA7IiBkPSJNIDMwMS43MSwxNzcuNDg0bCAxNDguMjIxLDAuMDAzYyAyNS4yNDMsMC4wMCwgNDUuNzA4LDIwLjQ2NiwgNDUuNzA4LDQ1LjcwOGMwLjAwLDI1LjI1MS0yMC40NjEsNDUuNzE0LTQ1LjcxMSw0NS43MTEKCUwgMzAxLjcxLDI2OC45MDUgbC05MS40MjEsMC4wMDFsLTE0OC4yMjEsMC4wMGMtMjUuMjQzLTAuMDAxLTQ1LjcwOS0yMC40NjctNDUuNzA5LTQ1LjcxYyAwLjAwMy0xMi42MjIsIDUuMTE5LTI0LjA1MSwgMTMuMzktMzIuMzIzCgljIDguMjcxLTguMjc0LCAxOS43MC0xMy4zODYsIDMyLjMyMS0xMy4zODlsIDE0OC4yMTktMC4wMDNMIDMwMS43MSwxNzcuNDgyIHpNIDMwMS43MSwzMzEuMDg0bCAxNDguMjIxLDAuMDAzYyAyNS4yNDMsMC4wMCwgNDUuNzA4LDIwLjQ2NiwgNDUuNzA4LDQ1LjcwOGMwLjAwLDI1LjI1MS0yMC40NjEsNDUuNzE0LTQ1LjcxMSw0NS43MTEKCUwgMzAxLjcxLDQyMi41MDUgbC05MS40MjEsMC4wMDFsLTE0OC4yMjEsMC4wMGMtMjUuMjQzLTAuMDAxLTQ1LjcwOS0yMC40NjctNDUuNzA5LTQ1LjcxYyAwLjAwMy0xMi42MjIsIDUuMTE5LTI0LjA1MSwgMTMuMzktMzIuMzIzCgljIDguMjcxLTguMjc0LCAxOS43MC0xMy4zODYsIDMyLjMyMS0xMy4zODlsIDE0OC4yMTktMC4wMDNMIDMwMS43MSwzMzEuMDgyIHpNIDMwMS43MSwyMy44ODRsIDE0OC4yMjEsMC4wMDNjIDI1LjI0MywwLjAwLCA0NS43MDgsMjAuNDY2LCA0NS43MDgsNDUuNzA4YzAuMDAsMjUuMjUyLTIwLjQ2MSw0NS43MTQtNDUuNzExLDQ1LjcxMQoJTCAzMDEuNzEsMTE1LjMwNSBsLTkxLjQyMSwwLjAwM0wgNjIuMDY3LDExNS4zMDggYy0yNS4yNDMtMC4wMDMtNDUuNzA5LTIwLjQ2Ny00NS43MDktNDUuNzFjIDAuMDAzLTEyLjYyMiwgNS4xMTktMjQuMDUxLCAxMy4zOS0zMi4zMjMKCWMgOC4yNzEtOC4yNzQsIDE5LjcwLTEzLjM4NiwgMzIuMzIxLTEzLjM4OWwgMTQ4LjIxOS0wLjAwM0wgMzAxLjcxLDIzLjg4NCB6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4NzU7IiBkPSJNIDI1Ni4wMCw0MTUuNDI5YyA0Mi4yOSwwLjAwLCA3Ni41NzEtMzQuMjgxLCA3Ni41NzEtNzYuNTcxbDAuMDAtNjEuMjU3IGMwLjAwLTI1LjA1LTYxLjI1Ny0xMDcuMjAtNjEuMjU3LTEwNy4yMGwtMC40MjQtMC40MjUKCWMgODEuNTU0LTQuNDY3LCAxNTMuNDAyLTQ1LjM4MSwgMTk5LjUxLTEwNi43NTFsMC4wMC0zMC42NTIgbC00MjguODAsMC4wMCBsMC4wMCwzMC42NTUgYyA0Ni4xMDksNjEuMzY3LCAxMTcuOTU2LDEwMi4yODEsIDE5OS41MSwxMDYuNzQ4bC0wLjQyNSwwLjQyNQoJYzAuMDAsMC4wMC02MS4yNTcsODIuMTUtNjEuMjU3LDEwNy4yMGwwLjAwLDYxLjI1NyBDIDE3OS40MjksMzgxLjE0NywgMjEzLjcxLDQxNS40MjksIDI1Ni4wMCw0MTUuNDI5IE0gMjU2LjAwLDQ0Ni4wNTdjLTU5LjExLDAuMDAtMTA3LjIwLTQ4LjA5LTEwNy4yMC0xMDcuMjAKCWwwLjAwLTYxLjI1NyBjMC4wMC0xMi4yMTUsIDQuMjIzLTMxLjIyNywgMzUuNTQyLTc5LjYzMWMgMS4wNi0xLjYzNywgMi4xMTYtMy4yNTgsIDMuMTY5LTQuODU4Yy02Ny41MzktMTUuODQzLTEyNy44OC01NC44OTktMTcwLjM5Ny0xMTEuNDg3CgljLTMuOTg2LTUuMzA2LTYuMTQxLTExLjc2Mi02LjE0MS0xOC4zOTlsMC4wMC0zMC42NTUgYzAuMDAtMTYuOTE1LCAxMy43MTMtMzAuNjI5LCAzMC42MjktMzAuNjI5bCA0MjguODAsMC4wMCBjIDE2LjkxNSwwLjAwLCAzMC42MjksMTMuNzE0LCAzMC42MjksMzAuNjI5CglsMC4wMCwzMC42NTIgYzAuMDAsNi42MzctMi4xNTYsMTMuMDkzLTYuMTQxLDE4LjM5N2MtNDIuNTE2LDU2LjU4OS0xMDIuODU3LDk1LjY0OC0xNzAuMzk3LDExMS40OTFjIDEuMDUyLDEuNjAsIDIuMTA4LDMuMjIsIDMuMTY5LDQuODU4CgljIDMxLjMxOSw0OC40MDQsIDM1LjU0Miw2Ny40MTYsIDM1LjU0Miw3OS42MzFsMC4wMCw2MS4yNTcgQyAzNjMuMjAsMzk3Ljk2NywgMzE1LjExMiw0NDYuMDU3LCAyNTYuMDAsNDQ2LjA1N0wgMjU2LjAwLDQ0Ni4wNTd6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4NzA7IiBkPSJNIDM4Ni43ODMsMjU5LjgwMmMtNy42NzUsMTUuMDE3LTE4LjAyLDI4LjczMy0zMC4zNDgsNDAuMzI0TCAzNTYuNDM1LDM3OS40ODggCgljIDEzLjMyNywzLjQzMiwgMjMuMTc2LDE1LjUzLCAyMy4xNzYsMjkuOTNMIDM3OS42MTEsNDQwLjMyIGMwLjAwLDE3LjA2OC0xMy44MzYsMzAuOTAzLTMwLjkwMywzMC45MDNMIDE2My4yOTEsNDcxLjIyMyBjLTE3LjA2OCwwLjAwLTMwLjkwMy0xMy44MzYtMzAuOTAzLTMwLjkwMwoJbDAuMDAtMzAuOTAzIGMwLjAwLTE0LjQwLCA5Ljg1LTI2LjQ5OSwgMjMuMTc3LTI5LjkzbDAuMDAtNzkuMzYxIGMtMTIuMzI4LTExLjU5LTIyLjY3NS0yNS4zMDctMzAuMzQ4LTQwLjMyNAoJYy0xMC40NzMtMjAuNDk1LTE2LjAwNi00My41NjEtMTYuMDA2LTY2LjcwM2MwLjAwLTE3LjA2OSwgMTMuODM2LTMwLjkwNCwgMzAuOTAzLTMwLjkwNGwgNjkuNTMxLDAuMDAgbDAuMDAtNjEuODA1IEwgMjU2LjAwLTIzLjIyM2wgNDYuMzU0LDEyMy42MTFsMC4wMCw2MS44MDUgCglsIDY5LjUzMiwwLjAwIGMgMTcuMDY4LDAuMDAsIDMwLjkwMywxMy44MzYsIDMwLjkwMywzMC45MDRDIDQwMi43ODksMjE2LjI0MSwgMzk3LjI1NCwyMzkuMzA2LCAzODYuNzgzLDI1OS44MDJ6IE0gMTYzLjI5MSw0NDAuMzJsIDE4NS40MTcsMC4wMCBsMC4wMC0zMC45MDMgTCAxNjMuMjkxLDQwOS40MTcgCglMIDE2My4yOTEsNDQwLjMyIHogTSAzMjUuNTMxLDMwMS4yNTdMIDE4Ni40NjksMzAxLjI1NyBMIDE4Ni40NjksMzkzLjk2NiBsIDEzOS4wNjMsMC4wMCBMIDMyNS41MzIsMzAxLjI1NyB6IE0gMjcxLjQ1MSwxMDUuOTkzTCAyNTYuMDAsNjQuNzg3bC0xNS40NTEsNDEuMjA0bDAuMDAsNTYuMjAxIGwgMzAuOTAzLDAuMDAgTCAyNzEuNDUyLDEwNS45OTMgegoJIE0gMTQwLjExNCwxOTMuMDk3YzAuMDAsMzcuOTEsIDE4LjIwNyw3MS40NjIsIDQ2LjM1Myw5Mi43MDhsIDEzOS4wNjcsMC4wMCBjIDI4LjE0Mi0yMS4yNDUsIDQ2LjM1My01NC43OTksIDQ2LjM1My05Mi43MDhMIDE0MC4xMTQsMTkzLjA5NyB6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjE5MTsiIGQ9Ik0gNTAxLjc2LDEzMS44MzZjMC4wMC0xNS43MjQtNi4wMDEtMzEuNDQ3LTE3Ljk5Ny00My40NDNjLTIzLjk5Mi0yMy45OTItNjIuODk1LTIzLjk5Mi04Ni44OTIsMC4wMEwgMjU1Ljk5NywyMjkuMjcKCUwgMTE1LjEyMyw4OC4zOTNjLTIzLjk5Mi0yMy45OTItNjIuODk1LTIzLjk5Mi04Ni44ODgsMC4wMEMgNC4yNDEsMTEyLjM4OSwgNC4yNDEsMTUxLjI4MywgMjguMjM0LDE3NS4yODNsIDE4NC4zMiwxODQuMzIxCgljIDIzLjk5MiwyMy45OTIsIDYyLjg5NSwyMy45OTIsIDg2Ljg4OCwwLjAwTCA0ODMuNzYzLDE3NS4yODNDIDQ5NS43NTksMTYzLjI4MywgNTAxLjc2LDE0Ny41NiwgNTAxLjc2LDEzMS44MzZMIDUwMS43NiwxMzEuODM2eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeDIxOTA7IiBkPSJNIDM0NS4xNjMsNDcyLjc1N2MgMTUuNzI0LDAuMDAgMzEuNDQ3LTYuMDAxIDQzLjQ0My0xNy45OTdjIDIzLjk5Mi0yMy45OTIgMjMuOTkyLTYyLjg5NTAuMDAtODYuODkyTCAyNDcuNzI5LDIyNi45OTQKCUwgMzg4LjYwNiw4Ni4xMmMgMjMuOTkyLTIzLjk5MiAyMy45OTItNjIuODk1MC4wMC04Ni44ODhDIDM2NC42MS0yNC43NjIsIDMyNS43MTYtMjQuNzYyLCAzMDEuNzE2LTAuNzY5bCAtMTg0LjMyMSwxODQuMzIKCWMgLTIzLjk5MiwyMy45OTIsIC0yMy45OTIsNjIuODk1LCAwLjAwLDg2Ljg4OEwgMzAxLjcxNiw0NTQuNzZDIDMxMy43MTYsNDY2Ljc1NiwgMzI5LjQzOSw0NzIuNzU3LCAzNDUuMTYzLDQ3Mi43NTdMIDM0NS4xNjMsNDcyLjc1N3oiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyMTkyOyIgZD0iTSAxNjAuODM5LTI0Ljc2MWMtMTUuNzI0LDAuMDAtMzEuNDQ3LDYuMDAxLTQzLjQ0MywxNy45OTdjLTIzLjk5MiwyMy45OTItMjMuOTkyLDYyLjg5NTAuMDAsODYuODkyTCAyNTguMjczLDIyMS4wMDIKCUwgMTE3LjM5NiwzNjEuODc2Yy0yMy45OTIsMjMuOTkyLTIzLjk5Miw2Mi44OTUwLjAwLDg2Ljg4OEMgMTQxLjM5Miw0NzIuNzU4LCAxODAuMjg2LDQ3Mi43NTgsIDIwNC4yODYsNDQ4Ljc2NWwgMTg0LjMyMS0xODQuMzIKCWMgMjMuOTkyLTIzLjk5MiwgMjMuOTkyLTYyLjg5NSwgMC4wMC04Ni44ODhMIDIwNC4yODYtNi43NjRDIDE5Mi4yODYtMTguNzYsIDE3Ni41NjMtMjQuNzYxLCAxNjAuODM5LTI0Ljc2MUwgMTYwLjgzOS0yNC43NjF6IiAvPgo8Z2x5cGggY2xhc3M9ImhpZGRlbiIgdW5pY29kZT0iJiN4ZjAwMDsiIGQ9Ik0wLDQ4MEwgNTEyIC0zMkwwIC0zMiB6IiBob3Jpei1hZHYteD0iMCIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=) format("svg"), url(data:font/ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWLd/dIAAAvcAAAAHEdERUYAPQAGAAALvAAAACBPUy8yEAbcHwAAAVgAAABWY21hcEoiTrYAAAHwAAABmmdhc3D//wADAAALtAAAAAhnbHlmnYDmbQAAA7AAAAX0aGVhZPpzz10AAADcAAAANmhoZWEEEP/xAAABFAAAACRobXR4GqoBmAAAAbAAAABAbG9jYQzcC3gAAAOMAAAAIm1heHAAWACPAAABOAAAACBuYW1l24uKfgAACaQAAAGJcG9zdJhcgR0AAAswAAAAgQABAAAAAQAAxoteJF8PPPUACwIAAAAAAMyqR1AAAAAAzKpHUAAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAQAAEAAAAQAIwABgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAABEADAIAAAAAAAAAAAUGZFZABAACvwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAABwIAAAMCAAAKAgAABwIAAA8CAAAXAgAAEAIAAAoCAABtAgAACgIAAGMCAABjAAAAAAAAAAMAAAADAAAAHAABAAAAAACUAAMAAQAAABwABAB4AAAAGAAQAAMACAAAACsAYwBsAHAAcwB1IZMmMCcF8AD//wAAAAAAKwBjAGwAcABzAHUhkCYwJwXwAP//AAD/3f+h/5r/m/+Q/5UAANnZ2QIQDwABAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAA0ADAAOAAUAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAGAAAACwAAAwAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAJQAtAFgAYQBrgHuAjwCjgKuAs4C7AL6AAAABAAHABYB+QGqAAUAHwAlAD8AAAEXBzUnNzUiBwYdAQcOARQWHwEVFBcWMzI/ATY0LwEmBxUXBxUnNyIPAQYUHwEWMzI3Nj0BNz4BNCYvATU0JyYBbWxsfX0HBRNlCg4OCmUTBQcMCmwJCWwK5n19bGwMCmwJCWwKDAcFE2UKDg4KZRMFAYttbU4fH20DCBQ2GQIRFhADGTYUCAMJbQkaCW0Jm04fH05tjAltCRoJbQkDCBQ2GQIRFhADGTYUCAMAAgADAAMB/QG9AA0AIgAAATIWFAYrAQc1IiY0NjM3IyIGFRQWFxUUFxYzMj8BMzI2NCYBTztTUzs/XztTUzuenkhlUT0TBgYNCVYySGVlAZ1TdVReXlR1UyBmSD9gC0IVCAMJVmaPZgABAAoARgH2AXoAEAAAABQPAQYiLwEmNDYyHwE3NjIB9hK5EjISuRIkMxKNjRIzAVYzErkSErkSMyQSjY0SAAAABgAHAGMB+QFdACMAMQA1AEMAZwCLAAABIyIGHQEjNTQmKwEiBh0BFBY7ATI2PQEzFRQWOwEyNj0BNCYHMzI2PQE0JisBNTMVIzcVIzU3IyIGHQEUFjsBFSM1MxcUBisBIiY9ATQ2OwEyFh0BIzU0JisBIgYdARQWOwEyNj0BMwUUBisBIiY9ATMVFBY7ATI2PQE0JisBIgYdASM1NDY7ATIWFQG7bRokICQabRklJRltGiQgJBptGSUldxAGCQkGEE5OENoQEAYJCQYQTk4uEg1tDBMTDG0NEh8JBk4GCgoGTgYJHwEJEwxtDRIfCQZOBgoKBk4GCR8SDW0MEwFcJBofHxokJBp8GiQkGh8fGiQkGnwaJJsJBiAGCRBePyAgDwkGIAYJEF5tDRISDXwNEhINHxAGCQkGXgYJCQYQHw0SEg0fEAYJCQZeBgkJBhAfDRISDQAAAAABAA8ACgHxAbAAEwAANzIzNjcTNi4BBg8BJyYiBhQfARbEAQIbEfAQBScyD8dJEjEkEngSCwEVAS0UMR8FFPhJEiQyEXgSAAABABf/9wHpAckAGwAAATU0JiIGHQEjIgYUFjsBFRQWMjY9ATMyNjQmIwEsGiQakBIaGhKQGiQakBIaGhIBDJASGhoSkBokGpASGhoSkBokGgAAAAADABAAFwHwAacADwAfAC8AACUzMjY0JisDIgYUFjsBNzMyNjQmKwMiBhQWOwETMzI2NCYrAyIGFBY7AQEulBMbGxOUXJQTGxsTlFyUExsbE5RclBMbGxOUXJQTGxsTlFyUExsbE5SxGyYbGyYbmhsmGxsmG/7NGyYaGiYbAAAAAAIACgABAfYBvwAVADUAABIyFh0BFA4BMR4BFxUhNT4BNyY9ATQ2IgYdARQXFhcGBwYdARQWMyEyNj0BNCcmJzY3Nj0BNOBALR8fPGgj/lQjaDw+eVg/IwICakEGEg0BrA0SBkFqAgIjAZ8sID0MNSsDOS8eHi85A1MZPSBLPyw9GTcDAhlWCQoeDRISDR4KCVYZAgM3GT0sAAAAAAUAbf/oAZMB2AAkACgALAAxADcAAAEmJzU+AT0BNCYrASIGHQEUFhcVBgcGFRQWOwEVFzc1MzI2NTQnMxUjFyM1MwMHJzUzJzQ3MxYVAYMMEwsNEg26DRINCxMMEBINRi4uRg0S8Lq6o4yMNw8PHoMujC4BBBYSTwMRCh8NEhINHwoRA08SFiAjDRI+e3s+Eg0j1B9sXf7gKSk4HzojIzoAAAAAAQAKAEYB9gF6ABAAACQUBiIvAQcGIiY0PwE2Mh8BAfYkMxKNjRIzJBK5EjISuZ0zJBKNjRIkMxK5EhK5AAAAAAEAY//tAZcB2QAQAAAAMhYUDwEXFhQGIi8BJjQ/AQFAMyQSjY0SJDMSuRISuQHZJDMSjY0SMyQSuRIyErkAAAABAGP/5wGXAdMAEAAAFiImND8BJyY0NjIfARYUDwG6MyQSjY0SJDMSuRISuRkkMxKNjRIzJBK5EjISuQABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAAAMAJYAAQAAAAAAAQAHABAAAQAAAAAAAgAHACgAAQAAAAAAAwAkAHoAAQAAAAAABAAHAK8AAQAAAAAABQALAM8AAQAAAAAABgAHAOsAAwABBAkAAQAOAAAAAwABBAkAAgAOABgAAwABBAkAAwBIADAAAwABBAkABAAOAJ8AAwABBAkABQAWALcAAwABBAkABgAOANsAaQBjAG8AbQBvAG8AbgAAaWNvbW9vbgAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABpAGMAbwBtAG8AbwBuACAAOgAgADIAMgAtADEAMAAtADIAMAAxADIAAEZvbnRGb3JnZSAyLjAgOiBpY29tb29uIDogMjItMTAtMjAxMgAAaQBjAG8AbQBvAG8AbgAAaWNvbW9vbgAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAaQBjAG8AbQBvAG8AbgAAaWNvbW9vbgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAQACAFYARgECAE8BAwAOAQQAWABTAQUBBgEHAQgJYXJyb3dkb3duB3VuaTI3MDUHdW5pMjYzMAdhcnJvd3VwCWFycm93bGVmdAphcnJvd3JpZ2h0B3VuaUYwMDAAAAAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAA8AAQAEAAAAAgAAAAAAAQAAAADJiW8xAAAAAMyqR1AAAAAAzKpHUA==) format("truetype"); - font-weight: normal; - font-style: normal; } -/* Use the following CSS code if you want to use data attributes for inserting your icons */ -/* line 14, ../scss/partials/_icons.scss */ -[data-icon]:before { - font-family: 'icomoon'; - content: attr(data-icon); - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; } - -/* Use the following CSS code if you want to have a class per icon */ -/* line 23, ../scss/partials/_icons.scss */ -[class^="icon-"]:before, [class*=" icon-"]:before { - font-family: 'icomoon'; - font-style: normal; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; } - -/* line 30, ../scss/partials/_icons.scss */ -.icon-share:before { - content: "\73"; } - -/* line 33, ../scss/partials/_icons.scss */ -.icon-comment:before { - content: "\63"; } - -/* line 36, ../scss/partials/_icons.scss */ -.icon-down:before { - content: "\2193"; } - -/* line 39, ../scss/partials/_icons.scss */ -.icon-link:before { - content: "\6c"; } - -/* line 42, ../scss/partials/_icons.scss */ -.icon-check:before { - content: "\2705"; } - -/* line 45, ../scss/partials/_icons.scss */ -.icon-plus:before { - content: "\2b"; } - -/* line 48, ../scss/partials/_icons.scss */ -.icon-menu:before { - content: "\2630"; } - -/* line 51, ../scss/partials/_icons.scss */ -.icon-user:before { - content: "\75"; } - -/* line 54, ../scss/partials/_icons.scss */ -.icon-pin:before { - content: "\70"; } - -/* line 57, ../scss/partials/_icons.scss */ -.icon-up:before { - content: "\2191"; } - -/* line 60, ../scss/partials/_icons.scss */ -.icon-left:before { - content: "\2190"; } - -/* line 63, ../scss/partials/_icons.scss */ -.icon-right:before { - content: "\2192"; } - -/* line 1, ../scss/partials/_tooltips.scss */ -.has-tooltip { - position: relative; } - /* line 3, ../scss/partials/_tooltips.scss */ - .has-tooltip .tooltip { - pointer-events: none; - position: absolute; - z-index: 9999; - left: 50%; - top: -40px; - opacity: 0; - -moz-transition: ease-out 300ms opacity 0ms; - -o-transition: ease-out 300ms opacity 0ms; - -webkit-transition: ease-out 300ms opacity; - -webkit-transition-delay: 0ms; - transition: ease-out 300ms opacity 0ms; } - /* line 11, ../scss/partials/_tooltips.scss */ - .has-tooltip .tooltip span { - display: block; - white-space: nowrap; - position: relative; - background: rgba(0, 0, 0, 0.6); - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - padding: 0px 8px; - left: -50%; - font-size: 14px; - color: #fff; } - /* line 21, ../scss/partials/_tooltips.scss */ - .has-tooltip .tooltip span:after { - top: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - border-top-color: rgba(0, 0, 0, 0.6); - border-width: 6px; - left: 50%; - margin-left: -6px; } - /* line 35, ../scss/partials/_tooltips.scss */ - .has-tooltip:hover .tooltip { - opacity: 1; } - -/* line 1, ../scss/modules/_accounts.scss */ -.at-oauth { - text-align: center; } - /* line 3, ../scss/modules/_accounts.scss */ - .at-oauth .at-social-btn { - margin: 0 auto 15px auto; } - -/* line 8, ../scss/modules/_accounts.scss */ -.at-sep { - text-align: center; - position: relative; - overflow: hidden; - margin-bottom: 15px; } - /* line 13, ../scss/modules/_accounts.scss */ - .at-sep:before, .at-sep:after { - display: block; - content: " "; - border-bottom: 1px solid #ddd; - width: 100%; - position: absolute; - top: 48%; } - /* line 21, ../scss/modules/_accounts.scss */ - .at-sep:before { - left: -55%; } - /* line 24, ../scss/modules/_accounts.scss */ - .at-sep:after { - right: -55%; } - -/* line 30, ../scss/modules/_accounts.scss */ -.at-input label { - margin-bottom: 5px; } - -/* line 35, ../scss/modules/_accounts.scss */ -#at-forgotPwd { - font-size: 13px; - float: right; - margin-top: -8px; } - -/* line 41, ../scss/modules/_accounts.scss */ -#at-btn { - margin: 0 auto; } - -/* line 44, ../scss/modules/_accounts.scss */ -.at-title { - border-bottom: 1px solid #ddd; - margin-bottom: 20px; - padding-bottom: 5px; - text-align: center; } - -/* line 50, ../scss/modules/_accounts.scss */ -.at-signup-link, .at-signin-link { - border-top: 1px solid #ddd; - margin-top: 15px; - padding-top: 15px; - text-align: center; } - -/* line 1, ../scss/modules/_nav.scss */ -.header { - background-color: #4e555d; - margin-bottom: 10px; - position: relative; - height: 60px; - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; - padding: 0 20px; - z-index: 100; } - /* line 3, ../scss/partials/_mixins.scss */ - .header:before, .header:after { - content: ""; - display: table; } - /* line 7, ../scss/partials/_mixins.scss */ - .header:after { - clear: both; } - @media screen and (max-width: 30em) { - /* line 1, ../scss/modules/_nav.scss */ - .header { - padding: 0 10px; } } - /* line 12, ../scss/modules/_nav.scss */ - .header .primary-nav { - float: left; - z-index: 20; - position: relative; } - /* line 17, ../scss/modules/_nav.scss */ - .header .logo { - position: absolute; - display: block; - text-align: center; - color: white; - left: 0px; - right: 0px; } - @media screen and (max-width: 30em) { - /* line 17, ../scss/modules/_nav.scss */ - .header .logo { - font-size: 18px; } - /* line 25, ../scss/modules/_nav.scss */ - .header .logo a { - position: static; } } - @media screen and (min-width: 30em) { - /* line 17, ../scss/modules/_nav.scss */ - .header .logo { - font-size: 24px; } } - /* line 34, ../scss/modules/_nav.scss */ - .header .logo a, .header .logo a:visited { - color: white; } - /* line 38, ../scss/modules/_nav.scss */ - .header .logo-image { - line-height: 1; } - /* line 40, ../scss/modules/_nav.scss */ - .header .logo-image a { - display: inline-block; - background: no-repeat center center; - font: 0/0 a; - text-shadow: none; - color: transparent; } - /* line 48, ../scss/modules/_nav.scss */ - .header .secondary-nav { - z-index: 20; - position: relative; - float: right; } - -/* line 59, ../scss/modules/_nav.scss */ -.sign-in { - margin-right: 10px; } - -/* line 62, ../scss/modules/_nav.scss */ -.nav { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; } - /* line 3, ../scss/partials/_mixins.scss */ - .nav:before, .nav:after { - content: ""; - display: table; } - /* line 7, ../scss/partials/_mixins.scss */ - .nav:after { - clear: both; } - /* line 65, ../scss/modules/_nav.scss */ - .nav > li { - line-height: 2; } - /* line 67, ../scss/modules/_nav.scss */ - .nav > li:last-child { - margin-right: 0px; } - /* line 70, ../scss/modules/_nav.scss */ - .nav > li > a, .nav > li > div > a { - color: white; - font-size: 15px; - font-weight: normal; } - /* line 76, ../scss/modules/_nav.scss */ - .nav > li > a.intercom em:before, .nav > li > div > a.intercom em:before { - content: '('; } - /* line 79, ../scss/modules/_nav.scss */ - .nav > li > a.intercom em:after, .nav > li > div > a.intercom em:after { - content: ')'; } - -/* line 86, ../scss/modules/_nav.scss */ -.search { - position: relative; } - /* line 88, ../scss/modules/_nav.scss */ - .search .search-field { - font-size: 14px; - padding: 4px 12px; - line-height: 1.3; - border-radius: 20px; - border: 0px; - width: 120px; - -webkit-appearance: textfield; - -webkit-transition: 0.2s all; - -moz-transition: 0.2s all; - background: white; } - /* line 99, ../scss/modules/_nav.scss */ - .search .search-field:focus { - outline: none; } - /* line 104, ../scss/modules/_nav.scss */ - .search.empty .search-field { - background: rgba(255, 255, 255, 0.1); } - /* line 106, ../scss/modules/_nav.scss */ - .search.empty .search-field:focus { - background: white; } - /* line 110, ../scss/modules/_nav.scss */ - .search.empty .search-clear { - display: none; } - -/* line 116, ../scss/modules/_nav.scss */ -.has-dropdown .user-menu .dropdown-menu { - left: auto; - right: 10px; } - -/* line 120, ../scss/modules/_nav.scss */ -.has-dropdown .notifications-menu .dropdown-menu { - left: auto; - right: 10px; } - -/* line 124, ../scss/modules/_nav.scss */ -.newsletter-dismiss { - line-height: 30px !important; } - -/* line 1, ../scss/modules/_posts.scss */ -.module { - border-radius: 3px; } - -/* line 5, ../scss/modules/_posts.scss */ -.posts { - width: 100%; - position: relative; } - /* line 10, ../scss/modules/_posts.scss */ - .single-post .posts { - margin-bottom: 10px; } - /* line 12, ../scss/modules/_posts.scss */ - .single-post .posts .post { - border-radius: 3px; - display: block; } - -/* line 19, ../scss/modules/_posts.scss */ -.post { - padding: 0; - border-radius: 0px; - margin-bottom: 0px; } - /* line 24, ../scss/modules/_posts.scss */ - .post .modules-group { - display: table-cell; - vertical-align: middle; } - /* line 27, ../scss/modules/_posts.scss */ - .post .modules-group .inner { - display: flex; - display: -webkit-flex; - display: -moz-flex; - align-items: center; - -webkit-align-items: center; - -moz-align-items: center; } - /* line 31, ../scss/modules/_posts.scss */ - .post .modules-group .cell { - margin-right: 20px; } - @media screen and (min-width: 30em) { - /* line 31, ../scss/modules/_posts.scss */ - .post .modules-group .cell { - flex-shrink: 0; - -webkit-flex-shrink: 0; - -moz-flex-shrink: 0; } } - /* line 41, ../scss/modules/_posts.scss */ - .post .left-modules .inner { - margin-left: 10px; } - @media screen and (max-width: 30em) { - /* line 40, ../scss/modules/_posts.scss */ - .post .left-modules { - margin-right: 10px; } - /* line 45, ../scss/modules/_posts.scss */ - .post .left-modules .inner { - display: block; } } - /* line 55, ../scss/modules/_posts.scss */ - .post .center-modules { - width: 100%; } - @media screen and (max-width: 30em) { - /* line 58, ../scss/modules/_posts.scss */ - .post .center-modules .inner { - display: block; } } - @media screen and (max-width: 30em) { - /* line 65, ../scss/modules/_posts.scss */ - .post .right-modules { - display: none; - background: #333; - padding: 10px; } - /* line 70, ../scss/modules/_posts.scss */ - .post .right-modules.visible { - display: block; } - /* line 73, ../scss/modules/_posts.scss */ - .post .right-modules .inner { - justify-content: center; - -webkit-justify-content: center; - -moz-justify-content: center; } - /* line 76, ../scss/modules/_posts.scss */ - .post .right-modules .cell { - flex-grow: 1; - -webkit-flex-grow: 1; - -moz-flex-grow: 1; - flex: 1; - text-align: center; } } - @media screen and (min-width: 30em) { - /* line 83, ../scss/modules/_posts.scss */ - .post .right-modules .inner { - justify-content: flex-end; - -webkit-justify-content: flex-end; - -moz-justify-content: flex-end; } } - @media screen and (max-width: 30em) { - /* line 93, ../scss/modules/_posts.scss */ - .post .post-content { - flex-grow: 1; - -webkit-flex-grow: 1; - -moz-flex-grow: 1; - flex: 1; } } - @media screen and (min-width: 30em) { - /* line 93, ../scss/modules/_posts.scss */ - .post .post-content { - flex-shrink: 1 !important; - -webkit-flex-shrink: 1 !important; - -moz-flex-shrink: 1 !important; } } - -/* line 132, ../scss/modules/_posts.scss */ -.post-actions { - display: none; - text-align: right; - flex-shrink: 1; - -webkit-flex-shrink: 1; - -moz-flex-shrink: 1; - padding-right: 5px; } - @media screen and (max-width: 30em) { - /* line 132, ../scss/modules/_posts.scss */ - .post-actions { - display: block; } } - /* line 140, ../scss/modules/_posts.scss */ - .post-actions a { - display: block; - width: 36px; - height: 36px; - padding: 6px; } - /* line 145, ../scss/modules/_posts.scss */ - .post-actions a span { - display: block; - height: 100%; - width: 100%; - border-radius: 3px; - border: 1px solid rgba(221, 52, 22, 0.3); - color: rgba(221, 52, 22, 0.8); - text-align: center; - line-height: 10px; - font-weight: bold; - font-size: 20px; } - -/* line 162, ../scss/modules/_posts.scss */ -.post-upvote .upvote-link { - position: relative; - width: 36px; - height: 36px; - padding: 6px; - display: block; - text-align: center; } - /* line 171, ../scss/modules/_posts.scss */ - .post-upvote .upvote-link i { - display: block; - border-radius: 50%; - border: 1px solid rgba(221, 52, 22, 0.3); - font-size: 10px; - height: 100%; - width: 100%; - text-align: center; - color: rgba(221, 52, 22, 0.8); - text-shadow: 0px 1px 0px white; - line-height: 2.2; } - /* line 183, ../scss/modules/_posts.scss */ - .post-upvote .upvote-link i.icon-check { - display: none; } - /* line 187, ../scss/modules/_posts.scss */ - .post-upvote .upvote-link span { - display: none; } - /* line 191, ../scss/modules/_posts.scss */ - .post-upvote .upvote-link.not-voted:hover i { - background: rgba(221, 52, 22, 0.1); - color: #DD3416; - text-shadow: none; } - /* line 197, ../scss/modules/_posts.scss */ - .post-upvote .upvote-link.voted { - cursor: default; } - /* line 199, ../scss/modules/_posts.scss */ - .post-upvote .upvote-link.voted i.icon-up { - display: none; } - /* line 202, ../scss/modules/_posts.scss */ - .post-upvote .upvote-link.voted i.icon-check { - border: 1px solid rgba(122, 192, 228, 0.6); - display: block; - color: rgba(122, 192, 228, 0.8); - opacity: 0.5; } - -/* line 212, ../scss/modules/_posts.scss */ -.post-meta-item { - display: inline; } - /* line 214, ../scss/modules/_posts.scss */ - .post-meta-item:after { - content: ","; } - /* line 217, ../scss/modules/_posts.scss */ - .post-meta-item:last-child:after { - content: ""; } - -/* line 222, ../scss/modules/_posts.scss */ -.empty-notice { - text-align: center; - padding: 10px 0; } - -/* line 226, ../scss/modules/_posts.scss */ -.posts-wrapper { - border-radius: 3px; - padding: 0; } - -/* line 231, ../scss/modules/_posts.scss */ -.post { - position: relative; - width: 100%; - background: white; - border-bottom: 1px solid #e7eff2; } - /* line 236, ../scss/modules/_posts.scss */ - .post:first-child { - border-radius: 3px 3px 0px 0px; } - /* line 239, ../scss/modules/_posts.scss */ - .post:last-child { - border-radius: 0px 0px 3px 3px; } - /* line 242, ../scss/modules/_posts.scss */ - .post.animate { - -moz-transition: ease-out 400ms top 0ms; - -o-transition: ease-out 400ms top 0ms; - -webkit-transition: ease-out 400ms top; - -webkit-transition-delay: 0ms; - transition: ease-out 400ms top 0ms; } - /* line 246, ../scss/modules/_posts.scss */ - .post.inactive .post-content { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIALMnDlTkpGQOpCi9PT053gVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQC5OyXvW/4BHwAAAABJRU5ErkJggg=="); } - -/* line 251, ../scss/modules/_posts.scss */ -.post-rank { - position: relative; } - /* line 253, ../scss/modules/_posts.scss */ - .post-rank span { - position: absolute; - top: 0px; - left: -60px; - display: block; - height: 36px; - line-height: 36px; - width: 30px; - text-align: right; - font-size: 18px; - color: rgba(0, 0, 0, 0.2); } - -/* line 267, ../scss/modules/_posts.scss */ -.post-info { - padding: 10px 0; } - -/* line 270, ../scss/modules/_posts.scss */ -.post-content { - min-height: 40px; } - /* line 272, ../scss/modules/_posts.scss */ - .post-content .post-sticky { - display: block; - position: absolute; - right: -40px; - top: 16px; - font-size: 24px; } - /* line 278, ../scss/modules/_posts.scss */ - .post-content .post-sticky i { - color: #b3c1c6; } - /* line 281, ../scss/modules/_posts.scss */ - .post-content .post-sticky span { - display: none; } - -/* line 286, ../scss/modules/_posts.scss */ -.post-heading { - margin-bottom: 3px; - line-height: 1.2; } - @media screen and (max-width: 30em) { - /* line 286, ../scss/modules/_posts.scss */ - .post-heading { - line-height: 1.5; } } - /* line 292, ../scss/modules/_posts.scss */ - .post-heading .post-title { - font-weight: normal; } - @media screen and (max-width: 30em) { - /* line 292, ../scss/modules/_posts.scss */ - .post-heading .post-title { - font-size: 15px; } } - @media screen and (min-width: 30em) { - /* line 292, ../scss/modules/_posts.scss */ - .post-heading .post-title { - font-size: 18px; } } - /* line 300, ../scss/modules/_posts.scss */ - .post-heading .post-title:visited { - color: #b5b0b0; } - /* line 304, ../scss/modules/_posts.scss */ - .post-heading .post-domain { - color: #b3c1c6; - font-weight: normal; } - @media screen and (max-width: 30em) { - /* line 304, ../scss/modules/_posts.scss */ - .post-heading .post-domain { - font-size: 13px; } } - @media screen and (min-width: 30em) { - /* line 304, ../scss/modules/_posts.scss */ - .post-heading .post-domain { - font-size: 14px; } } - -/* line 315, ../scss/modules/_posts.scss */ -.post-categories { - text-align: right; } - -/* line 319, ../scss/modules/_posts.scss */ -.post-category { - display: inline-block; - font-size: 11px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #eee; - padding: 0px 6px; - text-transform: uppercase; - font-weight: normal; - vertical-align: middle; } - /* line 328, ../scss/modules/_posts.scss */ - .post-category:hover { - background: #DD3416; - color: white; } - -/* line 333, ../scss/modules/_posts.scss */ -.post-meta { - font-size: 12px; - color: #b3c1c6; - line-height: 1.5; } - /* line 337, ../scss/modules/_posts.scss */ - .post-meta a { - color: #a4a9ab; } - /* line 339, ../scss/modules/_posts.scss */ - .post-meta a:visited, .post-meta a:active { - color: #a4a9ab; } - -/* line 345, ../scss/modules/_posts.scss */ -.post-share, .post-discuss { - position: relative; } - /* line 347, ../scss/modules/_posts.scss */ - .post-share > a, .post-discuss > a { - position: relative; - display: inline-block; - padding: 0; - height: 70px; - vertical-align: baseline; - text-align: center; - color: #b3c1c6; } - /* line 355, ../scss/modules/_posts.scss */ - .post-share > a i, .post-discuss > a i { - font-size: 36px; - height: 45px; - display: block; } - /* line 360, ../scss/modules/_posts.scss */ - .post-share > a.edit-link, .post-discuss > a.edit-link { - color: #DD3416; } - /* line 363, ../scss/modules/_posts.scss */ - .post-share > a.share-link, .post-discuss > a.share-link { - color: #7ac0e4; - color: #f8e121; } - /* line 367, ../scss/modules/_posts.scss */ - .post-share > a.discuss-link, .post-discuss > a.discuss-link { - color: #a3d06d; } - /* line 370, ../scss/modules/_posts.scss */ - .post-share > a.more-link, .post-discuss > a.more-link { - color: #7ac0e4; } - /* line 374, ../scss/modules/_posts.scss */ - .post-share > a:hover, .post-share > a:hover .action, .post-discuss > a:hover, .post-discuss > a:hover .action { - color: #DD3416; } - /* line 378, ../scss/modules/_posts.scss */ - .post-share > a.voted, .post-discuss > a.voted { - background: #4e555d; - color: white; - cursor: default; } - /* line 382, ../scss/modules/_posts.scss */ - .post-share > a.voted .action, .post-discuss > a.voted .action { - color: #fff; } - /* line 386, ../scss/modules/_posts.scss */ - .post-share > a .count, .post-discuss > a .count { - position: absolute; - top: 14px; - display: block; - width: 100%; - height: 20px; - line-height: 20px; - font-size: 11px; } - /* line 395, ../scss/modules/_posts.scss */ - .post-share > a .points, .post-discuss > a .points { - display: block; - font-size: 30px; - line-height: 50px; } - /* line 400, ../scss/modules/_posts.scss */ - .post-share > a .action, .post-discuss > a .action { - display: block; - height: 20px; - line-height: 20px; - bottom: 5px; - left: 0px; - font-size: 13px; - color: #b3c1c6; - pointer-events: none; } - -/* line 413, ../scss/modules/_posts.scss */ -.post-body { - border-radius: 3px; - margin-bottom: 10px; - background: white; - padding: 20px; - font-size: 16px; } - /* line 420, ../scss/modules/_posts.scss */ - .list .post-body { - display: none; } - -/* line 425, ../scss/modules/_posts.scss */ -.post.sticky { - background: #fffce0; } - -/* line 429, ../scss/modules/_posts.scss */ -.more-button { - display: block; - width: 100%; - height: 70px; - background: rgba(0, 0, 0, 0.05); - text-align: center; - color: white; - line-height: 70px; - font-size: 18px; - border-radius: 0px 0px 3px 3px; - text-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); - padding: 0px; } - /* line 441, ../scss/modules/_posts.scss */ - .more-button:hover { - background: rgba(0, 0, 0, 0.15); } - -/* line 446, ../scss/modules/_posts.scss */ -.inner-table { - display: table; - height: 100%; } - -/* line 450, ../scss/modules/_posts.scss */ -.inner-table-cell { - display: table-cell; - vertical-align: middle; } - -@media screen and (max-width: 30em) { - /* line 457, ../scss/modules/_posts.scss */ - .posts { - padding: 0; } - /* line 459, ../scss/modules/_posts.scss */ - .posts .post-rank { - display: none; } - - /* line 464, ../scss/modules/_posts.scss */ - .post .post-content { - margin-right: 50px; - margin-right: 0px; } - /* line 468, ../scss/modules/_posts.scss */ - .post .post-content .upvote-link { - width: 30px; } - /* line 471, ../scss/modules/_posts.scss */ - .post .post-content .post-info { - padding: 13px 0; } - /* line 476, ../scss/modules/_posts.scss */ - .post .post-content .post-heading .post-title { - display: block; - margin-bottom: 4px; } - /* line 480, ../scss/modules/_posts.scss */ - .post .post-content .post-heading .post-domain { - display: block; - margin-bottom: 4px; - font-size: 13px; } - /* line 486, ../scss/modules/_posts.scss */ - .post .post-content .post-meta { - font-size: 11px; } - /* line 488, ../scss/modules/_posts.scss */ - .post .post-content .post-meta .unit { - font-size: 0; } - /* line 490, ../scss/modules/_posts.scss */ - .post .post-content .post-meta .unit:after { - font-size: 12px; - content: "pts "; } } -/* line 1, ../scss/modules/_comments.scss */ -.queue-container { - position: relative; - height: 0px; - -moz-transition: ease-out 400ms opacity 0ms; - -o-transition: ease-out 400ms opacity 0ms; - -webkit-transition: ease-out 400ms opacity; - -webkit-transition-delay: 0ms; - transition: ease-out 400ms opacity 0ms; } - /* line 5, ../scss/modules/_comments.scss */ - .queue-container ul { - position: absolute; - margin-left: 100%; - left: 10px; - top: -30px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: rgba(0, 0, 0, 0.05); - padding: 10px 0 0 10px; - max-width: 120px; - white-space: nowrap; } - /* line 18, ../scss/modules/_comments.scss */ - .queue-container ul:after { - right: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-color: rgba(255, 255, 255, 0); - border-right-color: rgba(0, 0, 0, 0.05); - border-width: 8px; - top: 25px; - margin-top: -8px; } - /* line 32, ../scss/modules/_comments.scss */ - .queue-container ul li { - display: block; - float: left; - margin: 0 10px 10px 0; - display: block; - height: 30px; - width: 30px; - background: #DD3416; - -moz-border-radius: 100px; - -webkit-border-radius: 100px; - border-radius: 100px; - line-height: 30px; - text-align: center; - position: relative; } - /* line 44, ../scss/modules/_comments.scss */ - .queue-container ul li.before { - position: absolute; } - /* line 47, ../scss/modules/_comments.scss */ - .queue-container ul li a { - position: absolute; - top: 0px; - display: block; - height: 30px; - width: 30px; - -moz-border-radius: 100px; - -webkit-border-radius: 100px; - border-radius: 100px; - background-size: 30px 30px; } - -/* line 70, ../scss/modules/_comments.scss */ -.comment { - margin-left: 30px; - position: relative; - padding: 0; - background: none; } - /* line 75, ../scss/modules/_comments.scss */ - .comment .comment-body { - -moz-transition: ease-out 600ms opacity 0ms; - -o-transition: ease-out 600ms opacity 0ms; - -webkit-transition: ease-out 600ms opacity; - -webkit-transition-delay: 0ms; - transition: ease-out 600ms opacity 0ms; - opacity: 1; } - /* line 80, ../scss/modules/_comments.scss */ - .comment.comment-queued .comment-body { - opacity: 0; - position: absolute; - pointer-events: none; } - /* line 86, ../scss/modules/_comments.scss */ - .comment .comment-reply { - display: inline-block; - margin-top: 10px; } - -/* line 128, ../scss/modules/_comments.scss */ -.comment-content { - position: relative; - -moz-border-radius: 0 3px 3px 3px; - -webkit-border-radius: 0; - border-radius: 0 3px 3px 3px; - font-size: 14px; } - /* line 133, ../scss/modules/_comments.scss */ - .comment-content .comment-main { - margin-left: 50px; } - /* line 136, ../scss/modules/_comments.scss */ - .comment-content .user-avatar { - -moz-border-radius: 100px; - -webkit-border-radius: 100px; - border-radius: 100px; - overflow: hidden; - position: block; - float: left; } - /* line 141, ../scss/modules/_comments.scss */ - /*.comment-content .user-avatar img { - height: 40px; - width: 40px; - display: block; }*/ - -/* line 148, ../scss/modules/_comments.scss */ -.comment-meta { - margin-bottom: 5px; - color: #b3c1c6; } - /* line 150, ../scss/modules/_comments.scss */ - .comment-meta .comment-username, .comment-meta .comment-time, .comment-meta .comment-permalink { - display: inline-block; - margin-right: 4px; } - /* line 155, ../scss/modules/_comments.scss */ - .comment-meta .comment-permalink { - position: relative; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; - width: 20px; - color: #b3c1c6; - margin: 0; } - /* line 161, ../scss/modules/_comments.scss */ - .comment-meta .comment-permalink:before { - position: absolute; - display: block; - top: 1px; - left: 0; - text-indent: 0; } - /* line 168, ../scss/modules/_comments.scss */ - .comment-meta .comment-permalink:hover:before { - color: #DD3416; } - -/* line 173, ../scss/modules/_comments.scss */ -.comment-actions { - position: absolute; - left: -30px; - top: 0px; } - /* line 177, ../scss/modules/_comments.scss */ - .comment-actions a { - -moz-border-radius: 0 0 0 3px; - -webkit-border-radius: 0; - border-radius: 0 0 0 3px; - position: relative; - display: block; - height: 30px; - width: 30px; - background: white; - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - overflow: hidden; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; } - /* line 189, ../scss/modules/_comments.scss */ - .comment-actions a.upvote { - -moz-border-radius: 3px 0 0 0; - -webkit-border-radius: 3px; - border-radius: 3px 0 0 0; - margin-bottom: 1px; } - /* line 193, ../scss/modules/_comments.scss */ - .comment-actions a i { - font-size: 12px; - display: block; - position: absolute; - height: 30px; - width: 30px; - line-height: 30px; - text-align: center; - text-indent: 0; - color: #DD3416; } - /* line 205, ../scss/modules/_comments.scss */ - .comment-actions a:hover { - background: #4e555d; } - /* line 207, ../scss/modules/_comments.scss */ - .comment-actions a:hover i { - color: white; } - /* line 212, ../scss/modules/_comments.scss */ - .comment-actions.upvoted .upvote, .comment-actions.downvoted .downvote { - cursor: default; } - /* line 214, ../scss/modules/_comments.scss */ - .comment-actions.upvoted .upvote i, .comment-actions.downvoted .downvote i { - color: #7ac0e4; } - /* line 217, ../scss/modules/_comments.scss */ - .comment-actions.upvoted .upvote:hover, .comment-actions.downvoted .downvote:hover { - background: white; } - /* line 221, ../scss/modules/_comments.scss */ - .comment-actions.downvoted .upvote, .comment-actions.upvoted .downvote { - cursor: default; } - /* line 223, ../scss/modules/_comments.scss */ - .comment-actions.downvoted .upvote i, .comment-actions.upvoted .downvote i { - color: #b3c1c6; } - /* line 226, ../scss/modules/_comments.scss */ - .comment-actions.downvoted .upvote:hover, .comment-actions.upvoted .downvote:hover { - background: white; } - -/* line 239, ../scss/modules/_comments.scss */ -.comment-page .comment-new { - margin-left: 30px; - position: relative; - background: #ffffff; } - /* line 243, ../scss/modules/_comments.scss */ - .comment-page .comment-new:after { - bottom: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #ffffff; - border-width: 8px; - left: 20px; - margin-left: -8px; } - -/* line 259, ../scss/modules/_comments.scss */ -.comment-deleted { - background: rgba(255, 255, 255, 0.6); - border-radius: 3px; - margin-bottom: 10px; - padding: 10px 15px; - color: #b3c1c6; } - -/* line 1, ../scss/modules/_dialogs.scss */ -.dialog { - margin-bottom: 10px; } - /* line 2, ../scss/modules/_dialogs.scss */ - .dialog h2 { - text-align: center; - padding-bottom: 15px; - margin-bottom: 10px; } - -/* line 9, ../scss/modules/_dialogs.scss */ -.footer-notice { - text-align: center; } - -/* line 2, ../scss/modules/_user-profile.scss */ -.user-profile .user-avatar { - height: 80px; - width: 80px; - display: block; - -moz-border-radius: 80px; - -webkit-border-radius: 80px; - border-radius: 80px; } - -/* line 1, ../scss/modules/_errors.scss */ -.error { - margin-bottom: 10px; - text-align: center; - background: #DD3416; - color: white; } - -/* line 1, ../scss/modules/_share.scss */ -.share-options { - position: absolute; - padding: 10px; - line-height: 1; } - @media screen and (max-width: 30em) { - /* line 1, ../scss/modules/_share.scss */ - .share-options { - left: 0px; - top: 75px; } } - @media screen and (min-width: 30em) { - /* line 1, ../scss/modules/_share.scss */ - .share-options { - left: -180px; - top: 5px; } } - /* line 13, ../scss/modules/_share.scss */ - .share-options a { - display: inline-block; - line-height: 1; } - /* line 18, ../scss/modules/_share.scss */ - .share-options.hidden { - display: block; - opacity: 0; - pointer-events: none; - left: -160px; } - /* line 24, ../scss/modules/_share.scss */ - .share-options:after, .share-options:before { - left: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; } - /* line 33, ../scss/modules/_share.scss */ - .share-options:after { - border-color: rgba(255, 255, 255, 0); - border-width: 10px; } - @media screen and (max-width: 30em) { - /* line 33, ../scss/modules/_share.scss */ - .share-options:after { - border-bottom-color: #ffffff; - top: -20px; - left: 50%; - margin-left: -11px; } } - @media screen and (min-width: 30em) { - /* line 33, ../scss/modules/_share.scss */ - .share-options:after { - border-left-color: #ffffff; - top: 20px; - margin-top: -3px; } } - /* line 48, ../scss/modules/_share.scss */ - .share-options:before { - border-color: transparent; - border-width: 11px; } - @media screen and (max-width: 30em) { - /* line 48, ../scss/modules/_share.scss */ - .share-options:before { - border-bottom-color: #DD3416; - top: -22px; - left: 50%; - margin-left: -12px; } } - @media screen and (min-width: 30em) { - /* line 48, ../scss/modules/_share.scss */ - .share-options:before { - border-left-color: #DD3416; - top: 20px; - margin-top: -4px; } } - /* line 63, ../scss/modules/_share.scss */ - .share-options .buttons { - /* For modern browsers */ - /* For IE 6/7 (trigger hasLayout) */ - *zoom: 1; - padding: 15px 5px 5px 15px; } - /* line 3, ../scss/partials/_mixins.scss */ - .share-options .buttons:before, .share-options .buttons:after { - content: ""; - display: table; } - /* line 7, ../scss/partials/_mixins.scss */ - .share-options .buttons:after { - clear: both; } - /* line 66, ../scss/modules/_share.scss */ - .share-options .buttons .button { - float: left; - margin-right: 10px; - background: transparent; - padding: 0px; - height: 100%; } - -/* line 76, ../scss/modules/_share.scss */ -a.mt-share-inline-square-sm img { - width: 34px; - height: auto; - border: 0px; } - -/* line 81, ../scss/modules/_share.scss */ -a.mt-share-inline-square-sm { - display: inline-block; - width: 34px; - height: 34px; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - margin-right: 4px; } - -/* line 91, ../scss/modules/_share.scss */ -.mt-google:hover { - background-color: #e15f4f; } - -/* line 94, ../scss/modules/_share.scss */ -.mt-google { - background-color: #dd4b39; } - -/* line 97, ../scss/modules/_share.scss */ -.mt-linkedin:hover { - background-color: #1087c0; } - -/* line 100, ../scss/modules/_share.scss */ -.mt-linkedin { - background-color: #0e76a8; } - -/* line 103, ../scss/modules/_share.scss */ -.mt-twitter:hover { - background-color: #08bbff; } - -/* line 106, ../scss/modules/_share.scss */ -.mt-twitter { - background-color: #00acee; } - -/* line 109, ../scss/modules/_share.scss */ -.mt-facebook:hover { - background-color: #4264aa; } - -/* line 112, ../scss/modules/_share.scss */ -.mt-facebook { - background-color: #3b5998; } - -/* line 115, ../scss/modules/_share.scss */ -.mt-pinterest:hover { - background-color: #dd2a30; } - -/* line 118, ../scss/modules/_share.scss */ -.mt-pinterest { - background-color: #cc2127; } diff --git a/packages/telescope-theme-hubble/lib/client/scss/modules/_comments.scss b/packages/telescope-theme-hubble/lib/client/scss/modules/_comments.scss index 04bf46ee7..2836e3592 100644 --- a/packages/telescope-theme-hubble/lib/client/scss/modules/_comments.scss +++ b/packages/telescope-theme-hubble/lib/client/scss/modules/_comments.scss @@ -1,15 +1,15 @@ .queue-container{ position:relative; height:0px; - @include single-transition(ease-out, opacity, 400ms, 0ms); + transition: ease-out, opacity, 400ms, 0ms; ul{ position:absolute; // right:0; margin-left:100%; left:10px; top:-30px; - // @include box-shadow(0 1px 1px black(0.15)); - @include border-radius(3px); + // box-shadow: 0 1px 1px black(0.15); + border-radius: 3px; background: black(0.05); padding:10px 0 0 10px; max-width:120px; @@ -37,7 +37,7 @@ height:30px; width:30px; background:$red; - @include border-radius(100px); + border-radius: 100px; line-height:30px; text-align:center; position:relative; @@ -50,7 +50,7 @@ display:block; height:30px; width:30px; - @include border-radius(100px); + border-radius: 100px; background-size: 30px 30px; // @extend .has-tooltip; } @@ -73,7 +73,7 @@ padding: 0; background: none; .comment-body{ - @include single-transition(ease-out, opacity, 600ms, 0ms); + transition: ease-out, opacity, 600ms, 0ms; opacity:1; } &.comment-queued{ @@ -128,13 +128,13 @@ .comment-content{ position:relative; @extend .grid-block; - @include border-radius(0 3px 3px 3px); + border-radius: 0 3px 3px 3px; font-size:14px; .comment-main{ margin-left:50px; } .user-avatar{ - @include border-radius(100px); + border-radius: 100px; overflow:hidden; position:block; float:left; @@ -175,19 +175,19 @@ left:-30px; top:0px; a{ - @include border-radius(0 0 0 3px); + border-radius: 0 0 0 3px; position:relative; display:block; height:30px; width:30px; // background:$light-blue; background:white; - @include box-shadow(0 1px 1px black(0.15)); + box-shadow: 0 1px 1px black(0.15); overflow:hidden; @include hide-text; // border-right:1px solid $lightest-grey; &.upvote{ - @include border-radius(3px 0 0 0); + border-radius: 3px 0 0 0; margin-bottom:1px; } i{ diff --git a/packages/telescope-theme-hubble/lib/client/scss/modules/_posts.scss b/packages/telescope-theme-hubble/lib/client/scss/modules/_posts.scss index 12ef8e916..88cbd4076 100644 --- a/packages/telescope-theme-hubble/lib/client/scss/modules/_posts.scss +++ b/packages/telescope-theme-hubble/lib/client/scss/modules/_posts.scss @@ -30,7 +30,7 @@ } .cell{ // display: table-cell; - // vertical-align: middle; + // vertical-align: middle; margin-right: $grid-margin*2; @include medium-large{ @include flex-shrink(0); @@ -40,7 +40,7 @@ .left-modules{ .inner{ margin-left: $grid-margin; - } + } @include small{ .inner{ display: block; @@ -240,7 +240,7 @@ border-radius: 0px 0px 3px 3px; } &.animate{ - @include single-transition(ease-out, top, 400ms, 0ms); + transition: ease-out, top, 400ms, 0ms; } &.inactive{ .post-content{ @@ -250,7 +250,7 @@ } .post-rank{ position: relative; - span{ + span{ position:absolute; top:0px; left:-60px; @@ -268,23 +268,23 @@ padding:$grid-padding - 5px 0; } .post-content{ - min-height:$grid-unit - 30px; + min-height: $grid-unit - 30px; .post-sticky{ - display:block; - position:absolute; - right:-40px; - top:16px; - font-size:24px; + display: block; + position: absolute; + right: -40px; + top: 16px; + font-size: 24px; i{ - color:$light-text; + color: $light-text; } span{ - display:none; + display: none; } } } .post-heading{ - margin-bottom:3px; + margin-bottom: 3px; line-height: 1.2; @include small{ line-height: 1.5; @@ -319,7 +319,7 @@ .post-category{ display:inline-block; font-size:11px; - @include border-radius(3px); + border-radius: 3px; background:#eee; padding:0px 6px; text-transform:uppercase; @@ -361,7 +361,6 @@ color:$red; } &.share-link{ - color:$blue; color:$yellow; } &.discuss-link{ @@ -449,7 +448,7 @@ } .inner-table-cell{ display: table-cell; - vertical-align:middle; + vertical-align:middle; } @@ -474,14 +473,14 @@ } .post-heading{ .post-title{ - display:block; + display:block; margin-bottom:4px; } .post-domain{ display:block; margin-bottom:4px; font-size:13px; - } + } } .post-meta{ font-size:11px; diff --git a/packages/telescope-theme-hubble/lib/client/scss/modules/_share.scss b/packages/telescope-theme-hubble/lib/client/scss/modules/_share.scss index f7f6da3f8..6b60e210b 100644 --- a/packages/telescope-theme-hubble/lib/client/scss/modules/_share.scss +++ b/packages/telescope-theme-hubble/lib/client/scss/modules/_share.scss @@ -1,23 +1,23 @@ -.share-options{ - position:absolute; - @include small{ +.share-options { + position: absolute; + @include small { left: 0px; top: 75px; } - @include medium-large{ - left:-180px; - top:5px; + @include medium-large { + left: -180px; + top: 5px; } padding: 10px; line-height: 1; - a{ + a { display: inline-block; line-height: 1; } @extend .popover; - &.hidden{ - display:block; - opacity:0; + &.hidden { + display: block; + opacity: 0; pointer-events: none; left:-160px; } @@ -33,13 +33,13 @@ &:after { border-color: rgba(255, 255, 255, 0); border-width: 10px; - @include small{ + @include small { border-bottom-color: #ffffff; top: -20px; left: 50%; margin-left: -11px; } - @include medium-large{ + @include medium-large { border-left-color: #ffffff; top: 20px; margin-top: -3px; @@ -48,27 +48,27 @@ &:before { border-color: rgba(0, 0, 0, 0); border-width: 11px; - @include small{ + @include small { border-bottom-color: $red; top: -22px; left: 50%; margin-left: -12px; } - @include medium-large{ + @include medium-large { border-left-color: $red; top: 20px; margin-top: -4px; } } - .buttons{ + .buttons { @include cf; - padding:15px 5px 5px 15px; - .button{ - float:left; - margin-right:10px; - background:transparent; - padding:0px; - height:100%; + padding: 15px 5px 5px 15px; + .button { + float: left; + margin-right: 10px; + background: transparent; + padding: 0px; + height: 100%; } } } diff --git a/packages/telescope-theme-hubble/lib/client/scss/modules/_user-profile.scss b/packages/telescope-theme-hubble/lib/client/scss/modules/_user-profile.scss index c1850e020..3c957fd3b 100644 --- a/packages/telescope-theme-hubble/lib/client/scss/modules/_user-profile.scss +++ b/packages/telescope-theme-hubble/lib/client/scss/modules/_user-profile.scss @@ -1,8 +1,8 @@ .user-profile { - .user-avatar{ - height:80px; - width:80px; - display:block; - @include border-radius(80px); + .user-avatar { + height: 80px; + width: 80px; + display: block; + border-radius: 80px; } } \ No newline at end of file diff --git a/packages/telescope-theme-hubble/lib/client/scss/partials/_mixins.scss b/packages/telescope-theme-hubble/lib/client/scss/partials/_mixins.scss index 6db281a1d..cf6ebf7f3 100644 --- a/packages/telescope-theme-hubble/lib/client/scss/partials/_mixins.scss +++ b/packages/telescope-theme-hubble/lib/client/scss/partials/_mixins.scss @@ -24,10 +24,10 @@ @mixin vcenter { position: relative; top: 50%; - @include translateY(-50%); + transform: translateY(-50%); } @mixin animate($property: all){ - @include single-transition($property, 300ms, 0ms, ease-out); + transition: $property, 300ms, 0ms, ease-out; } @mixin border-box{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ @@ -108,21 +108,21 @@ .popover{ background:white; border:1px solid $red; - @include border-radius(3px); - @include box-shadow(0px 1px 2px 0px black(0.25)); + border-radius: 3px; + box-shadow: 0px 1px 2px 0px black(0.25); z-index:100; - @include transition(all, 300ms); + transition: all, 300ms; } .grid-block{ background:#fff; - @include border-radius(3px); + border-radius: 3px; // border:1px solid $light-blue; padding:$grid-padding; margin-bottom:$grid-margin; - @include box-shadow(0 1px 1px black(0.15)); + box-shadow: 0 1px 1px black(0.15); } .has-shadow{ - @include box-shadow(0 1px 1px black(0.15)); + box-shadow: 0 1px 1px black(0.15); } .cf{ @include cf; diff --git a/packages/telescope-theme-hubble/lib/client/scss/partials/_tooltips.scss b/packages/telescope-theme-hubble/lib/client/scss/partials/_tooltips.scss index 9944979ba..cb1b4d056 100644 --- a/packages/telescope-theme-hubble/lib/client/scss/partials/_tooltips.scss +++ b/packages/telescope-theme-hubble/lib/client/scss/partials/_tooltips.scss @@ -7,13 +7,13 @@ left:50%; top:-40px; opacity:0; - @include single-transition(ease-out, opacity, 300ms, 0ms); + transition: ease-out, opacity, 300ms, 0ms; span{ display:block; white-space:nowrap; position:relative; background:black(0.6); - @include border-radius(3px); + border-radius: 3px; padding:0px 8px; left:-50%; font-size:14px; diff --git a/packages/telescope-theme-hubble/lib/client/scss/screen.scss b/packages/telescope-theme-hubble/lib/client/scss/screen.scss index 65929df40..d63f1d65b 100644 --- a/packages/telescope-theme-hubble/lib/client/scss/screen.scss +++ b/packages/telescope-theme-hubble/lib/client/scss/screen.scss @@ -1,32 +1,16 @@ -/* Welcome to Compass. - * In this file you should write your main styles. (or centralize your imports) - * Import this file using the following HTML or equivalent: - * */ - -// @import "compass/reset"; -@import "compass/css3"; -@import "compass/typography/lists/horizontal-list"; @import "partials/grid"; @import "partials/colors"; @import "partials/mixins"; -// @import "partials/main"; @import "partials/typography"; @import "partials/icons"; -// @import "partials/pageslide"; -// @import "partials/markdown"; @import "partials/tooltips"; @import "modules/accounts"; @import "modules/nav"; -// @import "modules/mobile_nav"; @import "modules/posts"; @import "modules/comments"; -// @import "modules/forms"; @import "modules/dialogs"; -// @import "modules/users"; @import "modules/user-profile"; @import "modules/errors"; -@import "modules/share"; - -// @import "partials/mobile"; \ No newline at end of file +@import "modules/share"; \ No newline at end of file diff --git a/packages/telescope-theme-hubble/package.js b/packages/telescope-theme-hubble/package.js index 67724740f..6d1b032ed 100644 --- a/packages/telescope-theme-hubble/package.js +++ b/packages/telescope-theme-hubble/package.js @@ -2,14 +2,43 @@ Package.describe({summary: "Telescope Hubble theme"}); Package.onUse(function (api) { - api.use(['telescope-lib', 'telescope-base'], ['client', 'server']); + api.use( + [ + 'telescope-lib', + 'telescope-base', + 'fourseven:scss' + ], + ['client', 'server'] + ); - api.add_files([ + api.addFiles([ 'lib/hubble.js', ], ['client', 'server']); - api.add_files([ - 'lib/client/css/screen.css', - ], ['client']); - + api.addFiles( + [ + // modules + 'lib/client/scss/modules/_accounts.scss', + 'lib/client/scss/modules/_comments.scss', + 'lib/client/scss/modules/_dialogs.scss', + 'lib/client/scss/modules/_errors.scss', + 'lib/client/scss/modules/_nav.scss', + 'lib/client/scss/modules/_posts.scss', + 'lib/client/scss/modules/_share.scss', + 'lib/client/scss/modules/_user-profile.scss', + + // partials + 'lib/client/scss/partials/_colors.scss', + 'lib/client/scss/partials/_grid.scss', + 'lib/client/scss/partials/_icons.scss', + 'lib/client/scss/partials/_mixins.scss', + 'lib/client/scss/partials/_tooltips.scss', + 'lib/client/scss/partials/_typography.scss', + + // screen + 'lib/client/scss/screen.scss' + ], + 'client' + ); + }); \ No newline at end of file diff --git a/packages/telescope-theme-hubble/versions.json b/packages/telescope-theme-hubble/versions.json index ff479acf3..cae06800e 100644 --- a/packages/telescope-theme-hubble/versions.json +++ b/packages/telescope-theme-hubble/versions.json @@ -52,6 +52,10 @@ "follower-livedata", "1.0.2" ], + [ + "fourseven:scss", + "1.0.0" + ], [ "geojson-utils", "1.0.1" diff --git a/scss.json b/scss.json new file mode 100644 index 000000000..6dbafe648 --- /dev/null +++ b/scss.json @@ -0,0 +1,6 @@ +{ + "enableAutoprefixer": true, + "outputStyle": "compressed", + "sourceComments": true, + "sourceMap": true +} \ No newline at end of file