From 0aaa37c30f470b6c5c9b27cb49c886ca644f07c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Florian=20M=C3=BCllner?= Date: Tue, 5 Feb 2013 20:17:06 +0100 Subject: [PATCH] data: Add missing file Commit 9b05c80f81c558433 left out the actual stylesheet :( --- data/gnome-classic.css | 196 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 196 insertions(+) create mode 100644 data/gnome-classic.css diff --git a/data/gnome-classic.css b/data/gnome-classic.css new file mode 100644 index 00000000..7a646ad7 --- /dev/null +++ b/data/gnome-classic.css @@ -0,0 +1,196 @@ +@import url("gnome-shell.css"); + +/* FIXME: + - white edge highlight with text-shadow and icon-shadow for panel-button + - better shading of the panel (dark 5%) - impossible without multipoint gradients, image-bg is a hack + - bubble menus: separators + - submenus (network, ...) + - startup notification spinner +*/ + +#panel { + background-color: #e9e9e9 !important; + background-gradient-direction: vertical; + background-gradient-end: #d0d0d0; + border-top-color: #666; /* we don't support non-uniform border-colors and + use the top border color for any border, so we + need to set it even if all we want is a bottom + border */ + border-bottom: 1px solid #666; + app-icon-bottom-clip: 0px; + +/* hrm, still no multipoint gradients + background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0)) !important;*/ +} + + #panel:overview { + background-color: #000 !important; + background-gradient-end: #000 !important; + border-top-color: #000; + border-bottom: 1px solid #000 !important; +} + + +/* TOP BAR */ + +.panel-corner, +.panel-corner:active, +.panel-corner:overview, +.panel-corner:focus { + -panel-corner-radius: 0 !important; +} + +.panel-button { + color: #555 !important; + -natural-hpadding: 6px !important; + -minimum-hpadding: 3px !important; + } + + #panel:overview .panel-button { + color: #ccc !important; + } + + .panel-button:hover { + color: #000 !important; + } + + #panel:overview .panel-button:hover, + #panel:overview .panel-button:active { + color: white !important; + } + + .panel-button > .system-status-icon { + icon-shadow: #fff 0 1px 0 !important; /* FIXME */ + } + + .panel-button:hover, + .panel-button:active, + .panel-button:overview, + .panel-button:focus { + text-shadow: 0 0 0 transparent !important; /* FIXME: why can't I do none ? */ + } + + .panel-button:active, + .panel-button:overview, + .panel-button:focus { + background-color: #4a90d9 !important; /* FIXME */ + color: #fff !important; + border: none !important; + border-image: none !important; + background-image: none !important; + } + + #panelUserMenu { + padding: 0 10px 0 10px !important; + } + + #appMenu { + text-shadow: 0 0 0 transparent !important; + } + + /* used for the app menu header only */ + .label-shadow { + color: rgba(0,0,0,0.5); + } + +.label-shadow { + color: rgba(255,255,255,.5) !important; +} + .panel-button:active .label-shadow, + .panel-button:focus .label-shadow { + color: rgba(0,0,0,.5) !important; + } + +.popup-menu-boxpointer { + -arrow-background-color: #e9e9e9 !important; + -arrow-border-width: 1px !important; + -arrow-border-color: #aaa !important; + -arrow-border-radius: 3px !important; + color: #000 !important; + -arrow-base: 11px !important; + -arrow-rise: 5px !important; +} + + .popup-combo-menu { + background-color: #e9e9e9 !important; + border: 1px solid #aaa !important; + color: #000 !important; + } + + .popup-menu-item:active { + background-color: #4a90d9 !important; + color: #fff !important; + } + + .popup-menu-item:insensitive { + color: #888; + } + + .popup-subtitle-menu-item, .popup-subtitle-menu-item:insensitive { + color: #000; + } + +/* CALENDAR */ + +.calendar {} + .calendar-month-label { + color: #333 !important; + } + .datemenu-date-label, + .events-day-header { + color: #666 !important; + } + .calendar-day-base:active { + color: #fff !important; + background-color: #4a90d9 !important; + background-image: none !important; + border-image: none !important; + } + .calendar-today { + background-color: #4a90d9 !important; + background-image: none !important; + border-image: none !important; + } + .calendar-day-base { + color: #666 !important; + } + .calendar-day-base:hover { + background-color: #666 !important; + color: #fff !important; + } + .calendar-nonwork-day { + color: #999 !important; + } + .events-day-dayname, + .events-day-time { + color: #666 !important; + } + +/* VOLUME SLIDER */ + +.popup-slider-menu-item { + -slider-background-color: #e9e9e9; + -slider-border-color: #999; + -slider-active-background-color: #76b0ec; + -slider-active-border-color: #1f6dbc; +} + +/* ON OFF switch */ + +.toggle-switch-us { + background-image: url("classic-toggle-off-us.svg"); + background-size: contain; +} +.toggle-switch-us:checked { + background-image: url("classic-toggle-on-us.svg"); + background-size: contain; +} + +.toggle-switch-intl { + background-image: url("classic-toggle-off-intl.svg"); + background-size: contain; +} +.toggle-switch-intl:checked { + background-image: url("classic-toggle-on-intl.svg"); + background-size: contain; +}