API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 14th, 2019
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.44 KB | None | 0 0
raw download clone embed print report
  1. /* This stylesheet is generated, DO NOT EDIT */
  2. /* Copyright 2009, 2015 Red Hat, Inc.
  3. *
  4. * Portions adapted from Mx's data/style/default.css
  5. * Copyright 2009 Intel Corporation
  6. *
  7. * This program is free software; you can redistribute it and/or modify it
  8. * under the terms and conditions of the GNU Lesser General Public License,
  9. * version 2.1, as published by the Free Software Foundation.
  10. *
  11. * This program is distributed in the hope it will be useful, but WITHOUT ANY
  12. * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  13. * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
  14. * more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
  19. */
  20. /* GLOBALS */
  21. stage {
  22. font-family: Cantarell, Sans-Serif;
  23. font-size: 11pt;
  24. color: #eeeeec; }
  25.  
  26. /* WIDGETS */
  27. /* Buttons */
  28. .button {
  29. border-radius: 3px;
  30. border-width: 1px;
  31. padding: 4px 32px;
  32. color: #eeeeec;
  33. background-color: #2e3436;
  34. border-color: rgba(0, 0, 0, 0.7);
  35. box-shadow: inset 0 1px #454f52;
  36. text-shadow: 0 1px black;
  37. icon-shadow: 0 1px black; }
  38. .button:focus {
  39. color: #eeeeec;
  40. text-shadow: 0 1px black;
  41. icon-shadow: 0 1px black;
  42. box-shadow: inset 0px 0px 0px 1px #215d9c; }
  43. .button:insensitive {
  44. color: #949796;
  45. border-color: rgba(0, 0, 0, 0.7);
  46. background-color: rgba(66, 72, 73, 0.7);
  47. box-shadow: none;
  48. text-shadow: none;
  49. icon-shadow: none; }
  50. .button:active {
  51. color: white;
  52. border-color: rgba(0, 0, 0, 0.7);
  53. background-color: #222728;
  54. box-shadow: inset 0 0 black;
  55. text-shadow: none;
  56. icon-shadow: none; }
  57.  
  58. .modal-dialog-linked-button {
  59. border-right-width: 1px;
  60. color: #eeeeec;
  61. background-color: #2e3436;
  62. border-color: rgba(0, 0, 0, 0.7);
  63. box-shadow: inset 0 1px #454f52;
  64. text-shadow: 0 1px black;
  65. icon-shadow: 0 1px black;
  66. padding: 12px; }
  67. .modal-dialog-linked-button:insensitive {
  68. color: #949796;
  69. border-color: rgba(0, 0, 0, 0.7);
  70. background-color: rgba(66, 72, 73, 0.7);
  71. box-shadow: none;
  72. text-shadow: none;
  73. icon-shadow: none; }
  74. .modal-dialog-linked-button:active {
  75. color: white;
  76. border-color: rgba(0, 0, 0, 0.7);
  77. background-color: #222728;
  78. box-shadow: inset 0 0 black;
  79. text-shadow: none;
  80. icon-shadow: none; }
  81. .modal-dialog-linked-button:focus {
  82. color: #eeeeec;
  83. text-shadow: 0 1px black;
  84. icon-shadow: 0 1px black;
  85. box-shadow: inset 0px 0px 0px 1px #215d9c; }
  86. .modal-dialog-linked-button:first-child {
  87. border-radius: 0px 0px 0px 6px; }
  88. .modal-dialog-linked-button:last-child {
  89. border-right-width: 0px;
  90. border-radius: 0px 0px 6px 0px; }
  91. .modal-dialog-linked-button:first-child:last-child {
  92. border-right-width: 0px;
  93. border-radius: 0px 0px 6px 6px; }
  94.  
  95. /* Entries */
  96. StEntry {
  97. border-radius: 3px;
  98. padding: 4px;
  99. border-width: 1px;
  100. color: #eeeeec;
  101. background-color: #292929;
  102. border-color: #1c1f1f;
  103. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
  104. selection-background-color: #215d9c;
  105. selected-color: #ffffff; }
  106. StEntry:focus {
  107. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
  108. border-color: rgba(154, 154, 142, 0.5); }
  109. StEntry:insensitive {
  110. color: #949796;
  111. border-color: #333636;
  112. box-shadow: none; }
  113. StEntry StIcon.capslock-warning {
  114. icon-size: 16px;
  115. warning-color: #f57900;
  116. padding: 0 4px; }
  117.  
  118. /* Scrollbars */
  119. StScrollView.vfade {
  120. -st-vfade-offset: 68px; }
  121.  
  122. StScrollView.hfade {
  123. -st-hfade-offset: 68px; }
  124.  
  125. StScrollBar {
  126. padding: 0; }
  127. StScrollView StScrollBar {
  128. min-width: 14px;
  129. min-height: 14px; }
  130. StScrollBar StBin#trough {
  131. border-radius: 0;
  132. background-color: transparent; }
  133. StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
  134. border-radius: 8px;
  135. background-color: #a6a8a7;
  136. margin: 3px; }
  137. StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
  138. background-color: #cacbc9; }
  139. StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
  140. background-color: #215d9c; }
  141.  
  142. /* Slider */
  143. .slider {
  144. height: 1em;
  145. -slider-height: 0.3em;
  146. -slider-background-color: #333636;
  147. -slider-border-color: #1c1f1f;
  148. -slider-active-background-color: #215d9c;
  149. -slider-active-border-color: #184472;
  150. -slider-border-width: 1px;
  151. -slider-handle-radius: 6px; }
  152.  
  153. /* Check Boxes */
  154. .check-box StBoxLayout {
  155. spacing: .8em; }
  156.  
  157. .check-box StBin {
  158. width: 24px;
  159. height: 22px;
  160. background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
  161.  
  162. .check-box:focus StBin {
  163. background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
  164.  
  165. .check-box:checked StBin {
  166. background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
  167.  
  168. .check-box:focus:checked StBin {
  169. background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
  170.  
  171. /* Switches */
  172. .toggle-switch {
  173. width: 65px;
  174. height: 22px;
  175. background-size: contain; }
  176.  
  177. .toggle-switch-us {
  178. background-image: url("resource:///org/gnome/shell/theme/toggle-off-us.svg"); }
  179. .toggle-switch-us:checked {
  180. background-image: url("resource:///org/gnome/shell/theme/toggle-on-us.svg"); }
  181.  
  182. .toggle-switch-intl {
  183. background-image: url("resource:///org/gnome/shell/theme/toggle-off-intl.svg"); }
  184. .toggle-switch-intl:checked {
  185. background-image: url("resource:///org/gnome/shell/theme/toggle-on-intl.svg"); }
  186.  
  187. /* links */
  188. .shell-link {
  189. color: #4a90d9; }
  190. .shell-link:hover {
  191. color: #74aae2; }
  192.  
  193. /* Modal Dialogs */
  194. .headline {
  195. font-size: 110%; }
  196.  
  197. .lightbox {
  198. background-color: black; }
  199.  
  200. .flashspot {
  201. background-color: white; }
  202.  
  203. .modal-dialog {
  204. border-radius: 9px;
  205. color: #eeeeec;
  206. background-color: rgba(23, 25, 26, 0.95);
  207. border: 1px solid rgba(238, 238, 236, 0.2); }
  208. .modal-dialog .modal-dialog-content-box {
  209. padding: 24px; }
  210. .modal-dialog .run-dialog-entry {
  211. width: 20em;
  212. margin-bottom: 6px; }
  213. .modal-dialog .run-dialog-error-box {
  214. padding-top: 16px;
  215. spacing: 6px; }
  216. .modal-dialog .run-dialog-button-box {
  217. padding-top: 1em; }
  218. .modal-dialog .run-dialog-label {
  219. font-size: 12pt;
  220. font-weight: bold;
  221. color: #d6d6d1;
  222. padding-bottom: .4em; }
  223.  
  224. .mount-dialog-subject,
  225. .end-session-dialog-subject {
  226. font-size: 14pt; }
  227.  
  228. /* Message Dialog */
  229. .message-dialog-main-layout {
  230. padding: 12px 20px 0;
  231. spacing: 12px; }
  232.  
  233. .message-dialog-content {
  234. max-width: 28em;
  235. spacing: 20px; }
  236.  
  237. .message-dialog-icon {
  238. min-width: 48px;
  239. icon-size: 48px; }
  240.  
  241. .message-dialog-title {
  242. font-weight: bold; }
  243.  
  244. .message-dialog-subtitle {
  245. color: #8e8e80;
  246. font-weight: bold; }
  247.  
  248. /* End Session Dialog */
  249. .end-session-dialog {
  250. spacing: 42px;
  251. border: 1px solid rgba(238, 238, 236, 0.2); }
  252.  
  253. .end-session-dialog-list {
  254. padding-top: 20px; }
  255.  
  256. .end-session-dialog-layout {
  257. padding-left: 17px; }
  258. .end-session-dialog-layout:rtl {
  259. padding-right: 17px; }
  260.  
  261. .end-session-dialog-description {
  262. width: 28em;
  263. padding-bottom: 10px; }
  264. .end-session-dialog-description:rtl {
  265. text-align: right; }
  266.  
  267. .end-session-dialog-warning {
  268. width: 28em;
  269. color: #f57900;
  270. padding-top: 6px; }
  271. .end-session-dialog-warning:rtl {
  272. text-align: right; }
  273.  
  274. .end-session-dialog-logout-icon {
  275. border-radius: 5px;
  276. width: 48px;
  277. height: 48px;
  278. background-size: contain; }
  279.  
  280. .end-session-dialog-shutdown-icon {
  281. color: #eeeeec;
  282. width: 48px;
  283. height: 48px; }
  284.  
  285. .end-session-dialog-inhibitor-layout {
  286. spacing: 16px;
  287. max-height: 200px;
  288. padding-right: 65px;
  289. padding-left: 65px; }
  290.  
  291. .end-session-dialog-session-list,
  292. .end-session-dialog-app-list {
  293. spacing: 1em; }
  294.  
  295. .end-session-dialog-list-header {
  296. font-weight: bold; }
  297. .end-session-dialog-list-header:rtl {
  298. text-align: right; }
  299.  
  300. .end-session-dialog-app-list-item,
  301. .end-session-dialog-session-list-item {
  302. spacing: 1em; }
  303.  
  304. .end-session-dialog-app-list-item-name,
  305. .end-session-dialog-session-list-item-name {
  306. font-weight: bold; }
  307.  
  308. .end-session-dialog-app-list-item-description {
  309. color: #e2e2df;
  310. font-size: 10pt; }
  311.  
  312. /* ShellMountOperation Dialogs */
  313. .shell-mount-operation-icon {
  314. icon-size: 48px; }
  315.  
  316. .mount-dialog {
  317. spacing: 24px; }
  318. .mount-dialog .message-dialog-title {
  319. padding-top: 10px;
  320. padding-left: 17px;
  321. padding-bottom: 6px;
  322. max-width: 34em; }
  323. .mount-dialog .message-dialog-title:rtl {
  324. padding-left: 0px;
  325. padding-right: 17px; }
  326. .mount-dialog .message-dialog-body {
  327. padding-left: 17px;
  328. width: 28em; }
  329. .mount-dialog .message-dialog-body:rtl {
  330. padding-left: 0px;
  331. padding-right: 17px; }
  332.  
  333. .mount-dialog-app-list {
  334. max-height: 200px;
  335. padding-top: 24px;
  336. padding-left: 49px;
  337. padding-right: 32px; }
  338.  
  339. .mount-dialog-app-list:rtl {
  340. padding-right: 49px;
  341. padding-left: 32px; }
  342.  
  343. .mount-dialog-app-list-item {
  344. color: #d6d6d1; }
  345. .mount-dialog-app-list-item:hover {
  346. color: #eeeeec; }
  347. .mount-dialog-app-list-item:ltr {
  348. padding-right: 1em; }
  349. .mount-dialog-app-list-item:rtl {
  350. padding-left: 1em; }
  351.  
  352. .mount-dialog-app-list-item-icon:ltr {
  353. padding-right: 17px; }
  354.  
  355. .mount-dialog-app-list-item-icon:rtl {
  356. padding-left: 17px; }
  357.  
  358. .mount-dialog-app-list-item-name {
  359. font-size: 10pt; }
  360.  
  361. /* Password or Authentication Dialog */
  362. .prompt-dialog {
  363. width: 34em;
  364. border: 3px solid rgba(238, 238, 236, 0.2); }
  365. .prompt-dialog .message-dialog-main-layout {
  366. spacing: 24px;
  367. padding: 10px; }
  368. .prompt-dialog .message-dialog-content {
  369. spacing: 16px; }
  370. .prompt-dialog .message-dialog-title {
  371. color: #b2b2a9; }
  372.  
  373. .prompt-dialog-description:rtl {
  374. text-align: right; }
  375.  
  376. .prompt-dialog-password-box {
  377. spacing: 1em;
  378. padding-bottom: 1em; }
  379.  
  380. .prompt-dialog-error-label {
  381. font-size: 10pt;
  382. color: #cc0000;
  383. padding-bottom: 8px; }
  384.  
  385. .prompt-dialog-info-label {
  386. font-size: 10pt;
  387. padding-bottom: 8px; }
  388.  
  389. .hidden {
  390. color: transparent; }
  391.  
  392. .prompt-dialog-null-label {
  393. font-size: 10pt;
  394. padding-bottom: 8px; }
  395.  
  396. /* Polkit Dialog */
  397. .polkit-dialog-user-layout {
  398. padding-left: 10px;
  399. spacing: 10px; }
  400. .polkit-dialog-user-layout:rtl {
  401. padding-left: 0px;
  402. padding-right: 10px; }
  403.  
  404. .polkit-dialog-user-root-label {
  405. color: #f57900; }
  406.  
  407. .polkit-dialog-user-icon {
  408. border-radius: 5px;
  409. background-size: contain;
  410. width: 48px;
  411. height: 48px; }
  412.  
  413. /* Audio selection dialog */
  414. .audio-device-selection-dialog {
  415. spacing: 30px; }
  416.  
  417. .audio-selection-content {
  418. spacing: 20px;
  419. padding: 24px; }
  420.  
  421. .audio-selection-title {
  422. font-weight: bold;
  423. text-align: center; }
  424.  
  425. .audio-selection-box {
  426. spacing: 20px; }
  427.  
  428. .audio-selection-device {
  429. border: 1px solid rgba(238, 238, 236, 0.2);
  430. border-radius: 12px; }
  431. .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
  432. background-color: #215d9c; }
  433.  
  434. .audio-selection-device-box {
  435. padding: 20px;
  436. spacing: 20px; }
  437.  
  438. .audio-selection-device-icon {
  439. icon-size: 64px; }
  440.  
  441. /* Access Dialog */
  442. .access-dialog {
  443. spacing: 30px; }
  444.  
  445. /* Geolocation Dialog */
  446. .geolocation-dialog {
  447. spacing: 30px; }
  448.  
  449. /* Extension Dialog */
  450. .extension-dialog .message-dialog-main-layout {
  451. spacing: 24px;
  452. padding: 10px; }
  453.  
  454. .extension-dialog .message-dialog-title {
  455. color: #b2b2a9; }
  456.  
  457. /* Inhibit-Shortcuts Dialog */
  458. .inhibit-shortcuts-dialog {
  459. spacing: 30px; }
  460.  
  461. /* Network Agent Dialog */
  462. .network-dialog-secret-table {
  463. spacing-rows: 15px;
  464. spacing-columns: 1em; }
  465.  
  466. .keyring-dialog-control-table {
  467. spacing-rows: 15px;
  468. spacing-columns: 1em; }
  469.  
  470. /* Popovers/Menus */
  471. .popup-menu {
  472. min-width: 15em; }
  473. .popup-menu .popup-sub-menu {
  474. background-color: #343a3a;
  475. box-shadow: inset 0 -1px 0px #282c2c; }
  476. .popup-menu .popup-menu-content {
  477. padding: 1em 0em; }
  478. .popup-menu .popup-menu-item {
  479. spacing: 12px; }
  480. .popup-menu .popup-menu-item:ltr {
  481. padding: .4em 1.75em .4em 0em; }
  482. .popup-menu .popup-menu-item:rtl {
  483. padding: .4em 0em .4em 1.75em; }
  484. .popup-menu .popup-menu-item:checked {
  485. background-color: #343a3a;
  486. box-shadow: inset 0 1px 0px #282c2c;
  487. font-weight: bold; }
  488. .popup-menu .popup-menu-item.selected {
  489. background-color: rgba(238, 238, 236, 0.1);
  490. color: #eeeeec; }
  491. .popup-menu .popup-menu-item:active {
  492. background-color: #215d9c;
  493. color: #ffffff; }
  494. .popup-menu .popup-menu-item:insensitive {
  495. color: rgba(238, 238, 236, 0.5); }
  496. .popup-menu .popup-inactive-menu-item {
  497. color: #eeeeec; }
  498. .popup-menu .popup-inactive-menu-item:insensitive {
  499. color: rgba(238, 238, 236, 0.5); }
  500. .popup-menu.panel-menu {
  501. -boxpointer-gap: 4px;
  502. margin-bottom: 1.75em; }
  503.  
  504. .popup-menu-ornament {
  505. text-align: right;
  506. width: 1.2em; }
  507.  
  508. .popup-menu-boxpointer,
  509. .candidate-popup-boxpointer {
  510. -arrow-border-radius: 3px;
  511. -arrow-background-color: #393f3f;
  512. -arrow-border-width: 1px;
  513. -arrow-border-color: #1c1f1f;
  514. -arrow-base: 24px;
  515. -arrow-rise: 11px;
  516. -arrow-box-shadow: 0 1px 3px black; }
  517.  
  518. .popup-separator-menu-item {
  519. height: 1px;
  520. margin: 6px 64px;
  521. background-color: transparent;
  522. border-color: #343a3a;
  523. border-bottom-width: 1px;
  524. border-bottom-style: solid; }
  525.  
  526. .background-menu {
  527. -boxpointer-gap: 4px;
  528. -arrow-rise: 0px; }
  529.  
  530. /* fallback menu
  531. - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
  532. app menu inside the main app window itself rather than the top bar
  533. */
  534. /* OSD */
  535. .osd-window {
  536. text-align: center;
  537. font-weight: bold;
  538. spacing: 1em;
  539. margin: 32px;
  540. min-width: 64px;
  541. min-height: 64px; }
  542. .osd-window .osd-monitor-label {
  543. font-size: 3em; }
  544. .osd-window .level {
  545. height: 0.6em;
  546. border-radius: 0.3em;
  547. background-color: rgba(11, 12, 13, 0.5);
  548. color: #eeeeec; }
  549. .osd-window .level-bar {
  550. background-color: #eeeeec;
  551. border-radius: 0.3em; }
  552.  
  553. /* Pad OSD */
  554. .pad-osd-window {
  555. padding: 32px;
  556. background-color: rgba(0, 0, 0, 0.8); }
  557. .pad-osd-window .pad-osd-title-box {
  558. spacing: 12px; }
  559. .pad-osd-window .pad-osd-title-menu-box {
  560. spacing: 6px; }
  561.  
  562. .combo-box-label {
  563. width: 15em; }
  564.  
  565. /* App Switcher */
  566. .switcher-popup {
  567. padding: 8px;
  568. spacing: 16px; }
  569.  
  570. .switcher-list-item-container {
  571. spacing: 8px; }
  572.  
  573. .switcher-list .item-box {
  574. padding: 8px;
  575. border-radius: 4px; }
  576.  
  577. .switcher-list .item-box:outlined {
  578. padding: 6px;
  579. border: 2px solid #040404; }
  580.  
  581. .switcher-list .item-box:selected {
  582. background-color: #215d9c;
  583. color: #ffffff; }
  584.  
  585. .switcher-list .thumbnail-box {
  586. padding: 2px;
  587. spacing: 4px; }
  588.  
  589. .switcher-list .thumbnail {
  590. width: 256px; }
  591.  
  592. .switcher-list .separator {
  593. width: 1px;
  594. background: #1c1f1f; }
  595.  
  596. .switcher-arrow {
  597. border-color: transparent;
  598. color: rgba(238, 238, 236, 0.8); }
  599. .switcher-arrow:highlighted {
  600. color: #eeeeec; }
  601.  
  602. .input-source-switcher-symbol {
  603. font-size: 34pt;
  604. width: 96px;
  605. height: 96px; }
  606.  
  607. /* Window Cycler */
  608. .cycler-highlight {
  609. border: 5px solid #215d9c; }
  610.  
  611. /* Workspace Switcher */
  612. .workspace-switcher-group {
  613. padding: 12px; }
  614.  
  615. .workspace-switcher {
  616. background: transparent;
  617. border: 0px;
  618. border-radius: 0px;
  619. padding: 0px;
  620. spacing: 8px; }
  621.  
  622. .ws-switcher-active-up, .ws-switcher-active-down {
  623. height: 50px;
  624. background-color: #215d9c;
  625. color: #ffffff;
  626. background-size: 32px;
  627. border-radius: 8px; }
  628.  
  629. .ws-switcher-box {
  630. height: 50px;
  631. border: 1px solid rgba(238, 238, 236, 0.1);
  632. background: transparent;
  633. border-radius: 8px; }
  634.  
  635. .osd-window,
  636. .resize-popup,
  637. .switcher-list, .workspace-switcher-container {
  638. color: #eeeeec;
  639. background-color: #2e3436;
  640. border: 1px solid rgba(238, 238, 236, 0.2);
  641. border-radius: 12px;
  642. padding: 12px; }
  643.  
  644. /* Tiled window previews */
  645. .tile-preview {
  646. background-color: rgba(33, 93, 156, 0.5);
  647. border: 1px solid #215d9c; }
  648.  
  649. .tile-preview-left.on-primary {
  650. border-radius: 6px 0 0 0; }
  651.  
  652. .tile-preview-right.on-primary {
  653. border-radius: 0 6px 0 0; }
  654.  
  655. .tile-preview-left.tile-preview-right.on-primary {
  656. border-radius: 6px 6px 0 0; }
  657.  
  658. /* TOP BAR */
  659. #panel {
  660. background-color: rgba(0, 0, 0, 0.35);
  661. /* transition from solid to transparent */
  662. transition-duration: 500ms;
  663. font-weight: bold;
  664. height: 1.86em; }
  665. #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
  666. background-color: transparent; }
  667. #panel #panelLeft, #panel #panelCenter {
  668. spacing: 4px; }
  669. #panel .panel-corner {
  670. -panel-corner-radius: 6px;
  671. -panel-corner-background-color: rgba(0, 0, 0, 0.35);
  672. -panel-corner-border-width: 2px;
  673. -panel-corner-border-color: transparent; }
  674. #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
  675. -panel-corner-border-color: #256ab1; }
  676. #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
  677. -panel-corner-radius: 0;
  678. -panel-corner-background-color: transparent;
  679. -panel-corner-border-color: transparent; }
  680. #panel .panel-button {
  681. -natural-hpadding: 12px;
  682. -minimum-hpadding: 6px;
  683. font-weight: bold;
  684. color: #eee;
  685. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
  686. transition-duration: 100ms; }
  687. #panel .panel-button .app-menu-icon {
  688. -st-icon-style: symbolic;
  689. margin-left: 4px;
  690. margin-right: 4px; }
  691. #panel .panel-button .system-status-icon,
  692. #panel .panel-button .app-menu-icon > StIcon,
  693. #panel .panel-button .popup-menu-arrow {
  694. icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); }
  695. #panel .panel-button:hover {
  696. color: white;
  697. text-shadow: 0px 1px 6px black; }
  698. #panel .panel-button:hover .system-status-icon,
  699. #panel .panel-button:hover .app-menu-icon > StIcon,
  700. #panel .panel-button:hover .popup-menu-arrow {
  701. icon-shadow: 0px 1px 6px black; }
  702. #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
  703. background-color: rgba(0, 0, 0, 0.01);
  704. box-shadow: inset 0 -2px 0px #256ab1;
  705. color: white; }
  706. #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
  707. icon-shadow: black 0 2px 2px; }
  708. #panel .panel-button .system-status-icon {
  709. icon-size: 1.09em;
  710. padding: 0 5px; }
  711. .unlock-screen #panel .panel-button,
  712. .login-screen #panel .panel-button,
  713. .lock-screen #panel .panel-button {
  714. color: white; }
  715. .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
  716. .login-screen #panel .panel-button:focus,
  717. .login-screen #panel .panel-button:hover,
  718. .login-screen #panel .panel-button:active,
  719. .lock-screen #panel .panel-button:focus,
  720. .lock-screen #panel .panel-button:hover,
  721. .lock-screen #panel .panel-button:active {
  722. color: white; }
  723. #panel .panel-status-indicators-box,
  724. #panel .panel-status-menu-box {
  725. spacing: 2px; }
  726. #panel .power-status.panel-status-indicators-box {
  727. spacing: 0; }
  728. #panel .screencast-indicator {
  729. color: #f57900; }
  730. #panel.solid {
  731. background-color: black;
  732. /* transition from transparent to solid */
  733. transition-duration: 300ms; }
  734. #panel.solid .panel-corner {
  735. -panel-corner-background-color: black; }
  736. #panel.solid .panel-button {
  737. color: #ccc;
  738. text-shadow: none; }
  739. #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked {
  740. color: white; }
  741. #panel.solid .system-status-icon,
  742. #panel.solid .app-menu-icon > StIcon,
  743. #panel.solid .popup-menu-arrow {
  744. icon-shadow: none; }
  745.  
  746. #calendarArea {
  747. padding: 0.75em 1.0em; }
  748.  
  749. .calendar {
  750. margin-bottom: 1em; }
  751.  
  752. .calendar,
  753. .datemenu-today-button,
  754. .datemenu-displays-box,
  755. .message-list-sections {
  756. margin: 0 1.5em; }
  757.  
  758. .datemenu-calendar-column {
  759. spacing: 0.5em; }
  760.  
  761. .datemenu-displays-section {
  762. padding-bottom: 3em; }
  763.  
  764. .datemenu-displays-box {
  765. spacing: 1em; }
  766.  
  767. .datemenu-calendar-column {
  768. border: 0 solid #454c4c; }
  769. .datemenu-calendar-column:ltr {
  770. border-left-width: 1px; }
  771. .datemenu-calendar-column:rtl {
  772. border-right-width: 1px; }
  773.  
  774. .datemenu-today-button,
  775. .world-clocks-button,
  776. .weather-button,
  777. .events-section-title {
  778. border-radius: 4px;
  779. padding: .4em; }
  780.  
  781. .message-list-section-list:ltr {
  782. padding-left: .4em; }
  783.  
  784. .message-list-section-list:rtl {
  785. padding-right: .4em; }
  786.  
  787. .datemenu-today-button:hover, .datemenu-today-button:focus,
  788. .world-clocks-button:hover,
  789. .world-clocks-button:focus,
  790. .weather-button:hover,
  791. .weather-button:focus,
  792. .events-section-title:hover,
  793. .events-section-title:focus {
  794. background-color: #454c4c; }
  795.  
  796. .datemenu-today-button:active,
  797. .world-clocks-button:active,
  798. .weather-button:active,
  799. .events-section-title:active {
  800. color: white;
  801. background-color: #215d9c; }
  802.  
  803. .datemenu-today-button .date-label {
  804. font-size: 1.5em;
  805. font-weight: 300; }
  806.  
  807. .world-clocks-header,
  808. .weather-header,
  809. .events-section-title {
  810. color: #8e8e80;
  811. font-weight: bold; }
  812.  
  813. .world-clocks-grid {
  814. spacing-rows: 0.4em; }
  815.  
  816. .weather-box {
  817. spacing: 0.4em; }
  818.  
  819. .calendar-month-label {
  820. color: #e2e2df;
  821. font-weight: bold;
  822. padding: 8px 0; }
  823.  
  824. .pager-button {
  825. color: white;
  826. background-color: transparent;
  827. width: 32px;
  828. border-radius: 4px; }
  829. .pager-button:hover, .pager-button:focus {
  830. background-color: rgba(238, 238, 236, 0.05); }
  831. .pager-button:active {
  832. background-color: rgba(57, 63, 63, 0.05); }
  833.  
  834. .calendar-change-month-back {
  835. background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); }
  836. .calendar-change-month-back:rtl {
  837. background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); }
  838.  
  839. .calendar-change-month-forward {
  840. background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); }
  841. .calendar-change-month-forward:rtl {
  842. background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); }
  843.  
  844. .calendar-day-base {
  845. font-size: 80%;
  846. text-align: center;
  847. width: 2.4em;
  848. height: 2.4em;
  849. padding: 0.1em;
  850. margin: 2px;
  851. border-radius: 1.4em; }
  852. .calendar-day-base:hover, .calendar-day-base:focus {
  853. background-color: #454c4c; }
  854. .calendar-day-base:active, .calendar-day-base:selected {
  855. color: white;
  856. background-color: #215d9c;
  857. border-color: transparent; }
  858. .calendar-day-base.calendar-day-heading {
  859. color: #8e8e80;
  860. margin-top: 1em;
  861. font-size: 70%; }
  862.  
  863. .calendar-day {
  864. border-width: 0; }
  865.  
  866. .calendar-day-top {
  867. border-top-width: 1px; }
  868.  
  869. .calendar-day-left {
  870. border-left-width: 1px; }
  871.  
  872. .calendar-nonwork-day {
  873. color: #949796; }
  874.  
  875. .calendar-today {
  876. font-weight: bold;
  877. border: 1px solid rgba(28, 31, 31, 0.5); }
  878.  
  879. .calendar-day-with-events {
  880. color: white;
  881. font-weight: bold;
  882. background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); }
  883.  
  884. .calendar-other-month-day {
  885. color: rgba(238, 238, 236, 0.15);
  886. opacity: 0.5; }
  887.  
  888. .calendar-week-number {
  889. font-size: 70%;
  890. font-weight: bold;
  891. width: 2.3em;
  892. height: 1.8em;
  893. border-radius: 2px;
  894. padding: 0.5em 0 0;
  895. margin: 6px;
  896. background-color: rgba(238, 238, 236, 0.3);
  897. color: #393f3f; }
  898.  
  899. /* Message list */
  900. .message-list {
  901. width: 31.5em; }
  902.  
  903. .message-list-clear-button.button {
  904. background-color: transparent;
  905. margin: 1.5em 1.5em 0; }
  906. .message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
  907. background-color: #454c4c; }
  908.  
  909. .message-list-sections {
  910. spacing: 1em; }
  911.  
  912. .message-list-section,
  913. .message-list-section-list {
  914. spacing: 0.4em; }
  915.  
  916. .message {
  917. border-radius: 3px; }
  918. .message:hover, .message:focus {
  919. background-color: #454c4c; }
  920.  
  921. .message-icon-bin {
  922. padding: 0.68em 0.2em 0.68em 0.68em; }
  923. .message-icon-bin:rtl {
  924. padding: 0.68em 0.68em 0.68em 0.2em; }
  925.  
  926. .message-icon-bin > StIcon {
  927. color: #bebeb6;
  928. icon-size: 1.09em;
  929. -st-icon-style: symbolic; }
  930.  
  931. .message-secondary-bin {
  932. padding: 0 0.82em; }
  933.  
  934. .message-secondary-bin > .event-time {
  935. color: #8e8e80;
  936. font-size: 0.7em;
  937. /* HACK: the label should be baseline-aligned with a 1em label,
  938. fake this with some bottom padding */
  939. padding-bottom: 0.13em; }
  940.  
  941. .message-secondary-bin > StIcon {
  942. icon-size: 1.09em; }
  943.  
  944. .message-title {
  945. color: #e2e2df; }
  946.  
  947. .message-content {
  948. color: #bebeb6;
  949. padding: 10px; }
  950.  
  951. .message-media-control {
  952. padding: 12px;
  953. color: #bebeb6; }
  954. .message-media-control:last-child:ltr {
  955. padding-right: 18px; }
  956. .message-media-control:last-child:rtl {
  957. padding-left: 18px; }
  958. .message-media-control:hover {
  959. color: #eeeeec; }
  960. .message-media-control:insensitive {
  961. color: #8e8e80; }
  962.  
  963. .media-message-cover-icon {
  964. icon-size: 48px !important; }
  965. .media-message-cover-icon.fallback {
  966. color: #515a5a;
  967. background-color: #393f3f;
  968. border: 2px solid #393f3f;
  969. border-radius: 2px;
  970. icon-size: 16px;
  971. padding: 8px; }
  972.  
  973. .system-switch-user-submenu-icon.user-icon {
  974. icon-size: 20px;
  975. padding: 0 2px; }
  976.  
  977. .system-switch-user-submenu-icon.default-icon {
  978. icon-size: 16px;
  979. padding: 0 4px; }
  980.  
  981. #appMenu {
  982. spinner-image: url("resource:///org/gnome/shell/theme/process-working.svg");
  983. spacing: 4px; }
  984. #appMenu .label-shadow {
  985. color: transparent; }
  986.  
  987. .aggregate-menu {
  988. min-width: 21em; }
  989. .aggregate-menu .popup-menu-icon {
  990. padding: 0 4px; }
  991. .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
  992. /* 12px spacing + 2*4px padding */
  993. padding-left: 20px;
  994. margin-left: 1.09em; }
  995. .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
  996. /* 12px spacing + 2*4px padding */
  997. padding-right: 20px;
  998. margin-right: 1.09em; }
  999.  
  1000. .system-menu-action {
  1001. color: #eeeeec;
  1002. border-radius: 32px;
  1003. /* wish we could do 50% */
  1004. padding: 13px;
  1005. border: 1px solid #282c2c; }
  1006. .system-menu-action:hover, .system-menu-action:focus {
  1007. background-color: rgba(238, 238, 236, 0.1);
  1008. color: #eeeeec;
  1009. border: none;
  1010. padding: 14px; }
  1011. .system-menu-action:active {
  1012. background-color: #215d9c;
  1013. color: #ffffff; }
  1014. .system-menu-action > StIcon {
  1015. icon-size: 16px; }
  1016.  
  1017. .ripple-box {
  1018. width: 52px;
  1019. height: 52px;
  1020. background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png");
  1021. background-size: contain; }
  1022.  
  1023. .ripple-box:rtl {
  1024. background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png"); }
  1025.  
  1026. .popup-menu-arrow {
  1027. width: 16px;
  1028. height: 16px; }
  1029.  
  1030. .popup-menu-icon {
  1031. icon-size: 1.09em; }
  1032.  
  1033. .window-close {
  1034. background-image: url("resource:///org/gnome/shell/theme/close-window.svg");
  1035. background-size: 32px;
  1036. height: 32px;
  1037. width: 32px;
  1038. -shell-close-overlap: 16px; }
  1039. .window-close:hover {
  1040. background-image: url("resource:///org/gnome/shell/theme/close-window-hover.svg"); }
  1041. .window-close:active {
  1042. background-image: url("resource:///org/gnome/shell/theme/close-window-active.svg"); }
  1043.  
  1044. /* NETWORK DIALOGS */
  1045. .nm-dialog {
  1046. max-height: 34em;
  1047. min-height: 31em;
  1048. min-width: 32em; }
  1049.  
  1050. .nm-dialog-content {
  1051. spacing: 20px;
  1052. padding: 24px; }
  1053.  
  1054. .nm-dialog-header-hbox {
  1055. spacing: 10px; }
  1056.  
  1057. .nm-dialog-airplane-box {
  1058. spacing: 12px; }
  1059.  
  1060. .nm-dialog-airplane-headline {
  1061. font-weight: bold;
  1062. text-align: center; }
  1063.  
  1064. .nm-dialog-airplane-text {
  1065. color: #eeeeec; }
  1066.  
  1067. .nm-dialog-header-icon {
  1068. icon-size: 32px; }
  1069.  
  1070. .nm-dialog-scroll-view {
  1071. border: 2px solid #1c1f1f; }
  1072.  
  1073. .nm-dialog-header {
  1074. font-weight: bold; }
  1075.  
  1076. .nm-dialog-item {
  1077. font-size: 110%;
  1078. border-bottom: 1px solid #1c1f1f;
  1079. padding: 12px;
  1080. spacing: 20px; }
  1081.  
  1082. .nm-dialog-item:selected {
  1083. background-color: #215d9c;
  1084. color: #ffffff; }
  1085.  
  1086. .nm-dialog-icons {
  1087. spacing: .5em; }
  1088.  
  1089. .nm-dialog-icon {
  1090. icon-size: 16px; }
  1091.  
  1092. .no-networks-label {
  1093. color: #999999; }
  1094.  
  1095. .no-networks-box {
  1096. spacing: 12px; }
  1097.  
  1098. /* OVERVIEW */
  1099. #overview {
  1100. spacing: 24px; }
  1101.  
  1102. .overview-controls {
  1103. padding-bottom: 32px; }
  1104.  
  1105. .window-picker {
  1106. -horizontal-spacing: 16px;
  1107. -vertical-spacing: 16px;
  1108. padding: 0 16px 16px; }
  1109. .window-picker.external-monitor {
  1110. padding: 16px; }
  1111.  
  1112. .window-clone-border {
  1113. border: 4px solid #215d9c;
  1114. border-radius: 4px;
  1115. box-shadow: inset 0px 0px 0px 1px #215d9c; }
  1116.  
  1117. .window-caption {
  1118. spacing: 25px;
  1119. color: #ffffff;
  1120. background-color: #215d9c;
  1121. border-radius: 8px;
  1122. padding: 4px 12px; }
  1123.  
  1124. .search-entry {
  1125. width: 320px;
  1126. padding: 7px 9px;
  1127. border-radius: 6px;
  1128. border-color: #747467;
  1129. color: #eeeeec;
  1130. background-color: #2e3436; }
  1131. .search-entry:focus {
  1132. padding: 6px 8px;
  1133. border-width: 2px;
  1134. border-color: #215d9c; }
  1135. .search-entry .search-entry-icon {
  1136. icon-size: 1em;
  1137. padding: 0 4px;
  1138. color: rgba(238, 238, 236, 0.7); }
  1139. .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
  1140. color: #eeeeec; }
  1141.  
  1142. #searchResultsBin {
  1143. max-width: 1000px; }
  1144.  
  1145. #searchResultsContent {
  1146. padding-left: 20px;
  1147. padding-right: 20px;
  1148. spacing: 16px; }
  1149.  
  1150. .search-section {
  1151. spacing: 16px; }
  1152.  
  1153. .search-section-content {
  1154. spacing: 32px; }
  1155.  
  1156. .list-search-results {
  1157. spacing: 3px; }
  1158.  
  1159. .search-section-separator {
  1160. height: 2px;
  1161. background-color: rgba(255, 255, 255, 0.2); }
  1162.  
  1163. .list-search-result-content {
  1164. spacing: 30px; }
  1165.  
  1166. .list-search-result-title {
  1167. color: #e2e2df;
  1168. spacing: 12px; }
  1169.  
  1170. .list-search-result-description {
  1171. color: rgba(202, 202, 196, 0.5); }
  1172.  
  1173. .list-search-provider-details {
  1174. width: 150px;
  1175. color: #e2e2df;
  1176. margin-top: 0.24em; }
  1177.  
  1178. .list-search-provider-content {
  1179. spacing: 20px; }
  1180.  
  1181. .search-provider-icon {
  1182. padding: 15px; }
  1183.  
  1184. /* DASHBOARD */
  1185. #dash {
  1186. font-size: 9pt;
  1187. color: #eeeeec;
  1188. background-color: #2e3436;
  1189. padding: 4px 0;
  1190. border: 1px solid rgba(128, 128, 128, 0.4);
  1191. border-left: 0px;
  1192. border-radius: 0px 9px 9px 0px; }
  1193. #dash:rtl {
  1194. border-radius: 9px 0 0 9px; }
  1195. #dash .placeholder {
  1196. background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
  1197. background-size: contain;
  1198. height: 24px; }
  1199. #dash .empty-dash-drop-target {
  1200. width: 24px;
  1201. height: 24px; }
  1202.  
  1203. .dash-item-container > StWidget {
  1204. padding: 4px 8px; }
  1205.  
  1206. .dash-label {
  1207. border-radius: 7px;
  1208. padding: 4px 12px;
  1209. color: #eeeeec;
  1210. background-color: rgba(46, 52, 54, 0.7);
  1211. text-align: center;
  1212. -x-offset: 8px; }
  1213.  
  1214. /* App Vault/Grid */
  1215. .icon-grid {
  1216. spacing: 30px;
  1217. -shell-grid-horizontal-item-size: 136px;
  1218. -shell-grid-vertical-item-size: 136px; }
  1219. .icon-grid .overview-icon {
  1220. icon-size: 96px; }
  1221.  
  1222. .system-action-icon {
  1223. background-color: black;
  1224. color: white;
  1225. border-radius: 99px;
  1226. icon-size: 48px; }
  1227.  
  1228. .app-view-controls {
  1229. padding-bottom: 32px; }
  1230.  
  1231. .app-view-control {
  1232. padding: 4px 32px; }
  1233. .app-view-control:checked {
  1234. color: white;
  1235. border-color: rgba(0, 0, 0, 0.7);
  1236. background-color: #222728;
  1237. box-shadow: inset 0 0 black;
  1238. text-shadow: none;
  1239. icon-shadow: none; }
  1240. .app-view-control:first-child {
  1241. border-right-width: 0;
  1242. border-radius: 3px 0 0 3px; }
  1243. .app-view-control:last-child {
  1244. border-radius: 0 3px 3px 0; }
  1245.  
  1246. .search-provider-icon:active, .search-provider-icon:checked,
  1247. .list-search-result:active,
  1248. .list-search-result:checked {
  1249. background-color: rgba(23, 25, 26, 0.9); }
  1250.  
  1251. .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
  1252. .list-search-result:focus,
  1253. .list-search-result:selected,
  1254. .list-search-result:hover {
  1255. background-color: rgba(238, 238, 236, 0.1);
  1256. transition-duration: 200ms; }
  1257.  
  1258. .app-well-app:active .overview-icon,
  1259. .app-well-app:checked .overview-icon,
  1260. .app-well-app.app-folder:active .overview-icon,
  1261. .app-well-app.app-folder:checked .overview-icon,
  1262. .show-apps:active .overview-icon,
  1263. .show-apps:checked .overview-icon,
  1264. .grid-search-result:active .overview-icon,
  1265. .grid-search-result:checked .overview-icon {
  1266. background-color: rgba(23, 25, 26, 0.9);
  1267. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); }
  1268.  
  1269. .app-well-app:hover .overview-icon,
  1270. .app-well-app:focus .overview-icon,
  1271. .app-well-app:selected .overview-icon,
  1272. .app-well-app.app-folder:hover .overview-icon,
  1273. .app-well-app.app-folder:focus .overview-icon,
  1274. .app-well-app.app-folder:selected .overview-icon,
  1275. .show-apps:hover .overview-icon,
  1276. .show-apps:focus .overview-icon,
  1277. .show-apps:selected .overview-icon,
  1278. .grid-search-result:hover .overview-icon,
  1279. .grid-search-result:focus .overview-icon,
  1280. .grid-search-result:selected .overview-icon {
  1281. background-color: rgba(238, 238, 236, 0.1);
  1282. transition-duration: 0ms;
  1283. border-image: none;
  1284. background-image: none; }
  1285.  
  1286. .app-well-app-running-dot {
  1287. width: 10px;
  1288. height: 3px;
  1289. background-color: #215d9c;
  1290. margin-bottom: 2px; }
  1291.  
  1292. .search-provider-icon,
  1293. .list-search-result, .app-well-app .overview-icon,
  1294. .app-well-app.app-folder .overview-icon,
  1295. .show-apps .overview-icon,
  1296. .grid-search-result .overview-icon {
  1297. color: #eeeeec;
  1298. border-radius: 4px;
  1299. padding: 6px;
  1300. border: 1px solid transparent;
  1301. transition-duration: 100ms;
  1302. text-align: center; }
  1303.  
  1304. .app-well-app.app-folder > .overview-icon {
  1305. background-color: rgba(46, 52, 54, 0.4); }
  1306.  
  1307. .show-apps:checked .show-apps-icon,
  1308. .show-apps:focus .show-apps-icon {
  1309. color: white;
  1310. transition-duration: 100ms; }
  1311.  
  1312. .app-folder-popup {
  1313. -arrow-border-radius: 8px;
  1314. -arrow-background-color: rgba(46, 52, 54, 0.3);
  1315. -arrow-base: 24px;
  1316. -arrow-rise: 11px; }
  1317.  
  1318. .app-folder-popup-bin {
  1319. padding: 5px; }
  1320.  
  1321. .app-folder-icon {
  1322. padding: 5px;
  1323. spacing-rows: 5px;
  1324. spacing-columns: 5px; }
  1325.  
  1326. .page-indicator {
  1327. padding: 15px 20px; }
  1328. .page-indicator .page-indicator-icon {
  1329. width: 18px;
  1330. height: 18px;
  1331. background-image: url(resource:///org/gnome/shell/theme/page-indicator-inactive.svg); }
  1332. .page-indicator:hover .page-indicator-icon {
  1333. background-image: url(resource:///org/gnome/shell/theme/page-indicator-hover.svg); }
  1334. .page-indicator:active .page-indicator-icon {
  1335. background-image: url(resource:///org/gnome/shell/theme/page-indicator-active.svg); }
  1336. .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
  1337. background-image: url(resource:///org/gnome/shell/theme/page-indicator-checked.svg); }
  1338.  
  1339. .app-well-app > .overview-icon.overview-icon-with-label,
  1340. .grid-search-result .overview-icon.overview-icon-with-label {
  1341. padding: 10px 8px 5px 8px;
  1342. spacing: 4px; }
  1343.  
  1344. .workspace-thumbnails {
  1345. visible-width: 32px;
  1346. spacing: 11px;
  1347. padding: 8px;
  1348. border-radius: 9px 0 0 9px; }
  1349. .workspace-thumbnails:rtl {
  1350. border-radius: 0 9px 9px 0; }
  1351. .workspace-thumbnails .placeholder {
  1352. background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
  1353. background-size: contain;
  1354. height: 24px; }
  1355.  
  1356. .workspace-thumbnail-indicator {
  1357. border: 4px solid #215d9c;
  1358. padding: 1px; }
  1359.  
  1360. .search-display > StBoxLayout,
  1361. .all-apps,
  1362. .frequent-apps > StBoxLayout {
  1363. padding: 0px 88px 10px 88px; }
  1364.  
  1365. .workspace-thumbnails {
  1366. color: #eeeeec;
  1367. background-color: #2e3436;
  1368. border: 1px solid rgba(238, 238, 236, 0.2); }
  1369.  
  1370. .search-statustext, .no-frequent-applications-label {
  1371. font-size: 2em;
  1372. font-weight: bold;
  1373. color: #eeeeec; }
  1374.  
  1375. /* NOTIFICATIONS & MESSAGE TRAY */
  1376. .url-highlighter {
  1377. link-color: #2a76c6; }
  1378.  
  1379. .notification-banner {
  1380. font-size: 11pt;
  1381. width: 34em;
  1382. margin: 5px;
  1383. border-radius: 6px;
  1384. color: #eeeeec;
  1385. background-color: #2e3436;
  1386. border: 1px solid #1c1f1f; }
  1387. .notification-banner:hover {
  1388. background-color: #2e3436; }
  1389. .notification-banner:focus {
  1390. background-color: #2e3436; }
  1391. .notification-banner .notification-icon {
  1392. padding: 5px; }
  1393. .notification-banner .notification-content {
  1394. padding: 5px;
  1395. spacing: 5px; }
  1396. .notification-banner .secondary-icon {
  1397. icon-size: 1.09em; }
  1398. .notification-banner .notification-actions {
  1399. background-color: #1c1f1f;
  1400. padding-top: 2px;
  1401. spacing: 1px; }
  1402. .notification-banner .notification-button {
  1403. padding: 4px 4px 5px;
  1404. background-color: #222728; }
  1405. .notification-banner .notification-button:first-child {
  1406. border-radius: 0 0 0 6px; }
  1407. .notification-banner .notification-button:last-child {
  1408. border-radius: 0 0 6px 0; }
  1409. .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
  1410. background-color: #292f30; }
  1411.  
  1412. .summary-source-counter {
  1413. font-size: 10pt;
  1414. font-weight: bold;
  1415. height: 1.6em;
  1416. width: 1.6em;
  1417. -shell-counter-overlap-x: 3px;
  1418. -shell-counter-overlap-y: 3px;
  1419. background-color: #215d9c;
  1420. color: #ffffff;
  1421. border: 2px solid #eeeeec;
  1422. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  1423. border-radius: 0.9em; }
  1424.  
  1425. .secondary-icon {
  1426. icon-size: 1.09em; }
  1427.  
  1428. .chat-body {
  1429. spacing: 5px; }
  1430.  
  1431. .chat-response {
  1432. margin: 5px; }
  1433.  
  1434. .chat-log-message {
  1435. color: #d6d6d1; }
  1436.  
  1437. .chat-new-group {
  1438. padding-top: 1em; }
  1439.  
  1440. .chat-received {
  1441. padding-left: 4px; }
  1442. .chat-received:rtl {
  1443. padding-left: 0px;
  1444. padding-right: 4px; }
  1445.  
  1446. .chat-sent {
  1447. padding-left: 18pt;
  1448. color: #cacac4; }
  1449. .chat-sent:rtl {
  1450. padding-left: 0;
  1451. padding-right: 18pt; }
  1452.  
  1453. .chat-meta-message {
  1454. padding-left: 4px;
  1455. font-size: 9pt;
  1456. font-weight: bold;
  1457. color: #bebeb6; }
  1458. .chat-meta-message:rtl {
  1459. padding-left: 0;
  1460. padding-right: 4px; }
  1461.  
  1462. .hotplug-transient-box {
  1463. spacing: 6px;
  1464. padding: 2px 72px 2px 12px; }
  1465.  
  1466. .hotplug-notification-item {
  1467. padding: 2px 10px; }
  1468. .hotplug-notification-item:focus {
  1469. padding: 1px 71px 1px 11px; }
  1470.  
  1471. .hotplug-notification-item-icon {
  1472. icon-size: 24px;
  1473. padding: 2px 5px; }
  1474.  
  1475. .hotplug-resident-box {
  1476. spacing: 8px; }
  1477.  
  1478. .hotplug-resident-mount {
  1479. spacing: 8px;
  1480. border-radius: 4px; }
  1481. .hotplug-resident-mount:hover {
  1482. background-color: rgba(57, 63, 63, 0.3); }
  1483.  
  1484. .hotplug-resident-mount-label {
  1485. color: inherit;
  1486. padding-left: 6px; }
  1487.  
  1488. .hotplug-resident-mount-icon {
  1489. icon-size: 24px;
  1490. padding-left: 6px; }
  1491.  
  1492. .hotplug-resident-eject-icon {
  1493. icon-size: 16px; }
  1494.  
  1495. .hotplug-resident-eject-button {
  1496. padding: 7px;
  1497. border-radius: 5px;
  1498. color: pink; }
  1499.  
  1500. /* Eeeky things */
  1501. .magnifier-zoom-region {
  1502. border: 2px solid #215d9c; }
  1503. .magnifier-zoom-region.full-screen {
  1504. border-width: 0; }
  1505.  
  1506. /* On-screen Keyboard */
  1507. .word-suggestions {
  1508. font-size: 14pt;
  1509. spacing: 12px;
  1510. min-height: 20pt; }
  1511.  
  1512. #keyboard {
  1513. background-color: rgba(46, 52, 54, 0.7); }
  1514.  
  1515. .key-container {
  1516. padding: 4px;
  1517. spacing: 4px; }
  1518.  
  1519. .keyboard-key {
  1520. background-color: #393f3f;
  1521. min-height: 2em;
  1522. min-width: 2em;
  1523. font-size: 16pt;
  1524. border-radius: 3px;
  1525. border: 1px solid #464d4d;
  1526. color: #e5e5e5; }
  1527. .keyboard-key:focus {
  1528. color: #eeeeec;
  1529. text-shadow: 0 1px black;
  1530. icon-shadow: 0 1px black;
  1531. box-shadow: inset 0px 0px 0px 1px #215d9c; }
  1532. .keyboard-key:hover, .keyboard-key:checked {
  1533. color: white;
  1534. border-color: rgba(0, 0, 0, 0.7);
  1535. background-color: #454f52;
  1536. box-shadow: inset 0 1px #5d696d;
  1537. text-shadow: 0 1px black;
  1538. icon-shadow: 0 1px black; }
  1539. .keyboard-key:active {
  1540. color: white;
  1541. border-color: rgba(0, 0, 0, 0.7);
  1542. background-color: #222728;
  1543. box-shadow: inset 0 0 black;
  1544. text-shadow: none;
  1545. icon-shadow: none; }
  1546. .keyboard-key:grayed {
  1547. background-color: #2e3436;
  1548. color: #eeeeec;
  1549. border-color: rgba(0, 0, 0, 0.7); }
  1550. .keyboard-key.default-key {
  1551. border-color: #2d3232;
  1552. background-color: #1d2020;
  1553. background-size: 20px; }
  1554. .keyboard-key.enter-key {
  1555. border-color: #005684;
  1556. background-color: #006098;
  1557. background-image: url("resource:///org/gnome/shell/theme/key-enter.svg"); }
  1558. .keyboard-key.shift-key-lowercase {
  1559. background-image: url("resource:///org/gnome/shell/theme/key-shift.svg"); }
  1560. .keyboard-key.shift-key-uppercase {
  1561. background-image: url("resource:///org/gnome/shell/theme/key-shift-uppercase.svg"); }
  1562. .keyboard-key.shift-key-uppercase:latched {
  1563. background-image: url("resource:///org/gnome/shell/theme/key-shift-latched-uppercase.svg"); }
  1564. .keyboard-key.hide-key {
  1565. background-image: url("resource:///org/gnome/shell/theme/key-hide.svg"); }
  1566. .keyboard-key.layout-key {
  1567. background-image: url("resource:///org/gnome/shell/theme/key-layout.svg"); }
  1568.  
  1569. .keyboard-subkeys {
  1570. color: white;
  1571. -arrow-border-radius: 10px;
  1572. -arrow-background-color: rgba(46, 52, 54, 0.7);
  1573. -arrow-border-width: 2px;
  1574. -arrow-border-color: rgba(238, 238, 236, 0.2);
  1575. -arrow-base: 20px;
  1576. -arrow-rise: 10px;
  1577. -boxpointer-gap: 5px; }
  1578.  
  1579. .candidate-popup-content {
  1580. padding: 0.5em;
  1581. spacing: 0.3em; }
  1582.  
  1583. .candidate-index {
  1584. padding: 0 0.5em 0 0;
  1585. color: #d6d6d1; }
  1586.  
  1587. .candidate-box {
  1588. padding: 0.3em 0.5em 0.3em 0.5em;
  1589. border-radius: 4px; }
  1590. .candidate-box:selected, .candidate-box:hover {
  1591. background-color: #215d9c;
  1592. color: #ffffff; }
  1593.  
  1594. .candidate-page-button-box {
  1595. height: 2em; }
  1596. .vertical .candidate-page-button-box {
  1597. padding-top: 0.5em; }
  1598. .horizontal .candidate-page-button-box {
  1599. padding-left: 0.5em; }
  1600.  
  1601. .candidate-page-button {
  1602. padding: 4px; }
  1603.  
  1604. .candidate-page-button-previous {
  1605. border-radius: 4px 0px 0px 4px;
  1606. border-right-width: 0; }
  1607.  
  1608. .candidate-page-button-next {
  1609. border-radius: 0px 4px 4px 0px; }
  1610.  
  1611. .candidate-page-button-icon {
  1612. icon-size: 1em; }
  1613.  
  1614. /* Auth Dialogs & Screen Shield */
  1615. .framed-user-icon {
  1616. background-size: contain;
  1617. border: 2px solid #eeeeec;
  1618. color: #eeeeec;
  1619. border-radius: 3px; }
  1620. .framed-user-icon:hover {
  1621. border-color: white;
  1622. color: white; }
  1623.  
  1624. .login-dialog-banner-view {
  1625. padding-top: 24px;
  1626. max-width: 23em; }
  1627.  
  1628. .login-dialog {
  1629. border: none;
  1630. background-color: transparent; }
  1631. .login-dialog .modal-dialog-button-box {
  1632. spacing: 3px; }
  1633. .login-dialog .modal-dialog-button {
  1634. padding: 3px 18px; }
  1635. .login-dialog .modal-dialog-button:default {
  1636. color: #eeeeec;
  1637. background-color: rgba(33, 93, 156, 0.5);
  1638. border-color: rgba(0, 0, 0, 0.7);
  1639. box-shadow: inset 0 1px #454f52;
  1640. text-shadow: 0 1px black;
  1641. icon-shadow: 0 1px black; }
  1642. .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
  1643. color: white;
  1644. border-color: rgba(0, 0, 0, 0.7);
  1645. background-color: rgba(33, 93, 156, 0.7);
  1646. box-shadow: inset 0 1px #5d696d;
  1647. text-shadow: 0 1px black;
  1648. icon-shadow: 0 1px black; }
  1649. .login-dialog .modal-dialog-button:default:active {
  1650. color: white;
  1651. border-color: rgba(0, 0, 0, 0.7);
  1652. background-color: #1c5187;
  1653. box-shadow: inset 0 0 black;
  1654. text-shadow: none;
  1655. icon-shadow: none; }
  1656. .login-dialog .modal-dialog-button:default:insensitive {
  1657. color: #949796;
  1658. border-color: rgba(0, 0, 0, 0.7);
  1659. background-color: rgba(66, 72, 73, 0.7);
  1660. box-shadow: none;
  1661. text-shadow: none;
  1662. icon-shadow: none; }
  1663.  
  1664. .login-dialog-logo-bin {
  1665. padding: 24px 0px; }
  1666.  
  1667. .login-dialog-banner {
  1668. color: #d6d6d1; }
  1669.  
  1670. .login-dialog-button-box {
  1671. spacing: 5px; }
  1672.  
  1673. .login-dialog-message-warning {
  1674. color: #f57900; }
  1675.  
  1676. .login-dialog-message-hint {
  1677. padding-top: 0;
  1678. padding-bottom: 20px; }
  1679.  
  1680. .login-dialog-user-selection-box {
  1681. padding: 100px 0px; }
  1682.  
  1683. .login-dialog-not-listed-label {
  1684. padding-left: 2px; }
  1685. .login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
  1686. .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
  1687. color: #eeeeec; }
  1688.  
  1689. .login-dialog-not-listed-label {
  1690. font-size: 90%;
  1691. font-weight: bold;
  1692. color: #a6a69b;
  1693. padding-top: 1em; }
  1694.  
  1695. .login-dialog-user-list-view {
  1696. -st-vfade-offset: 1em; }
  1697.  
  1698. .login-dialog-user-list {
  1699. spacing: 12px;
  1700. padding: .2em;
  1701. width: 23em; }
  1702. .login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
  1703. background-color: #215d9c;
  1704. color: #ffffff; }
  1705. .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
  1706. border-right: 2px solid #215d9c; }
  1707.  
  1708. .login-dialog-user-list-item {
  1709. border-radius: 5px;
  1710. padding: .2em;
  1711. color: #a6a69b; }
  1712. .login-dialog-user-list-item:ltr {
  1713. padding-right: 1em; }
  1714. .login-dialog-user-list-item:rtl {
  1715. padding-left: 1em; }
  1716. .login-dialog-user-list-item .login-dialog-timed-login-indicator {
  1717. height: 2px;
  1718. margin: 2px 0 0 0;
  1719. background-color: #eeeeec; }
  1720. .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
  1721. background-color: #ffffff; }
  1722.  
  1723. .login-dialog-username,
  1724. .user-widget-label {
  1725. color: #eeeeec;
  1726. font-size: 120%;
  1727. font-weight: bold;
  1728. text-align: left;
  1729. padding-left: 15px; }
  1730.  
  1731. .user-widget-label:ltr {
  1732. padding-left: 18px; }
  1733.  
  1734. .user-widget-label:rtl {
  1735. padding-right: 18px; }
  1736.  
  1737. .login-dialog-prompt-layout {
  1738. padding-top: 24px;
  1739. padding-bottom: 12px;
  1740. spacing: 8px;
  1741. width: 23em; }
  1742.  
  1743. .login-dialog-prompt-label {
  1744. color: #bebeb6;
  1745. font-size: 110%;
  1746. padding-top: 1em; }
  1747.  
  1748. .login-dialog-session-list-button StIcon {
  1749. icon-size: 1.25em; }
  1750.  
  1751. .login-dialog-session-list-button {
  1752. color: #a6a69b; }
  1753. .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
  1754. color: #eeeeec; }
  1755. .login-dialog-session-list-button:active {
  1756. color: #747467; }
  1757.  
  1758. .screen-shield-arrows {
  1759. padding-bottom: 3em; }
  1760.  
  1761. .screen-shield-arrows Gjs_Arrow {
  1762. color: white;
  1763. width: 80px;
  1764. height: 48px;
  1765. -arrow-thickness: 12px;
  1766. -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
  1767.  
  1768. .screen-shield-clock {
  1769. color: white;
  1770. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
  1771. font-weight: bold;
  1772. text-align: center;
  1773. padding-bottom: 1.5em; }
  1774.  
  1775. .screen-shield-clock-time {
  1776. font-size: 72pt;
  1777. text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
  1778.  
  1779. .screen-shield-clock-date {
  1780. font-size: 28pt;
  1781. font-weight: normal; }
  1782.  
  1783. .screen-shield-notifications-container {
  1784. spacing: 6px;
  1785. width: 30em;
  1786. background-color: transparent;
  1787. max-height: 500px; }
  1788. .screen-shield-notifications-container .summary-notification-stack-scrollview {
  1789. padding-top: 0;
  1790. padding-bottom: 0; }
  1791. .screen-shield-notifications-container .notification,
  1792. .screen-shield-notifications-container .screen-shield-notification-source {
  1793. padding: 12px 6px;
  1794. border: 1px solid rgba(238, 238, 236, 0.2);
  1795. background-color: rgba(46, 52, 54, 0.5);
  1796. color: #eeeeec;
  1797. border-radius: 4px; }
  1798. .screen-shield-notifications-container .notification {
  1799. margin-right: 15px; }
  1800.  
  1801. .screen-shield-notification-label {
  1802. font-weight: bold;
  1803. padding: 0px 0px 0px 12px; }
  1804.  
  1805. .screen-shield-notification-count-text {
  1806. padding: 0px 0px 0px 12px; }
  1807.  
  1808. #panel.lock-screen {
  1809. background-color: rgba(46, 52, 54, 0.5); }
  1810.  
  1811. .screen-shield-background {
  1812. background: black;
  1813. box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); }
  1814.  
  1815. #lockDialogGroup {
  1816. background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png);
  1817. background-repeat: repeat; }
  1818.  
  1819. #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle {
  1820. background-color: rgba(57, 63, 63, 0.3); }
  1821. #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus {
  1822. background-color: rgba(57, 63, 63, 0.5); }
  1823. #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active {
  1824. background-color: rgba(33, 93, 156, 0.5); }
  1825.  
  1826. #LookingGlassDialog {
  1827. background-color: rgba(0, 0, 0, 0.8);
  1828. spacing: 4px;
  1829. padding: 4px;
  1830. border: 2px solid grey;
  1831. border-radius: 4px; }
  1832. #LookingGlassDialog > #Toolbar {
  1833. border: 1px solid grey;
  1834. border-radius: 4px; }
  1835. #LookingGlassDialog .labels {
  1836. spacing: 4px; }
  1837. #LookingGlassDialog .notebook-tab {
  1838. -natural-hpadding: 12px;
  1839. -minimum-hpadding: 6px;
  1840. font-weight: bold;
  1841. color: #ccc;
  1842. transition-duration: 100ms;
  1843. padding-left: .3em;
  1844. padding-right: .3em; }
  1845. #LookingGlassDialog .notebook-tab:hover {
  1846. color: white;
  1847. text-shadow: black 0px 2px 2px; }
  1848. #LookingGlassDialog .notebook-tab:selected {
  1849. border-bottom-width: 2px;
  1850. border-color: #256ab1;
  1851. color: white;
  1852. text-shadow: black 0px 2px 2px; }
  1853. #LookingGlassDialog StBoxLayout#EvalBox {
  1854. padding: 4px;
  1855. spacing: 4px; }
  1856. #LookingGlassDialog StBoxLayout#ResultsArea {
  1857. spacing: 4px; }
  1858.  
  1859. .lg-dialog StEntry {
  1860. selection-background-color: #bbbbbb;
  1861. selected-color: #333333; }
  1862.  
  1863. .lg-dialog .shell-link {
  1864. color: #999999; }
  1865. .lg-dialog .shell-link:hover {
  1866. color: #dddddd; }
  1867.  
  1868. .lg-completions-text {
  1869. font-size: .9em;
  1870. font-style: italic; }
  1871.  
  1872. .lg-obj-inspector-title {
  1873. spacing: 4px; }
  1874.  
  1875. .lg-obj-inspector-button {
  1876. border: 1px solid gray;
  1877. padding: 4px;
  1878. border-radius: 4px; }
  1879. .lg-obj-inspector-button:hover {
  1880. border: 1px solid #ffffff; }
  1881.  
  1882. #lookingGlassExtensions {
  1883. padding: 4px; }
  1884.  
  1885. .lg-extensions-list {
  1886. padding: 4px;
  1887. spacing: 6px; }
  1888.  
  1889. .lg-extension {
  1890. border: 1px solid #6f6f6f;
  1891. border-radius: 4px;
  1892. padding: 4px; }
  1893.  
  1894. .lg-extension-name {
  1895. font-weight: bold; }
  1896.  
  1897. .lg-extension-meta {
  1898. spacing: 6px; }
  1899.  
  1900. #LookingGlassPropertyInspector {
  1901. background: rgba(0, 0, 0, 0.8);
  1902. border: 2px solid grey;
  1903. border-radius: 4px;
  1904. padding: 6px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!