@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 119, ../scss/includes/_mixins.scss */ .grid-block { 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 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, .accounts-dialog .control-group, .accounts-dialog .form-group { /* 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, .accounts-dialog .control-group:before, .accounts-dialog .control-group:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after { content: ""; display: table; } /* line 10, ../scss/includes/_mixins.scss */ form .control-group:after, form .form-group:after, .accounts-dialog .control-group:after, .accounts-dialog .form-group:after { clear: both; } /* line 15, ../scss/global/_forms.scss */ form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > 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, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label { margin-bottom: 5px; } } @media screen and (min-width: 40em) { /* line 15, ../scss/global/_forms.scss */ form .control-group > label, form .form-group > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label { float: left; margin-right: 10px; } } /* line 26, ../scss/global/_forms.scss */ form .control-group .controls, form .form-group .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls { position: relative; } @media screen and (min-width: 40em) { /* line 26, ../scss/global/_forms.scss */ form .control-group .controls, form .form-group .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls { margin-left: 200px; } } /* line 31, ../scss/global/_forms.scss */ form .control-group .controls .inline-link, form .form-group .controls .inline-link, .accounts-dialog .control-group .controls .inline-link, .accounts-dialog .form-group .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, .accounts-dialog .control-group .controls .inline-link.loading, .accounts-dialog .form-group .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, .accounts-dialog .control-group .controls label, .accounts-dialog .form-group .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, .accounts-dialog .control-group .controls label.inline, .accounts-dialog .form-group .controls label.inline { display: inline-block; margin-bottom: 0; } /* line 52, ../scss/global/_forms.scss */ form .control-group.inline, form .form-group.inline, .accounts-dialog .control-group.inline, .accounts-dialog .form-group.inline { margin-bottom: 10px; } /* line 53, ../scss/global/_forms.scss */ form .control-group.inline .controls, form .form-group.inline .controls, .accounts-dialog .control-group.inline .controls, .accounts-dialog .form-group.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, .accounts-dialog .control-group.inline .submit, .accounts-dialog .form-group.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 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 */ .module { 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 ul, .markdown ol, .markdown p, .markdown pre { margin-bottom: 1em; } /* line 5, ../scss/global/_markdown.scss */ .markdown strong { font-weight: bold; } /* line 8, ../scss/global/_markdown.scss */ .markdown em { font-style: italic; } /* line 11, ../scss/global/_markdown.scss */ .markdown ul, .markdown ol { padding-left: 18px; } /* line 14, ../scss/global/_markdown.scss */ .markdown ul { list-style-type: disc; } /* line 17, ../scss/global/_markdown.scss */ .markdown ol { list-style-type: decimal; } /* line 21, ../scss/global/_markdown.scss */ .markdown a:link, .markdown a:visited, .markdown a:active { color: #7ac0e4; } /* line 24, ../scss/global/_markdown.scss */ .markdown a:hover { color: #dd3416; } /* line 29, ../scss/global/_markdown.scss */ .markdown p:last-child { margin-bottom: 0; } /* line 33, ../scss/global/_markdown.scss */ .markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 { font-weight: bold; margin-bottom: 0; } /* line 37, ../scss/global/_markdown.scss */ .markdown h1 { font-size: 36px; } /* line 40, ../scss/global/_markdown.scss */ .markdown h2 { font-size: 24px; } /* line 43, ../scss/global/_markdown.scss */ .markdown h3 { font-size: 18px; } /* line 46, ../scss/global/_markdown.scss */ .markdown h4 { font-size: 16px; } /* line 49, ../scss/global/_markdown.scss */ .markdown h5 { font-size: 14px; } /* line 52, ../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 60, ../scss/global/_markdown.scss */ .markdown pre { padding: 20px; border: 1px solid #ddd; background-color: #f8f8f8; } /* line 64, ../scss/global/_markdown.scss */ .markdown pre code { border: none; background: none; } /* 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 { margin-bottom: 10px; } /* line 41, ../scss/specific/_dropdown.scss */ .has-dropdown .dropdown-menu ul li:last-child { margin-bottom: 0; } /* line 44, ../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; } @media screen and (max-width: 40em) { /* line 3, ../scss/specific/_header.scss */ .header { height: 50px; padding: 10px; position: relative; } } /* line 12, ../scss/specific/_header.scss */ .header, .header a, .header a:link, .header a:visited { color: white; } /* line 15, ../scss/specific/_header.scss */ .header .nav { list-style-type: none; } /* line 17, ../scss/specific/_header.scss */ .header .nav > li { margin-bottom: 0; display: inline-block; } /* line 20, ../scss/specific/_header.scss */ .header .nav > li:last-child .header-submodule { margin-right: 0px; } /* line 26, ../scss/specific/_header.scss */ .header-module, .header-submodule { display: inline-block; margin-right: 20px; } /* line 31, ../scss/specific/_header.scss */ .header-module:last-child { margin-right: 0px; } /* line 35, ../scss/specific/_header.scss */ .logo { vertical-align: middle; line-height: 1; } @media screen and (max-width: 40em) { /* line 35, ../scss/specific/_header.scss */ .logo { margin-right: 0; } /* line 40, ../scss/specific/_header.scss */ .logo a { font-size: 24px; display: block; position: absolute; width: 100%; height: 50px; line-height: 50px; text-align: center; left: 0px; top: 0px; z-index: 10; margin-right: 0; } } /* line 56, ../scss/specific/_header.scss */ .logo-image a, .logo-image img { display: block; height: 100%; width: 100%; } /* line 63, ../scss/specific/_header.scss */ .mobile-menu-button { position: absolute; display: inline-block; padding: 4px; top: 50%; margin-top: -17px; z-index: 100; } /* line 69, ../scss/specific/_header.scss */ .mobile-menu-button .hamburger { fill: white; } /* line 75, ../scss/specific/_header.scss */ .account-link { display: inline-block; } /* line 78, ../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; } } @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 > li { margin-bottom: 0; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; } /* line 66, ../scss/specific/_mobile_nav.scss */ .mobile-menu > li:last-child { border: none; } /* line 70, ../scss/specific/_mobile_nav.scss */ .mobile-menu .sign-in { border-bottom: 1px rgba(255, 255, 255, 0.2) solid; margin-right: 0px; } /* line 74, ../scss/specific/_mobile_nav.scss */ .mobile-menu a { display: block; height: auto; line-height: inherit; font-size: 15px; } /* line 79, ../scss/specific/_mobile_nav.scss */ .mobile-menu a, .mobile-menu a:link, .mobile-menu a:visited { color: white; } /* line 85, ../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 95, ../scss/specific/_mobile_nav.scss */ .mobile-menu .dropdown-top-level { padding: 10px; } /* line 98, ../scss/specific/_mobile_nav.scss */ .mobile-menu .dropdown-menu { background: #333; } /* line 100, ../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 106, ../scss/specific/_mobile_nav.scss */ .mobile-menu .submit { margin: 10px; } /* line 111, ../scss/specific/_mobile_nav.scss */ .mobile-submit { padding: 10px; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; } /* line 114, ../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; }