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 */
|
/* XFCE Panel bar */
|
||||||
.xfce4-panel {
|
.xfce4-panel {
|
||||||
border-right: 1px solid @bg_shade;
|
border-right: 1px solid @bg_shade;
|
||||||
border-left: 1px solid @bg_bright;
|
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.*/
|
/* 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 {
|
#xfce4-power-manager-plugin {
|
30
Extras/override/gtk-3.24/gtk.css
Executable file
@ -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)
|
* [Vertical Panelbar](#vert_panel)
|
||||||
* [Start Buttons](#start_buttons)
|
* [Start Buttons](#start_buttons)
|
||||||
* [Additional Enhancements](#add_enhance)
|
* [Additional Enhancements](#add_enhance)
|
||||||
|
* [GTK3 override configuration](#gtk3_override)
|
||||||
* [Launcher Button icon scaling](#button_scale) (*For legacy GTK2 panelbars only*)
|
* [Launcher Button icon scaling](#button_scale) (*For legacy GTK2 panelbars only*)
|
||||||
* [Thunar status indicator](#thunar)
|
* [Thunar status indicator](#thunar)
|
||||||
* [QT5 theme configration with qt5ct](#config_qt5ct)
|
* [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
|
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:
|
#### 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.
|
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."
|
- From the Display tab set the panel mode to "Horizontal."
|
||||||
- Check "Lock Panel."
|
- Check "Lock Panel."
|
||||||
- Set "Automatically hide the panel" to "Never."
|
- 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."
|
- Number of rows will be "1."
|
||||||
- Length will be 100%.
|
- Length will be 100%.
|
||||||
|
|
||||||
#### Step 2: Setting the panelbar appearance
|
#### Step 2: Setting the panelbar appearance
|
||||||
|
|
||||||
- In the Appearance tab set the background style to "None (use system style.)"
|
- 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*)
|
- 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 not present for the GTK2 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
|
#### Step 3: Adding panelbar plugins
|
||||||
Open the XFCE settings manager > Panel > Items
|
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;
|
1. Application Menu or Whisker Menu;
|
||||||
2. Separator (*Handle Style*);
|
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;
|
4. “Show Desktop” plugin;
|
||||||
5. Separator (*Handle Style*);
|
5. Separator (*Handle Style*);
|
||||||
6. Window Buttons (*Uncheck "Show flat buttons" and "Show Handle.;" Sorting Order: None; Window grouping: Never*);
|
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.*)
|
- 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."
|
- Check "Lock Panel."
|
||||||
- Set "Automatically hide the panel" to "Never."
|
- 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.
|
- Number of rows can be 1 or 2. 2 looks nice if you want a wide panelbar.
|
||||||
- Length will be 100%.
|
- Length will be 100%.
|
||||||
|
|
||||||
#### Step 2: Setting the panelbar appearance
|
#### Step 2: Setting the panelbar appearance
|
||||||
|
|
||||||
- In the Appearance tab set the background style to "None (use system style.)"
|
- 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*)
|
- 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 not present for the GTK2 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
|
#### Step 3: Adding panelbar plugins
|
||||||
Open the XFCE settings manager > Panel > Items
|
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.
|
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 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.*)
|
- 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.
|
....`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.
|
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"/>
|
<a name="button_scale"/>
|
||||||
|
|
||||||
### [ Launcher button icon scaling ] (advanced)
|
### [ 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.
|
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"/>
|
<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_msw.png
|
||||||
- status_badge_tux.png
|
- status_badge_tux.png
|
||||||
- status_badge_xue.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)
|
[[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)
|
### [ 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.
|
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
|
#### xfdesktop 4.12
|
||||||
|
|
||||||
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
|
|
||||||
|
|
||||||
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/`.
|
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.
|
- 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.
|
- 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"/>
|
<a name="cursors"/>
|
||||||
|
|
||||||
### [ Cursors ]
|
### [ Cursors ]
|
||||||
|
@ -18,9 +18,10 @@ Included in this theme:
|
|||||||
- Partial support for HiDPI monitors
|
- Partial support for HiDPI monitors
|
||||||
|
|
||||||
#### Requirements
|
#### Requirements
|
||||||
|
|
||||||
GTK+ 3.22 or 3.24
|
GTK+ 3.22 or 3.24
|
||||||
|
|
||||||
Xfce 4.12
|
Xfce 4.12 or 4.14
|
||||||
|
|
||||||
A Window compositor
|
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 |
BIN
Screenshots/Desktop1.png
Executable file → Normal file
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 @@
|
|||||||
|
|
||||||

|

|
||||||
|
|
||||||
|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
BIN
Screenshots/web_browser.png
Normal file
After Width: | Height: | Size: 106 KiB |
@ -1,61 +1,10 @@
|
|||||||
/* File Chooser */
|
/* File Chooser */
|
||||||
|
|
||||||
/* The commented out section below should not be required anymore, but I'm keeping it around for a little while.*/
|
/* 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 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. */
|
|
||||||
/*filechooser treeview:focus {
|
/*filechooser treeview:focus {
|
||||||
outline: 1px solid @bg_dark;
|
outline: 1px solid @bg_dark;
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
-gtk-outline-radius: 0px
|
-gtk-outline-radius: 0px }*/
|
||||||
}*/
|
|
||||||
|
|
||||||
filechooser treeview:selected {
|
filechooser treeview:selected {
|
||||||
outline: 1px dotted @bg_bright;
|
outline: 1px dotted @bg_bright;
|
||||||
@ -68,8 +17,16 @@ filechooser .sidebar-row:focus {
|
|||||||
-gtk-outline-radius: 0px }
|
-gtk-outline-radius: 0px }
|
||||||
|
|
||||||
filechooser .sidebar-row:selected:backdrop {
|
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*/
|
/* Adjust stack buttons*/
|
||||||
filechooser revealer > box > stack {
|
filechooser revealer > box > stack {
|
||||||
@ -79,7 +36,8 @@ filechooser revealer > box > stack {
|
|||||||
border-bottom: 1px solid @bg_bright;
|
border-bottom: 1px solid @bg_bright;
|
||||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||||
padding: 0px;}
|
padding: 0px;}
|
||||||
filechooser revealer > box > stack button {
|
filechooser revealer > box > stack button,
|
||||||
|
filechooser revealer > box > stack button:backdrop {
|
||||||
border-left: 1px solid @bg_bright;
|
border-left: 1px solid @bg_bright;
|
||||||
border-top: 1px solid @bg_bright;
|
border-top: 1px solid @bg_bright;
|
||||||
border-right: 1px solid @bg_shade;
|
border-right: 1px solid @bg_shade;
|
||||||
@ -99,5 +57,5 @@ filechooser revealer > box > stack {
|
|||||||
padding-left: 1px;
|
padding-left: 1px;
|
||||||
padding-right: 1px; }
|
padding-right: 1px; }
|
||||||
filechooser revealer > box > stack button label {
|
filechooser revealer > box > stack button label {
|
||||||
padding-left: 1px;
|
padding-left: 0px;
|
||||||
padding-right: 1px; }
|
padding-right: 0px; }
|
||||||
|
109
Theme/Chicago95/gtk-3.0/apps/lightdm-gtk-greeter.css
Executable file → Normal file
@ -2,47 +2,32 @@
|
|||||||
* panel *
|
* panel *
|
||||||
*********/
|
*********/
|
||||||
#panel_window {
|
#panel_window {
|
||||||
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: white;
|
color: white;
|
||||||
font: bold;
|
font: bold; }
|
||||||
}
|
#panel_window .menubar,
|
||||||
|
#panel_window .menubar > .menuitem {
|
||||||
#panel_window .menubar,
|
|
||||||
#panel_window .menubar > .menuitem {
|
|
||||||
background-color: #c0c0c0;
|
background-color: #c0c0c0;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: black;
|
color: black; }
|
||||||
|
#panel_window .menubar > .menuitem:hover {
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem:hover {
|
|
||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: #000080;
|
background-color: #000080;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: white;
|
color: white; }
|
||||||
}
|
#panel_window .menubar > .menuitem *:hover {
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem *:hover {
|
|
||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: #000080;
|
background-color: #000080;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: white;
|
color: white; }
|
||||||
}
|
#panel_window .menubar > .menuitem:insensitive {
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem:insensitive {
|
|
||||||
color: #808080;
|
color: #808080;
|
||||||
text-shadow: 1px 1px 0 white;
|
text-shadow: 1px 1px 0 white; }
|
||||||
}
|
#panel_window .menubar .menu {
|
||||||
|
border-radius: 1px; }
|
||||||
#panel_window .menubar .menu {
|
#panel_window .menubar .menu .menuitem {
|
||||||
border-radius: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar .menu .menuitem {
|
|
||||||
font: normal;
|
font: normal;
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
/****************
|
/****************
|
||||||
* login window *
|
* login window *
|
||||||
@ -54,21 +39,17 @@
|
|||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: @lightdm_bg_color;
|
background-color: @lightdm_bg_color;
|
||||||
color: @lightdm_fg_color;
|
color: @lightdm_fg_color;
|
||||||
|
|
||||||
/* draw border using box-shadow */
|
/* draw border using box-shadow */
|
||||||
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
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 -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),
|
||||||
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 {
|
#content_frame {
|
||||||
padding-bottom: 14px;
|
padding-bottom: 14px; }
|
||||||
}
|
|
||||||
|
|
||||||
#login_window .menu {
|
#login_window .menu {
|
||||||
border-radius: 1px;
|
border-radius: 1px; }
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
#login_window GtkComboBox .button,
|
#login_window GtkComboBox .button,
|
||||||
@ -117,21 +98,15 @@
|
|||||||
background-color: shade(@lightdm_bg_color, 0.9);
|
background-color: shade(@lightdm_bg_color, 0.9);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @lightdm_fg_color;
|
color: @lightdm_fg_color;
|
||||||
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
transition: all 150ms ease-out;
|
transition: all 150ms ease-out; }
|
||||||
}
|
#login_window .entry:focus,
|
||||||
|
#login_window .entry:hover {
|
||||||
#login_window .entry:focus,
|
|
||||||
#login_window .entry:hover {
|
|
||||||
border-color: shade(@lightdm_bg_color, 0.7);
|
border-color: shade(@lightdm_bg_color, 0.7);
|
||||||
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
||||||
inset 0 1px alpha(@dark_shadow, 0.12),
|
inset 0 1px alpha(@dark_shadow, 0.12),
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.10),
|
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,
|
#login_window .button,
|
||||||
#shutdown_dialog .button,
|
#shutdown_dialog .button,
|
||||||
#restart_dialog .button {
|
#restart_dialog .button {
|
||||||
@ -143,31 +118,25 @@
|
|||||||
background-color: shade(@lightdm_bg_color, 1.08);
|
background-color: shade(@lightdm_bg_color, 1.08);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @lightdm_fg_color;
|
color: @lightdm_fg_color;
|
||||||
|
transition: all 150ms ease-out; }
|
||||||
transition: all 150ms ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
#user_image {
|
#user_image {
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
/* draw border using box-shadow */
|
/* draw border using box-shadow */
|
||||||
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
||||||
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),
|
||||||
inset 0 -1px shade(@lightdm_bg_color, 0.7);
|
inset 0 -1px shade(@lightdm_bg_color, 0.7); }
|
||||||
}
|
|
||||||
|
|
||||||
#user_image_border {
|
#user_image_border {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: shade(@lightdm_bg_color, 0.9);
|
background-color: shade(@lightdm_bg_color, 0.9);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
inset -1px 0 alpha(@dark_shadow, 0.07),
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
inset 0 -1px alpha(@dark_shadow, 0.05); }
|
||||||
}
|
|
||||||
|
|
||||||
#buttonbox_frame {
|
#buttonbox_frame {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
@ -177,12 +146,12 @@
|
|||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
box-shadow: none;
|
box-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
/******************************
|
/******************************
|
||||||
* default and focused button *
|
* default and focused button *
|
||||||
******************************
|
******************************/
|
||||||
|
/*
|
||||||
#login_window .button.default,
|
#login_window .button.default,
|
||||||
#shutdown_dialog .button.default,
|
#shutdown_dialog .button.default,
|
||||||
#restart_dialog .button.default,
|
#restart_dialog .button.default,
|
||||||
@ -213,45 +182,41 @@
|
|||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
* shutdown button *
|
* shutdown button *
|
||||||
*******************
|
*******************/
|
||||||
|
/*
|
||||||
#shutdown_button.button {
|
#shutdown_button.button {
|
||||||
border-color: shade(@error_bg_color, 0.8);
|
border-color: shade(@error_bg_color, 0.8);
|
||||||
background-color: shade(@error_bg_color, 1.08);
|
background-color: shade(@error_bg_color, 1.08);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @error_fg_color;
|
color: @error_fg_color; }
|
||||||
}
|
|
||||||
|
|
||||||
#shutdown_button.button:hover,
|
#shutdown_button.button:hover,
|
||||||
#shutdown_button.button:active,
|
#shutdown_button.button:active,
|
||||||
#shutdown_button.button:active:hover {
|
#shutdown_button.button:active:hover {
|
||||||
border-color: shade(@error_bg_color, 0.7);
|
border-color: shade(@error_bg_color, 0.7);
|
||||||
background-color: @error_bg_color;
|
background-color: @error_bg_color; } */
|
||||||
} */
|
|
||||||
|
|
||||||
/******************
|
/******************
|
||||||
* restart button *
|
* restart button *
|
||||||
******************
|
******************/
|
||||||
|
/*
|
||||||
#restart_button.button {
|
#restart_button.button {
|
||||||
border-color: shade(@warning_bg_color, 0.8);
|
border-color: shade(@warning_bg_color, 0.8);
|
||||||
background-color: shade(@warning_bg_color, 1.08);
|
background-color: shade(@warning_bg_color, 1.08);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @warning_fg_color;
|
color: @warning_fg_color; }
|
||||||
}
|
|
||||||
|
|
||||||
#restart_button.button:hover,
|
#restart_button.button:hover,
|
||||||
#restart_button.button:active,
|
#restart_button.button:active,
|
||||||
#restart_button.button:active:hover {
|
#restart_button.button:active:hover {
|
||||||
border-color: shade(@warning_bg_color, 0.7);
|
border-color: shade(@warning_bg_color, 0.7);
|
||||||
background-color: @warning_bg_color;
|
background-color: @warning_bg_color; } */
|
||||||
} */
|
|
||||||
|
|
||||||
/********************
|
/********************
|
||||||
* password warning *
|
* password warning *
|
||||||
********************/
|
********************/
|
||||||
#greeter_infobar {
|
#greeter_infobar {
|
||||||
font: bold;
|
font: bold; }
|
||||||
}
|
|
||||||
|
|
||||||
#window {
|
#window {
|
||||||
border: 2px solid red;
|
border: 2px solid red; }
|
||||||
}
|
|
||||||
|
@ -10,6 +10,14 @@
|
|||||||
box-shadow: inset 1px 1px @bg_bright,
|
box-shadow: inset 1px 1px @bg_bright,
|
||||||
inset -1px -1px @bg_shade;
|
inset -1px -1px @bg_shade;
|
||||||
border-radius: 0px; }
|
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 {
|
#clock-applet-button {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
@ -31,35 +39,19 @@ PanelApplet .button {
|
|||||||
background-color: red;
|
background-color: red;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: 5px;
|
margin: 5px; }
|
||||||
}
|
|
||||||
|
|
||||||
/* Looks like there's a theme override built into the panelbar, otherwise this would have worked... */
|
/* Looks like there's a theme override built into the panelbar, otherwise this would have worked... */
|
||||||
#tasklist-button {
|
#tasklist-button {
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-right: 2px;
|
margin-right: 2px; }
|
||||||
}
|
|
||||||
|
|
||||||
#showdesktop-button {
|
#showdesktop-button {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
box-shadow: none;
|
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.caja-desktop-window grid scrolledwindow {
|
.caja-desktop-window grid scrolledwindow {
|
||||||
background: none;
|
background: none; }
|
||||||
}
|
|
||||||
/*
|
/*
|
||||||
.gnome-panel-menu-bar,
|
.gnome-panel-menu-bar,
|
||||||
PanelApplet > GtkMenuBar.menubar,
|
PanelApplet > GtkMenuBar.menubar,
|
||||||
@ -69,57 +61,46 @@ PanelAppletFrame,
|
|||||||
PanelApplet {
|
PanelApplet {
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @text_color;
|
color: @text_color; }
|
||||||
}
|
|
||||||
|
|
||||||
ClockBox,
|
ClockBox,
|
||||||
.gnome-panel-menu-bar.menubar,
|
.gnome-panel-menu-bar.menubar,
|
||||||
PanelApplet > GtkMenuBar.menubar {
|
PanelApplet > GtkMenuBar.menubar {
|
||||||
font: bold;
|
font: bold; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar.menubar .menuitem *:hover,
|
.gnome-panel-menu-bar.menubar .menuitem *:hover,
|
||||||
PanelApplet > GtkMenuBar.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,
|
.gnome-panel-menu-bar.menubar .menu,
|
||||||
PanelApplet > GtkMenuBar.menubar .menu {
|
PanelApplet > GtkMenuBar.menubar .menu {
|
||||||
font: regular;
|
font: regular; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar.menubar .menu *:hover,
|
.gnome-panel-menu-bar.menubar .menu *:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menu *:hover {
|
PanelApplet > GtkMenuBar.menubar .menu *:hover {
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar .menuitem:hover,
|
.gnome-panel-menu-bar .menuitem:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menuitem:hover,
|
PanelApplet > GtkMenuBar.menubar .menuitem:hover,
|
||||||
.gnome-panel-menu-bar .menuitem *:hover,
|
.gnome-panel-menu-bar .menuitem *:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||||
background-color: @selected_bg_color;
|
background-color: @selected_bg_color;
|
||||||
color: @font_bright;
|
color: @font_bright; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar .menuitem *:hover,
|
.gnome-panel-menu-bar .menuitem *:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||||
color: @font_bright;
|
color: @font_bright; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button,
|
PanelApplet .button,
|
||||||
PanelApplet .button:hover {
|
PanelApplet .button:hover {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
|
|
||||||
border-image: none;
|
border-image: none;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
|
|
||||||
color: @text_color;
|
color: @text_color;
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button:active:hover,
|
PanelApplet .button:active:hover,
|
||||||
PanelApplet .button:active {
|
PanelApplet .button:active {
|
||||||
@ -127,25 +108,19 @@ PanelApplet .button:active {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
border-radius: 0;
|
border-radius: 0; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet *:hover {
|
PanelApplet *:hover {
|
||||||
color: @text_color;
|
color: @text_color; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet *:active,
|
PanelApplet *:active,
|
||||||
PanelApplet *:hover:active {
|
PanelApplet *:hover:active {
|
||||||
color: @text_color;
|
color: @text_color; }
|
||||||
}
|
|
||||||
|
|
||||||
WnckPager {
|
WnckPager {
|
||||||
background-color: @bg_color;
|
background-color: @bg_color; }
|
||||||
}
|
|
||||||
|
|
||||||
NaTrayApplet {
|
NaTrayApplet {
|
||||||
-NaTrayApplet-icon-padding: 12;
|
-NaTrayApplet-icon-padding: 12;
|
||||||
-NaTrayApplet-icon-size: 16;
|
-NaTrayApplet-icon-size: 16; }
|
||||||
}
|
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
3
Theme/Chicago95/gtk-3.0/apps/synaptic.css
Executable file → Normal file
@ -7,5 +7,4 @@ GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
|
|||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: @toolbar_bg_color;
|
background-color: @toolbar_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @toolbar_fg_color;
|
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.
|
/* 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
|
This will allow people to be able to run their pointer to the far corner of the screen and activate
|
||||||
@ -45,36 +49,67 @@ the whisker menu without having to correct their pointer location. */
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 11px; }
|
font-size: 11px; }
|
||||||
|
|
||||||
/****************
|
/***************
|
||||||
* Whisker Menu **
|
* Whisker Menu *
|
||||||
****************/
|
***************/
|
||||||
|
|
||||||
#whiskermenu-window treeview {
|
#whiskermenu-window treeview {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
padding-bottom: 2px; }
|
padding-bottom: 2px; }
|
||||||
#whiskermenu-window button {
|
#whiskermenu-window button {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
min-height: 16px; }
|
min-height: 16px; }
|
||||||
#whiskermenu-window button:not(:hover):not(:checked) {
|
#whiskermenu-window button:not(:hover):not(:checked) {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
#whiskermenu-window separator {
|
#whiskermenu-window separator {
|
||||||
margin: 5px; }
|
margin: 5px; }
|
||||||
#whiskermenu-window frame > box > box > scrolledwindow {
|
#whiskermenu-window scrolledwindow {
|
||||||
padding: 5px;
|
border: 1px solid @bg_shade;
|
||||||
border: 1px solid;
|
box-shadow: none;
|
||||||
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; }
|
padding: 0px; }
|
||||||
#whiskermenu-window entry {
|
#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-top: 3px;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
min-height: 16px; }
|
min-height: 16px; }
|
||||||
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
|
#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; }
|
||||||
|
@ -6,38 +6,31 @@ XfceHeading {
|
|||||||
border-width: 0;
|
border-width: 0;
|
||||||
background-color: @theme_base_color;
|
background-color: @theme_base_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @theme_text_color;
|
color: @theme_text_color; }
|
||||||
}
|
|
||||||
|
|
||||||
.xfce4-panel {
|
.xfce4-panel {
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
color: @panel_fg_color;
|
color: @panel_fg_color;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0; }
|
||||||
}
|
.xfce4-panel button {
|
||||||
|
|
||||||
.xfce4-panel button {
|
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: @panel_fg_color;
|
color: @panel_fg_color;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0; }
|
||||||
}
|
.xfce4-panel button:hover {
|
||||||
|
|
||||||
.xfce4-panel button:hover {
|
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: @panel_fg_color_bright;
|
color: @panel_fg_color_bright;
|
||||||
background-color: @selected_bg_color;
|
background-color: @selected_bg_color;
|
||||||
box-shadow: 0 0 0;
|
box-shadow: 0 0 0; }
|
||||||
}
|
.xfce4-panel button:active,
|
||||||
|
.xfce4-panel button:checked {
|
||||||
.xfce4-panel button:active,
|
|
||||||
.xfce4-panel button:checked {
|
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
border-top: 1px solid #000000;
|
border-top: 1px solid #000000;
|
||||||
@ -46,12 +39,10 @@ XfceHeading {
|
|||||||
border-right: 1px solid #FFF;
|
border-right: 1px solid #FFF;
|
||||||
box-shadow: inset 1px 1px #808080;
|
box-shadow: inset 1px 1px #808080;
|
||||||
color: @panel_fg_color_bright;
|
color: @panel_fg_color_bright;
|
||||||
background-color: @selected_bg_color;
|
background-color: @selected_bg_color; }
|
||||||
}
|
|
||||||
|
|
||||||
.xfce4-panel menu {
|
.xfce4-panel menu {
|
||||||
-gtk-icon-effect: none;
|
-gtk-icon-effect: none; }
|
||||||
}
|
|
||||||
|
|
||||||
#xfce4-power-manager-plugin {
|
#xfce4-power-manager-plugin {
|
||||||
margin-bottom: -2px; }
|
margin-bottom: -2px; }
|
||||||
|
BIN
Theme/Chicago95/gtk-3.0/assets/arrow-down_test.png
Normal file
After Width: | Height: | Size: 898 B |
@ -30,7 +30,7 @@
|
|||||||
|
|
||||||
.background {
|
.background {
|
||||||
background-color: @theme_bg_color;
|
background-color: @theme_bg_color;
|
||||||
color: @theme_fg_color;}
|
color: @theme_fg_color; }
|
||||||
|
|
||||||
iconview:selected,
|
iconview:selected,
|
||||||
/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */
|
/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */
|
||||||
@ -70,13 +70,15 @@ image:disabled,
|
|||||||
label,
|
label,
|
||||||
label:disabled,
|
label:disabled,
|
||||||
box,
|
box,
|
||||||
box:disabled,
|
box:disabled {
|
||||||
grid,
|
|
||||||
grid:disabled {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
min-width: 0px;
|
min-width: 0px;
|
||||||
min-height: 0px; }
|
min-height: 0px; }
|
||||||
|
|
||||||
|
grid,
|
||||||
|
grid:disabled {
|
||||||
|
background-color: @bg_color; }
|
||||||
|
|
||||||
stepper,
|
stepper,
|
||||||
.stepper {
|
.stepper {
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
@ -554,8 +556,24 @@ button.osd {
|
|||||||
.stack-switcher > button.needs-attention:checked > image {
|
.stack-switcher > button.needs-attention:checked > image {
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
.inline-toolbar button, .inline-toolbar button:backdrop {
|
.inline-toolbar button, .inline-toolbar button:backdrop {
|
||||||
|
margin: 1px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
border-width: 1px; }
|
border-left: 1px solid @bg_bright;
|
||||||
|
border-top: 1px solid @bg_bright;
|
||||||
|
border-bottom: 1px solid @bg_shade;
|
||||||
|
border-right: 1px solid @bg_shade;
|
||||||
|
box-shadow: none; }
|
||||||
|
.inline-toolbar button:active {
|
||||||
|
border-left: 1px solid @bg_dark;
|
||||||
|
border-top: 1px solid @bg_dark;
|
||||||
|
border-bottom: 1px solid @bg_bright;
|
||||||
|
border-right: 1px solid @bg_bright;
|
||||||
|
box-shadow: inset 1px 1px @bg_shade; }
|
||||||
|
.inline-toolbar button:disabled {
|
||||||
|
border-left: 1px solid @bg_shade;
|
||||||
|
border-top: 1px solid @bg_shade;
|
||||||
|
border-bottom: 1px solid @bg_bright;
|
||||||
|
border-right: 1px solid @bg_bright; }
|
||||||
.primary-toolbar button {
|
.primary-toolbar button {
|
||||||
-gtk-icon-shadow: none; }
|
-gtk-icon-shadow: none; }
|
||||||
|
|
||||||
@ -707,78 +725,80 @@ frame {
|
|||||||
box-shadow: inset 1px 1px @bg_dark,
|
box-shadow: inset 1px 1px @bg_dark,
|
||||||
inset -1px -1px @bg_color;
|
inset -1px -1px @bg_color;
|
||||||
background-color: @theme_bg_color; }
|
background-color: @theme_bg_color; }
|
||||||
.frame {
|
|
||||||
background-color: transparent;}
|
|
||||||
frame.border-outset {
|
frame.border-outset {
|
||||||
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
||||||
box-shadow: inset 1px 1px @bg_color,
|
box-shadow: inset 1px 1px @bg_color, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
|
||||||
frame.border-inset {
|
frame.border-inset {
|
||||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||||
box-shadow: inset 1px 1px @bg_dark,
|
box-shadow: inset 1px 1px @bg_dark, inset -1px -1px @bg_color;
|
||||||
inset -1px -1px @bg_color;
|
|
||||||
background-color: @theme_bg_color; }
|
background-color: @theme_bg_color; }
|
||||||
frame > list, frame > .view {
|
frame > list, frame > .view {
|
||||||
margin: -2px; }
|
margin: -2px; }
|
||||||
frame > label {
|
frame > label {
|
||||||
margin-left: 6px; }
|
margin-left: 6px; }
|
||||||
window > frame {
|
|
||||||
border-style: solid;
|
dialog box box notebook stack box frame {
|
||||||
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-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
border-right: 1px solid white;
|
border-right: 1px solid white;
|
||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 1px 1px white,
|
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
dialog box box box notebook stack grid frame {
|
||||||
dialog box box box notebook stack grid frame {
|
|
||||||
border-left: 1px solid @bg_shade;
|
border-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
border-right: 1px solid white;
|
border-right: 1px solid white;
|
||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 1px 1px white,
|
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
|
||||||
viewport.frame > frame, viewport.frame > box > frame {
|
/*viewport.frame > frame, viewport.frame > box > frame {
|
||||||
background-color: @base_color;
|
background-color: @base_color;
|
||||||
color: @font_color; }
|
color: @font_color; }*/
|
||||||
scrolledwindow.frame {
|
|
||||||
|
scrolledwindow.frame {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-left: 1px solid @bg_dark;
|
border-left: 1px solid @bg_dark;
|
||||||
border-top: 1px solid @bg_dark;
|
border-top: 1px solid @bg_dark;
|
||||||
border-right: 1px solid @bg_bright;
|
border-right: 1px solid @bg_bright;
|
||||||
border-bottom: 1px solid @bg_bright;
|
border-bottom: 1px solid @bg_bright;
|
||||||
box-shadow: inset -1px -1px @bg_color,
|
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
|
||||||
inset 1px 1px @bg_shade;
|
|
||||||
margin: 0px; }
|
margin: 0px; }
|
||||||
notebook.frame {
|
|
||||||
|
notebook.frame {
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||||
box-shadow: inset 1px 1px @bg_bright,
|
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||||
inset -1px -1px @bg_shade;
|
|
||||||
border-radius: 0px; }
|
border-radius: 0px; }
|
||||||
notebook stack frame, frame frame {
|
notebook stack frame, frame frame {
|
||||||
border-left: 1px solid @bg_shade;
|
border-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
border-right: 1px solid white;
|
border-right: 1px solid white;
|
||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 1px 1px white,
|
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
notebook scrolledwindow frame {
|
||||||
.osd.frame {
|
background-color: @bg_color; }
|
||||||
|
|
||||||
|
.osd.frame {
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
background-origin: border-box; }
|
background-origin: border-box; }
|
||||||
statusbar frame {
|
|
||||||
|
statusbar frame {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
border-left: 1px solid @bg_shade;
|
border-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
box-shadow: none; }
|
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 *
|
* viewport, iconview, view *
|
||||||
****************************/
|
****************************/
|
||||||
@ -1024,9 +1044,8 @@ paned.vertical > separator {
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: inset 0px 1px @bg_shade;
|
/*box-shadow: inset 0px 1px @bg_shade;*/
|
||||||
margin: 4px;
|
margin: 0px; }
|
||||||
}
|
|
||||||
|
|
||||||
/* GTK has the panes flipped. the .horizontal is ACTUALLY a vertical.*/
|
/* GTK has the panes flipped. the .horizontal is ACTUALLY a vertical.*/
|
||||||
paned.horizontal > separator {
|
paned.horizontal > separator {
|
||||||
@ -1036,9 +1055,8 @@ paned.horizontal > separator {
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: inset 1px 0px @bg_shade;
|
/*box-shadow: inset 1px 0px @bg_shade;*/
|
||||||
margin: 4px;
|
margin: 0px; }
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
toolbar > separator {
|
toolbar > separator {
|
||||||
@ -1122,92 +1140,134 @@ box.vertical.linked > button {
|
|||||||
************/
|
************/
|
||||||
|
|
||||||
combobox {
|
combobox {
|
||||||
margin: -2px; }
|
background-color: @bg_color; }
|
||||||
|
combobox button {
|
||||||
combobox window menu {
|
padding: 2px;
|
||||||
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;
|
margin: 0px;
|
||||||
min-width: 20px;
|
min-width: 16px;
|
||||||
min-height: 20px; }
|
min-height: 16px;
|
||||||
|
outline: none; }
|
||||||
combobox button.combo {
|
combobox button.combo {
|
||||||
margin: 2px; }
|
margin: 2px; }
|
||||||
|
combobox button arrow {
|
||||||
combobox button arrow {
|
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
min-width: 20px;
|
min-width: 16px;
|
||||||
min-height: 20px;
|
min-height: 16px;
|
||||||
border: 1px solid transparent; }
|
border: 1px solid transparent; }
|
||||||
combobox button:disabled arrow {
|
combobox button:disabled arrow {
|
||||||
background-image: url("assets/arrow-down-disabled.png");}
|
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 *
|
||||||
*************/
|
*************/
|
||||||
|
|
||||||
scrollbar button {
|
scrollbar {
|
||||||
margin: 0px;
|
border-top: 0px solid;
|
||||||
padding: 0px;
|
border-bottom: 0px solid;
|
||||||
background-color: @bg_color;
|
border: none;
|
||||||
-gtk-icon-source: none;
|
background-color: @bg_color; }
|
||||||
background-position: center;
|
scrollbar trough {
|
||||||
background-repeat: no-repeat;
|
border: none;
|
||||||
border-width: 0px;
|
border-radius: 0; }
|
||||||
border-style: solid;
|
scrollbar slider {
|
||||||
min-width: 16px;
|
margin-top: 0px;
|
||||||
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;
|
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||||
box-shadow: inset 1px 1px @selected_fg_color,
|
box-shadow: inset 1px 1px @selected_fg_color, inset -1px -1px @bg_shade;
|
||||||
inset -1px -1px @bg_shade;
|
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
min-width: 14px;
|
min-width: 14px;
|
||||||
min-height: 14px;
|
min-height: 14px; }
|
||||||
}
|
/* This is for Libreoffice scrollbar buttons */
|
||||||
|
scrollbar button,
|
||||||
scrollbar {
|
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-width: 16px;
|
||||||
min-height: 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-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;
|
||||||
|
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? */
|
/* where is the junction? in scrollablewindow? doesent exists anymore? */
|
||||||
scrollbar.junction,
|
scrollbar.junction,
|
||||||
@ -1218,124 +1278,47 @@ scrollbar .junction {
|
|||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Vertical scrollbar button icons */
|
||||||
scrollbar.vertical button.up,
|
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 {
|
scrollbar .button.vertical.top {
|
||||||
background-image: url("scrollbar/stepper-up.png");
|
background-image: url("scrollbar/stepper-up.png"); }
|
||||||
}
|
scrollbar.vertical button.up:active,
|
||||||
|
scrollbar .button.vertical.top:active {
|
||||||
scrollbar .button.vertical.top:active {
|
background-image: url("scrollbar/stepper-up-active.png"); }
|
||||||
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 .button.vertical.top:disabled {
|
scrollbar.vertical button.down,
|
||||||
background-image: url("scrollbar/stepper-up-insense.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
scrollbar .button.vertical.bottom {
|
scrollbar .button.vertical.bottom {
|
||||||
background-image: url("scrollbar/stepper-down.png");
|
background-image: url("scrollbar/stepper-down.png"); }
|
||||||
}
|
scrollbar.vertical button.down:active,
|
||||||
|
scrollbar .button.vertical.bottom:active {
|
||||||
scrollbar .button.vertical.bottom:active {
|
background-image: url("scrollbar/stepper-down-active.png"); }
|
||||||
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");}
|
||||||
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 {
|
scrollbar .button.horizontal.left {
|
||||||
background-image: url("scrollbar/stepper-left.png");
|
background-image: url("scrollbar/stepper-left.png"); }
|
||||||
}
|
scrollbar.horizontal button.up:active,
|
||||||
|
scrollbar .button.horizontal.left:active {
|
||||||
scrollbar .button.horizontal.left:active {
|
background-image: url("scrollbar/stepper-left-active.png"); }
|
||||||
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 .button.horizontal.left:disabled {
|
scrollbar.horizontal button.down,
|
||||||
background-image: url("scrollbar/stepper-left-insense.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
scrollbar .button.horizontal.right {
|
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 *
|
* assistant *
|
||||||
@ -1400,8 +1383,10 @@ calendar.header {
|
|||||||
|
|
||||||
expander arrow {
|
expander arrow {
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
min-height: 16px;
|
min-height: 16px; }
|
||||||
}
|
|
||||||
|
treeview.view.expander {
|
||||||
|
-gtk-icon-transform: scale(1.7); } /* NOTE: This is specific for GTK3.22! */
|
||||||
|
|
||||||
/************
|
/************
|
||||||
* iconview *
|
* iconview *
|
||||||
@ -1510,7 +1495,7 @@ menubar,
|
|||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 0 -1px @selected_inactive_bg_color;
|
box-shadow: inset 0 -1px @selected_inactive_bg_color;
|
||||||
-GtkWidget-window-dragging: true;
|
-GtkWidget-window-dragging: true;
|
||||||
}
|
background-color: @bg_color; }
|
||||||
|
|
||||||
|
|
||||||
/***************
|
/***************
|
||||||
@ -1533,6 +1518,12 @@ menu menuitem {
|
|||||||
background-color: @menu_bg_color;
|
background-color: @menu_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* we dont want any extra padding in those */
|
||||||
|
menuitem > window,
|
||||||
|
window > menu {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
menuitem:active,
|
menuitem:active,
|
||||||
menuitem:hover {
|
menuitem:hover {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
@ -1688,6 +1679,9 @@ tabs arrow.up {
|
|||||||
background-position: 5px 10px;
|
background-position: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#gtk-combobox-popup-menu arrow {
|
||||||
|
-gtk-icon-source: none; }
|
||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
* slider / switch *
|
* slider / switch *
|
||||||
*******************/
|
*******************/
|
||||||
@ -2308,32 +2302,45 @@ GtkSidebarRow .sidebar-label:dir(rtl) {
|
|||||||
* spinbutton *
|
* spinbutton *
|
||||||
**************/
|
**************/
|
||||||
|
|
||||||
spinbutton.horizontal button {
|
spinbutton:not(.vertical) {
|
||||||
padding: 0px;
|
min-height: 16px;
|
||||||
margin-top: 2px;
|
border: 1px solid @bg_shade;
|
||||||
margin-bottom: 2px;
|
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-height: 16px;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
}
|
margin-right: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
spinbutton.horizontal entry {
|
margin-bottom: -1px;
|
||||||
margin: 2px;
|
padding-bottom: 0px;
|
||||||
min-width: 35px;
|
padding-top: 0;
|
||||||
min-height: 16px;
|
background-image: none;
|
||||||
}
|
/*border-style: none none none solid;*/
|
||||||
|
border-left: 1px solid @bg_shade;
|
||||||
spinbutton.vertical button {
|
border-top: 1px solid @bg_shade;
|
||||||
margin: 1px;
|
border-right: 1px solid @bg_shade;
|
||||||
min-height: 16px;
|
border-bottom: 1px solid black;
|
||||||
min-width: 16px;
|
border-radius: 0px;
|
||||||
padding: 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 {
|
||||||
spinbutton.vertical entry {
|
color: @bg_dark;
|
||||||
min-width: 16px;
|
background-color: rgba(192, 192, 192, 0.05); }
|
||||||
min-height: 16px;
|
spinbutton:not(.vertical) button:active {
|
||||||
padding: 2px;
|
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 *
|
* switch *
|
||||||
@ -2509,6 +2516,11 @@ border-bottom: none;
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
overlay frame {
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* toolitem box button */
|
/* toolitem box button */
|
||||||
toolitem button {
|
toolitem button {
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
@ -2577,7 +2589,7 @@ toolbar {
|
|||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
border-color: @bg_color @bg_color @bg_bright @bg_color;
|
border-color: @bg_color @bg_color @bg_bright @bg_color;
|
||||||
box-shadow: inset 0px -1px @bg_shade;
|
box-shadow: inset 0px -1px @bg_shade;
|
||||||
}
|
background-color: @bg_color; }
|
||||||
|
|
||||||
toolbar button {
|
toolbar button {
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
@ -2586,7 +2598,7 @@ toolbar button {
|
|||||||
padding: 2px;
|
padding: 2px;
|
||||||
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
||||||
box-shadow: inset -1px -1px @bg_shade; }
|
box-shadow: inset -1px -1px @bg_shade; }
|
||||||
toolbar button:disabled {
|
toolbar > toolbutton > button:disabled {
|
||||||
background-color: @border_bright;
|
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-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-size: 2px 2px;
|
||||||
@ -2632,88 +2644,96 @@ window.ssd .titlebar:backdrop {
|
|||||||
background-color: @selected_inactive_bg_color;
|
background-color: @selected_inactive_bg_color;
|
||||||
color: @selected_inactive_fg_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{
|
/* 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;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
color: @selected_fg_color;
|
color: @selected_fg_color; }
|
||||||
}
|
window.ssd .titlebar label:backdrop,
|
||||||
|
window.ssd .titlebar:backdrop label{
|
||||||
|
color: @selected_inactive_fg_color; }
|
||||||
|
|
||||||
window.ssd .titlebar label:backdrop,
|
window.csd tooltip {
|
||||||
window.ssd .titlebar:backdrop label{
|
border-radius: 0;
|
||||||
color: @selected_inactive_fg_color;
|
border: 0 none @border_dark;
|
||||||
}
|
box-shadow: none; }
|
||||||
|
|
||||||
headerbar,
|
headerbar,
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
margin: 0px;
|
|
||||||
background-color: @selected_bg_color;
|
background-color: @selected_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
headerbar:backdrop,
|
||||||
|
.titlebar:backdrop {
|
||||||
headerbar:backdrop,
|
|
||||||
.titlebar:backdrop {
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @selected_inactive_bg_color;
|
background-color: @selected_inactive_bg_color; }
|
||||||
}
|
headerbar > label,
|
||||||
|
.titlebar > label,
|
||||||
headerbar > label,
|
headerbar > box > label,
|
||||||
.titlebar > label,
|
.titlebar > box > label {
|
||||||
headerbar > box > label,
|
|
||||||
.titlebar > box > label {
|
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
color: @selected_fg_color;
|
color: @selected_fg_color; }
|
||||||
}
|
headerbar:backdrop > label,
|
||||||
|
.titlebar:backdrop > label,
|
||||||
headerbar:backdrop > label,
|
headerbar:backdrop > box > label,
|
||||||
.titlebar:backdrop > label,
|
.titlebar:backdrop > box > label {
|
||||||
headerbar:backdrop > box > label,
|
color: @selected_inactive_fg_color; }
|
||||||
.titlebar:backdrop > box > label {
|
headerbar entry {
|
||||||
color: @selected_inactive_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
headerbar entry {
|
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
padding-bottom: 1px;
|
padding-bottom: 1px; }
|
||||||
}
|
headerbar button:not(.titlebutton) > image {
|
||||||
|
border: solid 1px;
|
||||||
/* we dont want any extra padding in those */
|
border-color: transparent;
|
||||||
menuitem > window,
|
padding-left: 3px;
|
||||||
window > menu {
|
padding-right: 3px;
|
||||||
padding: 0px;
|
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 {
|
.titlebar button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 16px;
|
min-width: 16px; }
|
||||||
}
|
.titlebar button label {
|
||||||
|
|
||||||
.titlebar button label {
|
|
||||||
padding-left: 4px;
|
padding-left: 4px;
|
||||||
padding-right: 4px;
|
padding-right: 4px; }
|
||||||
}
|
/* The following button definitions allows us to have slim buttons on
|
||||||
|
|
||||||
/* following button definitions allows us to have slim buttons on
|
|
||||||
* headerbars with no big elements while still maintaining a good
|
* headerbars with no big elements while still maintaining a good
|
||||||
* looking headerbar with big elements */
|
* looking headerbar with big elements */
|
||||||
.titlebar button:not(.titlebutton) {
|
.titlebar button:not(.titlebutton) {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
padding-left: 1px;
|
padding-left: 1px;
|
||||||
@ -2721,60 +2741,21 @@ window > menu {
|
|||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 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.csd tooltip {
|
|
||||||
border-radius: 0;
|
|
||||||
border: 0 none @border_dark;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.maximized > decoration,
|
|
||||||
window.maximized,
|
|
||||||
window.tiled {
|
|
||||||
border: 0px;
|
|
||||||
box-shadow: none;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.ssd.maximized headerbar,
|
window.ssd.maximized headerbar,
|
||||||
window.ssd.maximized .titlebar {
|
window.ssd.maximized .titlebar {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
border-bottom: 1px solid transparent;
|
border-bottom: 1px solid transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin: 0px;
|
margin: 0px; }
|
||||||
}
|
|
||||||
|
.maximized > decoration,
|
||||||
|
window.maximized,
|
||||||
|
window.tiled {
|
||||||
|
border: 0px;
|
||||||
|
box-shadow: none;
|
||||||
|
margin: 0px; }
|
||||||
|
|
||||||
.tiled headerbar,
|
.tiled headerbar,
|
||||||
.maximized headerbar,
|
.maximized headerbar,
|
||||||
@ -2782,8 +2763,12 @@ window.ssd.maximized .titlebar {
|
|||||||
.maximized .titlebar {
|
.maximized .titlebar {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0; }
|
||||||
}
|
|
||||||
|
/* Removed the frame seen in Lireoffice. */
|
||||||
|
window > grid > grid > scrolledwindow {
|
||||||
|
border: none;
|
||||||
|
box-shadow: none; }
|
||||||
|
|
||||||
/******************
|
/******************
|
||||||
* window buttons *
|
* window buttons *
|
||||||
|
@ -1,11 +1,10 @@
|
|||||||
/*# name: Chicago95
|
/*# name: Chicago95
|
||||||
# author: Grassmunk
|
# author: Grassmunk
|
||||||
# author: AdrianoML (rewrite/gtk 3.22 update)
|
# 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
|
# date: February 7th, 2018
|
||||||
# description: A Windows 95 classic theme for XFCE4. */
|
# 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 */
|
/* 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 */
|
/* default color scheme */
|
||||||
@ -98,8 +97,9 @@
|
|||||||
/*Progressbar bg color*/
|
/*Progressbar bg color*/
|
||||||
@define-color progressbar_color @selected_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;
|
@define-color whisker_button_text black;
|
||||||
|
#whiskermenu-button label {font-size: 11px;}
|
||||||
|
|
||||||
@import url("gtk-widgets.css");
|
@import url("gtk-widgets.css");
|
||||||
@import url("apps/xfce.css");
|
@import url("apps/xfce.css");
|
||||||
|
BIN
Theme/Chicago95/gtk-3.0/scrollbar/scrollbar_button.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
Theme/Chicago95/gtk-3.0/scrollbar/scrollbar_button_disabled.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
78
Theme/Chicago95/gtk-3.24/apps/filechooser.css
Executable file → Normal file
@ -1,61 +1,10 @@
|
|||||||
/* File Chooser */
|
/* File Chooser */
|
||||||
|
|
||||||
/* The commented out section below should not be required anymore, but I'm keeping it around for a little while.*/
|
/* 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 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. */
|
|
||||||
/*filechooser treeview:focus {
|
/*filechooser treeview:focus {
|
||||||
outline: 1px solid @bg_dark;
|
outline: 1px solid @bg_dark;
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
-gtk-outline-radius: 0px
|
-gtk-outline-radius: 0px; }*/
|
||||||
}*/
|
|
||||||
|
|
||||||
filechooser treeview:selected {
|
filechooser treeview:selected {
|
||||||
outline: 1px dotted @bg_bright;
|
outline: 1px dotted @bg_bright;
|
||||||
@ -68,8 +17,16 @@ filechooser .sidebar-row:focus {
|
|||||||
-gtk-outline-radius: 0px }
|
-gtk-outline-radius: 0px }
|
||||||
|
|
||||||
filechooser .sidebar-row:selected:backdrop {
|
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*/
|
/* Adjust stack buttons*/
|
||||||
filechooser revealer > box > stack {
|
filechooser revealer > box > stack {
|
||||||
@ -79,7 +36,8 @@ filechooser revealer > box > stack {
|
|||||||
border-bottom: 1px solid @bg_bright;
|
border-bottom: 1px solid @bg_bright;
|
||||||
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||||
padding: 0px;}
|
padding: 0px;}
|
||||||
filechooser revealer > box > stack button {
|
filechooser revealer > box > stack button,
|
||||||
|
filechooser revealer > box > stack button:backdrop {
|
||||||
border-left: 1px solid @bg_bright;
|
border-left: 1px solid @bg_bright;
|
||||||
border-top: 1px solid @bg_bright;
|
border-top: 1px solid @bg_bright;
|
||||||
border-right: 1px solid @bg_shade;
|
border-right: 1px solid @bg_shade;
|
||||||
@ -99,5 +57,5 @@ filechooser revealer > box > stack {
|
|||||||
padding-left: 1px;
|
padding-left: 1px;
|
||||||
padding-right: 1px; }
|
padding-right: 1px; }
|
||||||
filechooser revealer > box > stack button label {
|
filechooser revealer > box > stack button label {
|
||||||
padding-left: 1px;
|
padding-left: 0px;
|
||||||
padding-right: 1px; }
|
padding-right: 0px; }
|
||||||
|
109
Theme/Chicago95/gtk-3.24/apps/lightdm-gtk-greeter.css
Executable file → Normal file
@ -2,47 +2,32 @@
|
|||||||
* panel *
|
* panel *
|
||||||
*********/
|
*********/
|
||||||
#panel_window {
|
#panel_window {
|
||||||
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: white;
|
color: white;
|
||||||
font: bold;
|
font: bold; }
|
||||||
}
|
#panel_window .menubar,
|
||||||
|
#panel_window .menubar > .menuitem {
|
||||||
#panel_window .menubar,
|
|
||||||
#panel_window .menubar > .menuitem {
|
|
||||||
background-color: #c0c0c0;
|
background-color: #c0c0c0;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: black;
|
color: black; }
|
||||||
|
#panel_window .menubar > .menuitem:hover {
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem:hover {
|
|
||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: #000080;
|
background-color: #000080;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: white;
|
color: white; }
|
||||||
}
|
#panel_window .menubar > .menuitem *:hover {
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem *:hover {
|
|
||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: #000080;
|
background-color: #000080;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: white;
|
color: white; }
|
||||||
}
|
#panel_window .menubar > .menuitem:insensitive {
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem:insensitive {
|
|
||||||
color: #808080;
|
color: #808080;
|
||||||
text-shadow: 1px 1px 0 white;
|
text-shadow: 1px 1px 0 white; }
|
||||||
}
|
#panel_window .menubar .menu {
|
||||||
|
border-radius: 1px; }
|
||||||
#panel_window .menubar .menu {
|
#panel_window .menubar .menu .menuitem {
|
||||||
border-radius: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar .menu .menuitem {
|
|
||||||
font: normal;
|
font: normal;
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
/****************
|
/****************
|
||||||
* login window *
|
* login window *
|
||||||
@ -54,21 +39,17 @@
|
|||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: @lightdm_bg_color;
|
background-color: @lightdm_bg_color;
|
||||||
color: @lightdm_fg_color;
|
color: @lightdm_fg_color;
|
||||||
|
|
||||||
/* draw border using box-shadow */
|
/* draw border using box-shadow */
|
||||||
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
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 -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),
|
||||||
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 {
|
#content_frame {
|
||||||
padding-bottom: 14px;
|
padding-bottom: 14px; }
|
||||||
}
|
|
||||||
|
|
||||||
#login_window .menu {
|
#login_window .menu {
|
||||||
border-radius: 1px;
|
border-radius: 1px; }
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
#login_window GtkComboBox .button,
|
#login_window GtkComboBox .button,
|
||||||
@ -117,21 +98,15 @@
|
|||||||
background-color: shade(@lightdm_bg_color, 0.9);
|
background-color: shade(@lightdm_bg_color, 0.9);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @lightdm_fg_color;
|
color: @lightdm_fg_color;
|
||||||
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
transition: all 150ms ease-out;
|
transition: all 150ms ease-out; }
|
||||||
}
|
#login_window .entry:focus,
|
||||||
|
#login_window .entry:hover {
|
||||||
#login_window .entry:focus,
|
|
||||||
#login_window .entry:hover {
|
|
||||||
border-color: shade(@lightdm_bg_color, 0.7);
|
border-color: shade(@lightdm_bg_color, 0.7);
|
||||||
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
||||||
inset 0 1px alpha(@dark_shadow, 0.12),
|
inset 0 1px alpha(@dark_shadow, 0.12),
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.10),
|
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,
|
#login_window .button,
|
||||||
#shutdown_dialog .button,
|
#shutdown_dialog .button,
|
||||||
#restart_dialog .button {
|
#restart_dialog .button {
|
||||||
@ -143,31 +118,25 @@
|
|||||||
background-color: shade(@lightdm_bg_color, 1.08);
|
background-color: shade(@lightdm_bg_color, 1.08);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @lightdm_fg_color;
|
color: @lightdm_fg_color;
|
||||||
|
transition: all 150ms ease-out; }
|
||||||
transition: all 150ms ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
#user_image {
|
#user_image {
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
/* draw border using box-shadow */
|
/* draw border using box-shadow */
|
||||||
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
||||||
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),
|
||||||
inset 0 -1px shade(@lightdm_bg_color, 0.7);
|
inset 0 -1px shade(@lightdm_bg_color, 0.7); }
|
||||||
}
|
|
||||||
|
|
||||||
#user_image_border {
|
#user_image_border {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: shade(@lightdm_bg_color, 0.9);
|
background-color: shade(@lightdm_bg_color, 0.9);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
inset -1px 0 alpha(@dark_shadow, 0.07),
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
inset 0 -1px alpha(@dark_shadow, 0.05); }
|
||||||
}
|
|
||||||
|
|
||||||
#buttonbox_frame {
|
#buttonbox_frame {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
@ -177,12 +146,12 @@
|
|||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
box-shadow: none;
|
box-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
/******************************
|
/******************************
|
||||||
* default and focused button *
|
* default and focused button *
|
||||||
******************************
|
******************************/
|
||||||
|
/*
|
||||||
#login_window .button.default,
|
#login_window .button.default,
|
||||||
#shutdown_dialog .button.default,
|
#shutdown_dialog .button.default,
|
||||||
#restart_dialog .button.default,
|
#restart_dialog .button.default,
|
||||||
@ -213,45 +182,41 @@
|
|||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
* shutdown button *
|
* shutdown button *
|
||||||
*******************
|
*******************/
|
||||||
|
/*
|
||||||
#shutdown_button.button {
|
#shutdown_button.button {
|
||||||
border-color: shade(@error_bg_color, 0.8);
|
border-color: shade(@error_bg_color, 0.8);
|
||||||
background-color: shade(@error_bg_color, 1.08);
|
background-color: shade(@error_bg_color, 1.08);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @error_fg_color;
|
color: @error_fg_color; }
|
||||||
}
|
|
||||||
|
|
||||||
#shutdown_button.button:hover,
|
#shutdown_button.button:hover,
|
||||||
#shutdown_button.button:active,
|
#shutdown_button.button:active,
|
||||||
#shutdown_button.button:active:hover {
|
#shutdown_button.button:active:hover {
|
||||||
border-color: shade(@error_bg_color, 0.7);
|
border-color: shade(@error_bg_color, 0.7);
|
||||||
background-color: @error_bg_color;
|
background-color: @error_bg_color; } */
|
||||||
} */
|
|
||||||
|
|
||||||
/******************
|
/******************
|
||||||
* restart button *
|
* restart button *
|
||||||
******************
|
******************/
|
||||||
|
/*
|
||||||
#restart_button.button {
|
#restart_button.button {
|
||||||
border-color: shade(@warning_bg_color, 0.8);
|
border-color: shade(@warning_bg_color, 0.8);
|
||||||
background-color: shade(@warning_bg_color, 1.08);
|
background-color: shade(@warning_bg_color, 1.08);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @warning_fg_color;
|
color: @warning_fg_color; }
|
||||||
}
|
|
||||||
|
|
||||||
#restart_button.button:hover,
|
#restart_button.button:hover,
|
||||||
#restart_button.button:active,
|
#restart_button.button:active,
|
||||||
#restart_button.button:active:hover {
|
#restart_button.button:active:hover {
|
||||||
border-color: shade(@warning_bg_color, 0.7);
|
border-color: shade(@warning_bg_color, 0.7);
|
||||||
background-color: @warning_bg_color;
|
background-color: @warning_bg_color; } */
|
||||||
} */
|
|
||||||
|
|
||||||
/********************
|
/********************
|
||||||
* password warning *
|
* password warning *
|
||||||
********************/
|
********************/
|
||||||
#greeter_infobar {
|
#greeter_infobar {
|
||||||
font: bold;
|
font: bold; }
|
||||||
}
|
|
||||||
|
|
||||||
#window {
|
#window {
|
||||||
border: 2px solid red;
|
border: 2px solid red; }
|
||||||
}
|
|
||||||
|
@ -10,6 +10,14 @@
|
|||||||
box-shadow: inset 1px 1px @bg_bright,
|
box-shadow: inset 1px 1px @bg_bright,
|
||||||
inset -1px -1px @bg_shade;
|
inset -1px -1px @bg_shade;
|
||||||
border-radius: 0px; }
|
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 {
|
#clock-applet-button {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
@ -31,35 +39,19 @@ PanelApplet .button {
|
|||||||
background-color: red;
|
background-color: red;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: 5px;
|
margin: 5px; }
|
||||||
}
|
|
||||||
|
|
||||||
/* Looks like there's a theme override built into the panelbar, otherwise this would have worked... */
|
/* Looks like there's a theme override built into the panelbar, otherwise this would have worked... */
|
||||||
#tasklist-button {
|
#tasklist-button {
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-right: 2px;
|
margin-right: 2px; }
|
||||||
}
|
|
||||||
|
|
||||||
#showdesktop-button {
|
#showdesktop-button {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
box-shadow: none;
|
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.caja-desktop-window grid scrolledwindow {
|
.caja-desktop-window grid scrolledwindow {
|
||||||
background: none;
|
background: none; }
|
||||||
}
|
|
||||||
/*
|
/*
|
||||||
.gnome-panel-menu-bar,
|
.gnome-panel-menu-bar,
|
||||||
PanelApplet > GtkMenuBar.menubar,
|
PanelApplet > GtkMenuBar.menubar,
|
||||||
@ -69,57 +61,46 @@ PanelAppletFrame,
|
|||||||
PanelApplet {
|
PanelApplet {
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @text_color;
|
color: @text_color; }
|
||||||
}
|
|
||||||
|
|
||||||
ClockBox,
|
ClockBox,
|
||||||
.gnome-panel-menu-bar.menubar,
|
.gnome-panel-menu-bar.menubar,
|
||||||
PanelApplet > GtkMenuBar.menubar {
|
PanelApplet > GtkMenuBar.menubar {
|
||||||
font: bold;
|
font: bold; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar.menubar .menuitem *:hover,
|
.gnome-panel-menu-bar.menubar .menuitem *:hover,
|
||||||
PanelApplet > GtkMenuBar.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,
|
.gnome-panel-menu-bar.menubar .menu,
|
||||||
PanelApplet > GtkMenuBar.menubar .menu {
|
PanelApplet > GtkMenuBar.menubar .menu {
|
||||||
font: regular;
|
font: regular; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar.menubar .menu *:hover,
|
.gnome-panel-menu-bar.menubar .menu *:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menu *:hover {
|
PanelApplet > GtkMenuBar.menubar .menu *:hover {
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar .menuitem:hover,
|
.gnome-panel-menu-bar .menuitem:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menuitem:hover,
|
PanelApplet > GtkMenuBar.menubar .menuitem:hover,
|
||||||
.gnome-panel-menu-bar .menuitem *:hover,
|
.gnome-panel-menu-bar .menuitem *:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||||
background-color: @selected_bg_color;
|
background-color: @selected_bg_color;
|
||||||
color: @font_bright;
|
color: @font_bright; }
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar .menuitem *:hover,
|
.gnome-panel-menu-bar .menuitem *:hover,
|
||||||
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
|
||||||
color: @font_bright;
|
color: @font_bright; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button,
|
PanelApplet .button,
|
||||||
PanelApplet .button:hover {
|
PanelApplet .button:hover {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
|
|
||||||
border-image: none;
|
border-image: none;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
|
|
||||||
color: @text_color;
|
color: @text_color;
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button:active:hover,
|
PanelApplet .button:active:hover,
|
||||||
PanelApplet .button:active {
|
PanelApplet .button:active {
|
||||||
@ -127,25 +108,19 @@ PanelApplet .button:active {
|
|||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
border-radius: 0;
|
border-radius: 0; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet *:hover {
|
PanelApplet *:hover {
|
||||||
color: @text_color;
|
color: @text_color; }
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet *:active,
|
PanelApplet *:active,
|
||||||
PanelApplet *:hover:active {
|
PanelApplet *:hover:active {
|
||||||
color: @text_color;
|
color: @text_color; }
|
||||||
}
|
|
||||||
|
|
||||||
WnckPager {
|
WnckPager {
|
||||||
background-color: @bg_color;
|
background-color: @bg_color; }
|
||||||
}
|
|
||||||
|
|
||||||
NaTrayApplet {
|
NaTrayApplet {
|
||||||
-NaTrayApplet-icon-padding: 12;
|
-NaTrayApplet-icon-padding: 12;
|
||||||
-NaTrayApplet-icon-size: 16;
|
-NaTrayApplet-icon-size: 16; }
|
||||||
}
|
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
3
Theme/Chicago95/gtk-3.24/apps/synaptic.css
Executable file → Normal file
@ -7,5 +7,4 @@ GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
|
|||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: @toolbar_bg_color;
|
background-color: @toolbar_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @toolbar_fg_color;
|
color: @toolbar_fg_color; }
|
||||||
}
|
|
||||||
|
@ -7,11 +7,21 @@
|
|||||||
border-right: 1px solid @bg_bright;
|
border-right: 1px solid @bg_bright;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
.thunar paned scrolledwindow {
|
/*.thunar grid grid scrolledwindow .view { background-color: transparent; }*/
|
||||||
border-right: 1px solid @bg_bright; }
|
|
||||||
.thunar paned .view:focus {
|
.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; }
|
outline-color: white; }
|
||||||
|
|
||||||
|
.thunar grid grid scrolledwindow {
|
||||||
|
padding-left: 1px; }
|
||||||
|
|
||||||
.thunar notebook tab {
|
.thunar notebook tab {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
@ -52,6 +62,9 @@
|
|||||||
border-right: 1px solid @bg_bright;
|
border-right: 1px solid @bg_bright;
|
||||||
box-shadow: inset 1px 1px @bg_shade; }
|
box-shadow: inset 1px 1px @bg_shade; }
|
||||||
|
|
||||||
|
.thunar toolbar toolitem entry image.left {
|
||||||
|
margin-right: 4px; }
|
||||||
|
|
||||||
.thunar #main-menu {
|
.thunar #main-menu {
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
box-shadow: inset 0px 1px @bg_bright, inset -1px -1px @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;
|
box-shadow: inset 1px 0px @bg_bright;
|
||||||
min-width: 21px;
|
min-width: 21px;
|
||||||
min-height: 17px;
|
min-height: 17px;
|
||||||
background-image: url("../assets/status_badge_msw.png");
|
background-image: url("../assets/status_badge_c95.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: 21px 17px;
|
background-size: 21px 17px;
|
||||||
|
@ -1,12 +1,18 @@
|
|||||||
/* 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;
|
border: none;
|
||||||
/*box-shadow: inset 0px 1px white;*/
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
#whiskermenu-button box {
|
#whiskermenu-button box,
|
||||||
|
#applicationmenu-button box {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
border-top: 1px solid @bg_bright;
|
border-top: 1px solid @bg_bright;
|
||||||
@ -16,7 +22,9 @@
|
|||||||
box-shadow: inset -1px -1px @bg_shade;
|
box-shadow: inset -1px -1px @bg_shade;
|
||||||
background-color: @bg_color; }
|
background-color: @bg_color; }
|
||||||
#whiskermenu-button:active box,
|
#whiskermenu-button:active box,
|
||||||
#whiskermenu-button:checked box {
|
#whiskermenu-button:checked box,
|
||||||
|
#applicationmenu-button:active box,
|
||||||
|
#applicationmenu-button:checked box {
|
||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
padding-right: 1px;
|
padding-right: 1px;
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
@ -26,17 +34,16 @@
|
|||||||
border-left: 1px solid @bg_dark;
|
border-left: 1px solid @bg_dark;
|
||||||
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
|
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
|
||||||
border-radius: 0px; }
|
border-radius: 0px; }
|
||||||
#whiskermenu-button image {
|
#whiskermenu-button image,
|
||||||
margin-right: -4px;
|
#applicationmenu-button image {
|
||||||
margin-left: 1px;
|
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
|
margin-right: -2px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-position: center; }
|
background-position: center; }
|
||||||
#whiskermenu-button label {
|
#whiskermenu-button label,
|
||||||
padding: 0px;
|
#applicationmenu-button label {
|
||||||
margin-right: 1px;
|
padding: 1px;
|
||||||
margin-left: -1px;
|
|
||||||
border: none;
|
border: none;
|
||||||
color: black;
|
color: black;
|
||||||
font-family: "MS Sans Serif Bold", Sans, Sans-Serif;
|
font-family: "MS Sans Serif Bold", Sans, Sans-Serif;
|
||||||
@ -60,18 +67,46 @@
|
|||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
#whiskermenu-window separator {
|
#whiskermenu-window separator {
|
||||||
margin: 5px; }
|
margin: 5px; }
|
||||||
|
#whiskermenu-window scrolledwindow {
|
||||||
|
border: 1px solid @bg_shade;
|
||||||
|
box-shadow: none;
|
||||||
|
padding: 0px; }
|
||||||
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow {
|
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 1px solid;
|
border-top: 1px solid transparent;
|
||||||
background-color: transparent;
|
border-right: 1px solid transparent;
|
||||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
border-bottom: 1px solid transparent;
|
||||||
box-shadow: inset 1px 1px @bg_bright,
|
border-left: 1px solid @bg_shade;
|
||||||
inset -1px -1px @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 {
|
#whiskermenu-window frame > box > box > box button image {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
#whiskermenu-window entry {
|
#whiskermenu-window entry {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
min-height: 16px; }
|
min-height: 16px;
|
||||||
|
border: 1px solid @bg_shade;
|
||||||
|
box-shadow: none; }
|
||||||
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
|
#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 {
|
XfdesktopIconView.view {
|
||||||
background: @xfd_icon_backdrop;
|
background: @xfd_icon_backdrop;
|
||||||
@ -14,20 +16,31 @@ XfdesktopIconView.view {
|
|||||||
background: rgba(0,0,50.2,0.5);
|
background: rgba(0,0,50.2,0.5);
|
||||||
border-radius: 0px; }
|
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.*/
|
* XFCE Panel Bar *
|
||||||
.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-panel {
|
||||||
#xfce4-notification-plugin,
|
box-shadow: none;
|
||||||
#pulseaudio-button,
|
border: none; }
|
||||||
#xfce4-power-manager-plugin {
|
/* 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;
|
padding: 0px;
|
||||||
border: transparent;
|
border: transparent;
|
||||||
/*box-shadow: inset 0px 1px white;*/
|
/*box-shadow: inset 0px 1px white;*/
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
color: @panel_fg_color;
|
color: @panel_fg_color;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
|
#indicator-button:hover,
|
||||||
|
#indicator-button:active,
|
||||||
|
#indicator-button:checked,
|
||||||
.xfce4-panel .flat:not(.toggle):hover,
|
.xfce4-panel .flat:not(.toggle):hover,
|
||||||
.xfce4-panel .flat:not(.toggle):active,
|
.xfce4-panel .flat:not(.toggle):active,
|
||||||
.xfce4-panel .flat:not(.toggle):checked,
|
.xfce4-panel .flat:not(.toggle):checked,
|
||||||
@ -47,15 +60,23 @@ XfdesktopIconView.view {
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
color: @panel_fg_color_bright;
|
color: @panel_fg_color_bright;
|
||||||
background-color: @selected_bg_color; }
|
background-color: @selected_bg_color; }
|
||||||
#xfce4-power-manager-plugin {
|
#showdesktop-button:checked {
|
||||||
margin-bottom: -2px; }
|
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 {
|
#clock-button {
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_bright;
|
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_bright;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
|
#clock-button label {
|
||||||
|
padding: 2px; }
|
||||||
|
|
||||||
|
/* Workspace switcher */
|
||||||
wnck-pager {
|
wnck-pager {
|
||||||
color: white; }
|
color: white; }
|
||||||
wnck-pager:selected {
|
wnck-pager:selected {
|
||||||
@ -71,12 +92,21 @@ wnck-pager {
|
|||||||
margin: 0px;
|
margin: 0px;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
.tasklist .toggle box {
|
.tasklist .toggle box {
|
||||||
|
transition: 0s font-weight, border-left, border-right, border-top, border-bottom, box-shadow;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
border-left: 1px solid @bg_bright;
|
border-left: 1px solid @bg_bright;
|
||||||
border-top: 1px solid @bg_bright;
|
border-top: 1px solid @bg_bright;
|
||||||
border-right: 1px solid @bg_dark;
|
border-right: 1px solid @bg_dark;
|
||||||
border-bottom: 1px solid @bg_dark;
|
border-bottom: 1px solid @bg_dark;
|
||||||
box-shadow: inset -1px -1px @bg_shade; }
|
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 {
|
.tasklist .toggle:checked box {
|
||||||
/*font-family: "NotoSans-Bold";*/
|
/*font-family: "NotoSans-Bold";*/
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
BIN
Theme/Chicago95/gtk-3.24/assets/arrow-down_test.png
Normal file
After Width: | Height: | Size: 898 B |
BIN
Theme/Chicago95/gtk-3.24/assets/status_badge_c95.png
Normal file
After Width: | Height: | Size: 9.0 KiB |
@ -30,7 +30,7 @@
|
|||||||
|
|
||||||
.background {
|
.background {
|
||||||
background-color: @theme_bg_color;
|
background-color: @theme_bg_color;
|
||||||
color: @theme_fg_color;}
|
color: @theme_fg_color; }
|
||||||
|
|
||||||
iconview:selected,
|
iconview:selected,
|
||||||
/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */
|
/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */
|
||||||
@ -70,13 +70,15 @@ image:disabled,
|
|||||||
label,
|
label,
|
||||||
label:disabled,
|
label:disabled,
|
||||||
box,
|
box,
|
||||||
box:disabled,
|
box:disabled {
|
||||||
grid,
|
|
||||||
grid:disabled {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
min-width: 0px;
|
min-width: 0px;
|
||||||
min-height: 0px; }
|
min-height: 0px; }
|
||||||
|
|
||||||
|
grid,
|
||||||
|
grid:disabled {
|
||||||
|
background-color: @bg_color; }
|
||||||
|
|
||||||
stepper,
|
stepper,
|
||||||
.stepper {
|
.stepper {
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
@ -723,78 +725,80 @@ frame {
|
|||||||
box-shadow: inset 1px 1px @bg_dark,
|
box-shadow: inset 1px 1px @bg_dark,
|
||||||
inset -1px -1px @bg_color;
|
inset -1px -1px @bg_color;
|
||||||
background-color: @theme_bg_color; }
|
background-color: @theme_bg_color; }
|
||||||
.frame {
|
|
||||||
background-color: transparent;}
|
|
||||||
frame.border-outset {
|
frame.border-outset {
|
||||||
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
||||||
box-shadow: inset 1px 1px @bg_color,
|
box-shadow: inset 1px 1px @bg_color, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
|
||||||
frame.border-inset {
|
frame.border-inset {
|
||||||
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
|
||||||
box-shadow: inset 1px 1px @bg_dark,
|
box-shadow: inset 1px 1px @bg_dark, inset -1px -1px @bg_color;
|
||||||
inset -1px -1px @bg_color;
|
|
||||||
background-color: @theme_bg_color; }
|
background-color: @theme_bg_color; }
|
||||||
frame > list, frame > .view {
|
frame > list, frame > .view {
|
||||||
margin: -2px; }
|
margin: -2px; }
|
||||||
frame > label {
|
frame > label {
|
||||||
margin-left: 6px; }
|
margin-left: 6px; }
|
||||||
window > frame {
|
|
||||||
border-style: solid;
|
dialog box box notebook stack box frame {
|
||||||
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-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
border-right: 1px solid white;
|
border-right: 1px solid white;
|
||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 1px 1px white,
|
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
dialog box box box notebook stack grid frame {
|
||||||
dialog box box box notebook stack grid frame {
|
|
||||||
border-left: 1px solid @bg_shade;
|
border-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
border-right: 1px solid white;
|
border-right: 1px solid white;
|
||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 1px 1px white,
|
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
|
||||||
viewport.frame > frame, viewport.frame > box > frame {
|
/*viewport.frame > frame, viewport.frame > box > frame {
|
||||||
background-color: @base_color;
|
background-color: @base_color;
|
||||||
color: @font_color; }
|
color: @font_color; }*/
|
||||||
scrolledwindow.frame {
|
|
||||||
|
scrolledwindow.frame {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-left: 1px solid @bg_dark;
|
border-left: 1px solid @bg_dark;
|
||||||
border-top: 1px solid @bg_dark;
|
border-top: 1px solid @bg_dark;
|
||||||
border-right: 1px solid @bg_bright;
|
border-right: 1px solid @bg_bright;
|
||||||
border-bottom: 1px solid @bg_bright;
|
border-bottom: 1px solid @bg_bright;
|
||||||
box-shadow: inset -1px -1px @bg_color,
|
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
|
||||||
inset 1px 1px @bg_shade;
|
|
||||||
margin: 0px; }
|
margin: 0px; }
|
||||||
notebook.frame {
|
|
||||||
|
notebook.frame {
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||||
box-shadow: inset 1px 1px @bg_bright,
|
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||||
inset -1px -1px @bg_shade;
|
|
||||||
border-radius: 0px; }
|
border-radius: 0px; }
|
||||||
notebook stack frame, frame frame {
|
notebook stack frame, frame frame {
|
||||||
border-left: 1px solid @bg_shade;
|
border-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
border-right: 1px solid white;
|
border-right: 1px solid white;
|
||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 1px 1px white,
|
box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
|
||||||
inset -1px -1px @bg_shade; }
|
notebook scrolledwindow frame {
|
||||||
.osd.frame {
|
background-color: @bg_color; }
|
||||||
|
|
||||||
|
.osd.frame {
|
||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
background-origin: border-box; }
|
background-origin: border-box; }
|
||||||
statusbar frame {
|
|
||||||
|
statusbar frame {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
border-left: 1px solid @bg_shade;
|
border-left: 1px solid @bg_shade;
|
||||||
border-top: 1px solid @bg_shade;
|
border-top: 1px solid @bg_shade;
|
||||||
box-shadow: none; }
|
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 *
|
* viewport, iconview, view *
|
||||||
****************************/
|
****************************/
|
||||||
@ -1040,9 +1044,8 @@ paned.vertical > separator {
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: inset 0px 1px @bg_shade;
|
/*box-shadow: inset 0px 1px @bg_shade;*/
|
||||||
margin: 4px;
|
margin: 0px; }
|
||||||
}
|
|
||||||
|
|
||||||
/* GTK has the panes flipped. the .horizontal is ACTUALLY a vertical.*/
|
/* GTK has the panes flipped. the .horizontal is ACTUALLY a vertical.*/
|
||||||
paned.horizontal > separator {
|
paned.horizontal > separator {
|
||||||
@ -1052,9 +1055,8 @@ paned.horizontal > separator {
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
background: none;
|
background: none;
|
||||||
box-shadow: inset 1px 0px @bg_shade;
|
/*box-shadow: inset 1px 0px @bg_shade;*/
|
||||||
margin: 4px;
|
margin: 0px; }
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
toolbar > separator {
|
toolbar > separator {
|
||||||
@ -1138,92 +1140,134 @@ box.vertical.linked > button {
|
|||||||
************/
|
************/
|
||||||
|
|
||||||
combobox {
|
combobox {
|
||||||
margin: -2px; }
|
background-color: @bg_color; }
|
||||||
|
combobox button {
|
||||||
combobox window menu {
|
padding: 2px;
|
||||||
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;
|
margin: 0px;
|
||||||
min-width: 20px;
|
min-width: 16px;
|
||||||
min-height: 20px; }
|
min-height: 16px;
|
||||||
|
outline: none; }
|
||||||
combobox button.combo {
|
combobox button.combo {
|
||||||
margin: 2px; }
|
margin: 2px; }
|
||||||
|
combobox button arrow {
|
||||||
combobox button arrow {
|
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
min-width: 20px;
|
min-width: 16px;
|
||||||
min-height: 20px;
|
min-height: 16px;
|
||||||
border: 1px solid transparent; }
|
border: 1px solid transparent; }
|
||||||
combobox button:disabled arrow {
|
combobox button:disabled arrow {
|
||||||
background-image: url("assets/arrow-down-disabled.png");}
|
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 *
|
||||||
*************/
|
*************/
|
||||||
|
|
||||||
scrollbar button {
|
scrollbar {
|
||||||
margin: 0px;
|
border-top: 0px solid;
|
||||||
padding: 0px;
|
border-bottom: 0px solid;
|
||||||
background-color: @bg_color;
|
border: none;
|
||||||
-gtk-icon-source: none;
|
background-color: @bg_color; }
|
||||||
background-position: center;
|
scrollbar trough {
|
||||||
background-repeat: no-repeat;
|
border: none;
|
||||||
border-width: 0px;
|
border-radius: 0; }
|
||||||
border-style: solid;
|
scrollbar slider {
|
||||||
min-width: 16px;
|
margin-top: 0px;
|
||||||
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;
|
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
border-color: @bg_color @bg_dark @bg_dark @bg_color;
|
||||||
box-shadow: inset 1px 1px @selected_fg_color,
|
box-shadow: inset 1px 1px @selected_fg_color, inset -1px -1px @bg_shade;
|
||||||
inset -1px -1px @bg_shade;
|
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
min-width: 14px;
|
min-width: 14px;
|
||||||
min-height: 14px;
|
min-height: 14px; }
|
||||||
}
|
/* This is for Libreoffice scrollbar buttons */
|
||||||
|
scrollbar button,
|
||||||
scrollbar {
|
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-width: 16px;
|
||||||
min-height: 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-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;
|
||||||
|
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? */
|
/* where is the junction? in scrollablewindow? doesent exists anymore? */
|
||||||
scrollbar.junction,
|
scrollbar.junction,
|
||||||
@ -1234,124 +1278,47 @@ scrollbar .junction {
|
|||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Vertical scrollbar button icons */
|
||||||
scrollbar.vertical button.up,
|
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 {
|
scrollbar .button.vertical.top {
|
||||||
background-image: url("scrollbar/stepper-up.png");
|
background-image: url("scrollbar/stepper-up.png"); }
|
||||||
}
|
scrollbar.vertical button.up:active,
|
||||||
|
scrollbar .button.vertical.top:active {
|
||||||
scrollbar .button.vertical.top:active {
|
background-image: url("scrollbar/stepper-up-active.png"); }
|
||||||
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 .button.vertical.top:disabled {
|
scrollbar.vertical button.down,
|
||||||
background-image: url("scrollbar/stepper-up-insense.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
scrollbar .button.vertical.bottom {
|
scrollbar .button.vertical.bottom {
|
||||||
background-image: url("scrollbar/stepper-down.png");
|
background-image: url("scrollbar/stepper-down.png"); }
|
||||||
}
|
scrollbar.vertical button.down:active,
|
||||||
|
scrollbar .button.vertical.bottom:active {
|
||||||
scrollbar .button.vertical.bottom:active {
|
background-image: url("scrollbar/stepper-down-active.png"); }
|
||||||
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");}
|
||||||
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 {
|
scrollbar .button.horizontal.left {
|
||||||
background-image: url("scrollbar/stepper-left.png");
|
background-image: url("scrollbar/stepper-left.png"); }
|
||||||
}
|
scrollbar.horizontal button.up:active,
|
||||||
|
scrollbar .button.horizontal.left:active {
|
||||||
scrollbar .button.horizontal.left:active {
|
background-image: url("scrollbar/stepper-left-active.png"); }
|
||||||
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 .button.horizontal.left:disabled {
|
scrollbar.horizontal button.down,
|
||||||
background-image: url("scrollbar/stepper-left-insense.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
scrollbar .button.horizontal.right {
|
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 *
|
* assistant *
|
||||||
@ -1416,8 +1383,10 @@ calendar.header {
|
|||||||
|
|
||||||
expander arrow {
|
expander arrow {
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
min-height: 16px;
|
min-height: 16px; }
|
||||||
}
|
|
||||||
|
treeview.view.expander {
|
||||||
|
-gtk-icon-transform: scale(2); } /* NOTE: This is specific for GTK3.24! */
|
||||||
|
|
||||||
/************
|
/************
|
||||||
* iconview *
|
* iconview *
|
||||||
@ -1526,7 +1495,7 @@ menubar,
|
|||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
box-shadow: inset 0 -1px @selected_inactive_bg_color;
|
box-shadow: inset 0 -1px @selected_inactive_bg_color;
|
||||||
-GtkWidget-window-dragging: true;
|
-GtkWidget-window-dragging: true;
|
||||||
}
|
background-color: @bg_color; }
|
||||||
|
|
||||||
|
|
||||||
/***************
|
/***************
|
||||||
@ -1549,6 +1518,12 @@ menu menuitem {
|
|||||||
background-color: @menu_bg_color;
|
background-color: @menu_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* we dont want any extra padding in those */
|
||||||
|
menuitem > window,
|
||||||
|
window > menu {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
menuitem:active,
|
menuitem:active,
|
||||||
menuitem:hover {
|
menuitem:hover {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
@ -1704,6 +1679,9 @@ tabs arrow.up {
|
|||||||
background-position: 5px 10px;
|
background-position: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#gtk-combobox-popup-menu arrow {
|
||||||
|
-gtk-icon-source: none; }
|
||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
* slider / switch *
|
* slider / switch *
|
||||||
*******************/
|
*******************/
|
||||||
@ -2324,32 +2302,45 @@ GtkSidebarRow .sidebar-label:dir(rtl) {
|
|||||||
* spinbutton *
|
* spinbutton *
|
||||||
**************/
|
**************/
|
||||||
|
|
||||||
spinbutton.horizontal button {
|
spinbutton:not(.vertical) {
|
||||||
padding: 0px;
|
min-height: 16px;
|
||||||
margin-top: 2px;
|
border: 1px solid @bg_shade;
|
||||||
margin-bottom: 2px;
|
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-height: 16px;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
}
|
margin-right: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
spinbutton.horizontal entry {
|
margin-bottom: -1px;
|
||||||
margin: 2px;
|
padding-bottom: 0px;
|
||||||
min-width: 35px;
|
padding-top: 0;
|
||||||
min-height: 16px;
|
background-image: none;
|
||||||
}
|
/*border-style: none none none solid;*/
|
||||||
|
border-left: 1px solid @bg_shade;
|
||||||
spinbutton.vertical button {
|
border-top: 1px solid @bg_shade;
|
||||||
margin: 1px;
|
border-right: 1px solid @bg_shade;
|
||||||
min-height: 16px;
|
border-bottom: 1px solid black;
|
||||||
min-width: 16px;
|
border-radius: 0px;
|
||||||
padding: 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 {
|
||||||
spinbutton.vertical entry {
|
color: @bg_dark;
|
||||||
min-width: 16px;
|
background-color: rgba(192, 192, 192, 0.05); }
|
||||||
min-height: 16px;
|
spinbutton:not(.vertical) button:active {
|
||||||
padding: 2px;
|
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 *
|
* switch *
|
||||||
@ -2525,6 +2516,11 @@ border-bottom: none;
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
overlay frame {
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* toolitem box button */
|
/* toolitem box button */
|
||||||
toolitem button {
|
toolitem button {
|
||||||
background-color: @bg_color;
|
background-color: @bg_color;
|
||||||
@ -2593,7 +2589,7 @@ toolbar {
|
|||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
border-color: @bg_color @bg_color @bg_bright @bg_color;
|
border-color: @bg_color @bg_color @bg_bright @bg_color;
|
||||||
box-shadow: inset 0px -1px @bg_shade;
|
box-shadow: inset 0px -1px @bg_shade;
|
||||||
}
|
background-color: @bg_color; }
|
||||||
|
|
||||||
toolbar button {
|
toolbar button {
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
@ -2602,7 +2598,7 @@ toolbar button {
|
|||||||
padding: 2px;
|
padding: 2px;
|
||||||
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
|
||||||
box-shadow: inset -1px -1px @bg_shade; }
|
box-shadow: inset -1px -1px @bg_shade; }
|
||||||
toolbar button:disabled {
|
toolbar > toolbutton > button:disabled {
|
||||||
background-color: @border_bright;
|
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-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-size: 2px 2px;
|
||||||
@ -2648,88 +2644,96 @@ window.ssd .titlebar:backdrop {
|
|||||||
background-color: @selected_inactive_bg_color;
|
background-color: @selected_inactive_bg_color;
|
||||||
color: @selected_inactive_fg_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{
|
/* 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;
|
padding: 0px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
color: @selected_fg_color;
|
color: @selected_fg_color; }
|
||||||
}
|
window.ssd .titlebar label:backdrop,
|
||||||
|
window.ssd .titlebar:backdrop label{
|
||||||
|
color: @selected_inactive_fg_color; }
|
||||||
|
|
||||||
window.ssd .titlebar label:backdrop,
|
window.csd tooltip {
|
||||||
window.ssd .titlebar:backdrop label{
|
border-radius: 0;
|
||||||
color: @selected_inactive_fg_color;
|
border: 0 none @border_dark;
|
||||||
}
|
box-shadow: none; }
|
||||||
|
|
||||||
headerbar,
|
headerbar,
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
margin: 0px;
|
|
||||||
background-color: @selected_bg_color;
|
background-color: @selected_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none; }
|
||||||
}
|
headerbar:backdrop,
|
||||||
|
.titlebar:backdrop {
|
||||||
headerbar:backdrop,
|
|
||||||
.titlebar:backdrop {
|
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @selected_inactive_bg_color;
|
background-color: @selected_inactive_bg_color; }
|
||||||
}
|
headerbar > label,
|
||||||
|
.titlebar > label,
|
||||||
headerbar > label,
|
headerbar > box > label,
|
||||||
.titlebar > label,
|
.titlebar > box > label {
|
||||||
headerbar > box > label,
|
|
||||||
.titlebar > box > label {
|
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
color: @selected_fg_color;
|
color: @selected_fg_color; }
|
||||||
}
|
headerbar:backdrop > label,
|
||||||
|
.titlebar:backdrop > label,
|
||||||
headerbar:backdrop > label,
|
headerbar:backdrop > box > label,
|
||||||
.titlebar:backdrop > label,
|
.titlebar:backdrop > box > label {
|
||||||
headerbar:backdrop > box > label,
|
color: @selected_inactive_fg_color; }
|
||||||
.titlebar:backdrop > box > label {
|
headerbar entry {
|
||||||
color: @selected_inactive_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
headerbar entry {
|
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
padding-bottom: 1px;
|
padding-bottom: 1px; }
|
||||||
}
|
headerbar button:not(.titlebutton) > image {
|
||||||
|
border: solid 1px;
|
||||||
/* we dont want any extra padding in those */
|
border-color: transparent;
|
||||||
menuitem > window,
|
padding-left: 3px;
|
||||||
window > menu {
|
padding-right: 3px;
|
||||||
padding: 0px;
|
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 {
|
.titlebar button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 16px;
|
min-width: 16px; }
|
||||||
}
|
.titlebar button label {
|
||||||
|
|
||||||
.titlebar button label {
|
|
||||||
padding-left: 4px;
|
padding-left: 4px;
|
||||||
padding-right: 4px;
|
padding-right: 4px; }
|
||||||
}
|
/* The following button definitions allows us to have slim buttons on
|
||||||
|
|
||||||
/* following button definitions allows us to have slim buttons on
|
|
||||||
* headerbars with no big elements while still maintaining a good
|
* headerbars with no big elements while still maintaining a good
|
||||||
* looking headerbar with big elements */
|
* looking headerbar with big elements */
|
||||||
.titlebar button:not(.titlebutton) {
|
.titlebar button:not(.titlebutton) {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
padding-left: 1px;
|
padding-left: 1px;
|
||||||
@ -2737,60 +2741,21 @@ window > menu {
|
|||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 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.csd tooltip {
|
|
||||||
border-radius: 0;
|
|
||||||
border: 0 none @border_dark;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.maximized > decoration,
|
|
||||||
window.maximized,
|
|
||||||
window.tiled {
|
|
||||||
border: 0px;
|
|
||||||
box-shadow: none;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.ssd.maximized headerbar,
|
window.ssd.maximized headerbar,
|
||||||
window.ssd.maximized .titlebar {
|
window.ssd.maximized .titlebar {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
border-bottom: 1px solid transparent;
|
border-bottom: 1px solid transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin: 0px;
|
margin: 0px; }
|
||||||
}
|
|
||||||
|
.maximized > decoration,
|
||||||
|
window.maximized,
|
||||||
|
window.tiled {
|
||||||
|
border: 0px;
|
||||||
|
box-shadow: none;
|
||||||
|
margin: 0px; }
|
||||||
|
|
||||||
.tiled headerbar,
|
.tiled headerbar,
|
||||||
.maximized headerbar,
|
.maximized headerbar,
|
||||||
@ -2798,8 +2763,12 @@ window.ssd.maximized .titlebar {
|
|||||||
.maximized .titlebar {
|
.maximized .titlebar {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0; }
|
||||||
}
|
|
||||||
|
/* Removed the frame seen in Lireoffice. */
|
||||||
|
window > grid > grid > scrolledwindow {
|
||||||
|
border: none;
|
||||||
|
box-shadow: none; }
|
||||||
|
|
||||||
/******************
|
/******************
|
||||||
* window buttons *
|
* window buttons *
|
||||||
|
BIN
Theme/Chicago95/gtk-3.24/scrollbar/scrollbar_button.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
Theme/Chicago95/gtk-3.24/scrollbar/scrollbar_button_disabled.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
Theme/Chicago95/misc/tux_16x16px.png
Normal file
After Width: | Height: | Size: 490 B |
BIN
Theme/Chicago95/misc/windows_16x16px.png
Normal file
After Width: | Height: | Size: 242 B |
BIN
Theme/Chicago95/misc/xue_16x16px.png
Normal file
After Width: | Height: | Size: 486 B |