API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 9th, 2015
544
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.77 KB | None | 0 0
raw download clone embed print report
  1. /* TOP BAR */
  2. #panel {
  3.   background-color: black;
  4.   font-weight: bold;
  5.   height: 1.86em; }
  6.   #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
  7.     background-color: transparent; }
  8.   #panel #panelLeft, #panel #panelCenter {
  9.     spacing: 4px; }
  10.   #panel .panel-corner {
  11.     -panel-corner-radius: 6px;
  12.     -panel-corner-background-color: black;
  13.     -panel-corner-border-width: 2px;
  14.     -panel-corner-border-color: transparent; }
  15.     #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
  16.       -panel-corner-border-color: #256ab1; }
  17.     #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
  18.       -panel-corner-radius: 0;
  19.       -panel-corner-background-color: transparent;
  20.       -panel-corner-border-color: transparent; }
  21.   #panel .panel-button {
  22.     -natural-hpadding: 12px;
  23.     -minimum-hpadding: 6px;
  24.     font-weight: bold;
  25.     color: #ccc;
  26.     transition-duration: 100ms; }
  27.     #panel .panel-button .app-menu-icon {
  28.       -st-icon-style: symbolic;
  29.       margin-left: 4px;
  30.       margin-right: 4px; }
  31.     #panel .panel-button:hover {
  32.       color: white; }
  33.     #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
  34.       background-color: rgba(0, 0, 0, 0.01);
  35.       box-shadow: inset 0 -2px 0px #256ab1;
  36.       color: white; }
  37.       #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 {
  38.         icon-shadow: black 0 2px 2px; }
  39.     #panel .panel-button .system-status-icon {
  40.       icon-size: 1.09em;
  41.       padding: 0 5px; }
  42.     .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
  43.       color: white; }
  44.       .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
  45.         color: white; }
  46.   #panel .panel-status-indicators-box,
  47.   #panel .panel-status-menu-box {
  48.     spacing: 2px; }
  49.   #panel .screencast-indicator {
  50.     color: #f57900; }
  51.  
  52. #calendarArea {
  53.   padding: 0.75em 1.0em; }
  54.  
  55. .calendar {
  56.   margin-bottom: 1em; }
  57.  
  58. .calendar,
  59. .datemenu-today-button,
  60. .datemenu-displays-box,
  61. .message-list-sections {
  62.   margin: 0 1.5em; }
  63.  
  64. .datemenu-calendar-column {
  65.   spacing: 0.5em; }
  66.  
  67. .datemenu-displays-section {
  68.   padding-bottom: 3em; }
  69.  
  70. .datemenu-today-button,
  71. .world-clocks-button,
  72. .message-list-section-title {
  73.   border-radius: 4px;
  74.   padding: .4em; }
  75.  
  76. .message-list-section-list:ltr {
  77.   padding-left: .4em; }
  78.  
  79. .message-list-section-list:rtl {
  80.   padding-right: .4em; }
  81.  
  82. .datemenu-today-button:hover, .datemenu-today-button:focus,
  83. .world-clocks-button:hover,
  84. .world-clocks-button:focus,
  85. .message-list-section-title:hover,
  86. .message-list-section-title:focus {
  87.   background-color: #454c4c; }
  88. .datemenu-today-button:active,
  89. .world-clocks-button:active,
  90. .message-list-section-title:active {
  91.   color: white;
  92.   background-color: #215d9c; }
  93.  
  94. .datemenu-today-button .date-label {
  95.   font-size: 1.5em; }
  96.  
  97. .world-clocks-header,
  98. .message-list-section-title {
  99.   color: #8e8e80;
  100.   font-weight: bold; }
  101.  
  102. .world-clocks-grid {
  103.   spacing-rows: 0.4em; }
  104.  
  105. .calendar-month-label {
  106.   color: #e2e2df;
  107.   font-weight: bold;
  108.   padding: 8px 0; }
  109.  
  110. .pager-button {
  111.   color: white;
  112.   background-color: transparent;
  113.   width: 32px;
  114.   border-radius: 4px; }
  115.   .pager-button:hover, .pager-button:focus {
  116.     background-color: rgba(238, 238, 236, 0.05); }
  117.   .pager-button:active {
  118.     background-color: rgba(57, 63, 63, 0.05); }
  119.  
  120. .calendar-change-month-back {
  121.   background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); }
  122.   .calendar-change-month-back:rtl {
  123.     background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); }
  124.  
  125. .calendar-change-month-forward {
  126.   background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-right.svg"); }
  127.   .calendar-change-month-forward:rtl {
  128.     background-image: url("resource:///org/gnome/shell/theme/calendar-arrow-left.svg"); }
  129.  
  130. .calendar-day-base {
  131.   font-size: 80%;
  132.   text-align: center;
  133.   width: 2.4em;
  134.   height: 2.4em;
  135.   padding: 0.1em;
  136.   margin: 2px;
  137.   border-radius: 1.4em; }
  138.   .calendar-day-base:hover, .calendar-day-base:focus {
  139.     background-color: #454c4c; }
  140.   .calendar-day-base:active {
  141.     color: white;
  142.     background-color: #215d9c;
  143.     border-color: transparent; }
  144.   .calendar-day-base.calendar-day-heading {
  145.     color: #8e8e80;
  146.     margin-top: 1em;
  147.     font-size: 70%; }
  148.  
  149. .calendar-day {
  150.   border-width: 0; }
  151.  
  152. .calendar-day-top {
  153.   border-top-width: 1px; }
  154.  
  155. .calendar-day-left {
  156.   border-left-width: 1px; }
  157.  
  158. .calendar-nonwork-day {
  159.   color: #939695; }
  160.  
  161. .calendar-today {
  162.   font-weight: bold;
  163.   border: 1px solid rgba(28, 31, 31, 0.5); }
  164.  
  165. .calendar-day-with-events {
  166.   color: white;
  167.   font-weight: bold;
  168.   background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); }
  169.  
  170. .calendar-other-month-day {
  171.   color: rgba(238, 238, 236, 0.15);
  172.   opacity: 0.5; }
  173.  
  174. /* Message list */
  175. .message-list {
  176.   width: 420px; }
  177.  
  178. .message-list-sections {
  179.   spacing: 1.5em; }
  180.  
  181. .message-list-section,
  182. .message-list-section-list {
  183.   spacing: 0.7em; }
  184.  
  185. .message-list-section-title-box {
  186.   spacing: 0.4em; }
  187.  
  188. .message-list-section-close > StIcon {
  189.   icon-size: 16px;
  190.   border-radius: 8px;
  191.   color: #393f3f;
  192.   background-color: #59594f; }
  193.  
  194. /* FIXME: how do you do this in sass? */
  195. .message-list-section-close:hover > StIcon,
  196. .message-list-section-close:focus > StIcon {
  197.   background-color: #8e8e80; }
  198.  
  199. .message {
  200.   background-color: #454c4c;
  201.   border-radius: 3px; }
  202.   .message:hover, .message:focus {
  203.     background-color: #5d6767; }
  204.  
  205. .message-icon-bin {
  206.   padding: 8px 0px 8px 8px; }
  207.   .message-icon-bin:rtl {
  208.     padding: 8px 8px 8px 0px; }
  209.  
  210. .message-icon-bin > StIcon {
  211.   icon-size: 48px; }
  212.  
  213. .message-secondary-bin {
  214.   color: #8e8e80; }
  215.  
  216. .message-secondary-bin > StIcon {
  217.   icon-size: 16px; }
  218.  
  219. .message-title {
  220.   font-weight: bold; }
  221.  
  222. .message-content {
  223.   padding: 8px; }
  224.  
  225. .system-switch-user-submenu-icon {
  226.   icon-size: 24px;
  227.   border: 1px solid rgba(238, 238, 236, 0.4); }
  228.  
  229. #appMenu {
  230.   spinner-image: url("resource:///org/gnome/shell/theme/process-working.svg");
  231.   spacing: 4px; }
  232.   #appMenu .label-shadow {
  233.     color: transparent; }
  234.  
  235. .aggregate-menu {
  236.   width: 360px; }
  237.   .aggregate-menu .popup-menu-icon {
  238.     padding: 0 4px; }
  239.  
  240. .system-menu-action {
  241.   color: #eeeeec;
  242.   border-radius: 32px;
  243.   /* wish we could do 50% */
  244.   padding: 13px;
  245.   border: 1px solid #282c2c; }
  246.   .system-menu-action:hover, .system-menu-action:focus {
  247.     background-color: rgba(238, 238, 236, 0.1);
  248.     color: #eeeeec;
  249.     border: none;
  250.     padding: 14px; }
  251.   .system-menu-action:active {
  252.     background-color: #215d9c;
  253.     color: #ffffff; }
  254.   .system-menu-action > StIcon {
  255.     icon-size: 16px; }
  256.  
  257. .ripple-box {
  258.   width: 52px;
  259.   height: 52px;
  260.   background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png");
  261.   background-size: contain; }
  262.  
  263. .ripple-box:rtl {
  264.   background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png"); }
  265.  
  266. .popup-menu-arrow {
  267.   width: 16px;
  268.   height: 16px; }
  269.  
  270. .popup-menu-icon {
  271.   icon-size: 1.09em; }
  272.  
  273. .window-close {
  274.   background-image: url("resource:///org/gnome/shell/theme/close-window.svg");
  275.   background-size: 32px;
  276.   height: 32px;
  277.   width: 32px; }
  278.  
  279. .window-close {
  280.   -shell-close-overlap: 16px; }
  281.   .window-close:rtl {
  282.     -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); }
  283.  
  284. /* NETWORK DIALOGS */
  285. .nm-dialog {
  286.   max-height: 500px;
  287.   min-height: 450px;
  288.   min-width: 470px; }
  289.  
  290. .nm-dialog-content {
  291.   spacing: 20px; }
  292.  
  293. .nm-dialog-header-hbox {
  294.   spacing: 10px; }
  295.  
  296. .nm-dialog-airplane-box {
  297.   spacing: 12px; }
  298.  
  299. .nm-dialog-airplane-headline {
  300.   font-weight: bold;
  301.   text-align: center; }
  302.  
  303. .nm-dialog-airplane-text {
  304.   color: #eeeeec; }
  305.  
  306. .nm-dialog-header-icon {
  307.   icon-size: 32px; }
  308.  
  309. .nm-dialog-scroll-view {
  310.   border: 2px solid #1c1f1f; }
  311.  
  312. .nm-dialog-header {
  313.   font-weight: bold; }
  314.  
  315. .nm-dialog-item {
  316.   font-size: 110%;
  317.   border-bottom: 1px solid #1c1f1f;
  318.   padding: 12px;
  319.   spacing: 20px; }
  320.  
  321. .nm-dialog-item:selected {
  322.   background-color: #215d9c;
  323.   color: #ffffff; }
  324.  
  325. .nm-dialog-icons {
  326.   spacing: .5em; }
  327.  
  328. .nm-dialog-icon {
  329.   icon-size: 16px; }
  330.  
  331. .no-networks-label {
  332.   color: #999999; }
  333.  
  334. .no-networks-box {
  335.   spacing: 12px; }
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!