Merge pull request #97 from grassmunk/staging
Merge Staging into Master
|
@ -1,15 +1,9 @@
|
|||
/* Thunar */
|
||||
.thunar paned scrolledwindow {
|
||||
border-right: 1px solid @bg_bright; }
|
||||
|
||||
.xfce4-panel {
|
||||
border-top: 1px solid @bg_bright; }
|
||||
|
||||
/* XFCE Panel bar */
|
||||
.xfce4-panel {
|
||||
border-right: 1px solid @bg_shade;
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright; }
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_shade; }
|
||||
|
||||
/* This just keeps the power manager plugin icon to stay small. Only useful for XUbuntu 18.04; not required for 19.04.*/
|
||||
#xfce4-power-manager-plugin {
|
|
@ -0,0 +1,30 @@
|
|||
/* XFCE Panel bar */
|
||||
.xfce4-panel {
|
||||
border-right: 1px solid @bg_shade;
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_shade; }
|
||||
|
||||
/* Force MATE panel tasklist margins */
|
||||
#tasklist-button {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px; }
|
||||
|
||||
/* GNOME Disk utility */
|
||||
/* This is a fix for the GNOME disk application grid style. */
|
||||
|
||||
.gnome-disk-utility-grid {
|
||||
background-color: @bg_shade;
|
||||
color: @font_bright;
|
||||
border-radius: 0px;
|
||||
outline-color: white; }
|
||||
.gnome-disk-utility-grid:backdrop {
|
||||
background-color: @bg_shade; }
|
||||
|
||||
/* XFCE APP: Color Profiles */
|
||||
.color-profiles {
|
||||
background-color: #c0c0c0; }
|
||||
|
||||
/* Thunar sidebar border */
|
||||
.thunar .sidebar {
|
||||
border-right: 1px solid @bg_bright; }
|
90
INSTALL.md
|
@ -12,6 +12,7 @@
|
|||
* [Vertical Panelbar](#vert_panel)
|
||||
* [Start Buttons](#start_buttons)
|
||||
* [Additional Enhancements](#add_enhance)
|
||||
* [GTK3 override configuration](#gtk3_override)
|
||||
* [Launcher Button icon scaling](#button_scale) (*For legacy GTK2 panelbars only*)
|
||||
* [Thunar status indicator](#thunar)
|
||||
* [QT5 theme configration with qt5ct](#config_qt5ct)
|
||||
|
@ -60,16 +61,6 @@ Copy the icon themes from `Chicago95-master/Icons/` folder into `.icons`.
|
|||
|
||||
cp -r Chicago95-master/Icons/* ~/.icons
|
||||
|
||||
Copy the GTK3 CSS override file from `Chicago95-master/Extras/override/` into `/home/$USER/.config/gtk-3.0/`.
|
||||
|
||||
cp Chicago95-master/Extras/override/gtk.css ~/.config/gtk-3.0/
|
||||
|
||||
*Note 1: You may have to create the "gtk-3.0" directory if it's not there.*
|
||||
|
||||
mkdir -p ~/.config/gtk-3.0
|
||||
|
||||
*Note 2: If you ever want to change your system theme to anything else, don't forget to remove the `gtk.css` override file! It makes adjustments based on this theme which might break other themes.*
|
||||
|
||||
#### Step 3:
|
||||
|
||||
After copying the theme files into their appropriate places, you might need to log out then log back in for any changes to take places.
|
||||
|
@ -145,17 +136,17 @@ The following steps will guide you through configuring the XFCE4 panelbar to res
|
|||
- From the Display tab set the panel mode to "Horizontal."
|
||||
- Check "Lock Panel."
|
||||
- Set "Automatically hide the panel" to "Never."
|
||||
- Row Size (pixels): Can be at, or between, 24px to 32px; If your are using the GTK2 version of the XFCE panelbar, use even numbers for the row size since odd number row sizes will cause icon scaling issues for launcher buttons and status icons.
|
||||
- Row Size (pixels): Can be at, or between, 24px to 32px; If your are using the 4.12 version of the XFCE panelbar, use even numbers for the row size since odd number row sizes will cause icon scaling issues for launcher buttons and status icons.
|
||||
- Number of rows will be "1."
|
||||
- Length will be 100%.
|
||||
|
||||
#### Step 2: Setting the panelbar appearance
|
||||
|
||||
- In the Appearance tab set the background style to "None (use system style.)"
|
||||
- Disable the icons setting "Adjust size automatically" (*this option is not present for the GTK2 panelbar*)
|
||||
- Set "Fixed Icon Size" to 16. (*this option is not present for the GTK2 panelbar*)
|
||||
- Disable the icons setting "Adjust size automatically" (*this option is only available for the 4.14 version panelbar*)
|
||||
- Set "Fixed Icon Size" to 16. (*this option is only available for the 4.14 version panelbar*)
|
||||
|
||||
*Note: For GTK2 panelbar users, if you want to adjust the icon scaling of your launcher buttons, see [Launcher button icon scaling](#button_scale)*
|
||||
*Note: For 4.12 version panelbar users, if you want to adjust the icon scaling of your launcher buttons, see [Launcher button icon scaling](#button_scale)*
|
||||
|
||||
#### Step 3: Adding panelbar plugins
|
||||
Open the XFCE settings manager > Panel > Items
|
||||
|
@ -164,7 +155,7 @@ Here's an organized list for the panel Items plugin layout.
|
|||
|
||||
1. Application Menu or Whisker Menu;
|
||||
2. Separator (*Handle Style*);
|
||||
3. Custom Launchers can go here to resemble quick launch toolbar from Windows.;
|
||||
3. Custom Launchers can go here to resemble the quick launch toolbar from Windows.;
|
||||
4. “Show Desktop” plugin;
|
||||
5. Separator (*Handle Style*);
|
||||
6. Window Buttons (*Uncheck "Show flat buttons" and "Show Handle.;" Sorting Order: None; Window grouping: Never*);
|
||||
|
@ -183,17 +174,17 @@ Here's an organized list for the panel Items plugin layout.
|
|||
- From the Display tab set the panel mode to "Deskbar." (*The "vertical" option looks bad, this is why we'll go with deskbar.*)
|
||||
- Check "Lock Panel."
|
||||
- Set "Automatically hide the panel" to "Never."
|
||||
- Row Size (pixels): Can be at, or between, 24px to 32px; If your are using the GTK2 version of the XFCE panelbar, use even numbers for the row size since odd number row sizes will cause icon scaling issues for launcher buttons and status icons.
|
||||
- Row Size (pixels): Can be at, or between, 24px to 32px; If your are using the 4.12 version of the XFCE panelbar, use even numbers for the row size since odd number row sizes will cause icon scaling issues for launcher buttons and status icons.
|
||||
- Number of rows can be 1 or 2. 2 looks nice if you want a wide panelbar.
|
||||
- Length will be 100%.
|
||||
|
||||
#### Step 2: Setting the panelbar appearance
|
||||
|
||||
- In the Appearance tab set the background style to "None (use system style.)"
|
||||
- Disable the icons setting "Adjust size automatically" (*this option is not present for the GTK2 panelbar*)
|
||||
- Set "Fixed Icon Size" to 16. (*this option is not present for the GTK2 panelbar*)
|
||||
- Disable the icons setting "Adjust size automatically" (*this option is only available for the 4.14 version panelbar*)
|
||||
- Set "Fixed Icon Size" to 16. (*this option is only available for the 4.14 version panelbar*)
|
||||
|
||||
*Note: For GTK2 panelbar users, if you want to adjust the icon scaling of your launcher buttons, see [Launcher button icon scaling](#button_scale)*
|
||||
*Note: For 4.12 panelbar users, if you want to adjust the icon scaling of your launcher buttons, see [Launcher button icon scaling](#button_scale)*
|
||||
|
||||
#### Step 3: Adding panelbar plugins
|
||||
Open the XFCE settings manager > Panel > Items
|
||||
|
@ -220,14 +211,19 @@ Here's an organized list for the panel Items plugin layout.
|
|||
|
||||
The following steps will guide you through setting up a MS Windows 95 themed "Start" button.
|
||||
|
||||
Something to keep in mind, the Whisker Menu plugin is now GTK3 since XUbuntu 18.04. The Application Menu plugin as of XUbuntu 19.04 is GTK3.
|
||||
Something to keep in mind:
|
||||
|
||||
Open the XFCE settings manager > Panel > Items tab > Double click the Whisker / Application menu item in the item list; alternatively you can also access their settings menu by right clicking the icon from he panelbar and selecting "properties."
|
||||
- The Whisker Menu plugin as of XFCE 4.13 is a GTK3 based application. Prior versions of the XFCE desktop utilized a GTK2 version.
|
||||
- The Application Menu plugin as of XFCE4.14 is a GTK3 based application. Prior versions of the XFCE desktop utilized a GTK2 version.
|
||||
|
||||
*Note: Some distributions may implement older versions of the panelbar plugins, regardless of the XFCE desktop version.*
|
||||
|
||||
Open the XFCE settings manager > Panel > Items tab > Double click the Whisker / Application menu item in the item list; alternatively you can also access their settings menu by right clicking the icon from the panelbar and selecting "properties."
|
||||
|
||||
- In the Whisker / Application properties menu click the icon option (*This will appear as the icon badge on your start button that's currently in use.*)
|
||||
- In the "Select An Icon" window, navigate to `/home/$USER/.themes/Chicago95/misc` (*with $USER being your username.*) You may have to click the pull-down menu from "Select icon from" and then select "Image Files" so that you can navigate to a custom icon on your filesystem. You may also have to enable the filechooser to display hidden files. (*Press Ctrl+h to toggle this setting.*)
|
||||
|
||||
`misc/` contains simple small icon badges in two sizes.
|
||||
`misc/` contains simple small icon badges in different sizes. You may have to experiment a little until you can find a size that fits correctly
|
||||
|
||||
....`misc/GTK2 start buttons/` contains start buttons that are used for the GTK2 version of the Whisker / Application Menu plugin.
|
||||
|
||||
|
@ -244,10 +240,31 @@ Open the XFCE settings manager > Panel > Items tab > Double click the Whisker /
|
|||
|
||||
This section of the guide contains additional enchancements that can be made to improve the theme. These are all optional and might require some advanced knowledge of operating your system.
|
||||
|
||||
<a name="gtk3_override"/>
|
||||
|
||||
### [ GTK3 override configuration ]
|
||||
|
||||
The GTK3 override configuration file can be used to make some additional minor enchantments to the theme. There are currently two versions of the configuration file that can be used.
|
||||
|
||||
For XFCE 4.12 desktops, copy the configuration file from `Chicago95-master/Extras/override/gtk-3.22/` into `/home/$USER/.config/gtk-3.0/`.
|
||||
|
||||
cp Chicago95-master/Extras/override/gtk-3.22/gtk.css ~/.config/gtk-3.0/
|
||||
|
||||
For XFCE 4.14 desktops, copy the configuration file from `Chicago95-master/Extras/override/gtk-3.24/` into `/home/$USER/.config/gtk-3.0/`.
|
||||
|
||||
cp Chicago95-master/Extras/override/gtk-3.24/gtk.css ~/.config/gtk-3.0/
|
||||
|
||||
*Note 1: You may have to create the "gtk-3.0" directory if it's not there.*
|
||||
|
||||
mkdir -p ~/.config/gtk-3.0
|
||||
|
||||
*Note 2: If you ever want to change your system theme to anything else, don't forget to remove the `gtk.css` configuration file! It makes adjustments based on this theme which might break other themes.*
|
||||
|
||||
|
||||
<a name="button_scale"/>
|
||||
|
||||
### [ Launcher button icon scaling ] (advanced)
|
||||
(Note: This step shouldn't be neccesary for the GTK3.24 version of the XFCE panelbar as-seen from XUbuntu 19.04. This only applies to the GTK2 version as-seen in XUbuntu 18.04.)
|
||||
(Note: This step shouldn't be neccesary for the XFCE 4.14 panelbar as-seen from XUbuntu 19.04. This only applies to the XFCE 4.12 version as-seen in XUbuntu 18.04.)
|
||||
|
||||
This might be a little complicated since it's more of a work-around than a good solution. I tried making this as simple as possible where you can just adjust configurations in a file. If there are questions or issues with the following instructions, open a ticket and I'll try to walk you through it.
|
||||
|
||||
|
@ -273,17 +290,18 @@ If you use a vertical deskbar, you could add a second row from the panel propert
|
|||
|
||||
<a name="thunar"/>
|
||||
|
||||
### [ Thunar status indicator ]
|
||||
### [ Thunar status indicator ] (for XFCE 4.14)
|
||||
|
||||
The thunar status indicator can be modified on line 57 in `/home/$USER/.themes/Chicago95/gtk-3.24/apps/thunar.css`. The line will appear as `background-image: url("../assets/status_badge_tux.png");`
|
||||
The thunar status indicator can be modified on line 81 in `/home/$USER/.themes/Chicago95/gtk-3.24/apps/thunar.css`. The line will appear as `background-image: url("../assets/status_badge_c95.png");`
|
||||
|
||||
You can modify the background-image name with three of the following images.
|
||||
You can modify the background-image name with four of the following images.
|
||||
|
||||
- status_badge_c95.png
|
||||
- status_badge_msw.png
|
||||
- status_badge_tux.png
|
||||
- status_badge_xue.png
|
||||
|
||||
If you want to disable the background image you can delete the line as well as line 52 which sets the background colour.
|
||||
If you want to disable the background image you can delete the line as well as line 76 which sets the background colour.
|
||||
|
||||
[[Return to Index]](#index)
|
||||
|
||||
|
@ -352,15 +370,7 @@ If you want to use the default Windows 95 gray instead of a background image, ri
|
|||
### [ Desktop icon effects (text shadows and label backdrop ) ] (advanced)
|
||||
Some options seen in the following steps may not be present across all versions of the XFCE desktop environment and can vary between different Linux distributions. To find which version of xfdesktop you are running you can run `xfdesktop --version` from a terminal.
|
||||
|
||||
#### xfdesktop 4.13.3
|
||||
|
||||
If you want to change the icon label backdrop colour or text colours, you'll have to edit the gtk.css theme file located in `/home/$USER/.themes/Chicago95/gtk-3.24/`.
|
||||
|
||||
- Label backdrop colours can be modified on line 103 for "xfd_icon_backdrop."
|
||||
- Text color can be modified from line 104 for "xfd_icon_text."
|
||||
- You can use CSS colour properties. After any changes are made log out then log back in.
|
||||
|
||||
#### xfdesktop 4.12.3
|
||||
#### xfdesktop 4.12
|
||||
|
||||
If you want to change the icon label backdrop colour, text colours, or highlight colours you'll have to edit the gtkrc theme file located in `/home/$USER/.themes/Chicago95/gtk-2.0/`.
|
||||
|
||||
|
@ -368,6 +378,14 @@ If you want to change the icon label backdrop colour, text colours, or highlight
|
|||
- Label backdrop colours can be modified on line numbers 565 to 570.
|
||||
- You can use CSS colour properties. After any changes are made log out then log back in.
|
||||
|
||||
#### xfdesktop 4.14
|
||||
|
||||
If you want to change the icon label backdrop colour or text colours, you'll have to edit the `gtk.css` configuration file located in `/home/$USER/.themes/Chicago95/gtk-3.24/`.
|
||||
|
||||
- Label backdrop colours can be modified on line 105 for "xfd_icon_backdrop."
|
||||
- Text color can be modified from line 106 for "xfd_icon_text."
|
||||
- You can use CSS colour properties. After any changes are made, log out then log back in.
|
||||
|
||||
<a name="cursors"/>
|
||||
|
||||
### [ Cursors ]
|
||||
|
|
|
@ -18,9 +18,10 @@ Included in this theme:
|
|||
- Partial support for HiDPI monitors
|
||||
|
||||
#### Requirements
|
||||
|
||||
GTK+ 3.22 or 3.24
|
||||
|
||||
Xfce 4.12
|
||||
Xfce 4.12 or 4.14
|
||||
|
||||
A Window compositor
|
||||
|
||||
|
|
Before Width: | Height: | Size: 504 KiB After Width: | Height: | Size: 6.0 KiB |
Before Width: | Height: | Size: 364 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 181 KiB After Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 19 KiB |
|
@ -14,6 +14,8 @@
|
|||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
||||

|
||||
|
@ -24,4 +26,4 @@
|
|||
|
||||

|
||||
|
||||

|
||||

|
||||
|
|
After Width: | Height: | Size: 106 KiB |
|
@ -1,103 +1,61 @@
|
|||
/* File Chooser */
|
||||
|
||||
/* The commented out section below should not be required anymore, but I'm keeping it around for a little while.*/
|
||||
/*filechooser box paned placessidebar viewport list {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
filechooser box paned box box stack placesview stack frame scrolledwindow viewport list {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
filechooser box paned box revealer box stack box widget button {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
filechooser box paned box revealer box stack box treeview {
|
||||
border-left: 2px solid black;
|
||||
}
|
||||
|
||||
filechooser box paned placessidebar viewport list separator {
|
||||
border-top: 1px solid #808080;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
filechooser placessidebar viewport list {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
filechooser placessidebar viewport separator {
|
||||
border-top: 1
|
||||
}
|
||||
|
||||
dialog box box filechooser box paned box box stack box scrolledwindow{
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset -1px -1px @bg_shade,
|
||||
inset 1px 1px white;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
dialog box box filechooser box paned placessidebar viewport {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}*/
|
||||
|
||||
/* Make outlines on selected / focus */
|
||||
/* Commented out below. There appears to be a bug in gtk treeviews with outlines that causes a momentary displacement of the UI. */
|
||||
/* Commented out below. There appears to be a bug in gtk treeviews with outlines that causes a momentary displacement of the UI. Here be dragons!*/
|
||||
/*filechooser treeview:focus {
|
||||
outline: 1px solid @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px
|
||||
}*/
|
||||
outline: 1px solid @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }*/
|
||||
|
||||
filechooser treeview:selected {
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
|
||||
filechooser .sidebar-row:focus {
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
|
||||
filechooser .sidebar-row:selected:backdrop {
|
||||
background-color: @bg_shade;
|
||||
}
|
||||
background-color: @bg_shade; }
|
||||
|
||||
filechooser placessidebar viewport {
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none; }
|
||||
|
||||
filechooser scrolledwindow {
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
padding: 0px; }
|
||||
|
||||
/* Adjust stack buttons*/
|
||||
filechooser revealer > box > stack {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
padding: 0px;}
|
||||
filechooser revealer > box > stack button {
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_shade;
|
||||
border-bottom: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
margin: 1px;
|
||||
padding: 2px;
|
||||
min-width: 20px;
|
||||
min-height: 16px; }
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
padding: 0px;}
|
||||
filechooser revealer > box > stack button,
|
||||
filechooser revealer > box > stack button:backdrop {
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_shade;
|
||||
border-bottom: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
margin: 1px;
|
||||
padding: 2px;
|
||||
min-width: 20px;
|
||||
min-height: 16px; }
|
||||
filechooser revealer > box > stack button:focus {
|
||||
outline: 1px dotted @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
filechooser revealer > box > stack button image {
|
||||
margin-top: -4px;
|
||||
margin-bottom: -4px;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px; }
|
||||
filechooser revealer > box > stack button label {
|
||||
padding-left: 1px;
|
||||
padding-right: 1px; }
|
||||
outline: 1px dotted @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
filechooser revealer > box > stack button image {
|
||||
margin-top: -4px;
|
||||
margin-bottom: -4px;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px; }
|
||||
filechooser revealer > box > stack button label {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px; }
|
||||
|
|
|
@ -2,47 +2,32 @@
|
|||
* panel *
|
||||
*********/
|
||||
#panel_window {
|
||||
|
||||
background-image: none;
|
||||
color: white;
|
||||
font: bold;
|
||||
}
|
||||
|
||||
#panel_window .menubar,
|
||||
#panel_window .menubar > .menuitem {
|
||||
background-image: none;
|
||||
color: white;
|
||||
font: bold; }
|
||||
#panel_window .menubar,
|
||||
#panel_window .menubar > .menuitem {
|
||||
background-color: #c0c0c0;
|
||||
background-image: none;
|
||||
color: black;
|
||||
|
||||
}
|
||||
|
||||
#panel_window .menubar > .menuitem:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#panel_window .menubar > .menuitem *:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#panel_window .menubar > .menuitem:insensitive {
|
||||
color: #808080;
|
||||
text-shadow: 1px 1px 0 white;
|
||||
}
|
||||
|
||||
#panel_window .menubar .menu {
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
#panel_window .menubar .menu .menuitem {
|
||||
font: normal;
|
||||
text-shadow: none;
|
||||
}
|
||||
color: black; }
|
||||
#panel_window .menubar > .menuitem:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white; }
|
||||
#panel_window .menubar > .menuitem *:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white; }
|
||||
#panel_window .menubar > .menuitem:insensitive {
|
||||
color: #808080;
|
||||
text-shadow: 1px 1px 0 white; }
|
||||
#panel_window .menubar .menu {
|
||||
border-radius: 1px; }
|
||||
#panel_window .menubar .menu .menuitem {
|
||||
font: normal;
|
||||
text-shadow: none; }
|
||||
|
||||
/****************
|
||||
* login window *
|
||||
|
@ -50,25 +35,21 @@
|
|||
#login_window,
|
||||
#shutdown_dialog,
|
||||
#restart_dialog {
|
||||
border-style: none;
|
||||
border-radius: 2px;
|
||||
background-color: @lightdm_bg_color;
|
||||
color: @lightdm_fg_color;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21);
|
||||
}
|
||||
border-style: none;
|
||||
border-radius: 2px;
|
||||
background-color: @lightdm_bg_color;
|
||||
color: @lightdm_fg_color;
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21); }
|
||||
|
||||
#content_frame {
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
padding-bottom: 14px; }
|
||||
|
||||
#login_window .menu {
|
||||
border-radius: 1px;
|
||||
}
|
||||
border-radius: 1px; }
|
||||
|
||||
/*
|
||||
#login_window GtkComboBox .button,
|
||||
|
@ -109,80 +90,68 @@
|
|||
} */
|
||||
|
||||
#login_window .entry {
|
||||
padding: 3px 5px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
|
||||
box-shadow: none;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
#login_window .entry:focus,
|
||||
#login_window .entry:hover {
|
||||
padding: 3px 5px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
box-shadow: none;
|
||||
transition: all 150ms ease-out; }
|
||||
#login_window .entry:focus,
|
||||
#login_window .entry:hover {
|
||||
border-color: shade(@lightdm_bg_color, 0.7);
|
||||
|
||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
||||
inset 0 1px alpha(@dark_shadow, 0.12),
|
||||
inset -1px 0 alpha(@dark_shadow, 0.10),
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
||||
}
|
||||
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05); }
|
||||
#login_window .button,
|
||||
#shutdown_dialog .button,
|
||||
#restart_dialog .button {
|
||||
padding: 3px 15px;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
background-color: shade(@lightdm_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
padding: 3px 15px;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
background-color: shade(@lightdm_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
transition: all 150ms ease-out; }
|
||||
|
||||
#user_image {
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset -1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 1px shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 -1px shade(@lightdm_bg_color, 0.7);
|
||||
}
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset -1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 1px shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 -1px shade(@lightdm_bg_color, 0.7); }
|
||||
|
||||
#user_image_border {
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
|
||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
||||
}
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05); }
|
||||
|
||||
#buttonbox_frame {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0;
|
||||
border-style: none;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0;
|
||||
border-style: none;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
|
||||
/******************************
|
||||
* default and focused button *
|
||||
******************************
|
||||
******************************/
|
||||
/*
|
||||
#login_window .button.default,
|
||||
#shutdown_dialog .button.default,
|
||||
#restart_dialog .button.default,
|
||||
|
@ -192,10 +161,10 @@
|
|||
#shutdown_dialog .button:active:focus,
|
||||
#restart_dialog .button:focus,
|
||||
#restart_dialog .button:active:focus {
|
||||
border-color: shade(@theme_selected_bg_color, 0.8);
|
||||
background-color: shade(@theme_selected_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @theme_selected_fg_color;
|
||||
border-color: shade(@theme_selected_bg_color, 0.8);
|
||||
background-color: shade(@theme_selected_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @theme_selected_fg_color;
|
||||
}
|
||||
|
||||
#login_window .button.default:hover,
|
||||
|
@ -207,51 +176,47 @@
|
|||
#shutdown_dialog .button:active:hover:focus,
|
||||
#restart_dialog .button:hover:focus,
|
||||
#restart_dialog .button:active:hover:focus {
|
||||
border-color: shade(@theme_selected_bg_color, 0.7);
|
||||
background-color: @theme_selected_bg_color;
|
||||
border-color: shade(@theme_selected_bg_color, 0.7);
|
||||
background-color: @theme_selected_bg_color;
|
||||
}*/
|
||||
|
||||
/*******************
|
||||
* shutdown button *
|
||||
*******************
|
||||
*******************/
|
||||
/*
|
||||
#shutdown_button.button {
|
||||
border-color: shade(@error_bg_color, 0.8);
|
||||
background-color: shade(@error_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @error_fg_color;
|
||||
}
|
||||
border-color: shade(@error_bg_color, 0.8);
|
||||
background-color: shade(@error_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @error_fg_color; }
|
||||
|
||||
#shutdown_button.button:hover,
|
||||
#shutdown_button.button:active,
|
||||
#shutdown_button.button:active:hover {
|
||||
border-color: shade(@error_bg_color, 0.7);
|
||||
background-color: @error_bg_color;
|
||||
} */
|
||||
border-color: shade(@error_bg_color, 0.7);
|
||||
background-color: @error_bg_color; } */
|
||||
|
||||
/******************
|
||||
* restart button *
|
||||
******************
|
||||
******************/
|
||||
/*
|
||||
#restart_button.button {
|
||||
border-color: shade(@warning_bg_color, 0.8);
|
||||
background-color: shade(@warning_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @warning_fg_color;
|
||||
}
|
||||
border-color: shade(@warning_bg_color, 0.8);
|
||||
background-color: shade(@warning_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @warning_fg_color; }
|
||||
|
||||
#restart_button.button:hover,
|
||||
#restart_button.button:active,
|
||||
#restart_button.button:active:hover {
|
||||
border-color: shade(@warning_bg_color, 0.7);
|
||||
background-color: @warning_bg_color;
|
||||
} */
|
||||
border-color: shade(@warning_bg_color, 0.7);
|
||||
background-color: @warning_bg_color; } */
|
||||
|
||||
/********************
|
||||
* password warning *
|
||||
********************/
|
||||
#greeter_infobar {
|
||||
font: bold;
|
||||
}
|
||||
font: bold; }
|
||||
|
||||
#window {
|
||||
border: 2px solid red;
|
||||
}
|
||||
border: 2px solid red; }
|
||||
|
|
|
@ -1,65 +1,57 @@
|
|||
.mate-panel-menu-bar,
|
||||
.gnome-panel-menu-bar {
|
||||
background-color: #c0c0c0; }
|
||||
.mate-panel-menu-bar > grid,
|
||||
.gnome-panel-menu-bar > grid {
|
||||
padding: 3px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
|
||||
#clock-applet-button {
|
||||
padding: 4px;
|
||||
background-color: #c0c0c0; }
|
||||
.mate-panel-menu-bar > grid,
|
||||
.gnome-panel-menu-bar > grid {
|
||||
padding: 3px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: none;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
.gnome-panel-menu-bar.horizontal PanelSeparator {
|
||||
background-image: url("../assets/handle-v.png");
|
||||
background-repeat: repeat-y;
|
||||
padding: 15px; }
|
||||
.gnome-panel-menu-bar.vertical PanelSeparator {
|
||||
background-image: url("../assets/handle-h.png");
|
||||
background-repeat: repeat-x;
|
||||
padding: 15px; }
|
||||
|
||||
#clock-applet-button {
|
||||
padding: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: none;
|
||||
border-radius: 0px; }
|
||||
|
||||
#fast-user-switch-menubar,
|
||||
#fast-user-switch-menubar menuitem {
|
||||
padding: 0px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
border: transparent;
|
||||
box-shadow: none; }
|
||||
padding: 0px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
border: transparent;
|
||||
box-shadow: none; }
|
||||
|
||||
PanelApplet .button {
|
||||
background-color: red;
|
||||
border: 1px solid black;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
background-color: red;
|
||||
border: 1px solid black;
|
||||
padding: 5px;
|
||||
margin: 5px; }
|
||||
|
||||
/* Looks like there's a theme override built into the panelbar, otherwise this would have worked... */
|
||||
#tasklist-button {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
margin-left: 2px;
|
||||
margin-right: 2px; }
|
||||
|
||||
#showdesktop-button {
|
||||
padding: 2px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.gnome-panel-menu-bar.horizontal PanelSeparator {
|
||||
background-image: url("../assets/handle-v.png");
|
||||
background-repeat: repeat-y;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.gnome-panel-menu-bar.vertical PanelSeparator {
|
||||
background-image: url("../assets/handle-h.png");
|
||||
background-repeat: repeat-x;
|
||||
padding: 15px;
|
||||
}
|
||||
padding: 2px;
|
||||
box-shadow: none; }
|
||||
|
||||
.caja-desktop-window grid scrolledwindow {
|
||||
background: none;
|
||||
}
|
||||
background: none; }
|
||||
/*
|
||||
.gnome-panel-menu-bar,
|
||||
PanelApplet > GtkMenuBar.menubar,
|
||||
|
@ -67,85 +59,68 @@ PanelToplevel,
|
|||
PanelWidget,
|
||||
PanelAppletFrame,
|
||||
PanelApplet {
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @text_color;
|
||||
}
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @text_color; }
|
||||
|
||||
ClockBox,
|
||||
.gnome-panel-menu-bar.menubar,
|
||||
PanelApplet > GtkMenuBar.menubar {
|
||||
font: bold;
|
||||
}
|
||||
font: bold; }
|
||||
|
||||
.gnome-panel-menu-bar.menubar .menuitem *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||
text-shadow: 0 1px @font_bright;
|
||||
}
|
||||
text-shadow: 0 1px @font_bright; }
|
||||
|
||||
.gnome-panel-menu-bar.menubar .menu,
|
||||
PanelApplet > GtkMenuBar.menubar .menu {
|
||||
font: regular;
|
||||
}
|
||||
font: regular; }
|
||||
|
||||
.gnome-panel-menu-bar.menubar .menu *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menu *:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
text-shadow: none; }
|
||||
|
||||
.gnome-panel-menu-bar .menuitem:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem:hover,
|
||||
.gnome-panel-menu-bar .menuitem *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||
background-color: @selected_bg_color;
|
||||
color: @font_bright;
|
||||
}
|
||||
background-color: @selected_bg_color;
|
||||
color: @font_bright; }
|
||||
|
||||
.gnome-panel-menu-bar .menuitem *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||
color: @font_bright;
|
||||
}
|
||||
color: @font_bright; }
|
||||
|
||||
PanelApplet .button,
|
||||
PanelApplet .button:hover {
|
||||
padding: 4px;
|
||||
|
||||
border-image: none;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
|
||||
color: @text_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
padding: 4px;
|
||||
border-image: none;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
color: @text_color;
|
||||
text-shadow: none; }
|
||||
|
||||
PanelApplet .button:active:hover,
|
||||
PanelApplet .button:active {
|
||||
border-image: none;
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
border-image: none;
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
border-width: 0;
|
||||
border-radius: 0; }
|
||||
|
||||
PanelApplet *:hover {
|
||||
color: @text_color;
|
||||
}
|
||||
color: @text_color; }
|
||||
|
||||
PanelApplet *:active,
|
||||
PanelApplet *:hover:active {
|
||||
color: @text_color;
|
||||
}
|
||||
color: @text_color; }
|
||||
|
||||
WnckPager {
|
||||
background-color: @bg_color;
|
||||
}
|
||||
background-color: @bg_color; }
|
||||
|
||||
NaTrayApplet {
|
||||
-NaTrayApplet-icon-padding: 12;
|
||||
-NaTrayApplet-icon-size: 16;
|
||||
}
|
||||
|
||||
-NaTrayApplet-icon-padding: 12;
|
||||
-NaTrayApplet-icon-size: 16; }
|
||||
*/
|
||||
|
|
|
@ -3,9 +3,8 @@
|
|||
************/
|
||||
GtkWindow > GtkVBox > .dock,
|
||||
GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
background-color: @toolbar_bg_color;
|
||||
background-image: none;
|
||||
color: @toolbar_fg_color;
|
||||
}
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
background-color: @toolbar_bg_color;
|
||||
background-image: none;
|
||||
color: @toolbar_fg_color; }
|
||||
|
|
|
@ -1,4 +1,8 @@
|
|||
/* Whisker Menu Button style */
|
||||
/**********************
|
||||
* Whisker Menu Button *
|
||||
**********************/
|
||||
|
||||
/* FOR GTK3.22 */
|
||||
|
||||
/* We will remove the border effect and margin effects on the button and apply it to the box inside.
|
||||
This will allow people to be able to run their pointer to the far corner of the screen and activate
|
||||
|
@ -33,8 +37,8 @@ the whisker menu without having to correct their pointer location. */
|
|||
margin-left: 1px;
|
||||
padding: 1px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center; }
|
||||
background-size: contain;
|
||||
background-position: center; }
|
||||
#whiskermenu-button label {
|
||||
padding: 0px;
|
||||
margin-right: 1px;
|
||||
|
@ -45,36 +49,67 @@ the whisker menu without having to correct their pointer location. */
|
|||
font-weight: 600;
|
||||
font-size: 11px; }
|
||||
|
||||
/****************
|
||||
* Whisker Menu **
|
||||
****************/
|
||||
/***************
|
||||
* Whisker Menu *
|
||||
***************/
|
||||
|
||||
#whiskermenu-window treeview {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px; }
|
||||
#whiskermenu-window button {
|
||||
padding: 2px;
|
||||
min-height: 16px; }
|
||||
#whiskermenu-window button:not(:hover):not(:checked) {
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
background-color: transparent; }
|
||||
#whiskermenu-window separator {
|
||||
margin: 5px; }
|
||||
#whiskermenu-window frame > box > box > scrolledwindow {
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
background-color: transparent;
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade; }
|
||||
#whiskermenu-window frame > box > box > box button image {
|
||||
padding: 0px; }
|
||||
#whiskermenu-window entry {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
min-height: 16px; }
|
||||
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
|
||||
background-color: transparent;}
|
||||
#whiskermenu-window button {
|
||||
padding: 2px;
|
||||
min-height: 16px; }
|
||||
#whiskermenu-window button:not(:hover):not(:checked) {
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
background-color: transparent; }
|
||||
#whiskermenu-window separator {
|
||||
margin: 5px; }
|
||||
#whiskermenu-window scrolledwindow {
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
padding: 0px; }
|
||||
#whiskermenu-window frame > box > box > scrolledwindow {
|
||||
padding: 5px;
|
||||
border-top: 1px solid transparent;
|
||||
border-right: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-left: 1px solid @bg_shade;
|
||||
box-shadow: inset 1px 0px @bg_bright; }
|
||||
#whiskermenu-window frame > box > box > scrolledwindow button {
|
||||
border: 1px solid transparent;
|
||||
background-color: @selected_bg_color;
|
||||
box-shadow: none; }
|
||||
#whiskermenu-window frame > box > box > scrolledwindow button:checked {
|
||||
background-color: @bg_shade; }
|
||||
#whiskermenu-window frame > box > box > scrolledwindow button:hover,
|
||||
#whiskermenu-window frame > box > box > scrolledwindow button:active,
|
||||
#whiskermenu-window frame > box > box > scrolledwindow button:checked,
|
||||
#whiskermenu-window frame > box > box > scrolledwindow button:disabled
|
||||
#whiskermenu-window frame > box > box > scrolledwindow button:backdrop {
|
||||
color: white; }
|
||||
#whiskermenu-window frame > box > box:nth-child(1) {
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
color: @text_color;
|
||||
/* background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ }
|
||||
#whiskermenu-window frame > box > box:nth-child(2) .frame {
|
||||
border: 1px solid @bg_shade;
|
||||
padding: 0px; }
|
||||
#whiskermenu-window frame > box > box > box button image {
|
||||
padding: 0px; }
|
||||
#whiskermenu-window entry {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
min-height: 16px; }
|
||||
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
|
||||
background-color: transparent;}
|
||||
#whiskermenu-window scrollbar button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
|
|
@ -1,43 +1,36 @@
|
|||
/* Panel buttons */
|
||||
|
||||
XfceHeading {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
background-color: @theme_base_color;
|
||||
background-image: none;
|
||||
color: @theme_text_color;
|
||||
}
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
background-color: @theme_base_color;
|
||||
background-image: none;
|
||||
color: @theme_text_color; }
|
||||
|
||||
.xfce4-panel {
|
||||
background-color: @bg_color;
|
||||
color: @panel_fg_color;
|
||||
border: 0px;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.xfce4-panel button {
|
||||
background-color: @bg_color;
|
||||
color: @panel_fg_color;
|
||||
border: 0px;
|
||||
box-shadow: 0 0 0; }
|
||||
.xfce4-panel button {
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
border-radius: 0;
|
||||
border: 1px solid transparent;
|
||||
color: @panel_fg_color;
|
||||
background-color: transparent;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.xfce4-panel button:hover {
|
||||
box-shadow: 0 0 0; }
|
||||
.xfce4-panel button:hover {
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
border-radius: 0;
|
||||
border: 1px solid transparent;
|
||||
color: @panel_fg_color_bright;
|
||||
background-color: @selected_bg_color;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.xfce4-panel button:active,
|
||||
.xfce4-panel button:checked {
|
||||
box-shadow: 0 0 0; }
|
||||
.xfce4-panel button:active,
|
||||
.xfce4-panel button:checked {
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
border-top: 1px solid #000000;
|
||||
|
@ -46,12 +39,10 @@ XfceHeading {
|
|||
border-right: 1px solid #FFF;
|
||||
box-shadow: inset 1px 1px #808080;
|
||||
color: @panel_fg_color_bright;
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
background-color: @selected_bg_color; }
|
||||
|
||||
.xfce4-panel menu {
|
||||
-gtk-icon-effect: none;
|
||||
}
|
||||
-gtk-icon-effect: none; }
|
||||
|
||||
#xfce4-power-manager-plugin {
|
||||
margin-bottom: -2px; }
|
||||
|
|
After Width: | Height: | Size: 898 B |
|
@ -1,11 +1,10 @@
|
|||
/*# name: Chicago95
|
||||
# author: Grassmunk
|
||||
# author: AdrianoML (rewrite/gtk 3.22 update)
|
||||
# author: EMH-Mark-I (rewrite/gtk 3.22 update)
|
||||
# author: EMH-Mark-I (rewrite/gtk 3.22/3.24 update)
|
||||
# date: February 7th, 2018
|
||||
# description: A Windows 95 classic theme for XFCE4. */
|
||||
|
||||
|
||||
/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */
|
||||
|
||||
/* default color scheme */
|
||||
|
@ -98,8 +97,9 @@
|
|||
/*Progressbar bg color*/
|
||||
@define-color progressbar_color @selected_bg_color;
|
||||
|
||||
/*Whisker Menu Panel Button text color*/
|
||||
/*Whisker Menu Panel Button text color & size*/
|
||||
@define-color whisker_button_text black;
|
||||
#whiskermenu-button label {font-size: 11px;}
|
||||
|
||||
@import url("gtk-widgets.css");
|
||||
@import url("apps/xfce.css");
|
||||
|
|
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
|
@ -1,103 +1,61 @@
|
|||
/* File Chooser */
|
||||
|
||||
/* The commented out section below should not be required anymore, but I'm keeping it around for a little while.*/
|
||||
/*filechooser box paned placessidebar viewport list {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
filechooser box paned box box stack placesview stack frame scrolledwindow viewport list {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
filechooser box paned box revealer box stack box widget button {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
filechooser box paned box revealer box stack box treeview {
|
||||
border-left: 2px solid black;
|
||||
}
|
||||
|
||||
filechooser box paned placessidebar viewport list separator {
|
||||
border-top: 1px solid #808080;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
filechooser placessidebar viewport list {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
filechooser placessidebar viewport separator {
|
||||
border-top: 1
|
||||
}
|
||||
|
||||
dialog box box filechooser box paned box box stack box scrolledwindow{
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset -1px -1px @bg_shade,
|
||||
inset 1px 1px white;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
dialog box box filechooser box paned placessidebar viewport {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}*/
|
||||
|
||||
/* Make outlines on selected / focus */
|
||||
/* Commented out below. There appears to be a bug in gtk treeviews with outlines that causes a momentary displacement of the UI. */
|
||||
/* Commented out below. There appears to be a bug in gtk treeviews with outlines that causes a momentary displacement of the UI. Here be dragons!*/
|
||||
/*filechooser treeview:focus {
|
||||
outline: 1px solid @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px
|
||||
}*/
|
||||
outline: 1px solid @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px; }*/
|
||||
|
||||
filechooser treeview:selected {
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
|
||||
filechooser .sidebar-row:focus {
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
outline: 1px dotted @bg_bright;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
|
||||
filechooser .sidebar-row:selected:backdrop {
|
||||
background-color: @bg_shade;
|
||||
}
|
||||
background-color: @bg_shade; }
|
||||
|
||||
filechooser placessidebar viewport {
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none; }
|
||||
|
||||
filechooser scrolledwindow {
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
padding: 0px; }
|
||||
|
||||
/* Adjust stack buttons*/
|
||||
filechooser revealer > box > stack {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
padding: 0px;}
|
||||
filechooser revealer > box > stack button {
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_shade;
|
||||
border-bottom: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
margin: 1px;
|
||||
padding: 2px;
|
||||
min-width: 20px;
|
||||
min-height: 16px; }
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
padding: 0px;}
|
||||
filechooser revealer > box > stack button,
|
||||
filechooser revealer > box > stack button:backdrop {
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_shade;
|
||||
border-bottom: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
margin: 1px;
|
||||
padding: 2px;
|
||||
min-width: 20px;
|
||||
min-height: 16px; }
|
||||
filechooser revealer > box > stack button:focus {
|
||||
outline: 1px dotted @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
filechooser revealer > box > stack button image {
|
||||
margin-top: -4px;
|
||||
margin-bottom: -4px;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px; }
|
||||
filechooser revealer > box > stack button label {
|
||||
padding-left: 1px;
|
||||
padding-right: 1px; }
|
||||
outline: 1px dotted @bg_dark;
|
||||
outline-offset: -4px;
|
||||
-gtk-outline-radius: 0px }
|
||||
filechooser revealer > box > stack button image {
|
||||
margin-top: -4px;
|
||||
margin-bottom: -4px;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px; }
|
||||
filechooser revealer > box > stack button label {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px; }
|
||||
|
|
|
@ -2,47 +2,32 @@
|
|||
* panel *
|
||||
*********/
|
||||
#panel_window {
|
||||
|
||||
background-image: none;
|
||||
color: white;
|
||||
font: bold;
|
||||
}
|
||||
|
||||
#panel_window .menubar,
|
||||
#panel_window .menubar > .menuitem {
|
||||
background-image: none;
|
||||
color: white;
|
||||
font: bold; }
|
||||
#panel_window .menubar,
|
||||
#panel_window .menubar > .menuitem {
|
||||
background-color: #c0c0c0;
|
||||
background-image: none;
|
||||
color: black;
|
||||
|
||||
}
|
||||
|
||||
#panel_window .menubar > .menuitem:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#panel_window .menubar > .menuitem *:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#panel_window .menubar > .menuitem:insensitive {
|
||||
color: #808080;
|
||||
text-shadow: 1px 1px 0 white;
|
||||
}
|
||||
|
||||
#panel_window .menubar .menu {
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
#panel_window .menubar .menu .menuitem {
|
||||
font: normal;
|
||||
text-shadow: none;
|
||||
}
|
||||
color: black; }
|
||||
#panel_window .menubar > .menuitem:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white; }
|
||||
#panel_window .menubar > .menuitem *:hover {
|
||||
border-style: none;
|
||||
background-color: #000080;
|
||||
background-image: none;
|
||||
color: white; }
|
||||
#panel_window .menubar > .menuitem:insensitive {
|
||||
color: #808080;
|
||||
text-shadow: 1px 1px 0 white; }
|
||||
#panel_window .menubar .menu {
|
||||
border-radius: 1px; }
|
||||
#panel_window .menubar .menu .menuitem {
|
||||
font: normal;
|
||||
text-shadow: none; }
|
||||
|
||||
/****************
|
||||
* login window *
|
||||
|
@ -50,25 +35,21 @@
|
|||
#login_window,
|
||||
#shutdown_dialog,
|
||||
#restart_dialog {
|
||||
border-style: none;
|
||||
border-radius: 2px;
|
||||
background-color: @lightdm_bg_color;
|
||||
color: @lightdm_fg_color;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21);
|
||||
}
|
||||
border-style: none;
|
||||
border-radius: 2px;
|
||||
background-color: @lightdm_bg_color;
|
||||
color: @lightdm_fg_color;
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
||||
inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21); }
|
||||
|
||||
#content_frame {
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
padding-bottom: 14px; }
|
||||
|
||||
#login_window .menu {
|
||||
border-radius: 1px;
|
||||
}
|
||||
border-radius: 1px; }
|
||||
|
||||
/*
|
||||
#login_window GtkComboBox .button,
|
||||
|
@ -109,80 +90,68 @@
|
|||
} */
|
||||
|
||||
#login_window .entry {
|
||||
padding: 3px 5px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
|
||||
box-shadow: none;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
#login_window .entry:focus,
|
||||
#login_window .entry:hover {
|
||||
padding: 3px 5px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
box-shadow: none;
|
||||
transition: all 150ms ease-out; }
|
||||
#login_window .entry:focus,
|
||||
#login_window .entry:hover {
|
||||
border-color: shade(@lightdm_bg_color, 0.7);
|
||||
|
||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
||||
inset 0 1px alpha(@dark_shadow, 0.12),
|
||||
inset -1px 0 alpha(@dark_shadow, 0.10),
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
||||
}
|
||||
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05); }
|
||||
#login_window .button,
|
||||
#shutdown_dialog .button,
|
||||
#restart_dialog .button {
|
||||
padding: 3px 15px;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
background-color: shade(@lightdm_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
padding: 3px 15px;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
border-color: shade(@lightdm_bg_color, 0.8);
|
||||
background-color: shade(@lightdm_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @lightdm_fg_color;
|
||||
transition: all 150ms ease-out; }
|
||||
|
||||
#user_image {
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset -1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 1px shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 -1px shade(@lightdm_bg_color, 0.7);
|
||||
}
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset -1px 0 shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 1px shade(@lightdm_bg_color, 0.7),
|
||||
inset 0 -1px shade(@lightdm_bg_color, 0.7); }
|
||||
|
||||
#user_image_border {
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
|
||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
||||
}
|
||||
border-radius: 2px;
|
||||
background-color: shade(@lightdm_bg_color, 0.9);
|
||||
background-image: none;
|
||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
||||
inset 0 -1px alpha(@dark_shadow, 0.05); }
|
||||
|
||||
#buttonbox_frame {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0;
|
||||
border-style: none;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0;
|
||||
border-style: none;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
|
||||
/******************************
|
||||
* default and focused button *
|
||||
******************************
|
||||
******************************/
|
||||
/*
|
||||
#login_window .button.default,
|
||||
#shutdown_dialog .button.default,
|
||||
#restart_dialog .button.default,
|
||||
|
@ -192,10 +161,10 @@
|
|||
#shutdown_dialog .button:active:focus,
|
||||
#restart_dialog .button:focus,
|
||||
#restart_dialog .button:active:focus {
|
||||
border-color: shade(@theme_selected_bg_color, 0.8);
|
||||
background-color: shade(@theme_selected_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @theme_selected_fg_color;
|
||||
border-color: shade(@theme_selected_bg_color, 0.8);
|
||||
background-color: shade(@theme_selected_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @theme_selected_fg_color;
|
||||
}
|
||||
|
||||
#login_window .button.default:hover,
|
||||
|
@ -207,51 +176,47 @@
|
|||
#shutdown_dialog .button:active:hover:focus,
|
||||
#restart_dialog .button:hover:focus,
|
||||
#restart_dialog .button:active:hover:focus {
|
||||
border-color: shade(@theme_selected_bg_color, 0.7);
|
||||
background-color: @theme_selected_bg_color;
|
||||
border-color: shade(@theme_selected_bg_color, 0.7);
|
||||
background-color: @theme_selected_bg_color;
|
||||
}*/
|
||||
|
||||
/*******************
|
||||
* shutdown button *
|
||||
*******************
|
||||
*******************/
|
||||
/*
|
||||
#shutdown_button.button {
|
||||
border-color: shade(@error_bg_color, 0.8);
|
||||
background-color: shade(@error_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @error_fg_color;
|
||||
}
|
||||
border-color: shade(@error_bg_color, 0.8);
|
||||
background-color: shade(@error_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @error_fg_color; }
|
||||
|
||||
#shutdown_button.button:hover,
|
||||
#shutdown_button.button:active,
|
||||
#shutdown_button.button:active:hover {
|
||||
border-color: shade(@error_bg_color, 0.7);
|
||||
background-color: @error_bg_color;
|
||||
} */
|
||||
border-color: shade(@error_bg_color, 0.7);
|
||||
background-color: @error_bg_color; } */
|
||||
|
||||
/******************
|
||||
* restart button *
|
||||
******************
|
||||
******************/
|
||||
/*
|
||||
#restart_button.button {
|
||||
border-color: shade(@warning_bg_color, 0.8);
|
||||
background-color: shade(@warning_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @warning_fg_color;
|
||||
}
|
||||
border-color: shade(@warning_bg_color, 0.8);
|
||||
background-color: shade(@warning_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: @warning_fg_color; }
|
||||
|
||||
#restart_button.button:hover,
|
||||
#restart_button.button:active,
|
||||
#restart_button.button:active:hover {
|
||||
border-color: shade(@warning_bg_color, 0.7);
|
||||
background-color: @warning_bg_color;
|
||||
} */
|
||||
border-color: shade(@warning_bg_color, 0.7);
|
||||
background-color: @warning_bg_color; } */
|
||||
|
||||
/********************
|
||||
* password warning *
|
||||
********************/
|
||||
#greeter_infobar {
|
||||
font: bold;
|
||||
}
|
||||
font: bold; }
|
||||
|
||||
#window {
|
||||
border: 2px solid red;
|
||||
}
|
||||
border: 2px solid red; }
|
||||
|
|
|
@ -1,65 +1,57 @@
|
|||
.mate-panel-menu-bar,
|
||||
.gnome-panel-menu-bar {
|
||||
background-color: #c0c0c0; }
|
||||
.mate-panel-menu-bar > grid,
|
||||
.gnome-panel-menu-bar > grid {
|
||||
padding: 3px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
|
||||
#clock-applet-button {
|
||||
padding: 4px;
|
||||
background-color: #c0c0c0; }
|
||||
.mate-panel-menu-bar > grid,
|
||||
.gnome-panel-menu-bar > grid {
|
||||
padding: 3px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: none;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
.gnome-panel-menu-bar.horizontal PanelSeparator {
|
||||
background-image: url("../assets/handle-v.png");
|
||||
background-repeat: repeat-y;
|
||||
padding: 15px; }
|
||||
.gnome-panel-menu-bar.vertical PanelSeparator {
|
||||
background-image: url("../assets/handle-h.png");
|
||||
background-repeat: repeat-x;
|
||||
padding: 15px; }
|
||||
|
||||
#clock-applet-button {
|
||||
padding: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: none;
|
||||
border-radius: 0px; }
|
||||
|
||||
#fast-user-switch-menubar,
|
||||
#fast-user-switch-menubar menuitem {
|
||||
padding: 0px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
border: transparent;
|
||||
box-shadow: none; }
|
||||
padding: 0px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
border: transparent;
|
||||
box-shadow: none; }
|
||||
|
||||
PanelApplet .button {
|
||||
background-color: red;
|
||||
border: 1px solid black;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
background-color: red;
|
||||
border: 1px solid black;
|
||||
padding: 5px;
|
||||
margin: 5px; }
|
||||
|
||||
/* Looks like there's a theme override built into the panelbar, otherwise this would have worked... */
|
||||
#tasklist-button {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
margin-left: 2px;
|
||||
margin-right: 2px; }
|
||||
|
||||
#showdesktop-button {
|
||||
padding: 2px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.gnome-panel-menu-bar.horizontal PanelSeparator {
|
||||
background-image: url("../assets/handle-v.png");
|
||||
background-repeat: repeat-y;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.gnome-panel-menu-bar.vertical PanelSeparator {
|
||||
background-image: url("../assets/handle-h.png");
|
||||
background-repeat: repeat-x;
|
||||
padding: 15px;
|
||||
}
|
||||
padding: 2px;
|
||||
box-shadow: none; }
|
||||
|
||||
.caja-desktop-window grid scrolledwindow {
|
||||
background: none;
|
||||
}
|
||||
background: none; }
|
||||
/*
|
||||
.gnome-panel-menu-bar,
|
||||
PanelApplet > GtkMenuBar.menubar,
|
||||
|
@ -67,85 +59,68 @@ PanelToplevel,
|
|||
PanelWidget,
|
||||
PanelAppletFrame,
|
||||
PanelApplet {
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @text_color;
|
||||
}
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @text_color; }
|
||||
|
||||
ClockBox,
|
||||
.gnome-panel-menu-bar.menubar,
|
||||
PanelApplet > GtkMenuBar.menubar {
|
||||
font: bold;
|
||||
}
|
||||
font: bold; }
|
||||
|
||||
.gnome-panel-menu-bar.menubar .menuitem *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||
text-shadow: 0 1px @font_bright;
|
||||
}
|
||||
text-shadow: 0 1px @font_bright; }
|
||||
|
||||
.gnome-panel-menu-bar.menubar .menu,
|
||||
PanelApplet > GtkMenuBar.menubar .menu {
|
||||
font: regular;
|
||||
}
|
||||
font: regular; }
|
||||
|
||||
.gnome-panel-menu-bar.menubar .menu *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menu *:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
text-shadow: none; }
|
||||
|
||||
.gnome-panel-menu-bar .menuitem:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem:hover,
|
||||
.gnome-panel-menu-bar .menuitem *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||
background-color: @selected_bg_color;
|
||||
color: @font_bright;
|
||||
}
|
||||
background-color: @selected_bg_color;
|
||||
color: @font_bright; }
|
||||
|
||||
.gnome-panel-menu-bar .menuitem *:hover,
|
||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||
color: @font_bright;
|
||||
}
|
||||
color: @font_bright; }
|
||||
|
||||
PanelApplet .button,
|
||||
PanelApplet .button:hover {
|
||||
padding: 4px;
|
||||
|
||||
border-image: none;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
|
||||
color: @text_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
padding: 4px;
|
||||
border-image: none;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
color: @text_color;
|
||||
text-shadow: none; }
|
||||
|
||||
PanelApplet .button:active:hover,
|
||||
PanelApplet .button:active {
|
||||
border-image: none;
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
border-image: none;
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
border-width: 0;
|
||||
border-radius: 0; }
|
||||
|
||||
PanelApplet *:hover {
|
||||
color: @text_color;
|
||||
}
|
||||
color: @text_color; }
|
||||
|
||||
PanelApplet *:active,
|
||||
PanelApplet *:hover:active {
|
||||
color: @text_color;
|
||||
}
|
||||
color: @text_color; }
|
||||
|
||||
WnckPager {
|
||||
background-color: @bg_color;
|
||||
}
|
||||
background-color: @bg_color; }
|
||||
|
||||
NaTrayApplet {
|
||||
-NaTrayApplet-icon-padding: 12;
|
||||
-NaTrayApplet-icon-size: 16;
|
||||
}
|
||||
|
||||
-NaTrayApplet-icon-padding: 12;
|
||||
-NaTrayApplet-icon-size: 16; }
|
||||
*/
|
||||
|
|
|
@ -3,9 +3,8 @@
|
|||
************/
|
||||
GtkWindow > GtkVBox > .dock,
|
||||
GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
background-color: @toolbar_bg_color;
|
||||
background-image: none;
|
||||
color: @toolbar_fg_color;
|
||||
}
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
background-color: @toolbar_bg_color;
|
||||
background-image: none;
|
||||
color: @toolbar_fg_color; }
|
||||
|
|
|
@ -7,10 +7,20 @@
|
|||
border-right: 1px solid @bg_bright;
|
||||
box-shadow: none; }
|
||||
|
||||
.thunar paned scrolledwindow {
|
||||
border-right: 1px solid @bg_bright; }
|
||||
.thunar paned .view:focus {
|
||||
outline-color: white; }
|
||||
/*.thunar grid grid scrolledwindow .view { background-color: transparent; }*/
|
||||
|
||||
.thunar scrolledwindow {
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-left: 1px solid @bg_shade; }
|
||||
|
||||
.thunar paned .view:focus {
|
||||
outline-color: white; }
|
||||
|
||||
.thunar grid grid scrolledwindow {
|
||||
padding-left: 1px; }
|
||||
|
||||
.thunar notebook tab {
|
||||
padding: 0px;
|
||||
|
@ -52,6 +62,9 @@
|
|||
border-right: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_shade; }
|
||||
|
||||
.thunar toolbar toolitem entry image.left {
|
||||
margin-right: 4px; }
|
||||
|
||||
.thunar #main-menu {
|
||||
border-top: 1px solid @bg_shade;
|
||||
box-shadow: inset 0px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
|
@ -68,7 +81,7 @@
|
|||
box-shadow: inset 1px 0px @bg_bright;
|
||||
min-width: 21px;
|
||||
min-height: 17px;
|
||||
background-image: url("../assets/status_badge_msw.png");
|
||||
background-image: url("../assets/status_badge_c95.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 21px 17px;
|
||||
|
|
|
@ -1,77 +1,112 @@
|
|||
/* Whisker Menu Panel Button style */
|
||||
/* Whisker Menu and Application Menu Panel Button style */
|
||||
|
||||
#whiskermenu-button {
|
||||
/* FOR GTK3.24 */
|
||||
|
||||
/* We will remove the border effect and margin effects on the button and apply it to the box inside.
|
||||
This will allow people to be able to run their pointer to the far corner of the screen and activate
|
||||
the whisker menu without having to correct their pointer location. */
|
||||
#whiskermenu-button,
|
||||
#applicationmenu-button {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
#whiskermenu-button box,
|
||||
#applicationmenu-button box {
|
||||
padding: 2px;
|
||||
margin: 1px;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_dark;
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_shade;
|
||||
background-color: @bg_color; }
|
||||
#whiskermenu-button:active box,
|
||||
#whiskermenu-button:checked box,
|
||||
#applicationmenu-button:active box,
|
||||
#applicationmenu-button:checked box {
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
margin: 1px;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-left: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
#whiskermenu-button image,
|
||||
#applicationmenu-button image {
|
||||
padding: 1px;
|
||||
margin-right: -2px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center; }
|
||||
#whiskermenu-button label,
|
||||
#applicationmenu-button label {
|
||||
padding: 1px;
|
||||
border: none;
|
||||
/*box-shadow: inset 0px 1px white;*/
|
||||
box-shadow: none;
|
||||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
#whiskermenu-button box {
|
||||
padding: 2px;
|
||||
margin: 1px;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_dark;
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_shade;
|
||||
background-color: @bg_color; }
|
||||
#whiskermenu-button:active box,
|
||||
#whiskermenu-button:checked box {
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
margin: 1px;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-left: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
#whiskermenu-button image {
|
||||
margin-right: -4px;
|
||||
margin-left: 1px;
|
||||
padding: 1px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center; }
|
||||
#whiskermenu-button label {
|
||||
padding: 0px;
|
||||
margin-right: 1px;
|
||||
margin-left: -1px;
|
||||
border: none;
|
||||
color: black;
|
||||
font-family: "MS Sans Serif Bold", Sans, Sans-Serif;
|
||||
font-weight: bold; }
|
||||
color: black;
|
||||
font-family: "MS Sans Serif Bold", Sans, Sans-Serif;
|
||||
font-weight: bold; }
|
||||
|
||||
/****************
|
||||
* Whisker Menu **
|
||||
****************/
|
||||
|
||||
#whiskermenu-window treeview {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px; }
|
||||
#whiskermenu-window button {
|
||||
padding: 2px;
|
||||
min-height: 16px; }
|
||||
#whiskermenu-window button:not(:hover):not(:checked) {
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
background-color: transparent; }
|
||||
#whiskermenu-window separator {
|
||||
margin: 5px; }
|
||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow {
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
background-color: transparent;
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade; }
|
||||
#whiskermenu-window frame > box > box > box button image {
|
||||
padding: 0px; }
|
||||
#whiskermenu-window entry {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px; }
|
||||
#whiskermenu-window button {
|
||||
padding: 2px;
|
||||
min-height: 16px; }
|
||||
#whiskermenu-window button:not(:hover):not(:checked) {
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
background-color: transparent; }
|
||||
#whiskermenu-window separator {
|
||||
margin: 5px; }
|
||||
#whiskermenu-window scrolledwindow {
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none;
|
||||
padding: 0px; }
|
||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow {
|
||||
padding: 5px;
|
||||
border-top: 1px solid transparent;
|
||||
border-right: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-left: 1px solid @bg_shade;
|
||||
box-shadow: inset 1px 0px @bg_bright; }
|
||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button {
|
||||
border: 1px solid transparent;
|
||||
background-color: @selected_bg_color;
|
||||
box-shadow: none; }
|
||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:checked {
|
||||
background-color: @bg_shade; }
|
||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:hover,
|
||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:active,
|
||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:checked {
|
||||
color: white; }
|
||||
#whiskermenu-window > frame > stack > box > box:first-child {
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
color: @text_color;
|
||||
/*background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ }
|
||||
#whiskermenu-window frame > box > box > box button image {
|
||||
padding: 0px; }
|
||||
#whiskermenu-window entry {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
min-height: 16px;
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none; }
|
||||
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
|
||||
background-color: transparent; }
|
||||
background-color: transparent; }
|
||||
#whiskermenu-window scrollbar button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
|
|
@ -1,4 +1,6 @@
|
|||
/* Xfdesktop */
|
||||
/************
|
||||
* Xfdesktop *
|
||||
************/
|
||||
|
||||
XfdesktopIconView.view {
|
||||
background: @xfd_icon_backdrop;
|
||||
|
@ -14,48 +16,67 @@ XfdesktopIconView.view {
|
|||
background: rgba(0,0,50.2,0.5);
|
||||
border-radius: 0px; }
|
||||
|
||||
/* Panel buttons */
|
||||
/* Note: The ".xfce4-panel > widget > frame" and ".xfce4-panel .flat:not(.toggle)" CSS classes are specified in this manner due to the volatility in the naming of CSS IDs presented by the XFCE panelbar.*/
|
||||
.xfce4-panel > widget > frame, /* affects the frame of the notification area plugin for GTK2 notifications. */
|
||||
.xfce4-panel .flat:not(.toggle), /* affects the launcher buttons as well and the status notifier plugin. */
|
||||
#sn-button, /* Specifying this class is redundant due to ".xfce4-panel .flat:not(.toggle)" but included for consistency. */
|
||||
#xfce4-notification-plugin,
|
||||
#pulseaudio-button,
|
||||
#xfce4-power-manager-plugin {
|
||||
padding: 0px;
|
||||
border: transparent;
|
||||
/*box-shadow: inset 0px 1px white;*/
|
||||
/*****************
|
||||
* XFCE Panel Bar *
|
||||
*****************/
|
||||
|
||||
.xfce4-panel {
|
||||
box-shadow: none;
|
||||
color: @panel_fg_color;
|
||||
background-color: transparent; }
|
||||
.xfce4-panel .flat:not(.toggle):hover,
|
||||
.xfce4-panel .flat:not(.toggle):active,
|
||||
.xfce4-panel .flat:not(.toggle):checked,
|
||||
#sn-button:hover,
|
||||
#sn-button:active,
|
||||
#sn-button:checked,
|
||||
#xfce4-notification-plugin:hover,
|
||||
#xfce4-notification-plugin:active,
|
||||
#xfce4-notification-plugin:checked,
|
||||
#pulseaudio-button:hover,
|
||||
#pulseaudio-button:active,
|
||||
#pulseaudio-button:checked,
|
||||
#xfce4-power-manager-plugin:hover,
|
||||
#xfce4-power-manager-plugin:active,
|
||||
#xfce4-power-manager-plugin:checked {
|
||||
border: none; }
|
||||
/* Note: The ".xfce4-panel > widget > frame" and ".xfce4-panel .flat:not(.toggle)" CSS classes are specified in this manner due to the volatility in the naming of CSS IDs presented by the XFCE panelbar.*/
|
||||
.xfce4-panel > widget > frame, /* affects the frame of the notification area plugin for GTK2 notifications. */
|
||||
.xfce4-panel .flat:not(.toggle), /* affects the launcher buttons as well and the status notifier plugin. */
|
||||
#sn-button, /* Specifying this class is redundant due to ".xfce4-panel .flat:not(.toggle)" but included for consistency. */
|
||||
#xfce4-notification-plugin,
|
||||
#pulseaudio-button,
|
||||
#xfce4-power-manager-plugin,
|
||||
#indicator-button,
|
||||
#showdesktop-button {
|
||||
padding: 0px;
|
||||
border: transparent;
|
||||
/*box-shadow: inset 0px 1px white;*/
|
||||
box-shadow: none;
|
||||
color: @panel_fg_color_bright;
|
||||
background-color: @selected_bg_color; }
|
||||
#xfce4-power-manager-plugin {
|
||||
margin-bottom: -2px; }
|
||||
color: @panel_fg_color;
|
||||
background-color: transparent; }
|
||||
#indicator-button:hover,
|
||||
#indicator-button:active,
|
||||
#indicator-button:checked,
|
||||
.xfce4-panel .flat:not(.toggle):hover,
|
||||
.xfce4-panel .flat:not(.toggle):active,
|
||||
.xfce4-panel .flat:not(.toggle):checked,
|
||||
#sn-button:hover,
|
||||
#sn-button:active,
|
||||
#sn-button:checked,
|
||||
#xfce4-notification-plugin:hover,
|
||||
#xfce4-notification-plugin:active,
|
||||
#xfce4-notification-plugin:checked,
|
||||
#pulseaudio-button:hover,
|
||||
#pulseaudio-button:active,
|
||||
#pulseaudio-button:checked,
|
||||
#xfce4-power-manager-plugin:hover,
|
||||
#xfce4-power-manager-plugin:active,
|
||||
#xfce4-power-manager-plugin:checked {
|
||||
border: transparent;
|
||||
box-shadow: none;
|
||||
color: @panel_fg_color_bright;
|
||||
background-color: @selected_bg_color; }
|
||||
#showdesktop-button:checked {
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-left: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade; }
|
||||
|
||||
|
||||
#clock-button {
|
||||
border: 2px solid transparent;
|
||||
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_bright;
|
||||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
#clock-button label {
|
||||
padding: 2px; }
|
||||
|
||||
/* Workspace switcher */
|
||||
wnck-pager {
|
||||
color: white; }
|
||||
wnck-pager:selected {
|
||||
|
@ -71,26 +92,35 @@ wnck-pager {
|
|||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
.tasklist .toggle box {
|
||||
transition: 0s font-weight, border-left, border-right, border-top, border-bottom, box-shadow;
|
||||
margin: 2px;
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_dark;
|
||||
border-bottom: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_shade; }
|
||||
.tasklist .toggle:active box {
|
||||
font-weight: bold;
|
||||
border-left: 1px solid @bg_dark;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_color;
|
||||
transition-delay: 1s; }
|
||||
.tasklist .toggle:checked box {
|
||||
/*font-family: "NotoSans-Bold";*/
|
||||
font-weight: bold;
|
||||
border-left: 1px solid @bg_dark;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_color;
|
||||
background-color: @border_bright;
|
||||
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @border_dark);
|
||||
background-size: 2px 2px;
|
||||
background-position: 0 0, 1px 1px; }
|
||||
.tasklist .toggle label {
|
||||
margin-right: 4px; }
|
||||
/*font-family: "NotoSans-Bold";*/
|
||||
font-weight: bold;
|
||||
border-left: 1px solid @bg_dark;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_color;
|
||||
background-color: @border_bright;
|
||||
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @border_dark);
|
||||
background-size: 2px 2px;
|
||||
background-position: 0 0, 1px 1px; }
|
||||
.tasklist .toggle label {
|
||||
margin-right: 4px; }
|
||||
|
||||
/* XFCE APP: Color Profiles */
|
||||
.color-profiles {
|
||||
|
|
After Width: | Height: | Size: 898 B |
After Width: | Height: | Size: 9.0 KiB |
|
@ -30,7 +30,7 @@
|
|||
|
||||
.background {
|
||||
background-color: @theme_bg_color;
|
||||
color: @theme_fg_color;}
|
||||
color: @theme_fg_color; }
|
||||
|
||||
iconview:selected,
|
||||
/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */
|
||||
|
@ -70,12 +70,14 @@ image:disabled,
|
|||
label,
|
||||
label:disabled,
|
||||
box,
|
||||
box:disabled,
|
||||
box:disabled {
|
||||
background-color: transparent;
|
||||
min-width: 0px;
|
||||
min-height: 0px; }
|
||||
|
||||
grid,
|
||||
grid:disabled {
|
||||
background-color: transparent;
|
||||
min-width: 0px;
|
||||
min-height: 0px; }
|
||||
grid:disabled {
|
||||
background-color: @bg_color; }
|
||||
|
||||
stepper,
|
||||
.stepper {
|
||||
|
@ -723,77 +725,79 @@ frame {
|
|||
box-shadow: inset 1px 1px @bg_dark,
|
||||
inset -1px -1px @bg_color;
|
||||
background-color: @theme_bg_color; }
|
||||
.frame {
|
||||
background-color: transparent;}
|
||||
frame.border-outset {
|
||||
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_color,
|
||||
inset -1px -1px @bg_shade; }
|
||||
frame.border-inset {
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: inset 1px 1px @bg_dark,
|
||||
inset -1px -1px @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_color, inset -1px -1px @bg_shade; }
|
||||
frame.border-inset {
|
||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||
box-shadow: inset 1px 1px @bg_dark, inset -1px -1px @bg_color;
|
||||
background-color: @theme_bg_color; }
|
||||
frame > list, frame > .view {
|
||||
margin: -2px; }
|
||||
frame > label {
|
||||
margin-left: 6px; }
|
||||
window > frame {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
dialog box box notebook stack box frame {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 1px 1px white,
|
||||
inset -1px -1px @bg_shade; }
|
||||
dialog box box box notebook stack grid frame {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 1px 1px white,
|
||||
inset -1px -1px @bg_shade; }
|
||||
viewport.frame > frame, viewport.frame > box > frame {
|
||||
background-color: @base_color;
|
||||
color: @font_color; }
|
||||
scrolledwindow.frame {
|
||||
padding: 1px;
|
||||
background-color: white;
|
||||
border-left: 1px solid @bg_dark;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset -1px -1px @bg_color,
|
||||
inset 1px 1px @bg_shade;
|
||||
margin: 0px; }
|
||||
notebook.frame {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright,
|
||||
inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
notebook stack frame, frame frame {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 1px 1px white,
|
||||
inset -1px -1px @bg_shade; }
|
||||
.osd.frame {
|
||||
background-clip: border-box;
|
||||
background-origin: border-box; }
|
||||
statusbar frame {
|
||||
padding: 1px;
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
box-shadow: none; }
|
||||
frame > label {
|
||||
margin-left: 6px; }
|
||||
|
||||
dialog box box notebook stack box frame {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||
dialog box box box notebook stack grid frame {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||
|
||||
/*viewport.frame > frame, viewport.frame > box > frame {
|
||||
background-color: @base_color;
|
||||
color: @font_color; }*/
|
||||
|
||||
scrolledwindow.frame {
|
||||
padding: 1px;
|
||||
background-color: white;
|
||||
border-left: 1px solid @bg_dark;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
|
||||
margin: 0px; }
|
||||
|
||||
notebook.frame {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
notebook stack frame, frame frame {
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid white;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||
notebook scrolledwindow frame {
|
||||
background-color: @bg_color; }
|
||||
|
||||
.osd.frame {
|
||||
background-clip: border-box;
|
||||
background-origin: border-box; }
|
||||
|
||||
statusbar frame {
|
||||
padding: 1px;
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
box-shadow: none; }
|
||||
|
||||
.frame {
|
||||
background-color: transparent;}
|
||||
|
||||
window > frame {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
border-radius: 0px; }
|
||||
|
||||
/****************************
|
||||
* viewport, iconview, view *
|
||||
|
@ -1040,9 +1044,8 @@ paned.vertical > separator {
|
|||
border-bottom: none;
|
||||
border-top: none;
|
||||
background: none;
|
||||
box-shadow: inset 0px 1px @bg_shade;
|
||||
margin: 4px;
|
||||
}
|
||||
/*box-shadow: inset 0px 1px @bg_shade;*/
|
||||
margin: 0px; }
|
||||
|
||||
/* GTK has the panes flipped. the .horizontal is ACTUALLY a vertical.*/
|
||||
paned.horizontal > separator {
|
||||
|
@ -1052,9 +1055,8 @@ paned.horizontal > separator {
|
|||
border-bottom: none;
|
||||
border-top: none;
|
||||
background: none;
|
||||
box-shadow: inset 1px 0px @bg_shade;
|
||||
margin: 4px;
|
||||
}
|
||||
/*box-shadow: inset 1px 0px @bg_shade;*/
|
||||
margin: 0px; }
|
||||
|
||||
|
||||
toolbar > separator {
|
||||
|
@ -1138,92 +1140,134 @@ box.vertical.linked > button {
|
|||
************/
|
||||
|
||||
combobox {
|
||||
margin: -2px; }
|
||||
|
||||
combobox window menu {
|
||||
background-color: @bg_color;
|
||||
color: @fg_color;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
combobox entry {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
combobox cellview {
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
combobox button {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
min-width: 20px;
|
||||
min-height: 20px; }
|
||||
background-color: @bg_color; }
|
||||
combobox button {
|
||||
padding: 2px;
|
||||
margin: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
outline: none; }
|
||||
combobox button.combo {
|
||||
margin: 2px; }
|
||||
|
||||
combobox button arrow {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
border: 1px solid transparent; }
|
||||
combobox button:disabled arrow {
|
||||
background-image: url("assets/arrow-down-disabled.png");}
|
||||
combobox button arrow {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
border: 1px solid transparent; }
|
||||
combobox button:disabled arrow {
|
||||
background-image: url("assets/arrow-down-disabled.png"); }
|
||||
combobox entry, entry {
|
||||
min-width: 20px;
|
||||
min-height: 16px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
min-height: 16px;
|
||||
border: 1px solid @bg_shade;
|
||||
box-shadow: none; }
|
||||
combobox cellview {
|
||||
padding-left: 2px; }
|
||||
combobox arrow {
|
||||
-gtk-icon-source: url("assets/arrow-down_test.png");
|
||||
-gtk-icon-transform: scale(0.39); }
|
||||
combobox:disabled arrow {
|
||||
-gtk-icon-source: url("assets/arrow-down-disabled.png");
|
||||
-gtk-icon-transform: scale(0.5); }
|
||||
combobox window menu {
|
||||
background-color: @bg_color;
|
||||
color: @text_color;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
/*************
|
||||
* scrollbar *
|
||||
*************/
|
||||
|
||||
scrollbar button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: @bg_color;
|
||||
-gtk-icon-source: none;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border-width: 0px;
|
||||
border-style: solid;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
scrollbar button:active {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: @bg_color;
|
||||
-gtk-icon-source: none;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border-width: 0px;
|
||||
border-style: solid;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
scrollbar slider {
|
||||
margin: 0px;
|
||||
scrollbar {
|
||||
border-top: 0px solid;
|
||||
border-bottom: 0px solid;
|
||||
border: none;
|
||||
background-color: @bg_color; }
|
||||
scrollbar trough {
|
||||
border: none;
|
||||
border-radius: 0; }
|
||||
scrollbar slider {
|
||||
margin-top: 0px;
|
||||
padding: 0px;
|
||||
background-color: @bg_color;
|
||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||
box-shadow: inset 1px 1px @selected_fg_color,
|
||||
inset -1px -1px @bg_shade;
|
||||
box-shadow: inset 1px 1px @selected_fg_color, inset -1px -1px @bg_shade;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
min-width: 14px;
|
||||
min-height: 14px;
|
||||
}
|
||||
|
||||
scrollbar {
|
||||
min-height: 14px; }
|
||||
/* This is for Libreoffice scrollbar buttons */
|
||||
scrollbar button,
|
||||
scrollbar .button {
|
||||
background-image: url("scrollbar/scrollbar_button.png");
|
||||
background-position: center; /* Note: This can affect other applications, such as Whisker Menu */
|
||||
background-repeat: no-repeat; /* Note: This can affect other applications, such as Whisker Menu */
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
background-color: @bg_color;
|
||||
box-shadow: none; }
|
||||
scrollbar button:disabled {
|
||||
background-image: url("scrollbar/scrollbar_button_disabled.png"); }
|
||||
scrollbar button:active,
|
||||
scrollbar .button:active {
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
border: 1px solid @bg_shade;
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
/* Every other scrollbar that isn't Libreoffice */
|
||||
scrollbar button.up,
|
||||
scrollbar button.down,
|
||||
scrollbar button.left,
|
||||
scrollbar button.right {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: @bg_color;
|
||||
-gtk-icon-source: none;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
box-shadow: none;
|
||||
border-width: 0px;
|
||||
border-style: solid;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
scrollbar button.up:disabled,
|
||||
scrollbar button.down:disabled,
|
||||
scrollbar button.left:disabled,
|
||||
scrollbar button.right:disabled {
|
||||
box-shadow: inset 1px 1px @bg_shade; }
|
||||
scrollbar button.up:active,
|
||||
scrollbar button.down:active,
|
||||
scrollbar button.left:active,
|
||||
scrollbar button.right:active {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
/* Scrollbar buttons for GTK3 applications (such as Firefox or Thunderbird) using deprecated selectors */
|
||||
scrollbar .button {
|
||||
-gtk-icon-source: none;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border-width: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
border-width: 0px;
|
||||
}
|
||||
box-shadow: none; }
|
||||
scrollbar .button:active {
|
||||
-gtk-icon-source: none;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border-width: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
box-shadow: none; }
|
||||
|
||||
/* where is the junction? in scrollablewindow? doesent exists anymore? */
|
||||
scrollbar.junction,
|
||||
|
@ -1234,124 +1278,47 @@ scrollbar .junction {
|
|||
background-color: red;
|
||||
}
|
||||
|
||||
/* Vertical scrollbar button icons */
|
||||
scrollbar.vertical button.up,
|
||||
.scrollbar.button.vertical.top {
|
||||
background-image: url("scrollbar/stepper-up.png");
|
||||
}
|
||||
|
||||
scrollbar.vertical button.up:active {
|
||||
background-image: url("scrollbar/stepper-up-active.png");
|
||||
}
|
||||
|
||||
scrollbar.vertical button.up:disabled {
|
||||
background-image: url("scrollbar/stepper-up-insense.png");
|
||||
}
|
||||
|
||||
scrollbar.vertical button.down {
|
||||
background-image: url("scrollbar/stepper-down.png");
|
||||
}
|
||||
|
||||
scrollbar.vertical button.down:active {
|
||||
background-image: url("scrollbar/stepper-down-active.png");
|
||||
}
|
||||
|
||||
scrollbar.vertical button.down:disabled {
|
||||
background-image: url("scrollbar/stepper-down-insense.png");
|
||||
}
|
||||
|
||||
scrollbar.horizontal button.up {
|
||||
background-image: url("scrollbar/stepper-left.png");
|
||||
}
|
||||
|
||||
scrollbar.horizontal button.up:active {
|
||||
background-image: url("scrollbar/stepper-left-active.png");
|
||||
}
|
||||
|
||||
scrollbar.horizontal button.up:disabled {
|
||||
background-image: url("scrollbar/stepper-left-insense.png");
|
||||
}
|
||||
|
||||
scrollbar.horizontal button.down {
|
||||
background-image: url("scrollbar/stepper-right.png");
|
||||
}
|
||||
|
||||
scrollbar.horizontal button.down:active {
|
||||
background-image: url("scrollbar/stepper-right-active.png");
|
||||
}
|
||||
|
||||
scrollbar.horizontal button.down:disabled {
|
||||
background-image: url("scrollbar/stepper-right-insense.png");
|
||||
}
|
||||
|
||||
/* Scrollbar buttons for older GTK3 applications (such as Firefox or Thunderbird) */
|
||||
|
||||
scrollbar .button {
|
||||
-gtk-icon-source: none;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border-width: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
scrollbar .button:active {
|
||||
-gtk-icon-source: none;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border-width: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
scrollbar .button.vertical.top {
|
||||
background-image: url("scrollbar/stepper-up.png");
|
||||
}
|
||||
|
||||
scrollbar .button.vertical.top:active {
|
||||
background-image: url("scrollbar/stepper-up-active.png");
|
||||
}
|
||||
|
||||
scrollbar .button.vertical.top:disabled {
|
||||
background-image: url("scrollbar/stepper-up-insense.png");
|
||||
}
|
||||
|
||||
background-image: url("scrollbar/stepper-up.png"); }
|
||||
scrollbar.vertical button.up:active,
|
||||
scrollbar .button.vertical.top:active {
|
||||
background-image: url("scrollbar/stepper-up-active.png"); }
|
||||
scrollbar.vertical button.up:disabled,
|
||||
scrollbar .button.vertical.top:disabled {
|
||||
background-image: url("scrollbar/stepper-up-insense.png"); }
|
||||
scrollbar.vertical button.down,
|
||||
scrollbar .button.vertical.bottom {
|
||||
background-image: url("scrollbar/stepper-down.png");
|
||||
}
|
||||
|
||||
scrollbar .button.vertical.bottom:active {
|
||||
background-image: url("scrollbar/stepper-down-active.png");
|
||||
}
|
||||
|
||||
scrollbar .button.vertical.bottom:disabled {
|
||||
background-image: url("scrollbar/stepper-down-insense.png");
|
||||
}
|
||||
background-image: url("scrollbar/stepper-down.png"); }
|
||||
scrollbar.vertical button.down:active,
|
||||
scrollbar .button.vertical.bottom:active {
|
||||
background-image: url("scrollbar/stepper-down-active.png"); }
|
||||
scrollbar.vertical button.down:disabled,
|
||||
scrollbar .button.vertical.bottom:disabled {
|
||||
background-image: url("scrollbar/stepper-down-insense.png");}
|
||||
|
||||
/* Horizontal scrollbar button icons */
|
||||
scrollbar.horizontal button.up,
|
||||
scrollbar .button.horizontal.left {
|
||||
background-image: url("scrollbar/stepper-left.png");
|
||||
}
|
||||
|
||||
scrollbar .button.horizontal.left:active {
|
||||
background-image: url("scrollbar/stepper-left-active.png");
|
||||
}
|
||||
|
||||
scrollbar .button.horizontal.left:disabled {
|
||||
background-image: url("scrollbar/stepper-left-insense.png");
|
||||
}
|
||||
|
||||
background-image: url("scrollbar/stepper-left.png"); }
|
||||
scrollbar.horizontal button.up:active,
|
||||
scrollbar .button.horizontal.left:active {
|
||||
background-image: url("scrollbar/stepper-left-active.png"); }
|
||||
scrollbar.horizontal button.up:disabled,
|
||||
scrollbar .button.horizontal.left:disabled {
|
||||
background-image: url("scrollbar/stepper-left-insense.png"); }
|
||||
scrollbar.horizontal button.down,
|
||||
scrollbar .button.horizontal.right {
|
||||
background-image: url("scrollbar/stepper-right.png");
|
||||
}
|
||||
background-image: url("scrollbar/stepper-right.png"); }
|
||||
scrollbar.horizontal button.down:active,
|
||||
scrollbar .button.horizontal.right:active {
|
||||
background-image: url("scrollbar/stepper-right-active.png"); }
|
||||
scrollbar.horizontal button.down:disabled,
|
||||
scrollbar .button.horizontal.right:disabled {
|
||||
background-image: url("scrollbar/stepper-right-insense.png"); }
|
||||
|
||||
scrollbar .button.horizontal.right:active {
|
||||
background-image: url("scrollbar/stepper-right-active.png");
|
||||
}
|
||||
|
||||
scrollbar .button.horizontal.right:disabled {
|
||||
background-image: url("scrollbar/stepper-right-insense.png");
|
||||
}
|
||||
|
||||
/*************
|
||||
* assistant *
|
||||
|
@ -1415,9 +1382,11 @@ calendar.header {
|
|||
************/
|
||||
|
||||
expander arrow {
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
}
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
|
||||
treeview.view.expander {
|
||||
-gtk-icon-transform: scale(2); } /* NOTE: This is specific for GTK3.24! */
|
||||
|
||||
/************
|
||||
* iconview *
|
||||
|
@ -1522,11 +1491,11 @@ border-bottom: 2px solid transparent;
|
|||
|
||||
menubar,
|
||||
.menubar {
|
||||
padding: 1px;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 0 -1px @selected_inactive_bg_color;
|
||||
-GtkWidget-window-dragging: true;
|
||||
}
|
||||
padding: 1px;
|
||||
border-bottom: 1px solid white;
|
||||
box-shadow: inset 0 -1px @selected_inactive_bg_color;
|
||||
-GtkWidget-window-dragging: true;
|
||||
background-color: @bg_color; }
|
||||
|
||||
|
||||
/***************
|
||||
|
@ -1549,6 +1518,12 @@ menu menuitem {
|
|||
background-color: @menu_bg_color;
|
||||
}
|
||||
|
||||
/* we dont want any extra padding in those */
|
||||
menuitem > window,
|
||||
window > menu {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
menuitem:active,
|
||||
menuitem:hover {
|
||||
background-color: @theme_selected_bg_color;
|
||||
|
@ -1704,6 +1679,9 @@ tabs arrow.up {
|
|||
background-position: 5px 10px;
|
||||
}
|
||||
|
||||
#gtk-combobox-popup-menu arrow {
|
||||
-gtk-icon-source: none; }
|
||||
|
||||
/*******************
|
||||
* slider / switch *
|
||||
*******************/
|
||||
|
@ -2324,32 +2302,45 @@ GtkSidebarRow .sidebar-label:dir(rtl) {
|
|||
* spinbutton *
|
||||
**************/
|
||||
|
||||
spinbutton.horizontal button {
|
||||
padding: 0px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
spinbutton:not(.vertical) {
|
||||
min-height: 16px;
|
||||
border: 1px solid @bg_shade;
|
||||
border-radius: 0px;
|
||||
background-color: @bg_color; }
|
||||
spinbutton:not(.vertical) entry {
|
||||
min-width: 28px;
|
||||
margin: 0;
|
||||
background: none;
|
||||
background-color: @base_color;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
box-shadow: none; }
|
||||
spinbutton:not(.vertical) button {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
spinbutton.horizontal entry {
|
||||
margin: 2px;
|
||||
min-width: 35px;
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
spinbutton.vertical button {
|
||||
margin: 1px;
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
spinbutton.vertical entry {
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
padding: 2px;
|
||||
}
|
||||
margin-right: -1px;
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 0;
|
||||
background-image: none;
|
||||
/*border-style: none none none solid;*/
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-right: 1px solid @bg_shade;
|
||||
border-bottom: 1px solid black;
|
||||
border-radius: 0px;
|
||||
box-shadow: inset 1px 1px @bg_bright; }
|
||||
/* For some reason this has to be specified on its own or else Libreoffice doesn't colour the spinbuttons */
|
||||
spinbutton:not(.vertical) button {
|
||||
color: @bg_dark;
|
||||
background-color: rgba(192, 192, 192, 0.05); }
|
||||
spinbutton:not(.vertical) button:active {
|
||||
border-left: 1px solid @bg_dark;
|
||||
border-top: 1px solid @bg_dark;
|
||||
border-right: 1px solid @bg_bright;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
box-shadow: inset 1px 1px @bg_shade }
|
||||
|
||||
/**********
|
||||
* switch *
|
||||
|
@ -2525,6 +2516,11 @@ border-bottom: none;
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
overlay frame {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* toolitem box button */
|
||||
toolitem button {
|
||||
background-color: @bg_color;
|
||||
|
@ -2586,14 +2582,14 @@ headerbar box button image {
|
|||
***********/
|
||||
|
||||
toolbar {
|
||||
-GtkWidget-window-dragging: true;
|
||||
padding: 4px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
border-bottom: 1px solid;
|
||||
border-color: @bg_color @bg_color @bg_bright @bg_color;
|
||||
box-shadow: inset 0px -1px @bg_shade;
|
||||
}
|
||||
-GtkWidget-window-dragging: true;
|
||||
padding: 4px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
border-bottom: 1px solid;
|
||||
border-color: @bg_color @bg_color @bg_bright @bg_color;
|
||||
box-shadow: inset 0px -1px @bg_shade;
|
||||
background-color: @bg_color; }
|
||||
|
||||
toolbar button {
|
||||
margin: 1px;
|
||||
|
@ -2602,7 +2598,7 @@ toolbar button {
|
|||
padding: 2px;
|
||||
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
||||
box-shadow: inset -1px -1px @bg_shade; }
|
||||
toolbar button:disabled {
|
||||
toolbar > toolbutton > button:disabled {
|
||||
background-color: @border_bright;
|
||||
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @border_dark);
|
||||
background-size: 2px 2px;
|
||||
|
@ -2648,158 +2644,131 @@ window.ssd .titlebar:backdrop {
|
|||
background-color: @selected_inactive_bg_color;
|
||||
color: @selected_inactive_fg_color;
|
||||
}
|
||||
/*
|
||||
.default-decoration
|
||||
{
|
||||
background-color: red;
|
||||
border: 0px solid @bg_color;
|
||||
border-bottom: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
*/
|
||||
|
||||
window.ssd .titlebar label{
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-size: 8pt;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
window.ssd .titlebar label:backdrop,
|
||||
window.ssd .titlebar:backdrop label{
|
||||
color: @selected_inactive_fg_color;
|
||||
}
|
||||
|
||||
headerbar,
|
||||
.titlebar {
|
||||
padding: 0px;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
margin: 0px;
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
headerbar:backdrop,
|
||||
.titlebar:backdrop {
|
||||
background-image: none;
|
||||
background-color: @selected_inactive_bg_color;
|
||||
}
|
||||
|
||||
headerbar > label,
|
||||
.titlebar > label,
|
||||
headerbar > box > label,
|
||||
.titlebar > box > label {
|
||||
font-size: 8pt;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
headerbar:backdrop > label,
|
||||
.titlebar:backdrop > label,
|
||||
headerbar:backdrop > box > label,
|
||||
.titlebar:backdrop > box > label {
|
||||
color: @selected_inactive_fg_color;
|
||||
}
|
||||
|
||||
headerbar entry {
|
||||
margin: 3px;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
/* we dont want any extra padding in those */
|
||||
menuitem > window,
|
||||
window > menu {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.titlebar button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
.titlebar button label {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
/* following button definitions allows us to have slim buttons on
|
||||
* headerbars with no big elements while still maintaining a good
|
||||
* looking headerbar with big elements */
|
||||
.titlebar button:not(.titlebutton) {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
|
||||
headerbar button:not(.titlebutton) > image {
|
||||
border: solid 1px;
|
||||
border-color: transparent;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
margin-top: -3px;
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
|
||||
headerbar button:active:not(.titlebutton) > image {
|
||||
border: solid;
|
||||
border-color: transparent;
|
||||
border-left-width: 2px;
|
||||
border-right-width: 0px;
|
||||
border-top-width: 2px;
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
|
||||
headerbar separator {
|
||||
margin-right: 3px;
|
||||
border-left-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
headerbar scale {
|
||||
margin-top: 4px;
|
||||
margin-bottom: -6px;
|
||||
}
|
||||
/* Window server-side decorations (SSD) */
|
||||
window.ssd headerbar,
|
||||
window.ssd .titlebar,
|
||||
headerbar {
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
text-shadow: none; }
|
||||
window.ssd .titlebar:backdrop {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
background-color: @selected_inactive_bg_color;
|
||||
color: @selected_inactive_fg_color; }
|
||||
window.ssd .titlebar label {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-size: 8pt;
|
||||
color: @selected_fg_color; }
|
||||
window.ssd .titlebar label:backdrop,
|
||||
window.ssd .titlebar:backdrop label{
|
||||
color: @selected_inactive_fg_color; }
|
||||
|
||||
window.csd tooltip {
|
||||
border-radius: 0;
|
||||
border: 0 none @border_dark;
|
||||
box-shadow: none;
|
||||
}
|
||||
box-shadow: none; }
|
||||
|
||||
headerbar,
|
||||
.titlebar {
|
||||
padding: 0px;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
text-shadow: none; }
|
||||
headerbar:backdrop,
|
||||
.titlebar:backdrop {
|
||||
background-image: none;
|
||||
background-color: @selected_inactive_bg_color; }
|
||||
headerbar > label,
|
||||
.titlebar > label,
|
||||
headerbar > box > label,
|
||||
.titlebar > box > label {
|
||||
font-size: 8pt;
|
||||
color: @selected_fg_color; }
|
||||
headerbar:backdrop > label,
|
||||
.titlebar:backdrop > label,
|
||||
headerbar:backdrop > box > label,
|
||||
.titlebar:backdrop > box > label {
|
||||
color: @selected_inactive_fg_color; }
|
||||
headerbar entry {
|
||||
margin: 3px;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px; }
|
||||
headerbar button:not(.titlebutton) > image {
|
||||
border: solid 1px;
|
||||
border-color: transparent;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
margin-top: -3px;
|
||||
margin-bottom: -3px; }
|
||||
headerbar button:active:not(.titlebutton) > image {
|
||||
border: solid;
|
||||
border-color: transparent;
|
||||
border-left-width: 2px;
|
||||
border-right-width: 0px;
|
||||
border-top-width: 2px;
|
||||
border-bottom-width: 0px; }
|
||||
headerbar separator {
|
||||
margin-right: 3px;
|
||||
border-left-width: 1px;
|
||||
border-style: solid; }
|
||||
headerbar scale {
|
||||
margin-top: 4px;
|
||||
margin-bottom: -6px; }
|
||||
|
||||
.titlebar button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
.titlebar button label {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px; }
|
||||
/* The following button definitions allows us to have slim buttons on
|
||||
* headerbars with no big elements while still maintaining a good
|
||||
* looking headerbar with big elements */
|
||||
.titlebar button:not(.titlebutton) {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
|
||||
window.ssd.maximized headerbar,
|
||||
window.ssd.maximized .titlebar {
|
||||
border: 0px;
|
||||
border-bottom: 1px solid transparent;
|
||||
box-shadow: none;
|
||||
margin: 0px; }
|
||||
|
||||
.maximized > decoration,
|
||||
window.maximized,
|
||||
window.tiled {
|
||||
border: 0px;
|
||||
box-shadow: none;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
window.ssd.maximized headerbar,
|
||||
window.ssd.maximized .titlebar {
|
||||
border: 0px;
|
||||
border-bottom: 1px solid transparent;
|
||||
box-shadow: none;
|
||||
margin: 0px;
|
||||
}
|
||||
border: 0px;
|
||||
box-shadow: none;
|
||||
margin: 0px; }
|
||||
|
||||
.tiled headerbar,
|
||||
.maximized headerbar,
|
||||
.tiled .titlebar,
|
||||
.maximized .titlebar {
|
||||
border: 0px;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
border: 0px;
|
||||
box-shadow: none;
|
||||
border-radius: 0; }
|
||||
|
||||
/* Removed the frame seen in Lireoffice. */
|
||||
window > grid > grid > scrolledwindow {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
|
||||
/******************
|
||||
* window buttons *
|
||||
|
|
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 490 B |
After Width: | Height: | Size: 242 B |
After Width: | Height: | Size: 486 B |