some refinement & bug fixes
This commit is contained in:
parent
1609db6d0c
commit
a57b032c5a
|
@ -0,0 +1,33 @@
|
|||
/* Copyright 2015 Sam Hewitt.
|
||||
*
|
||||
* This file is part of the Paper GTK theme.
|
||||
*
|
||||
* The Paper GTK theme is free software: you can redistribute it
|
||||
* and/or modify it under the terms of the GNU General Public License as
|
||||
* published by the Free Software Foundation, either version 3 of the
|
||||
* License, or (at your option) any later version.
|
||||
*
|
||||
* The Paper GTK theme is distributed in the hope that it will be
|
||||
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
|
||||
* Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU General Public License along
|
||||
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
|
||||
*/
|
||||
|
||||
@define-color vocal #B286D7;
|
||||
|
||||
/**********
|
||||
* Header *
|
||||
**********/
|
||||
|
||||
.titlebar.vocal-headerbar,
|
||||
.header-bar.vocal-headerbar {
|
||||
background-color: @vocal;
|
||||
}
|
||||
|
||||
.titlebar.vocal-headerbar:backdrop,
|
||||
.header-bar.vocal-headerbar:backdrop {
|
||||
background-color: shade(@vocal,0.9);
|
||||
}
|
|
@ -23,7 +23,7 @@
|
|||
/* Base colors */
|
||||
@define-color base #fff;/* Base color */
|
||||
@define-color background #f7f7f7;/* Background color */
|
||||
@define-color foreground #555;/* Foreground color */
|
||||
@define-color foreground #666;/* Foreground color */
|
||||
@define-color border #D8D8D8;/* Borders color */
|
||||
@define-color separator alpha(#000, 0.15);/* Separator color */
|
||||
@define-color text @foreground;/* Text color */
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
/* Copyright 2015 Sam Hewitt.
|
||||
/* Copyright 2016 Sam Hewitt.
|
||||
*
|
||||
* This file is part of the Paper GTK theme.
|
||||
*
|
||||
|
@ -36,6 +36,7 @@
|
|||
@button_background,
|
||||
shade(@button_background, 0.98)
|
||||
);
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.button.flat,
|
||||
|
@ -103,7 +104,6 @@ GtkCalendar.button:backdrop:hover,
|
|||
shade(@selection, 1.2),
|
||||
shade(shade(@selection, 1.2), 0.98)
|
||||
);
|
||||
color: @selected_foreground;
|
||||
}
|
||||
|
||||
/* Active (Pressed) Button */
|
||||
|
@ -167,119 +167,6 @@ GtkCalendar.button:backdrop:hover,
|
|||
color: @insensitive_text;
|
||||
}
|
||||
|
||||
/* Images */
|
||||
.button GtkImage {
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.button:active GtkImage,
|
||||
.button:focus GtkImage,
|
||||
.button:hover GtkImage {
|
||||
color: @selected_foreground;
|
||||
}
|
||||
|
||||
.button:backdrop GtkImage,
|
||||
.button:backdrop:hover GtkImage,
|
||||
.button:active:backdrop GtkImage {
|
||||
color: @backdrop_text;
|
||||
}
|
||||
|
||||
.button:insensitive GtkImage {
|
||||
color: @insensitive_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.button:insensitive:backdrop GtkImage {
|
||||
color: mix(@backdrop_text, @insensitive_text, 0.5);
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
/* Labels */
|
||||
.button GtkLabel {
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.button:active GtkLabel,
|
||||
.button:focus GtkLabel,
|
||||
.button:hover GtkLabel {
|
||||
color: @selected_foreground;
|
||||
}
|
||||
|
||||
.button:backdrop GtkLabel,
|
||||
.button:backdrop:hover GtkLabel,
|
||||
.button:focus:backdrop GtkLabel,
|
||||
.button:active:backdrop GtkLabel {
|
||||
color: @backdrop_text;
|
||||
}
|
||||
|
||||
.button:insensitive GtkLabel {
|
||||
color: @insensitive_text;
|
||||
}
|
||||
|
||||
.button:insensitive:backdrop GtkLabel {
|
||||
color: mix(@backdrop_text, @insensitive_text, 0.5);
|
||||
}
|
||||
|
||||
/* Text Button Labels */
|
||||
.text-button GtkLabel {
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.text-button:focus GtkLabel {
|
||||
/*color: shade(@text, 2.0);*/
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.text-button:active GtkLabel,
|
||||
.text-button:hover GtkLabel {
|
||||
color: shade(@selection, 0.85);
|
||||
/*color: @text;*/
|
||||
}
|
||||
|
||||
.text-button:backdrop GtkLabel,
|
||||
.text-button:backdrop:hover GtkLabel,
|
||||
.text-button:active:backdrop GtkLabel {
|
||||
color: @backdrop_text;
|
||||
}
|
||||
|
||||
.text-button:insensitive GtkLabel {
|
||||
color: @insensitive_text;
|
||||
}
|
||||
|
||||
.text-button:insensitive:backdrop GtkLabel {
|
||||
color: mix(@backdrop_text, @insensitive_text, 0.5);
|
||||
}
|
||||
|
||||
|
||||
/* Image Button Images */
|
||||
.image-button GtkImage {
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.image-button:focus GtkImage {
|
||||
/*color: shade(@text, 2.0);*/
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.image-button:active GtkImage,
|
||||
.image-button:hover GtkImage {
|
||||
/*color: alpha(#000, 0.5);*/
|
||||
color: @selected_foreground;
|
||||
}
|
||||
|
||||
.image-button:backdrop GtkImage,
|
||||
.image-button:backdrop:hover GtkImage,
|
||||
.image-button:active:backdrop GtkImage {
|
||||
color: @backdrop_text;
|
||||
}
|
||||
|
||||
.image-button:insensitive GtkImage {
|
||||
color: @insensitive_text;
|
||||
}
|
||||
|
||||
.image-button:insensitive:backdrop GtkImage {
|
||||
color: mix(@backdrop_text, @insensitive_text, 0.5);
|
||||
}
|
||||
|
||||
/**************
|
||||
* Help Button *
|
||||
|
|
|
@ -110,6 +110,7 @@
|
|||
|
||||
|
||||
.dynamic-notebook .notebook tab {
|
||||
padding-top: 3px;
|
||||
color: @foreground;
|
||||
}
|
||||
|
||||
|
@ -167,60 +168,54 @@
|
|||
|
||||
/* Active */
|
||||
.dynamic-notebook tab.top:active {
|
||||
box-shadow:inset 0 -3px 0 0 @selection;
|
||||
box-shadow:inset 0 -2px 0 0 @text;
|
||||
}
|
||||
.dynamic-notebook tab.bottom:active {
|
||||
box-shadow:inset 0 3px 0 0 @selection;
|
||||
box-shadow:inset 0 2px 0 0 @text;
|
||||
}
|
||||
.dynamic-notebook tab.left:active {
|
||||
box-shadow:inset -3px 0 0 0 @selection;
|
||||
box-shadow:inset -2px 0 0 0 @text;
|
||||
}
|
||||
.dynamic-notebook tab.right:active {
|
||||
box-shadow:inset 3px 0 0 0 @selection;
|
||||
box-shadow:inset 2px 0 0 0 @text;
|
||||
}
|
||||
|
||||
/* Active-Backdrop */
|
||||
.dynamic-notebook tab.top:active:backdrop {
|
||||
box-shadow:inset 0 -3px 0 0 @backdrop_text;
|
||||
box-shadow:inset 0 -2px 0 0 @backdrop_text;
|
||||
}
|
||||
.dynamic-notebook tab.bottom:active:backdrop {
|
||||
box-shadow:inset 0 3px 0 0 @backdrop_text;
|
||||
box-shadow:inset 0 2px 0 0 @backdrop_text;
|
||||
}
|
||||
.dynamic-notebook tab.left:active:backdrop {
|
||||
box-shadow:inset -3px 0 0 0 @backdrop_text;
|
||||
box-shadow:inset -2px 0 0 0 @backdrop_text;
|
||||
}
|
||||
.dynamic-notebook tab.right:active:backdrop {
|
||||
box-shadow:inset 3px 0 0 0 @backdrop_text;
|
||||
box-shadow:inset 2px 0 0 0 @backdrop_text;
|
||||
}
|
||||
|
||||
|
||||
/* Hover */
|
||||
.dynamic-notebook tab.top:hover {
|
||||
box-shadow:inset 0 -3px 0 0 alpha(@text, 0.4);
|
||||
}
|
||||
.dynamic-notebook tab.bottom:hover {
|
||||
box-shadow:inset 0 3px 0 0 alpha(@text, 0.4);
|
||||
}
|
||||
.dynamic-notebook tab.left:hover {
|
||||
box-shadow:inset -3px 0 0 0 alpha(@text, 0.4);
|
||||
}
|
||||
.dynamic-notebook tab.top:hover,
|
||||
.dynamic-notebook tab.bottom:hover,
|
||||
.dynamic-notebook tab.left:hover,
|
||||
.dynamic-notebook tab.right:hover {
|
||||
box-shadow:inset 3px 0 0 0 alpha(@text, 0.4);
|
||||
box-shadow: none;
|
||||
background: shade(@background, 0.95);
|
||||
}
|
||||
|
||||
|
||||
/* Hover-Backdrop */
|
||||
.dynamic-notebook tab.top:hover {
|
||||
box-shadow:inset 0 -3px 0 0 alpha(@text, 0.1);
|
||||
box-shadow:inset 0 -2px 0 0 alpha(@text, 0.1);
|
||||
}
|
||||
.dynamic-notebook tab.bottom:hover:backdrop {
|
||||
box-shadow:inset 0 3px 0 0 alpha(@text, 0.1);
|
||||
box-shadow:inset 0 2px 0 0 alpha(@text, 0.1);
|
||||
}
|
||||
.dynamic-notebook tab.left:hover:backdrop {
|
||||
box-shadow:inset -3px 0 0 0 alpha(@text, 0.1);
|
||||
box-shadow:inset -2px 0 0 0 alpha(@text, 0.1);
|
||||
}
|
||||
.dynamic-notebook tab.right:hover:backdrop {
|
||||
box-shadow:inset 3px 0 0 0 alpha(@text, 0.1);
|
||||
box-shadow:inset 2px 0 0 0 alpha(@text, 0.1);
|
||||
}
|
||||
|
||||
/* Backdrop */
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
background-color: @base;
|
||||
color: @text;
|
||||
border: 1px solid @border;
|
||||
box-shadow:inset 0 -1px 0 1px alpha(#000, 0.05),
|
||||
box-shadow:inset 0 3px 0 1px alpha(#000, 0.05),
|
||||
inset 0 1px 0 0 alpha(#000, 0.02);
|
||||
}
|
||||
|
||||
|
@ -40,8 +40,9 @@
|
|||
background-color: @base;
|
||||
color: @text;
|
||||
border: 1px solid shade(@selection, 0.8);
|
||||
box-shadow:inset 0 0 0 1px alpha(@selection, 0.4),
|
||||
inset 0 1px 0 0 alpha(@selection, 0.1);
|
||||
box-shadow:inset 0 0 0 1px alpha(@selection, 0.2),
|
||||
inset 0 0 0 2px alpha(@selection, 0.1),
|
||||
inset 0 1px 0 0 alpha(@selection, 0.3);
|
||||
}
|
||||
|
||||
.entry:backdrop:active,
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
/* Copyright 2015 Sam Hewitt.
|
||||
/* Copyright 2016 Sam Hewitt.
|
||||
*
|
||||
* This file is part of the Paper GTK theme.
|
||||
*
|
||||
|
@ -32,8 +32,7 @@
|
|||
border-radius: 4px 4px 0 0;
|
||||
background-color: @header;
|
||||
color: @header_text;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
|
||||
inset 0 -1px 2px 0 rgba(0,0,0,0.1);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
|
||||
|
@ -64,7 +63,11 @@
|
|||
color: @header_text;
|
||||
}
|
||||
|
||||
.header-bar .button.linked .title,
|
||||
.header-bar > GtkImage {
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.header-bar .button.button.linked .title,
|
||||
.header-bar .button.flat .title {
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -91,302 +94,142 @@
|
|||
color: alpha(@backdrop_header_text,0.8);
|
||||
}
|
||||
|
||||
/*Images*/
|
||||
|
||||
.header-bar GtkImage,
|
||||
.header-bar *:active GtkImage,
|
||||
.header-bar *:focus GtkImage,
|
||||
.header-bar *:hover GtkImage {
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.header-bar *:backdrop GtkImage,
|
||||
.header-bar *:backdrop:hover GtkImage,
|
||||
.header-bar *:active:backdrop GtkImage {
|
||||
color: shade(@header_text, 1.1);
|
||||
/*-gtk-image-effect: dim;*/
|
||||
}
|
||||
|
||||
.header-bar *:insensitive GtkImage
|
||||
.header-bar *:insensitive:backdrop GtkImage {
|
||||
color: @header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
|
||||
/* Separator */
|
||||
.header-bar .separator {
|
||||
background: none;
|
||||
color: @separator;
|
||||
}
|
||||
|
||||
/**********************
|
||||
* Header bar buttons *
|
||||
**********************/
|
||||
.header-bar .flat,
|
||||
/* Buttons */
|
||||
.header-bar .button,
|
||||
.header-bar .titlebutton,
|
||||
.header-bar .linked,
|
||||
.header-bar .text-button,
|
||||
.header-bar .image-button {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
/* Normal Button */
|
||||
.header-bar .button,
|
||||
.header-bar .text-button,
|
||||
.header-bar .titlebutton,
|
||||
.header-bar .linked,
|
||||
.header-bar .flat,
|
||||
.header-bar .button.image-button,
|
||||
.header-bar .button.linked,
|
||||
.header-bar .suggested-action .button,
|
||||
.header-bar .image-button {
|
||||
.header-bar .button.text-button,
|
||||
.header-bar .titlebutton {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding: 10px 12px;
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
/* Active Button */
|
||||
.header-bar .button:active,
|
||||
.header-bar .text-button:active,
|
||||
.header-bar .titlebutton:active,
|
||||
.header-bar .linked:active,
|
||||
.header-bar .flat:active,
|
||||
.header-bar .suggested-action .button:active,
|
||||
.header-bar .image-button:active {
|
||||
border-radius: 0px;
|
||||
/*background-color: alpha(#000, 0.1);*/
|
||||
/* Buttons (Hover) */
|
||||
.header-bar .button:hover,
|
||||
.header-bar .flat:hover,
|
||||
.header-bar .button.image-button:hover,
|
||||
.header-bar .button.linked:hover,
|
||||
.header-bar .suggested-action .button:hover,
|
||||
.header-bar .button.text-button:hover,
|
||||
.header-bar .titlebutton:hover {
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: alpha(#000,0.1);
|
||||
color: @header_text;
|
||||
box-shadow: inset 0 -2px 0 0 @header_text;
|
||||
}
|
||||
|
||||
.header-bar .text-button:active {
|
||||
font: Bold;
|
||||
}
|
||||
|
||||
/* Checked Button */
|
||||
.header-bar .button:checked,
|
||||
.header-bar .text-button:checked,
|
||||
.header-bar .titlebutton:checked,
|
||||
.header-bar .linked:checked,
|
||||
.header-bar .flat:checked,
|
||||
.header-bar .suggested-action .button:checked,
|
||||
.header-bar .image-button:checked {
|
||||
border-radius: 0px;
|
||||
background-image: none;
|
||||
/* Buttons (Backdrop) */
|
||||
.header-bar .button:backdrop,
|
||||
.header-bar .flat:backdrop,
|
||||
.header-bar .button.image-button:backdrop,
|
||||
.header-bar .button.linked:backdrop,
|
||||
.header-bar .suggested-action .button:backdrop,
|
||||
.header-bar .button.text-button:backdrop,
|
||||
.header-bar .titlebutton:backdrop {
|
||||
background: none;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: shade(@header_text, 1.1);
|
||||
}
|
||||
|
||||
/* Buttons (Insensitive) */
|
||||
.header-bar .button:insensitive,
|
||||
.header-bar .flat:insensitive,
|
||||
.header-bar .button.image-button:insensitive,
|
||||
.header-bar .button.linked:insensitive,
|
||||
.header-bar .suggested-action .button:insensitive,
|
||||
.header-bar .button.text-button:insensitive,
|
||||
.header-bar .titlebutton:insensitive {
|
||||
background: none;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: alpha(@header_text, 0.5);
|
||||
}
|
||||
|
||||
/* Buttons (Checked) */
|
||||
.header-bar .button:checked,
|
||||
.header-bar .flat:checked,
|
||||
.header-bar .button.image-button:checked,
|
||||
.header-bar .button.linked:checked,
|
||||
.header-bar .suggested-action .button:checked,
|
||||
.header-bar .button.text-button:checked,
|
||||
.header-bar .titlebutton:checked {
|
||||
font: Bold;
|
||||
background-image: none;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
box-shadow: none;
|
||||
background-color: alpha(#000,0.1);
|
||||
color: @header_text;
|
||||
box-shadow:inset 0 -2px 0 0 @header_text;
|
||||
}
|
||||
|
||||
.header-bar .text-button:checked {
|
||||
font: Bold;
|
||||
}
|
||||
|
||||
/* Focus Button */
|
||||
/* Buttons (Active/Focused) */
|
||||
.header-bar .button:focus,
|
||||
.header-bar .text-button:focus,
|
||||
.header-bar .titlebutton:focus,
|
||||
.header-bar .linked:focus,
|
||||
.header-bar .flat:focus,
|
||||
.header-bar .button.image-button:focus,
|
||||
.header-bar .button.linked:focus,
|
||||
.header-bar .suggested-action .button:focus,
|
||||
.header-bar .image-button:focus {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
.header-bar .button.text-button:focus,
|
||||
.header-bar .titlebutton:focus,
|
||||
.header-bar .button:active,
|
||||
.header-bar .flat:active,
|
||||
.header-bar .button.image-button:active,
|
||||
.header-bar .button.linked:active,
|
||||
.header-bar .suggested-action .button:active,
|
||||
.header-bar .button.text-button:active,
|
||||
.header-bar .titlebutton:active {
|
||||
background-image: none;
|
||||
border: none;
|
||||
color: @header_text;
|
||||
box-shadow: inset 0 -2px 0 0 @header_text;
|
||||
}
|
||||
|
||||
|
||||
/* Hover Button */
|
||||
.header-bar .button:hover,
|
||||
.header-bar .text-button:hover,
|
||||
.header-bar .titlebutton:hover,
|
||||
.header-bar .linked:hover,
|
||||
.header-bar .flat:hover,
|
||||
.header-bar .suggested-action .button:hover,
|
||||
.header-bar .image-button:hover {
|
||||
border-radius: 0px;
|
||||
background-color: alpha(#000, 0.1);
|
||||
background-image: none;
|
||||
border: none;
|
||||
/*box-shadow: inset 0 -2px 0 0 @header_text;*/
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
/* Backdrop Button */
|
||||
.header-bar .button:backdrop,
|
||||
.header-bar .text-button:backdrop,
|
||||
.header-bar .titlebutton:backdrop,
|
||||
.header-bar .linked:backdrop,
|
||||
.header-bar .flat:backdrop,
|
||||
.header-bar .suggested-action .button:backdrop,
|
||||
.header-bar .image-button:backdrop {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: @backdrop_header_text;
|
||||
}
|
||||
|
||||
/* *:Backdrop Button */
|
||||
.header-bar .button:hover:backdrop,
|
||||
.header-bar .text-button:hover:backdrop,
|
||||
.header-bar .titlebutton:hover:backdrop,
|
||||
.header-bar .linked:hover:backdrop,
|
||||
.header-bar .flat:hover:backdrop,
|
||||
.header-bar .suggested-action .button:hover:backdrop,
|
||||
.header-bar .image-button:hover:backdrop,
|
||||
.header-bar .button:checked:backdrop,
|
||||
.header-bar .text-button:checked:backdrop,
|
||||
.header-bar .titlebutton:checked:backdrop,
|
||||
.header-bar .linked:checked:backdrop,
|
||||
.header-bar .flat:checked:backdrop,
|
||||
.header-bar .suggested-action .button:checked:backdrop,
|
||||
.header-bar .image-button:checked:backdrop,
|
||||
.header-bar .button:focus:backdrop,
|
||||
.header-bar .text-button:focus:backdrop,
|
||||
.header-bar .titlebutton:focus:backdrop,
|
||||
.header-bar .linked:focus:backdrop,
|
||||
.header-bar .flat:focus:backdrop,
|
||||
.header-bar .suggested-action .button:focus:backdrop,
|
||||
.header-bar .image-button:focus:backdrop,
|
||||
.header-bar .button:active:backdrop,
|
||||
.header-bar .text-button:active:backdrop,
|
||||
.header-bar .titlebutton:active:backdrop,
|
||||
.header-bar .linked:active:backdrop,
|
||||
.header-bar .flat:active:backdrop,
|
||||
.header-bar .suggested-action .button:active:backdrop,
|
||||
.header-bar .image-button:active:backdrop {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: none;
|
||||
color: @backdrop_header_text;
|
||||
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
|
||||
}
|
||||
|
||||
.header-bar .text-button:active:backdrop {
|
||||
font: Bold;
|
||||
}
|
||||
|
||||
/* Backdrop:Hover Button */
|
||||
.header-bar .button:backdrop:hover,
|
||||
.header-bar .text-button:backdrop:hover,
|
||||
.header-bar .titlebutton:backdrop:hover,
|
||||
.header-bar .linked:backdrop:hover,
|
||||
.header-bar .flat:backdrop:hover,
|
||||
.header-bar .suggested-action .button:backdrop:hover,
|
||||
.header-bar .image-button:backdrop:hover {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
|
||||
color: @backdrop_header_text;
|
||||
}
|
||||
|
||||
/* Insensitive Button */
|
||||
.header-bar .button:insensitive,
|
||||
.header-bar .text-button:insensitive,
|
||||
.header-bar .titlebutton:insensitive,
|
||||
.header-bar .linked:insensitive,
|
||||
.header-bar .flat:insensitive,
|
||||
.header-bar .suggested-action .button:insensitive,
|
||||
.header-bar .image-button:insensitive {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: @insensitive_header_text;
|
||||
}
|
||||
|
||||
/* Insensitive:Backdrop Button */
|
||||
.header-bar .button:insensitive:backdrop,
|
||||
.header-bar .text-button:insensitive:backdrop,
|
||||
.header-bar .titlebutton:insensitive:backdrop,
|
||||
.header-bar .linked:insensitive:backdrop,
|
||||
.header-bar .flat:insensitive:backdrop,
|
||||
.header-bar .suggested-action .button:insensitive:backdrop,
|
||||
.header-bar .image-button:insensitive:backdrop {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: none;
|
||||
color: @insensitive_header_text;
|
||||
}
|
||||
|
||||
|
||||
/* Button Images */
|
||||
.header-bar .button GtkImage,
|
||||
.header-bar .button GtkImage:active,
|
||||
.header-bar .button GtkImage:focus,
|
||||
.header-bar .button GtkImage:hover {
|
||||
background-color: alpha(#000,0.1);
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.header-bar .button GtkImage:active:backdrop,
|
||||
.header-bar .button GtkImage:backdrop,
|
||||
.header-bar .button GtkImage:backdrop:hover {
|
||||
color: @backdrop_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.header-bar .button GtkImage:insensitive {
|
||||
color: @insensitive_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.header-bar .button GtkImage:insensitive:backdrop {
|
||||
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
/* Button Arrows */
|
||||
.header-bar .button GtkArrow,
|
||||
.header-bar .button GtkArrow:active,
|
||||
.header-bar .button GtkArrow:focus,
|
||||
.header-bar .button GtkArrow:hover {
|
||||
-GtkComboBox-arrow-scaling: 1;
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.header-bar .button GtkArrow:active:backdrop,
|
||||
.header-bar .button GtkArrow:backdrop,
|
||||
.header-bar .button GtkArrow:backdrop:hover {
|
||||
color: @backdrop_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.header-bar .button GtkArrow:insensitive {
|
||||
color: @insensitive_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.header-bar .button GtkArrow:insensitive:backdrop {
|
||||
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
/* Button Labels */
|
||||
.header-bar .button GtkLabel,
|
||||
.header-bar .button GtkLabel:active,
|
||||
.header-bar .button GtkLabel:focus,
|
||||
.header-bar .button GtkLabel:hover {
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.header-bar .button GtkLabel:active:backdrop,
|
||||
.header-bar .button GtkLabel:backdrop,
|
||||
.header-bar .button GtkLabel:backdrop:hover {
|
||||
color: @backdrop_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.header-bar .button GtkLabel:insensitive {
|
||||
color: @insensitive_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.header-bar .button GtkLabel:insensitive:backdrop {
|
||||
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
|
||||
/*************************
|
||||
* Header bar separator *
|
||||
*************************/
|
||||
/* Separators */
|
||||
|
||||
.header-bar > GtkBox > .separator.vertical {
|
||||
-GtkWidget-wide-separators: 1;
|
||||
|
@ -396,7 +239,6 @@
|
|||
border:none;
|
||||
}
|
||||
|
||||
/* Separator */
|
||||
.header-bar .separator,
|
||||
.header-bar .button .separator,
|
||||
.header-bar .button.separator {
|
||||
|
@ -406,14 +248,11 @@
|
|||
}
|
||||
|
||||
|
||||
/********************
|
||||
* Header bar entry *
|
||||
********************/
|
||||
/* Entries */
|
||||
|
||||
.header-bar .entry {
|
||||
background: none;
|
||||
color: @header_text;
|
||||
padding: 13px;
|
||||
border-radius: 0px;
|
||||
border: 1px solid transparent;
|
||||
box-shadow: none;
|
||||
|
@ -448,9 +287,7 @@
|
|||
}
|
||||
|
||||
|
||||
/*********************
|
||||
* Header bar switch *
|
||||
*********************/
|
||||
/* switches */
|
||||
|
||||
.header-bar GtkSwitch {
|
||||
border-radius: 1em;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
/* Copyright 2015 Sam Hewitt.
|
||||
/* Copyright 2016 Sam Hewitt.
|
||||
*
|
||||
* This file is part of the Paper GTK theme.
|
||||
*
|
||||
|
@ -126,6 +126,7 @@
|
|||
.notebook tab {
|
||||
/*border: none;*/
|
||||
border-radius: 0;
|
||||
padding-top: 3px;
|
||||
background: @background;
|
||||
color: @foreground;
|
||||
}
|
||||
|
@ -185,30 +186,30 @@
|
|||
|
||||
/* Active */
|
||||
.notebook tab.top:active {
|
||||
box-shadow:inset 0 -3px 0 0 @selection;
|
||||
box-shadow:inset 0 -2px 0 0 @text;
|
||||
}
|
||||
.notebook tab.bottom:active {
|
||||
box-shadow:inset 0 3px 0 0 @selection;
|
||||
box-shadow:inset 0 2px 0 0 @text;
|
||||
}
|
||||
.notebook tab.left:active {
|
||||
box-shadow:inset -3px 0 0 0 @selection;
|
||||
box-shadow:inset -2px 0 0 0 @text;
|
||||
}
|
||||
.notebook tab.right:active {
|
||||
box-shadow:inset 3px 0 0 0 @selection;
|
||||
box-shadow:inset 2px 0 0 0 @text;
|
||||
}
|
||||
|
||||
/* Active-Backdrop */
|
||||
.notebook tab.top:active:backdrop {
|
||||
box-shadow:inset 0 -3px 0 0 @backdrop_border;
|
||||
box-shadow:inset 0 -2px 0 0 @backdrop_border;
|
||||
}
|
||||
.notebook tab.bottom:active:backdrop {
|
||||
box-shadow:inset 0 3px 0 0 @backdrop_border;
|
||||
box-shadow:inset 0 2px 0 0 @backdrop_border;
|
||||
}
|
||||
.notebook tab.left:active:backdrop {
|
||||
box-shadow:inset -3px 0 0 0 @backdrop_border;
|
||||
box-shadow:inset -2px 0 0 0 @backdrop_border;
|
||||
}
|
||||
.notebook tab.right:active:backdrop {
|
||||
box-shadow:inset 3px 0 0 0 @backdrop_border;
|
||||
box-shadow:inset 2px 0 0 0 @backdrop_border;
|
||||
}
|
||||
|
||||
/* Backdrop */
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
/* Copyright 2015 Sam Hewitt.
|
||||
/* Copyright 2016 Sam Hewitt.
|
||||
*
|
||||
* This file is part of the Paper GTK theme.
|
||||
*
|
||||
|
@ -27,7 +27,7 @@
|
|||
background-color: @header;
|
||||
color: @header_text;
|
||||
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
|
||||
inset 0 -1px 2px 0 rgba(0,0,0,0.1);
|
||||
inset 0 -1px 0 0 rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.maximized .titlebar {
|
||||
|
@ -47,9 +47,7 @@
|
|||
}
|
||||
|
||||
.titlebar.default-decoration {
|
||||
padding: 6px;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 0px;
|
||||
padding: 0;
|
||||
background-color: @header;
|
||||
background-image: none;
|
||||
color: @header_text;
|
||||
|
@ -88,371 +86,12 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
/* Separator */
|
||||
.titlebar .separator {
|
||||
background: none;
|
||||
color: @separator;
|
||||
}
|
||||
|
||||
/**********************
|
||||
* Header bar buttons *
|
||||
**********************/
|
||||
|
||||
.titlebar .flat,
|
||||
.titlebar .button,
|
||||
.titlebar .titlebutton,
|
||||
.titlebar .linked,
|
||||
.titlebar .text-button,
|
||||
.titlebar .image-button {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: none;
|
||||
padding: 13px 15px;
|
||||
}
|
||||
|
||||
/* Normal Button */
|
||||
.titlebar .button,
|
||||
.titlebar .text-button,
|
||||
.titlebar .titlebutton,
|
||||
.titlebar .linked,
|
||||
.titlebar .flat,
|
||||
.titlebar .suggested-action .button,
|
||||
.titlebar .image-button {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @header_text;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Active Button */
|
||||
.titlebar .button:active,
|
||||
.titlebar .text-button:active,
|
||||
.titlebar .titlebutton:active,
|
||||
.titlebar .linked:active,
|
||||
.titlebar .flat:active,
|
||||
.titlebar .suggested-action .button:active,
|
||||
.titlebar .image-button:active {
|
||||
border-radius: 0px;
|
||||
/*background-color: alpha(#000, 0.1);*/
|
||||
background-image: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @header_text;
|
||||
box-shadow: inset 0 -2px 0 0 @header_text;
|
||||
}
|
||||
|
||||
.titlebar .text-button:active {
|
||||
font: Bold;
|
||||
}
|
||||
|
||||
/* Checked Button */
|
||||
.titlebar .button:checked,
|
||||
.titlebar .text-button:checked,
|
||||
.titlebar .titlebutton:checked,
|
||||
.titlebar .linked:checked,
|
||||
.titlebar .flat:checked,
|
||||
.titlebar .suggested-action .button:checked,
|
||||
.titlebar .image-button:checked {
|
||||
border-radius: 0px;
|
||||
/*background-color: alpha(#000, 0.1);*/
|
||||
background-image: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @header_text;
|
||||
box-shadow: inset 0 -2px 0 0 @header_text;
|
||||
}
|
||||
|
||||
.titlebar .text-button:checked {
|
||||
font: Bold;
|
||||
}
|
||||
|
||||
/* Focus Button */
|
||||
.titlebar .button:focus,
|
||||
.titlebar .text-button:focus,
|
||||
.titlebar .titlebutton:focus,
|
||||
.titlebar .linked:focus,
|
||||
.titlebar .flat:focus,
|
||||
.titlebar .suggested-action .button:focus,
|
||||
.titlebar .image-button:focus {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @header_text;
|
||||
box-shadow: inset 0 -2px 0 0 @header_text;
|
||||
}
|
||||
|
||||
/* Hover Button */
|
||||
.titlebar .button:hover,
|
||||
.titlebar .text-button:hover,
|
||||
.titlebar .titlebutton:hover,
|
||||
.titlebar .linked:hover,
|
||||
.titlebar .flat:hover,
|
||||
.titlebar .suggested-action .button:hover,
|
||||
.titlebar .image-button:hover {
|
||||
border-radius: 0px;
|
||||
background-color: alpha(#000, 0.1);
|
||||
background-image: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
/*box-shadow: inset 0 -2px 0 0 @header_text;*/
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
/* Backdrop Button */
|
||||
.titlebar .button:backdrop,
|
||||
.titlebar .text-button:backdrop,
|
||||
.titlebar .titlebutton:backdrop,
|
||||
.titlebar .linked:backdrop,
|
||||
.titlebar .flat:backdrop,
|
||||
.titlebar .suggested-action .button:backdrop,
|
||||
.titlebar .image-button:backdrop {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @backdrop_header_text;
|
||||
}
|
||||
|
||||
|
||||
/* *:Backdrop Button */
|
||||
.titlebar .button:hover:backdrop,
|
||||
.titlebar .text-button:hover:backdrop,
|
||||
.titlebar .titlebutton:hover:backdrop,
|
||||
.titlebar .linked:hover:backdrop,
|
||||
.titlebar .flat:hover:backdrop,
|
||||
.titlebar .suggested-action .button:hover:backdrop,
|
||||
.titlebar .image-button:hover:backdrop,
|
||||
.titlebar .button:checked:backdrop,
|
||||
.titlebar .text-button:checked:backdrop,
|
||||
.titlebar .titlebutton:checked:backdrop,
|
||||
.titlebar .linked:checked:backdrop,
|
||||
.titlebar .flat:checked:backdrop,
|
||||
.titlebar .suggested-action .button:checked:backdrop,
|
||||
.titlebar .image-button:checked:backdrop,
|
||||
.titlebar .button:focus:backdrop,
|
||||
.titlebar .text-button:focus:backdrop,
|
||||
.titlebar .titlebutton:focus:backdrop,
|
||||
.titlebar .linked:focus:backdrop,
|
||||
.titlebar .flat:focus:backdrop,
|
||||
.titlebar .suggested-action .button:focus:backdrop,
|
||||
.titlebar .image-button:focus:backdrop,
|
||||
.titlebar .button:active:backdrop,
|
||||
.titlebar .text-button:active:backdrop,
|
||||
.titlebar .titlebutton:active:backdrop,
|
||||
.titlebar .linked:active:backdrop,
|
||||
.titlebar .flat:active:backdrop,
|
||||
.titlebar .suggested-action .button:active:backdrop,
|
||||
.titlebar .image-button:active:backdrop {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @backdrop_header_text;
|
||||
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
|
||||
}
|
||||
|
||||
|
||||
.titlebar .text-button:active:backdrop {
|
||||
font: Bold;
|
||||
}
|
||||
|
||||
/* Backdrop:Hover; Button */
|
||||
.titlebar .button:backdrop:hover,
|
||||
.titlebar .text-button:backdrop:hover,
|
||||
.titlebar .titlebutton:backdrop:hover,
|
||||
.titlebar .linked:backdrop:hover,
|
||||
.titlebar .flat:backdrop:hover,
|
||||
.titlebar .suggested-action .button:backdrop:hover,
|
||||
.titlebar .image-button:backdrop:hover {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
|
||||
color: @backdrop_header_text;
|
||||
}
|
||||
|
||||
/* Insensitive Button */
|
||||
.titlebar .button:insensitive,
|
||||
.titlebar .text-button:insensitive,
|
||||
.titlebar .titlebutton:insensitive,
|
||||
.titlebar .linked:insensitive,
|
||||
.titlebar .flat:insensitive,
|
||||
.titlebar .suggested-action .button:insensitive,
|
||||
.titlebar .image-button:insensitive {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @insensitive_header_text;
|
||||
}
|
||||
|
||||
/* Insensitive:Backdrop Button */
|
||||
.titlebar .button:insensitive:backdrop,
|
||||
.titlebar .text-button:insensitive:backdrop,
|
||||
.titlebar .titlebutton:insensitive:backdrop,
|
||||
.titlebar .linked:insensitive:backdrop,
|
||||
.titlebar .flat:insensitive:backdrop,
|
||||
.titlebar .suggested-action .button:insensitive:backdrop,
|
||||
.titlebar .image-button:insensitive:backdrop {
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: @insensitive_header_text;
|
||||
}
|
||||
|
||||
/* Button Images */
|
||||
.titlebar .button GtkImage,
|
||||
.titlebar .button GtkImage:active,
|
||||
.titlebar .button GtkImage:focus,
|
||||
.titlebar .button GtkImage:hover,
|
||||
.titlebar .titlebutton .button GtkImage,
|
||||
.titlebar .titlebutton .button GtkImage:active,
|
||||
.titlebar .titlebutton .button GtkImage:focus,
|
||||
.titlebar .titlebutton .button GtkImage:hover,
|
||||
.titlebar .titlebutton GtkImage,
|
||||
.titlebar .titlebutton GtkImage:active,
|
||||
.titlebar .titlebutton GtkImage:focus,
|
||||
.titlebar .titlebutton GtkImage:hover {
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton .button GtkImage:active:backdrop,
|
||||
.titlebar .titlebutton .button GtkImage:backdrop,
|
||||
.titlebar .titlebutton .button GtkImage:backdrop:hover,
|
||||
.titlebar .titlebutton GtkImage:active:backdrop,
|
||||
.titlebar .titlebutton GtkImage:backdrop,
|
||||
.titlebar .titlebutton GtkImage:backdrop:hover,
|
||||
.titlebar .button GtkImage:active:backdrop,
|
||||
.titlebar .button GtkImage:backdrop,
|
||||
.titlebar .button GtkImage:backdrop:hover {
|
||||
color: @backdrop_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
|
||||
.titlebar .button GtkImage:insensitive,
|
||||
.titlebar .titlebutton GtkImage:insensitive,
|
||||
.titlebar .titlebutton .button GtkImage:insensitive {
|
||||
color: @insensitive_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.titlebar .button GtkImage:insensitive:backdrop,
|
||||
.titlebar .titlebutton GtkImage:insensitive:backdrop,
|
||||
.titlebar .titlebutton .button GtkImage:insensitive:backdrop {
|
||||
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
|
||||
/* Button Arrows */
|
||||
.titlebar .button GtkArrow,
|
||||
.titlebar .button GtkArrow:active,
|
||||
.titlebar .button GtkArrow:focus,
|
||||
.titlebar .button GtkArrow:hover {
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.titlebar .button GtkArrow:active:backdrop,
|
||||
.titlebar .button GtkArrow:backdrop,
|
||||
.titlebar .button GtkArrow:backdrop:hover {
|
||||
color: @backdrop_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.titlebar .button GtkArrow:insensitive {
|
||||
color: @insensitive_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.titlebar .button GtkArrow:insensitive:backdrop {
|
||||
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
|
||||
/* Button Labels */
|
||||
.titlebar .button GtkLabel,
|
||||
.titlebar .button GtkLabel:active,
|
||||
.titlebar .button GtkLabel:focus,
|
||||
.titlebar .button GtkLabel:hover,
|
||||
.titlebar .titlebutton .button GtkLabel,
|
||||
.titlebar .titlebutton .button GtkLabel:active,
|
||||
.titlebar .titlebutton .button GtkLabel:focus,
|
||||
.titlebar .titlebutton .button GtkLabel:hover,
|
||||
.titlebar .titlebutton GtkLabel,
|
||||
.titlebar .titlebutton GtkLabel:active,
|
||||
.titlebar .titlebutton GtkLabel:focus,
|
||||
.titlebar .titlebutton GtkLabel:hover {
|
||||
color: @header_text;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton .button GtkLabel:active:backdrop,
|
||||
.titlebar .titlebutton .button GtkLabel:backdrop,
|
||||
.titlebar .titlebutton .button GtkLabel:backdrop:hover,
|
||||
.titlebar .titlebutton GtkLabel:active:backdrop,
|
||||
.titlebar .titlebutton GtkLabel:backdrop,
|
||||
.titlebar .titlebutton GtkLabel:backdrop:hover,
|
||||
.titlebar .button GtkLabel:active:backdrop,
|
||||
.titlebar .button GtkLabel:backdrop,
|
||||
.titlebar .button GtkLabel:backdrop:hover {
|
||||
color: @backdrop_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
|
||||
.titlebar .button GtkLabel:insensitive,
|
||||
.titlebar .titlebutton GtkLabel:insensitive,
|
||||
.titlebar .titlebutton .button GtkLabel:insensitive {
|
||||
color: @insensitive_header_text;
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.titlebar .button GtkLabel:insensitive:backdrop,
|
||||
.titlebar .titlebutton GtkLabel:insensitive:backdrop,
|
||||
.titlebar .titlebutton .button GtkLabel:insensitive:backdrop {
|
||||
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
|
||||
.titlebar .right .button:first-child,
|
||||
.titlebar .right .titlebutton:first-child {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.titlebar .right .button:last-child,
|
||||
.titlebar .right .titlebutton:last-child {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.titlebar .left .button:last-child,
|
||||
.titlebar .left .titlebutton:last-child {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.titlebar .left .button:first-child,
|
||||
.titlebar .left .titlebutton:first-child {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*************************
|
||||
* Header bar separator *
|
||||
|
|
Loading…
Reference in New Issue