Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .clearfix:after {
- clear: both;
- content: " ";
- display: block;
- font-size: 0;
- height: 0;
- visibility: hidden;
- }
- ::selection {
- background: #94a2b6;
- }
- ::-moz-selection {
- background: #94a2b6;
- }
- body {
- color: #eee;
- }
- .AppContainer {
- background: #181818;
- }
- .AppContainer.is-borderShowing {
- background: #2a2a2a;
- }
- .AppContainer.is-borderShowing.is-globalSearch {
- background: #181818;
- }
- .AppHeader {
- background-color: #272727;
- box-shadow: 0 1px 3px #111;
- color: #bbb;
- }
- .node-toolbar {
- background-color: #272727;
- border-top: 1px solid #555;
- box-shadow: 0 -1px 1px #111;
- }
- .node-toolbar-option {
- color: #bbb;
- }
- .node-toolbar-option.is-disabled {
- color: #666;
- }
- .AppHeader-mobileIcon:active,
- .NodeToolbar-option:active {
- background: #222;
- }
- .node-toolbar.mod-ios .node-toolbar-option:active {
- background: none;
- }
- .AppHeader-mobileIcon--mainMenu.is-open,
- .node-toolbar-option.mod-more-options.is-open {
- background-color: #111;
- }
- input,
- textarea {
- background-color: #111;
- border: 1px solid #666;
- color: #aaa;
- }
- input:focus,
- textarea:focus,
- input:hover,
- textarea:hover {
- border-color: #66b9ff;
- }
- input:focus,
- textarea:focus,
- .GlobalSearchBar {
- background-color: #111;
- color: #ccc;
- }
- .vsplitbar:after {
- border-right: 1px solid #333;
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- body:not(.is-mobile) .LeftPaneSlidebarContainer {
- box-shadow: 1px 0 2px 2px #222;
- }
- }
- .LeftPaneContainer,
- .Pane {
- background-color: #2a2a2a;
- background-image: none;
- box-shadow: inset 0 0 1px -1px #444;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .LeftPaneContainer,
- .Pane {
- background-color: #191919;
- box-shadow: none;
- }
- }
- body.is-mobile .LeftPaneContainer,
- body.is-mobile .Pane {
- background-color: #191919;
- box-shadow: none;
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- body:not(.is-mobile) .LeftPaneContainer-nav {
- background: #222;
- box-shadow: inset 0 0 1px -1px #444;
- }
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .LeftPaneContainer-nav {
- background-color: #008aff;
- }
- }
- body.is-mobile .LeftPaneContainer-nav {
- background-color: #008aff;
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- body:not(.is-mobile) .LeftPaneContainer-navItem {
- background: #222;
- color: #aaa;
- }
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- body:not(.is-mobile) .LeftPaneContainer-navItem.is-active,
- body:not(.is-mobile) .LeftPaneContainer-navItem:hover {
- background: #2a2a2a;
- }
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- body:not(.is-mobile) .Pane-header,
- body:not(.is-mobile) .popup-message-banner {
- color: #aaa;
- background: #222;
- }
- }
- .FolderItem.is-ghost,
- .DocumentItem.is-ghost {
- background-color: #505050;
- }
- .FolderItem-title,
- .DocumentItem-title,
- .BookmarkItem-title {
- color: #bbb;
- }
- .FolderItem-title.is-beingEdited,
- .DocumentItem-title.is-beingEdited,
- .BookmarkItem-title.is-beingEdited {
- background: #2d2d2d;
- }
- .FolderItem-toggler {
- color: #777;
- }
- .DocumentItem.is-open {
- background-color: #383838;
- }
- .FolderItem-menuTrigger,
- .DocumentItem-menuTrigger,
- .BookmarkItem-menuTrigger {
- color: rgba(119, 119, 119, 0.35);
- }
- .header-sync-state.mod-sync-error,
- .header-sync-state.mod-sync-disabled {
- color: #000;
- }
- .DocumentContainer,
- .AppContainer.is-borderShowing.is-globalSearch .DocumentContainer {
- background: #181818;
- background-image: none;
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- body:not(.is-mobile) .AppContainer.is-borderShowing:not(.is-globalSearch) .DocumentContainer {
- background-color: #2a2a2a;
- background-image: none;
- }
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- body:not(.is-mobile) .AppContainer.is-borderShowing .Document {
- border-color: #444;
- background-color: #181818;
- background-image: none;
- }
- }
- .Node-children {
- border-left: 1px solid #444;
- }
- .search-match {
- background: rgba(255, 255, 0, 0.4);
- }
- .ContextMenu {
- -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
- -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
- background: #222;
- border: 1px solid #444;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
- color: #bbb;
- }
- .ContextMenu .set-heading-level.current {
- background: #94a2b6;
- }
- .ContextMenu .MenuItem:hover,
- .ContextMenu .set-heading-level.current:hover {
- background: #485669;
- }
- .ContextMenu.NodeToolbarMoreOptionsMenu .MenuItem:hover {
- background: transparent;
- }
- .ContextMenu .MenuItem.is-disabled:hover {
- background: transparent;
- color: inherit;
- }
- .ContextMenu .MenuItem--noHighlight:hover {
- background: transparent;
- color: #eee;
- }
- .MenuItem--adminOnly {
- text-shadow: 0 0 1px #80c4ff;
- color: #008aff;
- }
- .MenuItem-icon {
- color: #bbb;
- }
- .MenuItem:hover {
- color: #FDFDFD;
- }
- .NodeToolbarMoreOptionsMenu .MenuItem:hover {
- color: inherit;
- }
- .MenuGroup + .MenuGroup {
- border-top: 1px solid #333;
- }
- .MenuItem-hotkey {
- color: rgba(238, 238, 238, 0.6);
- }
- .MenuItem:hover .MenuItem-hotkey {
- color: #FDFDFD;
- }
- .set-heading-level {
- border: 1px solid #555;
- color: #999;
- }
- .set-color-label {
- border: 1px solid #555;
- }
- .set-color-label:hover {
- border: 1px solid #008aff;
- color: #222;
- }
- .main-menu-user-email {
- color: #aaa;
- }
- .FolderItem-header.hover,
- .DocumentItem-header.hover,
- .BookmarkItem-header.hover {
- background: rgba(72, 86, 105, 0.4);
- }
- .FolderItem-header.selected,
- .DocumentItem-header.selected,
- .BookmarkItem-header.selected {
- background: #485669;
- }
- .tag-pane-doc-tag-instance,
- .tag-pane-global-tag-instance {
- color: #bbb;
- }
- .tag-pane-doc-tag-instance:hover,
- .tag-pane-global-tag-instance:hover {
- background: rgba(72, 86, 105, 0.4);
- }
- .tag-instance-count,
- .document-tags-total-count,
- .global-tags-total-count {
- color: #777;
- }
- #blank-slate .shortcut,
- #document-unavailable .shortcut {
- color: #485669;
- }
- .Node.is-selected {
- background-color: #485669;
- }
- .Node.is-selected .Node-content,
- .Node.is-selected .Node-note {
- /* browser doesn't use the selection rule if itself doesn't have a rule, damn */
- color: #efefef;
- }
- .Node.is-checked .Node-content,
- .Node.is-checked .Node-renderedContent,
- .Node.is-checked .Node-note,
- .Node.is-checked .Node-renderedNote {
- color: #777;
- }
- .Node-note,
- .Node-renderedNote {
- color: rgba(238, 238, 238, 0.8);
- }
- .AppHeader-mainMenu:hover,
- .AppHeader-notifications:hover,
- .AppHeader-settings:hover {
- border: 1px solid #191919;
- box-shadow: 1px 1px 1px #222;
- }
- .AppHeader-mainMenu.active,
- .AppHeader-notifications.active,
- .AppHeader-settings.active {
- background-color: #030303;
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.92), inset 0 0 0 1px rgba(57, 61, 68, 0.85), inset 0 2px 2px 0 rgba(152, 152, 152, 0.25), 0 1px 0 0 #333;
- }
- .AppHeader-notifications,
- .AppHeader-settings,
- .AppHeader-mainMenu {
- color: #999;
- }
- .AppHeader-notifications:hover,
- .AppHeader-settings:hover,
- .AppHeader-mainMenu:hover {
- color: #ccc;
- }
- .button {
- background: #111;
- border: 1px solid #555;
- color: #aaa;
- }
- .button:hover {
- background: #1a1a1a;
- }
- .button:active {
- background: #202020;
- }
- .button.mod-primary {
- color: #EEE;
- border-color: #008aff;
- background: #008aff;
- }
- .button.mod-primary:hover {
- background-color: rgba(0, 138, 255, 0.9);
- }
- .popup-bg,
- .FileFinder,
- .onboarding-overlay,
- .mobile-file-context-menu-background {
- background-color: rgba(130, 140, 150, 0.4);
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .FileFinder {
- background-color: #111;
- }
- }
- body.is-mobile .FileFinder {
- background-color: #111;
- }
- .form-container {
- background-color: #222;
- box-shadow: 2px 4px 3px #333;
- }
- .collab-delete {
- color: #aaa;
- }
- #collaborators-container ul {
- background: #000;
- border: 1px solid #444;
- }
- #collaborators-container ul li {
- border-bottom: 1px solid #444;
- }
- .upload-list {
- background: #000;
- border: 1px solid #444;
- }
- .upload-item {
- border-bottom: 1px solid #444;
- }
- #blank-slate ul,
- #document-unavailable ul {
- color: #a0a0a0;
- }
- #blank-slate ul a,
- #document-unavailable ul a {
- color: #c0c0c0;
- }
- #node-drag-indicator,
- #file-drag-indicator {
- background: #222;
- border: 1px solid #888;
- box-shadow: 1px 3px 3px #333;
- }
- .Node-outer:first-child > .Node.is-showing-top-divider {
- border-top-color: #505050;
- }
- .Node.is-showing-bottom-divider {
- border-bottom-color: #505050;
- }
- .FileFinder-results {
- background: #111;
- }
- .FileFinder-result {
- border-color: rgba(68, 68, 68, 0.5);
- color: #ddd;
- }
- .FileFinder-result:before {
- color: rgba(221, 221, 221, 0.75);
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .FileFinder-result {
- border-color: rgba(68, 68, 68, 0.5);
- }
- }
- body.is-mobile .FileFinder-result {
- border-color: rgba(68, 68, 68, 0.5);
- }
- .FileFinder-result:hover,
- .FileFinder-result.is-selected {
- background: #282828;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .FileFinder-result:hover,
- .FileFinder-result.is-selected {
- background: transparent;
- }
- }
- body.is-mobile .FileFinder-result:hover,
- body.is-mobile .FileFinder-result.is-selected {
- background: transparent;
- }
- .FileFinder-result .file-finder-match {
- color: #ddd;
- }
- .FileFinder-resultBreadcrumb {
- color: #999;
- }
- .FileFinder-emptyState {
- background: #202020;
- border-color: #444;
- color: #ddd;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .FileFinder-emptyState {
- background: transparent;
- }
- }
- body.is-mobile .FileFinder-emptyState {
- background: transparent;
- }
- .SettingsNav {
- border-bottom: 1px solid #444;
- }
- @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
- .SettingsNav {
- border-right: 1px solid #444;
- border-bottom: none;
- }
- }
- .SettingsNav-item {
- color: #999;
- }
- .SettingsNav-item:hover,
- .SettingsNav-item.is-active {
- background-color: #526278;
- color: #ddd;
- }
- .ShortcutHelp {
- color: #999;
- background-color: #222;
- }
- .ShortcutHelp-header {
- color: #bbb;
- }
- #image-preview-loader,
- #image-preview-fail,
- #inline-image-preview,
- .node-inline-image,
- .node-link-internal.is-displayed,
- .node-upload-link,
- .node-time {
- border: 1px solid #444;
- }
- .Node-contentContainer.has-color #image-preview-loader,
- .Node-contentContainer.has-color #image-preview-fail,
- .Node-contentContainer.has-color #inline-image-preview,
- .Node-contentContainer.has-color .node-inline-image,
- .Node-contentContainer.has-color .node-link-internal.is-displayed,
- .Node-contentContainer.has-color .node-upload-link,
- .Node-contentContainer.has-color .node-time {
- border: 1px solid #ddd !important;
- }
- .node-inline-image,
- .node-link-internal.is-displayed,
- .node-upload-link,
- .node-time {
- background-color: #292929;
- }
- .Node-contentContainer.has-color .node-inline-image,
- .Node-contentContainer.has-color .node-link-internal.is-displayed,
- .Node-contentContainer.has-color .node-upload-link,
- .Node-contentContainer.has-color .node-time {
- background-color: #f8f8f8 !important;
- }
- .node-inline-image:hover,
- .node-link-internal.is-displayed:hover,
- .node-upload-link:hover,
- .node-time:hover {
- background-color: #2d2d2d;
- }
- .node-inline-image:before,
- .node-link-internal.is-displayed:before,
- .node-upload-link:before,
- .node-time:before {
- color: #777;
- }
- .node-inline-code {
- /* color: #FF5C85;*/
- background-color: #444;
- }
- .Node-checkbox {
- background: #252525;
- border: 1px solid #666;
- background: linear-gradient(top, #333 0%, #222 40%, #000 100%);
- box-shadow: inset 0 1px 1px #000;
- }
- .Node-checkbox.is-readOnly {
- background: #555;
- box-shadow: inset 0 1px 1px #333;
- }
- .Node-checkbox:after {
- border: 3px solid #aaa;
- border-top: none;
- border-right: none;
- }
- .CurrentLineHighlight {
- background: rgba(255, 255, 255, 0.04);
- }
- .node-icon,
- .Node-numberedExpander {
- color: #999;
- }
- .node-icon:hover,
- .Node-numberedExpander:hover {
- color: #ddd;
- }
- .node-icon:before,
- .Node-numberedExpander:before {
- background-color: #181818;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .node-icon.is-being-tapped,
- .Node-numberedExpander.is-being-tapped {
- background-color: #333;
- }
- }
- body.is-mobile .node-icon.is-being-tapped,
- body.is-mobile .Node-numberedExpander.is-being-tapped {
- background-color: #333;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .node-icon.is-being-tapped:before,
- .Node-numberedExpander.is-being-tapped:before {
- background-color: transparent;
- }
- }
- body.is-mobile .node-icon.is-being-tapped:before,
- body.is-mobile .Node-numberedExpander.is-being-tapped:before {
- background-color: transparent;
- }
- .is-mobile .node-icon.mod-zoom:before,
- .is-mobile .node-icon.mod-expand:before,
- .is-mobile .node-icon.mod-collapse:before {
- background-color: transparent;
- }
- .AppContainer.is-using-bullet-to-zoom .Node-bullet:hover:before {
- background-color: #393939;
- }
- .Node.is-selected .Node-self.is-numbered > .Node-bullet:after {
- background-color: transparent;
- }
- .Node-self.is-numbered > .Node-bullet:after {
- background-color: #181818;
- }
- .NotificationsContainer {
- background: #1d1d1d;
- border: 1px solid rgba(0, 0, 0, 0.93);
- border-top: 1px solid #202020;
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
- }
- .NotificationsContainer:before {
- border-bottom-color: #111;
- }
- .NotificationsContainer:after {
- border-bottom-color: #1d1d1d;
- }
- .AppHeader-notifications:after {
- background: #008aff;
- }
- .NotificationsContainer-emptyState,
- .Notification {
- border-top: 1px solid #333;
- }
- .Notification.is-unread {
- background: rgba(0, 138, 255, 0.1);
- }
- .Notification-timestamp {
- color: #888;
- }
- .AppHeader-notifications:after {
- background: #008aff;
- }
- .ExportedContentContainer-currentContent::selection {
- background: #94a2b6;
- }
- .ExportedContentContainer-currentContent::-moz-selection {
- background: #94a2b6;
- }
- .DocumentSearch {
- background: #111;
- }
- .DocumentTools-icon {
- color: #888;
- }
- .DocumentTools-icon:hover {
- color: #aaa;
- }
- .DocumentTools-overlay {
- background: #181818;
- box-shadow: 0 0 3px 3px #181818;
- }
- .view-filter:before {
- border-bottom-color: #202020;
- }
- .view-filter:after {
- border-bottom-color: #111;
- }
- .GlobalSearchPage-hotkey {
- color: #99c2e6;
- }
- .Node-bullet:before,
- .Node-bullet:after {
- color: #888;
- }
- .FolderItem-icon,
- .DocumentItem-icon,
- .BookmarkItem-icon {
- color: #999;
- }
- .FolderItem-icon.shared,
- .DocumentItem-icon.shared,
- .BookmarkItem-icon.shared {
- color: #008aff;
- }
- .Pane-headerToolbarItem {
- color: rgba(187, 187, 187, 0.65);
- }
- .Pane-headerToolbarItem:hover {
- color: #bbb;
- }
- .onboarding-page-link {
- box-shadow: inset 0 0 0 1px #555;
- }
- .demo-tutorial-prompt {
- color: #bbb;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .DocumentBreadcrumb {
- border-bottom: 1px solid #444;
- }
- }
- body.is-mobile .DocumentBreadcrumb {
- border-bottom: 1px solid #444;
- }
- .node-tag {
- color: #bbbbbb;
- }
- .Node-openNote:after {
- color: #888;
- }
- .DocumentContainer.has-tagBackground .node-tag {
- background: rgba(148, 162, 182, 0.25);
- }
- .DocumentContainer.has-tagBackground .node-tag:hover {
- background: rgba(148, 162, 182, 0.6);
- }
- .Suggestions {
- border: 1px solid rgba(0, 0, 0, 0.93);
- border-top: 1px solid #202020;
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
- background: #111;
- }
- .Suggestions-item.is-current {
- background: #282828;
- }
- .Suggestions-item + .Suggestions-item {
- border-top: 1px solid #333;
- }
- .ReferralStats-referredFriends td,
- .ReferralStats-referredFriends th {
- border: 1px solid #444;
- }
- .ExportedContentContainer-nav {
- border: 1px solid #444;
- border-bottom: none;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .settings-container {
- background: #111;
- }
- }
- body.is-mobile .settings-container {
- background: #111;
- }
- .ExportedContentContainer-navItem,
- .settings-nav-item {
- background: #333;
- border-bottom: 1px solid #444;
- border-right: 1px solid #444;
- }
- .ExportedContentContainer-navItem.is-selected,
- .settings-nav-item.is-selected {
- background: #2a2a2a;
- }
- .settings-nav-item {
- background: #222;
- }
- .settings-nav-item.is-selected {
- background: #333;
- }
- .ExportedContentContainer-navItem:last-of-type {
- border-right: none;
- }
- .settings-nav-item {
- border: 1px solid #444;
- border-left: none;
- }
- .settings-nav-item:first-child {
- border-left: 1px solid #444;
- }
- .ExportedContentContainer-currentContent {
- border: 1px solid #444;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .setting {
- border-top: 1px solid rgba(68, 68, 68, 0.5);
- }
- }
- body.is-mobile .setting {
- border-top: 1px solid rgba(68, 68, 68, 0.5);
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .setting.mod-checkbox:active,
- .setting.mod-link:active,
- .setting.mod-dropdown:active {
- background-color: #222;
- }
- }
- body.is-mobile .setting.mod-checkbox:active,
- body.is-mobile .setting.mod-link:active,
- body.is-mobile .setting.mod-dropdown:active {
- background-color: #222;
- }
- .setting-inline-saver {
- color: #1988e6;
- }
- .setting-checkbox:checked + .setting-label:before {
- background: #008aff;
- border: #008aff;
- }
- .ExportedContentContainer-currentContent {
- border-top: none;
- }
- .GlobalSearchPage .Node.has-hover {
- background-color: #282828;
- }
- .GlobalSearchPage-documentResult {
- border: 1px solid #444;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .GlobalSearchPage-documentResult {
- border: none;
- }
- }
- body.is-mobile .GlobalSearchPage-documentResult {
- border: none;
- }
- .GlobalSearchPage,
- .GlobalSearchPage-documentTitleContainer {
- background: #181818;
- }
- .file-drop.popup .form-container {
- outline: 5px dashed #ccc;
- background: #333;
- color: #fff;
- }
- .FileUploadProgress {
- background: #008aff;
- }
- .LeftPaneSlidebarContainer-overlay {
- background-color: rgba(130, 140, 150, 0.4);
- }
- .MobileHeader-mainMenuIcon,
- .MobileHeader-backIcon,
- .MobileHeader-option,
- .LeftPaneSlidebar-header,
- .MobileHeader-title {
- color: #ccc;
- }
- .MobileHeader-moreOptions,
- .NodeToolbarMoreOptionsMenu {
- color: #eee;
- background: #222;
- box-shadow: -2px 2px 15px 2px #000;
- }
- .MobileHeader-moreOption:active {
- background: #333;
- }
- .MobileHeader-moreOption.is-disabled,
- .MobileHeader-option.is-disabled {
- color: #666;
- }
- .MobileHeader-moreOption.is-disabled:active,
- .MobileHeader-option.is-disabled:active {
- background: transparent;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .LeftPaneContainer {
- background: #191919;
- color: #bbb;
- }
- }
- body.is-mobile .LeftPaneContainer {
- background: #191919;
- color: #bbb;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .LeftPaneContainer-header {
- background: #008aff;
- }
- }
- body.is-mobile .LeftPaneContainer-header {
- background: #008aff;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .LeftPaneSlidebarContainer.is-open .LeftPaneContainer {
- box-shadow: 0 0 10px #111;
- }
- }
- body.is-mobile .LeftPaneSlidebarContainer.is-open .LeftPaneContainer {
- box-shadow: 0 0 10px #111;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .LeftPaneSlidebarContainer.is-open .LeftPaneContainer-nav {
- box-shadow: 0 3px 4px rgba(0, 0, 0, 0.98);
- }
- }
- body.is-mobile .LeftPaneSlidebarContainer.is-open .LeftPaneContainer-nav {
- box-shadow: 0 3px 4px rgba(0, 0, 0, 0.98);
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- LeftPaneContainer-navItem {
- border-bottom: 3px solid #008aff;
- }
- }
- body.is-mobile LeftPaneContainer-navItem {
- border-bottom: 3px solid #008aff;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .LeftPaneContainer-navItem.is-active {
- border-bottom-color: #eee;
- }
- }
- body.is-mobile .LeftPaneContainer-navItem.is-active {
- border-bottom-color: #eee;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .Pane-headerButton {
- background-color: #252525;
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7), 0 2px 10px 0 rgba(0, 0, 0, 0.6);
- }
- }
- body.is-mobile .Pane-headerButton {
- background-color: #252525;
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7), 0 2px 10px 0 rgba(0, 0, 0, 0.6);
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .Pane-headerIcon--documentFinder {
- color: rgba(187, 187, 187, 0.5);
- }
- }
- body.is-mobile .Pane-headerIcon--documentFinder {
- color: rgba(187, 187, 187, 0.5);
- }
- .datepicker {
- border: 1px solid rgba(0, 0, 0, 0.93);
- border-top: 1px solid #202020;
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
- background: #111;
- }
- .datepicker .day:hover,
- .datepicker-switch:hover,
- .prev:hover,
- .next:hover,
- tfoot tr th:hover,
- .datepicker .day.focused,
- .datepicker-switch.focused,
- .prev.focused,
- .next.focused,
- tfoot tr th.focused {
- background-color: #282828;
- }
- .datepicker span:hover,
- .datepicker span.focused {
- background: #282828;
- }
- .datepicker-dropdown.datepicker-orient-top:before {
- border-bottom-color: #111;
- border-top-color: #111;
- }
- .datepicker-dropdown.datepicker-orient-top:after {
- border-bottom-color: #111;
- border-top-color: #111;
- }
- .datepicker-dropdown.datepicker-orient-bottom:before {
- border-bottom-color: #202020;
- border-top-color: #202020;
- }
- .datepicker-dropdown.datepicker-orient-bottom:after {
- border-bottom-color: #111;
- border-top-color: #111;
- }
- .datepicker td.active {
- background-color: #008aff;
- }
- .datepicker td.active:hover {
- background-color: #008aff;
- }
- ::-webkit-scrollbar {
- background-color: rgba(255, 255, 255, 0.04);
- }
- ::-webkit-scrollbar-thumb {
- background: rgba(255, 255, 255, 0.1);
- }
- ::-webkit-scrollbar-thumb:active {
- background: rgba(255, 255, 255, 0.2);
- }
- .keymap-shortcut-combo,
- .KeyboardShortcut {
- background: #111;
- }
- .keymap-shortcut.is-being-changed .keymap-shortcut-combo {
- background: #008aff;
- }
- .onboarding-caption em {
- color: #1988e6;
- }
- .onboarding-caption kbd {
- color: #aaa;
- }
- .onboarding-page-link.is-current {
- box-shadow: inset 0 0 0 7px #008aff;
- }
- .keymap-shortcut-combo:hover {
- background: #191919;
- }
- .keymap-shortcut-overridden-icon {
- color: #bbb;
- }
- .keymap-shortcut-overridden-icon:hover {
- color: #008aff;
- }
- .popover,
- .view-filter,
- .dismissible-popup {
- border: 1px solid rgba(0, 0, 0, 0.93);
- border-top: 1px solid #202020;
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
- background: #111;
- }
- .view-filter-option-choice.is-selected {
- border: 1px solid #008aff;
- color: #008aff;
- }
- .search-tip-arrow-shadow:after {
- box-shadow: -1px -1px 0 0 #202020, -1px -1px 2px rgba(0, 0, 0, 0.92);
- }
- .search-tip-arrow:after,
- .search-tip-arrow-shadow:after {
- background-color: #111;
- }
- .search-tip-section + .search-tip-section,
- .view-filter-option + .view-filter-option {
- border-top: 1px solid #444;
- }
- .search-tip-header,
- .view-filter-option-choice {
- color: #bbb;
- }
- .view-filter-option-choice:hover {
- background: #393939;
- }
- .view-filter-option-title {
- color: #888;
- }
- .search-tip-section.mod-filters {
- color: #999;
- }
- .search-tip-section.mod-global-search .search-tip-header:hover {
- background-color: rgba(148, 162, 182, 0.58);
- }
- .sync-status + .sync-status {
- border-top: 1px solid #444;
- }
- .sync-error-report-data {
- border: 1px solid #444;
- background: #181818;
- }
- .AppContainer.is-highlighting-overdue .node-time.is-overdue {
- background: #391616;
- border: solid 1px #532020;
- }
- .AppContainer.is-highlighting-overdue .Node.is-checked .node-time.is-overdue {
- background: #292929;
- border: 1px solid #444;
- }
- .upload-item-delete {
- color: #777;
- }
- @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
- .setting-section-title {
- color: #008aff;
- }
- }
- body.is-mobile .setting-section-title {
- color: #008aff;
- }
- .file-details {
- border-bottom: 1px solid #444;
- }
- .tip-container {
- color: #bbb;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement