Advertisement
Guest User

Untitled

a guest
Jul 13th, 2017
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.99 KB | None | 0 0
  1. .clearfix:after {
  2. clear: both;
  3. content: " ";
  4. display: block;
  5. font-size: 0;
  6. height: 0;
  7. visibility: hidden;
  8. }
  9. ::selection {
  10. background: #94a2b6;
  11. }
  12. ::-moz-selection {
  13. background: #94a2b6;
  14. }
  15. body {
  16. color: #eee;
  17. }
  18. .AppContainer {
  19. background: #181818;
  20. }
  21. .AppContainer.is-borderShowing {
  22. background: #2a2a2a;
  23. }
  24. .AppContainer.is-borderShowing.is-globalSearch {
  25. background: #181818;
  26. }
  27. .AppHeader {
  28. background-color: #272727;
  29. box-shadow: 0 1px 3px #111;
  30. color: #bbb;
  31. }
  32. .node-toolbar {
  33. background-color: #272727;
  34. border-top: 1px solid #555;
  35. box-shadow: 0 -1px 1px #111;
  36. }
  37. .node-toolbar-option {
  38. color: #bbb;
  39. }
  40. .node-toolbar-option.is-disabled {
  41. color: #666;
  42. }
  43. .AppHeader-mobileIcon:active,
  44. .NodeToolbar-option:active {
  45. background: #222;
  46. }
  47. .node-toolbar.mod-ios .node-toolbar-option:active {
  48. background: none;
  49. }
  50. .AppHeader-mobileIcon--mainMenu.is-open,
  51. .node-toolbar-option.mod-more-options.is-open {
  52. background-color: #111;
  53. }
  54. input,
  55. textarea {
  56. background-color: #111;
  57. border: 1px solid #666;
  58. color: #aaa;
  59. }
  60. input:focus,
  61. textarea:focus,
  62. input:hover,
  63. textarea:hover {
  64. border-color: #66b9ff;
  65. }
  66. input:focus,
  67. textarea:focus,
  68. .GlobalSearchBar {
  69. background-color: #111;
  70. color: #ccc;
  71. }
  72. .vsplitbar:after {
  73. border-right: 1px solid #333;
  74. }
  75. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  76. body:not(.is-mobile) .LeftPaneSlidebarContainer {
  77. box-shadow: 1px 0 2px 2px #222;
  78. }
  79. }
  80. .LeftPaneContainer,
  81. .Pane {
  82. background-color: #2a2a2a;
  83. background-image: none;
  84. box-shadow: inset 0 0 1px -1px #444;
  85. }
  86. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  87. .LeftPaneContainer,
  88. .Pane {
  89. background-color: #191919;
  90. box-shadow: none;
  91. }
  92. }
  93. body.is-mobile .LeftPaneContainer,
  94. body.is-mobile .Pane {
  95. background-color: #191919;
  96. box-shadow: none;
  97. }
  98. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  99. body:not(.is-mobile) .LeftPaneContainer-nav {
  100. background: #222;
  101. box-shadow: inset 0 0 1px -1px #444;
  102. }
  103. }
  104. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  105. .LeftPaneContainer-nav {
  106. background-color: #008aff;
  107. }
  108. }
  109. body.is-mobile .LeftPaneContainer-nav {
  110. background-color: #008aff;
  111. }
  112. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  113. body:not(.is-mobile) .LeftPaneContainer-navItem {
  114. background: #222;
  115. color: #aaa;
  116. }
  117. }
  118. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  119. body:not(.is-mobile) .LeftPaneContainer-navItem.is-active,
  120. body:not(.is-mobile) .LeftPaneContainer-navItem:hover {
  121. background: #2a2a2a;
  122. }
  123. }
  124. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  125. body:not(.is-mobile) .Pane-header,
  126. body:not(.is-mobile) .popup-message-banner {
  127. color: #aaa;
  128. background: #222;
  129. }
  130. }
  131. .FolderItem.is-ghost,
  132. .DocumentItem.is-ghost {
  133. background-color: #505050;
  134. }
  135. .FolderItem-title,
  136. .DocumentItem-title,
  137. .BookmarkItem-title {
  138. color: #bbb;
  139. }
  140. .FolderItem-title.is-beingEdited,
  141. .DocumentItem-title.is-beingEdited,
  142. .BookmarkItem-title.is-beingEdited {
  143. background: #2d2d2d;
  144. }
  145. .FolderItem-toggler {
  146. color: #777;
  147. }
  148. .DocumentItem.is-open {
  149. background-color: #383838;
  150. }
  151. .FolderItem-menuTrigger,
  152. .DocumentItem-menuTrigger,
  153. .BookmarkItem-menuTrigger {
  154. color: rgba(119, 119, 119, 0.35);
  155. }
  156. .header-sync-state.mod-sync-error,
  157. .header-sync-state.mod-sync-disabled {
  158. color: #000;
  159. }
  160. .DocumentContainer,
  161. .AppContainer.is-borderShowing.is-globalSearch .DocumentContainer {
  162. background: #181818;
  163. background-image: none;
  164. }
  165. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  166. body:not(.is-mobile) .AppContainer.is-borderShowing:not(.is-globalSearch) .DocumentContainer {
  167. background-color: #2a2a2a;
  168. background-image: none;
  169. }
  170. }
  171. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  172. body:not(.is-mobile) .AppContainer.is-borderShowing .Document {
  173. border-color: #444;
  174. background-color: #181818;
  175. background-image: none;
  176. }
  177. }
  178. .Node-children {
  179. border-left: 1px solid #444;
  180. }
  181. .search-match {
  182. background: rgba(255, 255, 0, 0.4);
  183. }
  184. .ContextMenu {
  185. -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
  186. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
  187. background: #222;
  188. border: 1px solid #444;
  189. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
  190. color: #bbb;
  191. }
  192. .ContextMenu .set-heading-level.current {
  193. background: #94a2b6;
  194. }
  195. .ContextMenu .MenuItem:hover,
  196. .ContextMenu .set-heading-level.current:hover {
  197. background: #485669;
  198. }
  199. .ContextMenu.NodeToolbarMoreOptionsMenu .MenuItem:hover {
  200. background: transparent;
  201. }
  202. .ContextMenu .MenuItem.is-disabled:hover {
  203. background: transparent;
  204. color: inherit;
  205. }
  206. .ContextMenu .MenuItem--noHighlight:hover {
  207. background: transparent;
  208. color: #eee;
  209. }
  210. .MenuItem--adminOnly {
  211. text-shadow: 0 0 1px #80c4ff;
  212. color: #008aff;
  213. }
  214. .MenuItem-icon {
  215. color: #bbb;
  216. }
  217. .MenuItem:hover {
  218. color: #FDFDFD;
  219. }
  220. .NodeToolbarMoreOptionsMenu .MenuItem:hover {
  221. color: inherit;
  222. }
  223. .MenuGroup + .MenuGroup {
  224. border-top: 1px solid #333;
  225. }
  226. .MenuItem-hotkey {
  227. color: rgba(238, 238, 238, 0.6);
  228. }
  229. .MenuItem:hover .MenuItem-hotkey {
  230. color: #FDFDFD;
  231. }
  232. .set-heading-level {
  233. border: 1px solid #555;
  234. color: #999;
  235. }
  236. .set-color-label {
  237. border: 1px solid #555;
  238. }
  239. .set-color-label:hover {
  240. border: 1px solid #008aff;
  241. color: #222;
  242. }
  243. .main-menu-user-email {
  244. color: #aaa;
  245. }
  246. .FolderItem-header.hover,
  247. .DocumentItem-header.hover,
  248. .BookmarkItem-header.hover {
  249. background: rgba(72, 86, 105, 0.4);
  250. }
  251. .FolderItem-header.selected,
  252. .DocumentItem-header.selected,
  253. .BookmarkItem-header.selected {
  254. background: #485669;
  255. }
  256. .tag-pane-doc-tag-instance,
  257. .tag-pane-global-tag-instance {
  258. color: #bbb;
  259. }
  260. .tag-pane-doc-tag-instance:hover,
  261. .tag-pane-global-tag-instance:hover {
  262. background: rgba(72, 86, 105, 0.4);
  263. }
  264. .tag-instance-count,
  265. .document-tags-total-count,
  266. .global-tags-total-count {
  267. color: #777;
  268. }
  269. #blank-slate .shortcut,
  270. #document-unavailable .shortcut {
  271. color: #485669;
  272. }
  273. .Node.is-selected {
  274. background-color: #485669;
  275. }
  276. .Node.is-selected .Node-content,
  277. .Node.is-selected .Node-note {
  278. /* browser doesn't use the selection rule if itself doesn't have a rule, damn */
  279. color: #efefef;
  280. }
  281. .Node.is-checked .Node-content,
  282. .Node.is-checked .Node-renderedContent,
  283. .Node.is-checked .Node-note,
  284. .Node.is-checked .Node-renderedNote {
  285. color: #777;
  286. }
  287. .Node-note,
  288. .Node-renderedNote {
  289. color: rgba(238, 238, 238, 0.8);
  290. }
  291. .AppHeader-mainMenu:hover,
  292. .AppHeader-notifications:hover,
  293. .AppHeader-settings:hover {
  294. border: 1px solid #191919;
  295. box-shadow: 1px 1px 1px #222;
  296. }
  297. .AppHeader-mainMenu.active,
  298. .AppHeader-notifications.active,
  299. .AppHeader-settings.active {
  300. background-color: #030303;
  301. 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;
  302. }
  303. .AppHeader-notifications,
  304. .AppHeader-settings,
  305. .AppHeader-mainMenu {
  306. color: #999;
  307. }
  308. .AppHeader-notifications:hover,
  309. .AppHeader-settings:hover,
  310. .AppHeader-mainMenu:hover {
  311. color: #ccc;
  312. }
  313. .button {
  314. background: #111;
  315. border: 1px solid #555;
  316. color: #aaa;
  317. }
  318. .button:hover {
  319. background: #1a1a1a;
  320. }
  321. .button:active {
  322. background: #202020;
  323. }
  324. .button.mod-primary {
  325. color: #EEE;
  326. border-color: #008aff;
  327. background: #008aff;
  328. }
  329. .button.mod-primary:hover {
  330. background-color: rgba(0, 138, 255, 0.9);
  331. }
  332. .popup-bg,
  333. .FileFinder,
  334. .onboarding-overlay,
  335. .mobile-file-context-menu-background {
  336. background-color: rgba(130, 140, 150, 0.4);
  337. }
  338. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  339. .FileFinder {
  340. background-color: #111;
  341. }
  342. }
  343. body.is-mobile .FileFinder {
  344. background-color: #111;
  345. }
  346. .form-container {
  347. background-color: #222;
  348. box-shadow: 2px 4px 3px #333;
  349. }
  350. .collab-delete {
  351. color: #aaa;
  352. }
  353. #collaborators-container ul {
  354. background: #000;
  355. border: 1px solid #444;
  356. }
  357. #collaborators-container ul li {
  358. border-bottom: 1px solid #444;
  359. }
  360. .upload-list {
  361. background: #000;
  362. border: 1px solid #444;
  363. }
  364. .upload-item {
  365. border-bottom: 1px solid #444;
  366. }
  367. #blank-slate ul,
  368. #document-unavailable ul {
  369. color: #a0a0a0;
  370. }
  371. #blank-slate ul a,
  372. #document-unavailable ul a {
  373. color: #c0c0c0;
  374. }
  375. #node-drag-indicator,
  376. #file-drag-indicator {
  377. background: #222;
  378. border: 1px solid #888;
  379. box-shadow: 1px 3px 3px #333;
  380. }
  381. .Node-outer:first-child > .Node.is-showing-top-divider {
  382. border-top-color: #505050;
  383. }
  384. .Node.is-showing-bottom-divider {
  385. border-bottom-color: #505050;
  386. }
  387. .FileFinder-results {
  388. background: #111;
  389. }
  390. .FileFinder-result {
  391. border-color: rgba(68, 68, 68, 0.5);
  392. color: #ddd;
  393. }
  394. .FileFinder-result:before {
  395. color: rgba(221, 221, 221, 0.75);
  396. }
  397. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  398. .FileFinder-result {
  399. border-color: rgba(68, 68, 68, 0.5);
  400. }
  401. }
  402. body.is-mobile .FileFinder-result {
  403. border-color: rgba(68, 68, 68, 0.5);
  404. }
  405. .FileFinder-result:hover,
  406. .FileFinder-result.is-selected {
  407. background: #282828;
  408. }
  409. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  410. .FileFinder-result:hover,
  411. .FileFinder-result.is-selected {
  412. background: transparent;
  413. }
  414. }
  415. body.is-mobile .FileFinder-result:hover,
  416. body.is-mobile .FileFinder-result.is-selected {
  417. background: transparent;
  418. }
  419. .FileFinder-result .file-finder-match {
  420. color: #ddd;
  421. }
  422. .FileFinder-resultBreadcrumb {
  423. color: #999;
  424. }
  425. .FileFinder-emptyState {
  426. background: #202020;
  427. border-color: #444;
  428. color: #ddd;
  429. }
  430. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  431. .FileFinder-emptyState {
  432. background: transparent;
  433. }
  434. }
  435. body.is-mobile .FileFinder-emptyState {
  436. background: transparent;
  437. }
  438. .SettingsNav {
  439. border-bottom: 1px solid #444;
  440. }
  441. @media screen and (min-width: 510px) and (orientation: portrait), screen and (min-height: 510px) and (orientation: landscape) {
  442. .SettingsNav {
  443. border-right: 1px solid #444;
  444. border-bottom: none;
  445. }
  446. }
  447. .SettingsNav-item {
  448. color: #999;
  449. }
  450. .SettingsNav-item:hover,
  451. .SettingsNav-item.is-active {
  452. background-color: #526278;
  453. color: #ddd;
  454. }
  455. .ShortcutHelp {
  456. color: #999;
  457. background-color: #222;
  458. }
  459. .ShortcutHelp-header {
  460. color: #bbb;
  461. }
  462. #image-preview-loader,
  463. #image-preview-fail,
  464. #inline-image-preview,
  465. .node-inline-image,
  466. .node-link-internal.is-displayed,
  467. .node-upload-link,
  468. .node-time {
  469. border: 1px solid #444;
  470. }
  471. .Node-contentContainer.has-color #image-preview-loader,
  472. .Node-contentContainer.has-color #image-preview-fail,
  473. .Node-contentContainer.has-color #inline-image-preview,
  474. .Node-contentContainer.has-color .node-inline-image,
  475. .Node-contentContainer.has-color .node-link-internal.is-displayed,
  476. .Node-contentContainer.has-color .node-upload-link,
  477. .Node-contentContainer.has-color .node-time {
  478. border: 1px solid #ddd !important;
  479. }
  480. .node-inline-image,
  481. .node-link-internal.is-displayed,
  482. .node-upload-link,
  483. .node-time {
  484. background-color: #292929;
  485. }
  486. .Node-contentContainer.has-color .node-inline-image,
  487. .Node-contentContainer.has-color .node-link-internal.is-displayed,
  488. .Node-contentContainer.has-color .node-upload-link,
  489. .Node-contentContainer.has-color .node-time {
  490. background-color: #f8f8f8 !important;
  491. }
  492. .node-inline-image:hover,
  493. .node-link-internal.is-displayed:hover,
  494. .node-upload-link:hover,
  495. .node-time:hover {
  496. background-color: #2d2d2d;
  497. }
  498. .node-inline-image:before,
  499. .node-link-internal.is-displayed:before,
  500. .node-upload-link:before,
  501. .node-time:before {
  502. color: #777;
  503. }
  504. .node-inline-code {
  505. /* color: #FF5C85;*/
  506. background-color: #444;
  507. }
  508. .Node-checkbox {
  509. background: #252525;
  510. border: 1px solid #666;
  511. background: linear-gradient(top, #333 0%, #222 40%, #000 100%);
  512. box-shadow: inset 0 1px 1px #000;
  513. }
  514. .Node-checkbox.is-readOnly {
  515. background: #555;
  516. box-shadow: inset 0 1px 1px #333;
  517. }
  518. .Node-checkbox:after {
  519. border: 3px solid #aaa;
  520. border-top: none;
  521. border-right: none;
  522. }
  523. .CurrentLineHighlight {
  524. background: rgba(255, 255, 255, 0.04);
  525. }
  526. .node-icon,
  527. .Node-numberedExpander {
  528. color: #999;
  529. }
  530. .node-icon:hover,
  531. .Node-numberedExpander:hover {
  532. color: #ddd;
  533. }
  534. .node-icon:before,
  535. .Node-numberedExpander:before {
  536. background-color: #181818;
  537. }
  538. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  539. .node-icon.is-being-tapped,
  540. .Node-numberedExpander.is-being-tapped {
  541. background-color: #333;
  542. }
  543. }
  544. body.is-mobile .node-icon.is-being-tapped,
  545. body.is-mobile .Node-numberedExpander.is-being-tapped {
  546. background-color: #333;
  547. }
  548. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  549. .node-icon.is-being-tapped:before,
  550. .Node-numberedExpander.is-being-tapped:before {
  551. background-color: transparent;
  552. }
  553. }
  554. body.is-mobile .node-icon.is-being-tapped:before,
  555. body.is-mobile .Node-numberedExpander.is-being-tapped:before {
  556. background-color: transparent;
  557. }
  558. .is-mobile .node-icon.mod-zoom:before,
  559. .is-mobile .node-icon.mod-expand:before,
  560. .is-mobile .node-icon.mod-collapse:before {
  561. background-color: transparent;
  562. }
  563. .AppContainer.is-using-bullet-to-zoom .Node-bullet:hover:before {
  564. background-color: #393939;
  565. }
  566. .Node.is-selected .Node-self.is-numbered > .Node-bullet:after {
  567. background-color: transparent;
  568. }
  569. .Node-self.is-numbered > .Node-bullet:after {
  570. background-color: #181818;
  571. }
  572. .NotificationsContainer {
  573. background: #1d1d1d;
  574. border: 1px solid rgba(0, 0, 0, 0.93);
  575. border-top: 1px solid #202020;
  576. box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
  577. }
  578. .NotificationsContainer:before {
  579. border-bottom-color: #111;
  580. }
  581. .NotificationsContainer:after {
  582. border-bottom-color: #1d1d1d;
  583. }
  584. .AppHeader-notifications:after {
  585. background: #008aff;
  586. }
  587. .NotificationsContainer-emptyState,
  588. .Notification {
  589. border-top: 1px solid #333;
  590. }
  591. .Notification.is-unread {
  592. background: rgba(0, 138, 255, 0.1);
  593. }
  594. .Notification-timestamp {
  595. color: #888;
  596. }
  597. .AppHeader-notifications:after {
  598. background: #008aff;
  599. }
  600. .ExportedContentContainer-currentContent::selection {
  601. background: #94a2b6;
  602. }
  603. .ExportedContentContainer-currentContent::-moz-selection {
  604. background: #94a2b6;
  605. }
  606. .DocumentSearch {
  607. background: #111;
  608. }
  609. .DocumentTools-icon {
  610. color: #888;
  611. }
  612. .DocumentTools-icon:hover {
  613. color: #aaa;
  614. }
  615. .DocumentTools-overlay {
  616. background: #181818;
  617. box-shadow: 0 0 3px 3px #181818;
  618. }
  619. .view-filter:before {
  620. border-bottom-color: #202020;
  621. }
  622. .view-filter:after {
  623. border-bottom-color: #111;
  624. }
  625. .GlobalSearchPage-hotkey {
  626. color: #99c2e6;
  627. }
  628. .Node-bullet:before,
  629. .Node-bullet:after {
  630. color: #888;
  631. }
  632. .FolderItem-icon,
  633. .DocumentItem-icon,
  634. .BookmarkItem-icon {
  635. color: #999;
  636. }
  637. .FolderItem-icon.shared,
  638. .DocumentItem-icon.shared,
  639. .BookmarkItem-icon.shared {
  640. color: #008aff;
  641. }
  642. .Pane-headerToolbarItem {
  643. color: rgba(187, 187, 187, 0.65);
  644. }
  645. .Pane-headerToolbarItem:hover {
  646. color: #bbb;
  647. }
  648. .onboarding-page-link {
  649. box-shadow: inset 0 0 0 1px #555;
  650. }
  651. .demo-tutorial-prompt {
  652. color: #bbb;
  653. }
  654. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  655. .DocumentBreadcrumb {
  656. border-bottom: 1px solid #444;
  657. }
  658. }
  659. body.is-mobile .DocumentBreadcrumb {
  660. border-bottom: 1px solid #444;
  661. }
  662. .node-tag {
  663. color: #bbbbbb;
  664. }
  665. .Node-openNote:after {
  666. color: #888;
  667. }
  668. .DocumentContainer.has-tagBackground .node-tag {
  669. background: rgba(148, 162, 182, 0.25);
  670. }
  671. .DocumentContainer.has-tagBackground .node-tag:hover {
  672. background: rgba(148, 162, 182, 0.6);
  673. }
  674. .Suggestions {
  675. border: 1px solid rgba(0, 0, 0, 0.93);
  676. border-top: 1px solid #202020;
  677. box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
  678. background: #111;
  679. }
  680. .Suggestions-item.is-current {
  681. background: #282828;
  682. }
  683. .Suggestions-item + .Suggestions-item {
  684. border-top: 1px solid #333;
  685. }
  686. .ReferralStats-referredFriends td,
  687. .ReferralStats-referredFriends th {
  688. border: 1px solid #444;
  689. }
  690. .ExportedContentContainer-nav {
  691. border: 1px solid #444;
  692. border-bottom: none;
  693. }
  694. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  695. .settings-container {
  696. background: #111;
  697. }
  698. }
  699. body.is-mobile .settings-container {
  700. background: #111;
  701. }
  702. .ExportedContentContainer-navItem,
  703. .settings-nav-item {
  704. background: #333;
  705. border-bottom: 1px solid #444;
  706. border-right: 1px solid #444;
  707. }
  708. .ExportedContentContainer-navItem.is-selected,
  709. .settings-nav-item.is-selected {
  710. background: #2a2a2a;
  711. }
  712. .settings-nav-item {
  713. background: #222;
  714. }
  715. .settings-nav-item.is-selected {
  716. background: #333;
  717. }
  718. .ExportedContentContainer-navItem:last-of-type {
  719. border-right: none;
  720. }
  721. .settings-nav-item {
  722. border: 1px solid #444;
  723. border-left: none;
  724. }
  725. .settings-nav-item:first-child {
  726. border-left: 1px solid #444;
  727. }
  728. .ExportedContentContainer-currentContent {
  729. border: 1px solid #444;
  730. }
  731. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  732. .setting {
  733. border-top: 1px solid rgba(68, 68, 68, 0.5);
  734. }
  735. }
  736. body.is-mobile .setting {
  737. border-top: 1px solid rgba(68, 68, 68, 0.5);
  738. }
  739. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  740. .setting.mod-checkbox:active,
  741. .setting.mod-link:active,
  742. .setting.mod-dropdown:active {
  743. background-color: #222;
  744. }
  745. }
  746. body.is-mobile .setting.mod-checkbox:active,
  747. body.is-mobile .setting.mod-link:active,
  748. body.is-mobile .setting.mod-dropdown:active {
  749. background-color: #222;
  750. }
  751. .setting-inline-saver {
  752. color: #1988e6;
  753. }
  754. .setting-checkbox:checked + .setting-label:before {
  755. background: #008aff;
  756. border: #008aff;
  757. }
  758. .ExportedContentContainer-currentContent {
  759. border-top: none;
  760. }
  761. .GlobalSearchPage .Node.has-hover {
  762. background-color: #282828;
  763. }
  764. .GlobalSearchPage-documentResult {
  765. border: 1px solid #444;
  766. }
  767. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  768. .GlobalSearchPage-documentResult {
  769. border: none;
  770. }
  771. }
  772. body.is-mobile .GlobalSearchPage-documentResult {
  773. border: none;
  774. }
  775. .GlobalSearchPage,
  776. .GlobalSearchPage-documentTitleContainer {
  777. background: #181818;
  778. }
  779. .file-drop.popup .form-container {
  780. outline: 5px dashed #ccc;
  781. background: #333;
  782. color: #fff;
  783. }
  784. .FileUploadProgress {
  785. background: #008aff;
  786. }
  787. .LeftPaneSlidebarContainer-overlay {
  788. background-color: rgba(130, 140, 150, 0.4);
  789. }
  790. .MobileHeader-mainMenuIcon,
  791. .MobileHeader-backIcon,
  792. .MobileHeader-option,
  793. .LeftPaneSlidebar-header,
  794. .MobileHeader-title {
  795. color: #ccc;
  796. }
  797. .MobileHeader-moreOptions,
  798. .NodeToolbarMoreOptionsMenu {
  799. color: #eee;
  800. background: #222;
  801. box-shadow: -2px 2px 15px 2px #000;
  802. }
  803. .MobileHeader-moreOption:active {
  804. background: #333;
  805. }
  806. .MobileHeader-moreOption.is-disabled,
  807. .MobileHeader-option.is-disabled {
  808. color: #666;
  809. }
  810. .MobileHeader-moreOption.is-disabled:active,
  811. .MobileHeader-option.is-disabled:active {
  812. background: transparent;
  813. }
  814. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  815. .LeftPaneContainer {
  816. background: #191919;
  817. color: #bbb;
  818. }
  819. }
  820. body.is-mobile .LeftPaneContainer {
  821. background: #191919;
  822. color: #bbb;
  823. }
  824. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  825. .LeftPaneContainer-header {
  826. background: #008aff;
  827. }
  828. }
  829. body.is-mobile .LeftPaneContainer-header {
  830. background: #008aff;
  831. }
  832. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  833. .LeftPaneSlidebarContainer.is-open .LeftPaneContainer {
  834. box-shadow: 0 0 10px #111;
  835. }
  836. }
  837. body.is-mobile .LeftPaneSlidebarContainer.is-open .LeftPaneContainer {
  838. box-shadow: 0 0 10px #111;
  839. }
  840. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  841. .LeftPaneSlidebarContainer.is-open .LeftPaneContainer-nav {
  842. box-shadow: 0 3px 4px rgba(0, 0, 0, 0.98);
  843. }
  844. }
  845. body.is-mobile .LeftPaneSlidebarContainer.is-open .LeftPaneContainer-nav {
  846. box-shadow: 0 3px 4px rgba(0, 0, 0, 0.98);
  847. }
  848. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  849. LeftPaneContainer-navItem {
  850. border-bottom: 3px solid #008aff;
  851. }
  852. }
  853. body.is-mobile LeftPaneContainer-navItem {
  854. border-bottom: 3px solid #008aff;
  855. }
  856. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  857. .LeftPaneContainer-navItem.is-active {
  858. border-bottom-color: #eee;
  859. }
  860. }
  861. body.is-mobile .LeftPaneContainer-navItem.is-active {
  862. border-bottom-color: #eee;
  863. }
  864. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  865. .Pane-headerButton {
  866. background-color: #252525;
  867. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7), 0 2px 10px 0 rgba(0, 0, 0, 0.6);
  868. }
  869. }
  870. body.is-mobile .Pane-headerButton {
  871. background-color: #252525;
  872. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7), 0 2px 10px 0 rgba(0, 0, 0, 0.6);
  873. }
  874. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  875. .Pane-headerIcon--documentFinder {
  876. color: rgba(187, 187, 187, 0.5);
  877. }
  878. }
  879. body.is-mobile .Pane-headerIcon--documentFinder {
  880. color: rgba(187, 187, 187, 0.5);
  881. }
  882. .datepicker {
  883. border: 1px solid rgba(0, 0, 0, 0.93);
  884. border-top: 1px solid #202020;
  885. box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
  886. background: #111;
  887. }
  888. .datepicker .day:hover,
  889. .datepicker-switch:hover,
  890. .prev:hover,
  891. .next:hover,
  892. tfoot tr th:hover,
  893. .datepicker .day.focused,
  894. .datepicker-switch.focused,
  895. .prev.focused,
  896. .next.focused,
  897. tfoot tr th.focused {
  898. background-color: #282828;
  899. }
  900. .datepicker span:hover,
  901. .datepicker span.focused {
  902. background: #282828;
  903. }
  904. .datepicker-dropdown.datepicker-orient-top:before {
  905. border-bottom-color: #111;
  906. border-top-color: #111;
  907. }
  908. .datepicker-dropdown.datepicker-orient-top:after {
  909. border-bottom-color: #111;
  910. border-top-color: #111;
  911. }
  912. .datepicker-dropdown.datepicker-orient-bottom:before {
  913. border-bottom-color: #202020;
  914. border-top-color: #202020;
  915. }
  916. .datepicker-dropdown.datepicker-orient-bottom:after {
  917. border-bottom-color: #111;
  918. border-top-color: #111;
  919. }
  920. .datepicker td.active {
  921. background-color: #008aff;
  922. }
  923. .datepicker td.active:hover {
  924. background-color: #008aff;
  925. }
  926. ::-webkit-scrollbar {
  927. background-color: rgba(255, 255, 255, 0.04);
  928. }
  929. ::-webkit-scrollbar-thumb {
  930. background: rgba(255, 255, 255, 0.1);
  931. }
  932. ::-webkit-scrollbar-thumb:active {
  933. background: rgba(255, 255, 255, 0.2);
  934. }
  935. .keymap-shortcut-combo,
  936. .KeyboardShortcut {
  937. background: #111;
  938. }
  939. .keymap-shortcut.is-being-changed .keymap-shortcut-combo {
  940. background: #008aff;
  941. }
  942. .onboarding-caption em {
  943. color: #1988e6;
  944. }
  945. .onboarding-caption kbd {
  946. color: #aaa;
  947. }
  948. .onboarding-page-link.is-current {
  949. box-shadow: inset 0 0 0 7px #008aff;
  950. }
  951. .keymap-shortcut-combo:hover {
  952. background: #191919;
  953. }
  954. .keymap-shortcut-overridden-icon {
  955. color: #bbb;
  956. }
  957. .keymap-shortcut-overridden-icon:hover {
  958. color: #008aff;
  959. }
  960. .popover,
  961. .view-filter,
  962. .dismissible-popup {
  963. border: 1px solid rgba(0, 0, 0, 0.93);
  964. border-top: 1px solid #202020;
  965. box-shadow: 0 0 1px rgba(0, 0, 0, 0.96), 0 2px 8px rgba(0, 0, 0, 0.9);
  966. background: #111;
  967. }
  968. .view-filter-option-choice.is-selected {
  969. border: 1px solid #008aff;
  970. color: #008aff;
  971. }
  972. .search-tip-arrow-shadow:after {
  973. box-shadow: -1px -1px 0 0 #202020, -1px -1px 2px rgba(0, 0, 0, 0.92);
  974. }
  975. .search-tip-arrow:after,
  976. .search-tip-arrow-shadow:after {
  977. background-color: #111;
  978. }
  979. .search-tip-section + .search-tip-section,
  980. .view-filter-option + .view-filter-option {
  981. border-top: 1px solid #444;
  982. }
  983. .search-tip-header,
  984. .view-filter-option-choice {
  985. color: #bbb;
  986. }
  987. .view-filter-option-choice:hover {
  988. background: #393939;
  989. }
  990. .view-filter-option-title {
  991. color: #888;
  992. }
  993. .search-tip-section.mod-filters {
  994. color: #999;
  995. }
  996. .search-tip-section.mod-global-search .search-tip-header:hover {
  997. background-color: rgba(148, 162, 182, 0.58);
  998. }
  999. .sync-status + .sync-status {
  1000. border-top: 1px solid #444;
  1001. }
  1002. .sync-error-report-data {
  1003. border: 1px solid #444;
  1004. background: #181818;
  1005. }
  1006. .AppContainer.is-highlighting-overdue .node-time.is-overdue {
  1007. background: #391616;
  1008. border: solid 1px #532020;
  1009. }
  1010. .AppContainer.is-highlighting-overdue .Node.is-checked .node-time.is-overdue {
  1011. background: #292929;
  1012. border: 1px solid #444;
  1013. }
  1014. .upload-item-delete {
  1015. color: #777;
  1016. }
  1017. @media screen and (max-width: 510px) and (orientation: portrait), screen and (max-height: 510px) and (orientation: landscape) {
  1018. .setting-section-title {
  1019. color: #008aff;
  1020. }
  1021. }
  1022. body.is-mobile .setting-section-title {
  1023. color: #008aff;
  1024. }
  1025. .file-details {
  1026. border-bottom: 1px solid #444;
  1027. }
  1028. .tip-container {
  1029. color: #bbb;
  1030. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement