Quora Dark by stylishthemes
Imported and mirrored from https://raw.githubusercontent.com/StylishThemes/Quora-Dark/master/quora-dark.user.css
Details
Authorstylishthemes
LicenseCC-BY-SA-4.0
Created
Updated
CategoryQuora
Description
Userstyle doesn't have description.Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Quora Dark
@namespace StylishThemes
@version 2.0.7
@homepageURL https://github.com/StylishThemes/Quora-Dark
@updateURL https://raw.githubusercontent.com/StylishThemes/Quora-Dark/master/quora-dark.user.css
@license CC-BY-SA-4.0
@author StylishThemes
@advanced color base-color "Base color scheme" #4183C4
@advanced dropdown bg-choice "Background" {
crosshatch "Cross-Hatch" <<<EOT
url(https://camo.githubusercontent.com/5b8e4cd1a5ce69b6affa17ebd8e4aee00c147618/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d63726f737368617463682e706e67) EOT;
uniform "Uniform Tile" <<<EOT
url(https://camo.githubusercontent.com/f83a9a60a2c64be0c88833ccb436e32a458cd2ce/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d74696c652d756e69666f726d2e706e67) EOT;
random "Random Tile" <<<EOT
url(https://camo.githubusercontent.com/3beb850d8069e424480199a09899030c9e58e85f/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d74696c65312e706e67) EOT;
custom "Custom" <<<EOT
var(--bg-custom) EOT;
none "None" <<<EOT
none EOT;
}
@advanced text bg-custom "Custom Background" "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAD1BMVEUREREREREAAAAREREWFhkN5cwCAAAABHRSTlNfGAAwFBG7CgAAACxJREFUeAFjYGJiZGBhhhMMYIIRTjCgcIE8VC4TKpeRmYEZiTtIzGNihhNMAJJAATdKr5xFAAAAAElFTkSuQmCC)"
@advanced dropdown bg-options "Background image type" {
Tiled "Tiled" <<<EOT
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important; EOT;
Fit window size "Fit window size" <<<EOT
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center top !important; EOT;
}
@advanced dropdown bg-attachment "Background image attachment" {
Scroll "Scroll" <<<EOT
scroll EOT;
Fixed "Fixed" <<<EOT
fixed EOT;
}
@advanced dropdown hide-popup "Hide Text Selection Popup" {
Yes "Yes" <<<EOT
display: none !important; EOT;
No "No" <<<EOT
/* Blank *\/
EOT;
}
@advanced text custom-transition "Custom transition" "all ease-in 350ms"
@preprocessor uso
==/UserStyle== */
@-moz-document domain("quora.com") {
* {
text-shadow: none !important;
box-shadow: none !important;
}
:root {
--bg-custom: /*[[bg-custom]]*/;
--bg-img: /*[[bg-choice]]*/;
}
html, body:not(.logged_out_page_big_signup), .NuxModal.modal_overlay {
background-color: #282828 !important;
background-image: var(--bg-img) !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-attachment: /*[[bg-attachment]]*/ !important;
/*[[bg-options]]*/
}
/* the bg none is attached to the bg image above */
.question_related.list, .question_main_col {
background: none;
}
body {
color: #eee !important;
}
/* action buttons */
.AddQuestionFromHeaderDialogButton, .submit_button, .primary_button,
.MoreStoriesIndicator, .NotEnoughKnowsAboutTopicsPrompt .search_link {
background-color: /*[[base-color]]*/ !important;
border-color: /*[[base-color]]*/ !important;
color: #e2e2e2 !important;
}
.AddQuestionFromHeaderDialogButton:hover, .submit_button:hover,
.primary_button:hover, .MoreStoriesIndicator:hover {
opacity: .8 !important;
}
/* text selection */
::selection {
background-color: /*[[base-color]]*/ !important;
color: #efefef !important;
}
::-moz-selection {
background-color: /*[[base-color]]*/ !important;
color: #efefef !important;
}
.HomeNavList .unread.has_img .EditableListItem:before,
.EditableList .unread .EditableListItem:before,
.SiteHeader.during_nux .progress_bar_wrapper .progress_bar,
.ui_button--PillStyle--bright_blue,
[class*="ClickWrapper___StyledBox"][class*="ButtonPill___StyledButtonWrapper"],
[class*="ButtonPill___StyledButtonWrapper"] div,
[class*="ButtonPill___StyledButtonWrapper"] svg {
background-color: /*[[base-color]]*/ !important;
}
[class*="ButtonPill___StyledButtonWrapper"] svg [stroke*="#666"] {
stroke: #eee !important;
}
[class="Box-s"] [color="red"] div[class="Box-s"] {
background-color: #f00 !important;
}
.WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue {
filter: invert(1) !important;
}
.web-page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:hover,
.web_page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:focus,
.web_page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:active,
.web_page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:hover {
filter: invert(1) !important;
opacity: .8;
}
.web_page .ui_button--PillStyle--bright_blue:focus,
.web_page .ui_button--PillStyle--bright_blue:active,
.web_page .ui_button--PillStyle--bright_blue:hover {
background-color: /*[[base-color]]*/ !important;
opacity: .8;
}
.action_bar_inner a.ui_button--non_link .ui_button_label,
.nux_dialog_interests .topic_photo_card_wrapper .topic_photo_card .info_wrapper .info_background .info span,
.u-text--gray-dark, .Modal .modal_header .modal_title, .nav_item_selected,
.action_bar_inner .ui_button_count_inner,
ul li.StaticListItem .selected[href*="answer"] .list_item_text,
.layout_3col_center a.ui_button--non_link .ui_button_label,
a.ui_button--non_link .ui_button_label_count_wrapper .ui_button_label,
.grid_page .layout_3col_center .ui_story_card a.ui_button--non_link .ui_button_label,
div[class*="Box-"][color*="gray_dark"], .puppeteer_test_button_text,
.u-text--gray, .Prompt .prompt_inner .prompt_title,
.UserAnswersNeeded.is_prominent .prompt_wrapper, .LeaderboardHeader .title,
.LeaderboardMain .up_and_coming .title, .Notif .notif_title, .qu-color--gray {
color: #ddd !important;
}
[class*="Box-"][color="gray_light"] {
color: #ccc;
}
.EditableList .EditableListItem > a, .EditableList .StaticListItem > a,
.EditableList .list_empty > a,
.hovercard_section .AboutListItem span.body_text .main_text, a.ui_page_tab,
.QueryResults .QueryListTitle .query_title .query,
.LeaderboardListItem .view_count .num, .Notif {
color: #aaa !important;
}
.AMATicker .AMATickerEventItem .bubble .reason,
.AMATicker .AMACurrentlyAnswering .bubble .reason {
color: #aaa;
}
.ui_button--PillStyle--gray {
color: #ddd !important;
background-color: #333 !important;
}
div[style*="background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%"] {
background: linear-gradient(rgba(24, 24, 24, .3) 0%, rgba(24, 24, 24, .8) 100%) repeat scroll 0% 0% !important;
}
.qu-bg--raised {
background-color: transparent;
}
.qu-color--blue_dark.qu-bg--raised {
background-color: #282828;
}
.qu-bg--blue_ultralight {
background-color: #182030;
}
.qu-bg--blue {
background-color: #182030;
}
.qu-bg--blue:active, .qu-bg--blue:focus, .qu-bg--blue:hover {
background-color: #246 !important;
}
.q-platform--desktop .qu-hover--bg--darken:hover {
background-color: rgba(0, 0, 0, .2) !important;
}
div[style*="background-color: rgb(235, 236, 237)"] {
background-color: #383838 !important;
}
.qu-bg--white, .qu-bg--white__ignore_dark_mode, .qu-bg--gray_ultralight,
li.tribes_nav_menu div, .qu-bg--page--gray, .q-box.qu-bg--raised {
background-color: #282828;
}
.q-platform--desktop .qu-bg--gray_ultralight:hover,
.q-platform--desktop .qu-bg--gray_ultralight:focus,
.q-platform--desktop .qu-bg--gray_ultralight:active,
.q-platform--desktop .qu-hover--bg--gray_light:hover {
background-color: #333 !important;
}
.q-platform--desktop .qu-hover--bg--blue_light:hover {
background-color: #246 !important;
}
.q-platform--desktop .qu-hover--bg--gray_ultralight:hover {
background-color: #333 !important;
}
li.tribes_nav_menu a:hover {
color: #ddd;
background-color: rgba(50, 50, 50, .7) !important;
}
.web_page .ui_button--PillStyle--gray:hover,
.web_page .ui_button--PillStyle--gray:focus, .progress_bar_wrapper {
background-color: #444 !important;
}
.web_page .ui_button--PillStyle.pressed:focus,
.web_page .ui_button--PillStyle.pressed:hover, .ui_button--PillStyle.pressed,
/* exception color these bg gray on purpose */
.web_page .ui_button--PillStyle--light_blue:focus,
.web_page .ui_button--PillStyle--light_blue:hover, .u-bg--blue-light {
background: #444 !important;
}
.ui_button--PillStyle--light_blue {
background: #333 !important;
}
.distro_switcher, .AskQuestionStep .url_input,
.TribeAddHyperLinkModal .url_input, .QuoraShareModal .url_input,
.LogOperation .revision {
border-color: #555 !important;
background-color: #181818 !important;
}
.feed_card_on .TopicPageHeader, .TopicManagePageMain .system_message,
.TopicOrganizePageMain .system_message {
border: 1px solid #555 !important;
background-color: #222 !important;
}
.QueryResults .AskQuestionButton {
border: 1px solid #555 !important;
background-color: #333 !important;
}
.QueryResults .AskQuestionButton:focus, .QueryResults .AskQuestionButton:hover {
border: 1px solid /*[[base-color]]*/ !important;
color: /*[[base-color]]*/ !important;
}
/* together */
.TribesTabGetStarted:not(.u-text--gray),
.WelcomeTribeAnnouncement:not(.footer),
.nux_dialog_simplified_follow_friends .blurred_facepile,
.TribesTabGetStarted .u-text--gray {
filter: invert(90%) !important;
color: #333;
}
.u-border--desktop-feed-card, .Announcement {
border: 1px solid #ddd !important;
}
.layout_3col_center .list_header, .qu-color--gray_dark,
.qu-color--gray_dark__ignore_dark_mode, .qu-color--gray_dark_dim, .q-box,
.qu-color--gray_light, .StaticPage.JobsMain .content_section .section_text,
.StaticPage.FunctionalJobsPage .content_section .section_text,
.StaticPage.JobListingMain .content_section .section_text {
color: #ddd;
}
.ComponentSurvey .question_wrapper .button_group .survey_button:focus,
.ComponentSurvey .question_wrapper .button_group .survey_button:hover,
.ui_story_card_body .ui_button_inner .ui_button_label {
border-color: #666 !important;
color: #ddd !important;
}
html div span[id*="__w2_"], .Notif .notif_content {
color: #ddd !important;
}
/* end together */
.ui_button--StackedStyle.pressed .ui_button_icon .icon_svg-stroke,
.ui_icon_color--gray_dark .icon_svg-stroke,
.icon_svg-stroke[stroke="#666"]:not([stroke-width="1.8"]) {
stroke: #eee !important;
}
.ui_button--FlatStyle--gray .ui_button_icon .icon_svg-stroke,
.ui_button--StackedStyle--gray .ui_button_icon .icon_svg-stroke {
stroke: #aaa !important;
}
.ui_button--PillStyle.pressed .ui_button_icon .icon_svg-stroke {
stroke: #ccc !important;
}
.ui_button--PillStyle.pressed .ui_button_icon .icon_svg-fill_as_stroke,
.ui_button--FlatStyle--blue.pressed .ui_button_icon .icon_svg-fill_as_stroke,
.ui_button--FlatStyle--gray.pressed .ui_button_icon .icon_svg-fill_as_stroke,
.ui_button--StackedStyle.pressed .ui_button_icon .icon_svg-fill_as_stroke,
.ui_button--FlatStyle--gray.pressed .ui_button_icon .icon_svg-fill,
.ui_button--StackedStyle.pressed .ui_button_icon .icon_svg-fill,
.icon_svg-fill_as_stroke {
fill: #ccc !important;
}
.icon_svg-fill_as_stroke {
fill: #ccc;
}
.ui_icon_color--blue_dark .icon_svg-stroke,
.ui_icon_color--blue .icon_svg-stroke,
.ui_button--PillStyle--light_blue .ui_button_icon .icon_svg-stroke,
.ui_button--FlatStyle--blue .ui_button_icon .icon_svg-stroke,
.ui_button--StackedStyle--blue .ui_button_icon .icon_svg-stroke,
.ui_button--FlatStyle--blue.pressed .ui_button_icon .icon_svg-stroke,
.ui_button--FlatStyle--gray.pressed .ui_button_icon .icon_svg-stroke {
stroke: /*[[base-color]]*/ !important;
}
.icon_svg-stroke {
stroke: /*[[base-color]]*/;
}
.icon_svg-fill {
fill: none;
}
.ui_button--FlatStyle--blue.pressed .ui_button_icon .icon_svg-fill,
.ui_button--FlatStyle--gray.pressed .ui_button_icon .icon_svg-fill,
.ui_button--StackedStyle.pressed .ui_button_icon .icon_svg-fill {
fill: /*[[base-color]]*/ !important;
}
.AddWorkCredentialListItem .list_item_icon,
.AddSchoolCredentialListItem .list_item_icon,
.AddLanguageCredentialListItem .list_item_icon,
.AddLocationCredentialListItem .list_item_icon, .AddCredentialDropdown:before {
filter: grayscale(1) brightness(130%) !important;
}
.ui_button--PillStyle.pressed {
box-shadow: inset 0 0 0 1px rgba(51, 85, 119, .5) !important;
}
/*** background ***/
.ActionBar, .FeedStoryTimestamp, .FeedStoryTimestamp hr, .interval_timestamp,
.NotificationItem.seen, .edit_faq_link, .title a,
.editor_toolbar .modifier.overflow_show:before,
.editor_toolbar .modifier.overflow_hide:before,
.FollowSuggestionCard.InlineFollowSuggestionCard, .seen, .Message, .ObjectCard,
.ObjectCard-footer, .ContentFeedTabs li.active a, .SiteHeader .dropdown,
.hover_highlight:hover, .Modal .modal_content .modal_non_exp,
.Modal .modal_content, .answer_editor.on_draft_page .AnswerEditorHeader,
.answer_editor.on_draft_page .form_buttons, .MessagesMain .header,
.MessagesMain .threads_and_messages .threads, .MessagesThreadItem,
.NewInboxThreadComposeMessageBox, .PinnedTopicHeader, .full_bundle,
.AnswerReadLaterListItem, .StatsMain .ContentListWrapper, .ContentListItem,
.AllContentLink, .AskQuestionPromptBundle, .LoggedOutFooter,
.AMAFeedDividerItem h3, .layout_1col_main_card, body > div {
background: transparent !important;
}
.check_wrapper.complete .check, .QuestionMain .right_col_fixable,
.RelatedQuestions, .RelatedQuestionsAdWrapper, .StoryItemToggleModal,
.AMACoverPhoto, .landing_photo {
background-color: transparent !important;
}
.EquivalentQuestionsInOtherNetworksWrapper, .u-bg--gray-ultralight,
ul li.StaticListItem .selected[href*="answer"] {
background: #333 !important;
}
.u-bg--gray {
background: #282828 !important;
}
.qu-bg--blue_light {
background-color: #182030;
}
html:not(#noop) div.button_wrapper:not([class*="qu-hover--bg--#a82723"]):hover,
html:not(#noop) div.button_wrapper:not([class*="qu-hover--bg--#a82723"]):active,
html:not(#noop) div.button_wrapper:not([class*="qu-hover--bg--#a82723"]):focus,
html:not(#noop) div.button_wrapper[class="qu-hover--bg--#d7e1ff"] {
background-color: #246 !important;
}
.feed_card_on .RelatedQuestions h3,
.feed_card_on .EquivalentQuestionsInOtherNetworksWrapper h3 {
border-color: #555 !important;
background: #444 !important;
}
.is_removable .remove_link {
background-image: none !important;
}
input, textarea, .fake_editor, .qtext_editor.pretty_q, .qtext_editor_content,
.write_answer, .inline_login_profile_box, .qtext_button_qimg a,
.tooltip_contents, .codeblock, .remove_upvote, .ExistingUserNuxProgressBar,
.QuestionActionBarA2APrompt, .ViewsOnProfile .nux, .Modal .modal_content,
pre.prettyprint, .Editor .doc, .Editor.Comment, .ContentFeedTabs li a,
.quiet_notifs_banner, .LookupBarSelector .instruction,
.new_user_checklist .title, .Carousel .left, .Carousel .right,
.StoryItemToggleModal.read_item, .notif_dropdown_empty_state, .individual_bio,
.AMACoverBar, .selector_result.ask_new_question .AskQuestionButton,
.icon_action_bar.sticky, .HomePageSignupForm,
.Placeholder.white_bg .animated_background, .Placeholder.white_bg .mask,
.feed_card_on .HomepageFeedStoryItemPlaceholder,
.feed_card_on .AmaSelfServeQuestionsPrompt, select, .loading_overlay,
.NuxModal .Step .modal_header, .NuxModal .Step .modal_footer,
.QueryResult .matched_term, .hover_menu_contents, .qu-hover--zIndex--1 {
background-color: #181818 !important;
}
.StaticPage.JobsMain .content_section:nth-child(2n) {
background-color: #181818;
}
.SiteHeader, .answer_header_and_editor, .LoggedOutContentPageFeed, .qu-fullX,
.notifications_header_bar, .dialog_wrapper, .new_user_checklist,
.results_frame li, .container, .FeedBottomIndicator, .ActionBar.sticky,
.ExistingUserNuxSidebar, .hover_menu_item, .EditableList .nav_item_selected a,
.EditableList .StaticListItem > .selected, .ask_interstitial,
.ViewsOnHovercard, .search_input:before, .editor_toolbar,
.NewGridQuestionPage .header .shared_form, .ProgressBar, .AnswerTagSection,
.CompleteProfileSection, .Next, .ViewsOnProfile:hover, .banner_answer,
.prettyprint .linenums li:before, .heads_up_item, .QuestionBannerReason,
.Selector .SelectorResults, .Carousel .left:hover, .Carousel .right:hover,
.graphs .detail .x_label, .graphs .detail .item, .bar_row,
.Placeholder.white_bg .svg_circular_hole,
.AnswerCompact .truncated_answer:hover, .Modal .tabs_header,
/*** Pinned topic header ***/
div.fixable_clone .PinnedTopicHeader.fixable_fixed,
.AnswerSurvey, .u-bg--white, .feed_card_on .TopicPageNavBar,
.Modal .modal_header, .AddQuestionPrompt, .feed_item, .section_header,
.feed_card_on .Bundle .full_bundle {
background: #222 !important;
}
.sidenav-item.current-article {
background-color: #333;
}
[class*="Box-"]:not([class*="BackgroundImage_"]):not([class*="ButtonPill_"]):not([class*="display"]):not(.puppeteer_test_button_text):not([class*="Text-"]) {
background: none !important;
color: #eee;
}
.ui_popup.ui_popup--show_nub:after, .RequestActionCaret:after {
border-left: 7.5px solid #333 !important;
border-right: 7.5px solid #333 !important;
border-bottom: 7px solid #222 !important;
}
.ui_icon_badge.ui_icon_badge_color--blue, .switcher_item_image .unread_dot,
.ui_avatar.ui_avatar--xlarge .ui_avatar_verified_badge,
.ui_icon_badge.ui_icon_badge_color--blue {
background-color: /*[[base-color]]*/ !important;
}
.topic_photo_img.topic_header_img .ui_icon_badge.ui_icon_badge_size--fluid {
filter: brightness(50%) contrast(150%) !important;
}
.topic_pill, .ViewMoreLink a, .BelowQuestionAddPrompt, .view_more_topics_link,
/*** Make cookie banner dark ***/
.CookieBanner .wrapper,
.CookieBanner .dismiss, .FooterNav, .DesktopFollowTopicStep, .ui_story_card,
.cardify_with_footer, .ContentPageFeedStoryItem {
background-color: #222 !important;
}
.SuggestedTopicsBundle .CarouselItem, .SuggestedTribesBundle .CarouselItem,
.CondensedTribesCarousel .CarouselItem {
background-color: #181818 !important;
}
.CookieBanner {
background-color: #353535 !important;
border-color: #555 !important;
}
.threaded_comments, .comment_replies_show_child_link,
.AnswerBase.undesirable_answer, .CompleteProfileBanner,
.topic_expert_application_form, .comments_preview_toggle, .show_child_link,
.modal_nux_background, .modal_signup_background {
background-color: rgba(34, 34, 34, .6) !important;
}
.ContentPageFeed, .web_page .u-hover-bg--black-transparent:hover,
.web_page .u-tap-highlight--white.u-text--gray-dark.u-hover-bg--black-transparent:hover,
.add_experience_cta {
background-color: rgba(58, 57, 57, .3) !important;
}
.read_more_link, .unseen, .action_button, .NextButton, .modal_footer,
.AnswerPageViewMoreLink, .multifeed_header .modal_related_answers .view_more,
.first_question_prompt, .QuestionSourceEdit .question_source_nux,
.NotEnoughKnowsAboutTopicsPrompt, .TribePageNavBar, .TribePageNavBarOld,
.credential_list_item .edit_wrapper {
background: #242424 !important;
}
.qu-bg--gray {
background: #383838;
}
.JoinPage {
background: #282828;
}
.q-platform--desktop .qu-hover--bg--gray:hover,
button.qu-bg--blue_light.qu-hover--textDecoration--none:not(.focus) {
background: #383838 !important;
}
.count, .nav_item_link.hover, .nav_item_link:hover, .nav_item_link:active,
li.selected, .follow_state_badge, .NotificationsClearLink, .LegalNavLinks,
.hover_menu_item:hover, .MoveAnswerBanner, .ActionBar .primary_action,
.ReAskButton.button, .AskToAnswerModalLink, .MostWantedBadge,
.CollapsedAnswersSectionCollapsed:not(.CollapsedAnswersSectionUncollapsed) .content,
.RequestAnswersDrawer .inner, .RADToggle.is_active, .Announcement,
.web_page .ui_button--FlatStyle:hover,
.web_page a.ui_button--StackedStyle:hover,
.QuoraShareFeed .author_info .icon_follow_button:hover,
.AnswerHeader .icon_follow_button:hover, .hyperlink_footer_link_down:hover,
.ui_menu_item:hover, .TribeInviteModal .modal_header,
.AskQuestionStep .url_input_box, .TribeAddHyperLinkModal .url_input_box,
.QuoraShareModal .url_input_box, .FollowSuggestionSection,
.FollowSuggestionSectionWrapper, .Notif.unseen:hover {
background-color: #282828 !important;
}
html:not(#X) [class*="SettingsAccountMain"] [class*="linked_networks_link"] a:hover,
.answer_count,
span a.u-tap-highlight--white.u-hover-bg--black-transparent:hover {
background: transparent !important;
}
.menu_list_item a:hover, .completed:hover, .menu_list_header:hover,
.AnswerEditorHeader, .AddQuestionLookupBarButton,
.SelectorResults .selector_highlighted:not(.unselectable),
.AnswerPageViewMoreLink .view_more_link:hover,
.multifeed_header .modal_related_answers .view_more .view_more_link:hover,
.content_white_button, .survey_button, .icon_action_bar-button:hover,
.outer_content .new_actionbar_content_button:hover,
.Bundle .view_all_button:hover, .Bundle .more_button:hover,
.HomepageSignupNetworkRedirectLink:hover,
.udvelwrlbdolfmcikjev .fftymohfzbthluhzdawz .hndhuftyidotulwenpsu:hover,
.TopicPageHeader .TopicPageNavBar .link.selected,
.TopicPageHeader .TopicPageNavBar a.link:hover,
.TribePageNavBar .inner .Tabs .list_contents .tab .link.selected,
.TribePageNavBar .inner .Tabs .list_contents .tab .link:hover,
.HyperLinkPreviewCompact:hover, .web_page .ui_button--FlatStyle--blue:focus,
.web_page .ui_button--FlatStyle--gray:focus,
.web_page .ui_button--StackedStyle:focus,
.web_page .ui_button--FlatStyle--blue:hover,
.web_page .ui_button--FlatStyle--gray:not([aria-label="Dismiss"]):hover,
.web_page .ui_button--StackedStyle:hover, .Modal .tabs_header .tab:hover,
.RelatedTopicsListItem:hover,
.link_overlay:not([nav_style="app_browser"]):hover,
.web_page .nav_item_selected a, .AddCredentialDropdown:hover,
.tab.linked_list_item .link.selected, .tab.linked_list_item .link:hover,
.web_page .ui_page_tab:hover, .switcher_item_with_image.is_active,
.answer_editor .form_buttons {
background-color: #333 !important;
}
.count:before, .qtext_hr,
.logged_out_page_big_signup .ContentWrapper .HomePageSignupForm .signup:after,
.BoardSettingsList .BlogSettingsListItem .board_photo.no_photo,
button.qu-bg--blue_light.qu-hover--textDecoration--none:active,
button.qu-bg--blue_light.qu-hover--textDecoration--none:hover {
background-color: #444 !important;
}
/* overlay */
.ContentPageFeedStoryItem:hover .feed_item_overlay,
.dialog:not(.dialog_nux):not(.modal_signup_dialog):after,
a[target="_blank"].feed_item_overlay:hover {
background: rgba(0, 0, 0, .5) !important;
}
/*** text color ***/
a span:not[style*="background: rgba(0, 0, 0, 0)"],
.ui_content_title .ui_qtext_rendered_qtext, a:hover .TopicName,
.is_removable .remove_link:hover, .AskQuestionButton:before, .TopicName,
.ui_qtext_rendered_qtext span a, .see_top_questions_link,
.settings_row_contents a, .connect_service_button span,
.EditableList .EditableListItem > a:hover, .language_item a,
.threaded_comments .featured_comments_header .toggle_link,
a.question_link .ui_qtext_rendered_qtext,
.feed_item_overlay:hover .read_more_link, .checklist_row .label a,
.CredentialModalLink, .EmptyUserCombinedState a, .AddCredentialDropdown,
.hover_menu_contents .SiteHeaderHoverMenuContents .main_menu li a,
.hover_menu.no_body_attach .menu_list_item a,
.switcher_item_with_image .link .label:hover, .u-text--blue,
.question_related.list .AskQuestionButton, a,
.ui_button--PillStyle--light_blue, .ui_button_inner .ui_button_label,
.grid_page .layout_3col_center a.ui_button--non_link .ui_button_label,
.list_item_text:hover, [class*="AskQuestionStepAddQuestion___StyledBanner"],
div > span.qu-color--blue_dark .qu-userSelect--text {
color: /*[[base-color]]*/ !important;
}
a.q-box.qu-hover--textDecoration--none div:hover {
color: #333;
}
a.q-box.qu-hover--textDecoration--none div div:hover {
color: #eee;
}
.qt_read_more, .qu-color--blue_dark {
color: /*[[base-color]]*/;
}
div.q-absolute:hover .qt_read_more, .q-box.qu-bg--raised:hover .qt_read_more {
background: #282828 none repeat scroll 0% 0%;
box-shadow: #333 -6px 0 8px 1px !important;
}
.q-box.qu-pb--massive:hover .qt_read_more {
background: #333 none repeat scroll 0% 0%;
box-shadow: #333 -20px 0 8px 0 !important;
}
.q-box.qu-bg--raised:hover .qt_read_more,
.q-platform--desktop .qu-hover--bg--darken:hover .qt_read_more {
background: #282828;
box-shadow: #333 -6px 0 8px 1px !important;
}
[class*="CssComponent-sc"][data-placement*="left"]::before {
border-color: transparent transparent transparent #555;
}
[class*="CssComponent-sc"][data-placement*="left"]::after {
border-color: transparent transparent transparent #282828;
}
[class*="Popper_"][data-placement*="top"]::before {
border-color: #555 transparent transparent;
}
[class*="Popper_"][data-placement*="top"]::after {
border-color: #282828 transparent transparent;
}
[class*="Popper_"][data-placement*="bottom"]::before {
border-color: transparent transparent #555;
}
[class*="Popper_"][data-placement*="bottom"]::after {
border-color: transparent transparent #282828;
}
.grid_page .layout_3col_center .ui_empty--wrapper-compact a.ui_button--non_link .ui_button_label,
.SettingsNavList a,
.ui_text_badge.ui_icon_text_badge_style--square.ui_icon_text_badge_size--regular,
.ui_text_badge.ui_icon_text_badge_style--circle.ui_icon_text_badge_size--regular,
.grid_page .layout_3col_center a.ui_button--PillStyle--bright_blue .ui_button_label,
a .puppeteer_test_tribe_name span {
color: #ddd !important;
}
h1, h2, h3, h4, h5, h6, blockquote, div > span, li, input, textarea,
a.submit_button span, a.primary_button span, interval_timestamp,
.tooltip_contents span, .nav_item_link .badge, .hover_menu_header_link,
.topic_pill a, .ViewMoreLink a, .is_removable .remove_link,
.NotifsNavItem .NotifsNavBadge, .LookupBarAskQuestionModalButton .button_text,
.AnswerHeader .user, .credibility_wrapper .answer_permalink,
a.AskQuestionButton, .author_info .user, .author_info a.metadata,
.QuoraShareEmbed a, .account_description p, .rlaobvbvtahxdqdjbmbs span,
.fftymohfzbthluhzdawz span, span .expanded,
.TopicPageHeader .TopicPageNavBar a.link,
.TribePageNavBar .inner .Tabs .list_contents .tab .link,
.form_buttons .continue .submit_button, span.caret, .TribeNameLink span,
.QuoraShareEmbed .ui_content_title span, .ui_qtext_para, .user,
.ui_story_card_body .ui_qtext_rendered_qtext, .name_text span,
.header_text_main, .link_overlay p span, .link_overlay span,
.web_page .nav_item_selected a,
.pass_color_to_child_links .ui_content_title span,
.question_qtext span.ui_qtext_rendered_qtext, .add_experience_cta, select,
.HyperLinkPreview .hyperlink_title, .HyperLinkPreview .hyperlink_description,
.feed_item a[id*="__w2_"] div, .switcher_item_with_image .link .label,
.QuestionPageAnswerHeader, .AnswerStandaloneActorHeader, div[color="gray"],
.ui_headers_base, .outer_content_box .content_title {
color: #c0c0c0 !important;
}
.StaticPage.JobsMain .employees_container .employee {
background-color: #181818;
border-color: #333 !important;
}
.StaticPage.JobsMain .content_section .job_listings .job,
.StaticPage.FunctionalJobsPage .content_section .job_listings .job {
background-color: #181818;
border-top: 1px solid #444 !important;
}
.StaticPage.JobsMain .content_section .job_listings .job .job_location,
.StaticPage.FunctionalJobsPage .content_section .job_listings .job .job_location {
color: #aaa;
border-top: 1px solid #444 !important;
}
.StaticPage.JobsMain .content_section .job_listings .job .job_title,
.StaticPage.FunctionalJobsPage .content_section .job_listings .job .job_title {
border-right-color: #555;
}
.StaticPage.JobsMain .content_section .job_listings .job .team_link:hover,
.StaticPage.FunctionalJobsPage .content_section .job_listings .job .team_link:hover,
.StaticPage.JobsMain .content_section .job_listings .job .team_link:hover,
.StaticPage.FunctionalJobsPage .content_section .job_listings .job .team_link:hover {
background-color: #282828;
}
.StaticPage.JobsMain .content_section .job_listings .job .team_link .meta,
.StaticPage.FunctionalJobsPage .content_section .job_listings .job .team_link .meta {
background-color: #182030;
color: #ccc;
}
.StaticPageNavigation .HorizontalTabs .linked_list_item:nth-child(2n),
.StaticPage.FunctionalJobsPage .content_section:nth-child(2n+1),
.StaticPage.JobListingMain .content_section:nth-child(2n+1), .AMATicker {
background-color: #282828;
}
.qu-borderColor--raised {
border-color: #444 !important;
}
/* this area, attempts to style at longer term the dynamic generated CSS.
Adding a simple `div` to any of these specific styles, breaks too much elsewhere
its not perfect and there's minor perceptual breaks in some hovers colors. */
a[id*="__w2_"]:not([id*="_answer_link_overlay"]):not(.AskQuestionButton):not(.ui_qtext_more_link):not(.u-hover-bg--black-transparent):not(.ui_button--PillStyle--light_blue):not(.ui_button--PillStyle--bright_blue):not(.question_link):not([action_mousedown="NotifClickthrough"]):not([id*="_submit"]):not(.more_link):not(.submit_button):not(a):hover {
background-color: rgba(50, 50, 50, .7) !important;
color: #aaa !important;
}
a:link:hover, a > .ui_content_title {
transition: /*[[custom-transition]]*/ !important;
}
a > .ui_content_title:hover {
transition: color ease-in 50ms !important;
}
.HyperLinkFeedStory a[id*="__w2_"]:not([id*="_link_overlay"]):hover,
.answer_link_overlay:hover {
background-color: rgba(40, 40, 40, .4) !important;
}
.question_main_col .UnifiedAnswerPagedList a[id*="__w2_"]:not(.answer_link_overlay):not(.ui_overlay):hover {
background-color: rgba(40, 40, 40, .8) !important;
}
.web_page .ui_horizontal_scroll_zone .left,
.web_page .ui_horizontal_scroll_zone .right {
background-color: rgba(80, 80, 80, .8);
border-color: #555;
outline-color: rgba(80, 80, 80, .8);
}
.web_page .ui_horizontal_scroll_zone .left:hover,
.web_page .ui_horizontal_scroll_zone .right:hover {
background-color: rgba(100, 100, 100, .9);
border-color: #555 !important;
}
a[id*="_toggle_link"]:hover {
background-color: transparent !important;
}
div[id*="_paged_list"] a, .HoverMenu .TopicNameSpan.TopicName,
.PrivacySettings .ts_gutter_header {
color: #ccc !important;
}
.question_main_col .UnifiedAnswerPagedList a[id*="__w2_"]:hover {
color: #ddd !important;
opacity: 1;
}
span.bullet, .ui_button--styled .ui_button_count .bullet,
.ToolboxCategory .unstyled_ui_button .ui_button_count .bullet {
color: #ccc !important;
opacity: 1 !important;
}
div[id*="__w2_"] div:not([class*="_button"]):not([id*="_icon"]):not(.ui_icon_badge_color--blue):not(div) {
background-color: rgba(34, 34, 34, .7) !important;
}
html:not(#X) .multifeed_bundle_story a[id*="__w2_"]:not([id*="_overflow_menu_item"]):not(.ui_button--PillStyle.pressed):hover {
background-color: transparent !important;
}
/* end wth area above =) */
.feed_item_overlay .read_more_link {
background: #191919 !important;
}
.ui_vertical_card_group--card {
border-color: #555;
background-color: #222;
}
[class*="Box-sc"][width]:not([height="2"]),
[class*="Box-sc"][class*="display_"] {
border-color: #555 !important;
background-color: #222;
}
[class*="Box-sc"][size="18"] {
background-color: #181818 !important;
}
[class*="position_"]:not([class*="position__Relative"]):not([height="2"]) {
background-color: rgba(20, 21, 34, .4) !important;
}
.story_title_container .ui_content_title:hover,
.SiteHeader.new_header .right_contents .ask_wrapper .AskQuestionButton,
.SiteHeader .SiteHeaderNavItem .nav_item_link,
.SiteHeader .site_header_nav_item .nav_item_link,
.web_page .nav_item_selected a:hover {
color: #ddd !important;
}
.faded, .add_upvote, .add_upvote .count, .remove_upvote, .remove_upvote .count,
.table_cell_wrapper a span, .comments_preview_toggle, .list_item_text {
color: #949494 !important;
}
.graphs text {
fill: #eee !important;
}
.ui_icon_color--gray .icon_svg-fill_as_stroke,
.ui_button--FlatStyle--gray .ui_button_icon .icon_svg-fill_as_stroke,
.ui_button--StackedStyle--gray .ui_button_icon .icon_svg-fill_as_stroke {
fill: #aaa !important;
}
.graphs rect:hover {
fill: #357 !important;
}
.Placeholder.white_bg .svg_circular_hole .hole_path {
fill: #181818 !important;
}
/*** borders ***/
.dialog .close_modal, .pagedlist_item.pagedlist_invisible,
.comment_highlight_wrapper, .hover_menu_above li:first-child:after,
.ContentFeedTabs li.active a, .SiteHeader.new_header .nav_item_link {
border-color: transparent !important;
}
.search_focused .selector_input.text, .ask_bar .LookupBarSelector textarea,
.icon_action_bar-button.blue_icon .action_bar-inline_icon .icon_svg-stroke,
.icon_action_bar-stacked_button.blue_icon .action_bar-inline_icon .icon_svg-stroke {
border-color: /*[[base-color]]*/ !important;
stroke: /*[[base-color]]*/ !important;
}
.q-platform--desktop .qu-hover--borderColor--blue:hover {
border-color: /*[[base-color]]*/ !important;
}
h1, h2, h3, table, table th, hr, ul, li, span, p, blockquote, a,
.hover_menu_contents, .question_box, .show_reply_box_link,
.QuestionActionBarA2APrompt, input, .seen, .Carousel .left, .Carousel .right,
.AMAFeedDividerItem:before, .u-border--desktop-feed-card,
.Announcement:not(.WelcomeTribeAnnouncement),
.HyperLinkPreviewCompact .link_content_with_image, .Modal .modal_header,
.Bundle .section_header, .u-border-bottom, textarea, .fake_editor,
.qtext_editor_content, .Prompt {
border-color: #333 !important;
}
button[style*="outline: rgb(255, 255, 255) solid 4px"] {
outline: #111 !important;
}
.ActionBar .primary_action:hover, .primary_item a:hover,
.AddQuestionLookupBarButton:hover,
._facepile_wrapper ._facepile_photo .profile_photo_img, textarea:focus,
.fake_editor:focus, .qtext_editor_content:focus, select, div, .qu-borderAll {
border-color: #555 !important;
}
.q-platform--desktop .qu-hover--borderColor--gray_medium:hover {
border-color: #666 !important;
}
.expanded_q_text:hover .inline_editor_edit,
.truncated_q_text:hover .inline_editor_edit,
.suggested_edits_text:hover .inline_editor_edit,
.qtext_editor_content:hover .inline_editor_edit,
.inline_editor_content:hover .inline_editor_edit {
background: #222;
}
/* outline */
.Carousel .left, .Carousel .right {
outline-color: #333 !important;
}
.TopicPageHeader .TopicNameInlineEditor:hover {
outline: 1px dashed #666;
}
/* arrow */
.hover_menu_contents li:first-child:after,
.MoreHoverMenuContents > ul > li:first-child:after, .hover_menu:before,
.hover_menu:after, .header_hover_menu:after, .results_wrapper:before,
.resistance_wrapper:after, .comment_replies_show_child_link:before,
.comment_replies_show_child_link:after, .results_wrapper:after,
.action_bar_button_nub:before,
.ContentPageFeed .feed_item_overlay .read_more_link,
.SiteHeader .hover_menu.hover_menu_header .MoreHoverMenuContents > ul > li:first-child .hover_menu_item:hover:after,
.SiteHeader .hover_menu.hover_menu_header .AdsMoreHoverMenuContents > ul > li:first-child:hover:after,
.SiteHeader .hover_menu.hover_menu_header .LoggedInNonMemberProfileHoverMenuContents > ul > li:first-child:hover:after,
.SiteHeader .hover_menu.hover_menu_header .WriteHoverMenuContents > ul > li:first-child:hover:after {
border-bottom-color: #333 !important;
}
.hover_menu_above:before, .hover_menu_above:after, .hover_menu.show_nub:after,
.hover_menu_above li:last-child:before,
.hover_menu .menu_list_item:hover:before {
border-top-color: #333 !important;
border-bottom-color: transparent !important;
}
.hover_menu_above li:last-child:after,
.tooltip .tooltip_contents.nub_bottom:after {
border-top-color: #222 !important;
border-bottom-color: transparent !important;
}
.HomeNavListHoverMenu:before {
border-right-color: #222 !important;
}
.action_bar_button_nub:after, .hover_menu.show_nub:before,
.menu .menu_list_item:before, .hover_menu .menu_list_item:before,
.hover_menu.show_nub:not(.hover_menu_above) .menu_list_items > div:first-child:hover:before {
border-bottom-color: #282828 !important;
}
.hover_menu.show_nub.hover_menu_above .menu_list_items > .menu_list_item:last-child:hover:before {
border-top-color: #282828 !important;
}
/*** Red ***/
a.selected span, div.tab.selected,
.TopicPageHeader .TopicPageNavBar .link.selected,
.TopicPageHeader .TopicPageNavBar a.link:hover,
.TribePageNavBar .inner .Tabs .list_contents .tab .link.selected,
.web_page .ui_page_tab.selected,
.SiteHeader.new_header .nav_item_link.selected, .web_page .ui_page_tab:hover {
color: #e00 !important;
border-color: #c00 !important;
}
.qu-color--red {
color: #f00;
}
.diffdelete {
background-color: #300 !important;
}
/*** Green ***/
.follow_button {
background: #041 !important;
border-color: #062 !important;
color: #0a3 !important;
}
.follow_button .count {
background: #041 !important;
color: #aaa !important;
}
.diffinsert {
background: #020 !important;
}
/*** Blue ***/
.notifications_banner, .add_upvote, .User.Button, .follow_button,
.ama_a2a_question, .Topic.Button, .Session.Button, .PileOnRequest.Button {
background: #182030 !important;
border: 1px solid #246 !important;
}
.AnswerCompact .truncated_answer .not_linked:hover {
background-color: #222;
}
.add_upvote .count, .User.Button .count, .Editor .drop_zone, .view_answer,
.InviteToFollow, .WriteAnswer, .ReAsk.Button:not(.link), .follow_button,
.Topic.Button, .RequestAnswer, .Topic.Button .count, .RequestAnswer .count,
.filter_option_link:hover, .filter_option_link.selected, .RADToggle,
.link.selected {
background-color: #182030 !important;
}
.Editor .drop_zone, .view_answer, .InviteToFollow, .WriteAnswer,
.ReAsk.Button:not(.link), .follow_button, .Topic.Button, .RequestAnswer,
.RADToggle {
border-color: #246 !important;
}
.go_to_feed_button span, .view_answer span, .WriteAnswer span, .Topic span {
color: #2b6dad !important;
}
.graphs rect {
fill: #246 !important;
}
/*** Brown ***/
.InteractionModeBanner>div, .ErrorBanner>div, .BrowserWarning>div,
.ReAskPrompt, .PMsg .contents {
background: #321 !important;
border-color: #542 !important;
color: #b74 !important;
}
.ReAskPrompt:before, .ReAskPrompt:after {
border-bottom-color: #542 !important;
}
[style="background-color: #F3AD5D;"] {
background-color: #b74 !important;
}
/*** hide text selection popup ***/
.quote_hover_menu {
/*[[hide-popup]]*/
}
/*** Make the popup answer's background transparent black. ***/
.modal_overlay.feed_desktop_modal,
/*** Make the messages black instead of white. ***/
.MessagesThreadItem:hover,
.MessagesThreadItem.active {
background: rgba(0, 0, 0, .9);
}
/*** Make the answer hover colour a dark black one. ***/
.toggle_modal_inline.inline_modal_highlight:hover {
background-color: #050505;
}
.matched_term {
border: 1px solid rgba(187, 85, 0, 1) !important;
border: 1px solid rgba(/*[[base-color-rgb]]*/, 1) !important;
padding: 2px;
}
/*** Make ask question buttons necessarily red, and their text gray ***/
.AskQuestionButton .button_text, .modal_actions .submit_button.modal_action,
a.submit_button .google_button_text, a.submit_button .facebook_button_text,
.ui_content_title .ui_qtext_rendered_qtext {
color: #efefef !important;
}
.BelowQuestionAddPrompt .AskQuestionButton {
background-color: rgb(185, 43, 39) !important;
}
/*** Darken related question link underline color ***/
.question_link:hover .ui_story_title {
text-decoration-color: #c0c0c0 !important;
}
.search::before {
background-color: #181818;
color: #ddd;
}
.article-relatives {
border-color: #555;
}
.article-body code {
background: #111;
border-color: #555;
}
code.prettyprint, pre.prettyprint {
background: #111 !important;
}
/* lighten code/pre syntax highligh */
code.prettyprint .pln, pre.prettyprint .pln {
color: #aaa;
}
code.prettyprint .str, pre.prettyprint .str {
color: #4070a0;
}
code.prettyprint .kwd, pre.prettyprint .kwd {
color: #018226;
}
code.prettyprint .com, pre.prettyprint .com {
color: #6fbdd1;
}
code.prettyprint .typ, pre.prettyprint .typ {
color: #ad2600;
}
code.prettyprint .lit, pre.prettyprint .lit {
color: #4bc689;
}
code.prettyprint .pun, pre.prettyprint .pun, code.prettyprint .opn,
pre.prettyprint .opn, code.prettyprint .clo, pre.prettyprint .clo {
color: #979700;
}
code.prettyprint .tag, pre.prettyprint .tag {
color: #5081ec;
}
code.prettyprint .atn, pre.prettyprint .atn, code.prettyprint .atv,
pre.prettyprint .atv {
color: #5ca2e8;
}
code.prettyprint .dec, pre.prettyprint .dec, code.prettyprint .var,
pre.prettyprint .var {
color: #bb60d5;
}
code.prettyprint .fun, pre.prettyprint .fun {
color: #346dff;
}
/* website https://www.quora.com/business */
.StaticPage.AdvertisingMain .section_wrapper:nth-child(2n) {
background-color: #181818 !important;
}
.StaticPage.AdvertisingMain .section_wrapper .content_section.bullet_section .section_heading,
.StaticPage.AdvertisingMain .section_wrapper .content_section.hero_section .section_heading,
.StaticPage.AdvertisingMain .section_wrapper .content_section.hero_section .section_text,
.StaticPage.AdvertisingMain .section_wrapper .content_section.bullet_section .bullet_list .bullet .bullet_title,
.StaticPage.AdvertisingMain .section_wrapper .content_section.bullet_section .bullet_list .bullet .bullet_subtext,
.StaticPage.AdvertisingMain .section_wrapper .section_subheading,
.header_nav.business [id*="_link"].nav_item_link > span {
color: #aaa !important;
}
}
@-moz-document domain("boards.greenhouse.io") {
* {
text-shadow: none !important;
box-shadow: none !important;
}
:root {
--bg-custom: /*[[bg-custom]]*/;
--bg-img: /*[[bg-choice]]*/;
}
html, body:not(.logged_out_page_big_signup), .NuxModal.modal_overlay {
background-color: #222 !important;
background-image: var(--bg-img) !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-attachment: /*[[bg-attachment]]*/ !important;
/*[[bg-options]]*/
color: #ddd;
}
#application {
background-color: #202020;
}
#main_fields div.field input[type="text"], #main_fields div.field textarea,
#main_fields div.field .text-field,
#main_fields #custom_fields div.field .select2-container-multi,
#custom_fields #main_fields div.field .select2-container-multi,
#custom_fields div.field input[type="text"], #custom_fields div.field textarea,
#custom_fields div.field .text-field,
#custom_fields div.field .select2-container-multi,
#demographic_questions div.field input[type="text"],
#demographic_questions div.field textarea,
#demographic_questions div.field .text-field,
#demographic_questions #custom_fields div.field .select2-container-multi,
#custom_fields #demographic_questions div.field .select2-container-multi,
#eeoc_fields div.field input[type="text"], #eeoc_fields div.field textarea,
#eeoc_fields div.field .text-field,
#eeoc_fields #custom_fields div.field .select2-container-multi,
#custom_fields #eeoc_fields div.field .select2-container-multi,
.ui-widget-content {
border: solid 1px #444;
background-color: #111;
color: #fff;
}
.accessible .select2-container .select2-chosen,
.accessible .select2-container .select2-arrow,
.accessible .select2-container .select2-choice, .select2-drop-mask {
background: #181818;
}
.accessible .select2-container .select2-choice {
border-color: #444;
}
#main hr {
background-color: #444;
}
.select2-drop {
background: #181818;
color: #fff;
border: 1px solid #444;
}
.select2-container .select2-choice {
color: #fff;
}
.location {
color: #aaa;
}
}