Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

tweak notebook styling

Browse Source
This commit is contained in:
Horst3180 2016-02-19 11:06:17 +01:00 committed by Horst3180
parent 1d514cea1d
commit be715132b9
7 changed files with 203 additions and 190 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -1494,8 +1494,10 @@ notebook {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #2b2e39; }
notebook.frame header {
margin: -1px; }
notebook header {
padding: 2px;
padding: 3px;
background-color: #383C4A; }
notebook header.top {
box-shadow: inset 0 -1px #2b2e39; }

4
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -1493,8 +1493,10 @@ notebook {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame header {
margin: -1px; }
notebook header {
padding: 2px;
padding: 3px;
background-color: #F5F6F7; }
notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; }

4
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -1494,8 +1494,10 @@ notebook {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #2b2e39; }
notebook.frame header {
margin: -1px; }
notebook header {
padding: 2px;
padding: 3px;
background-color: #383C4A; }
notebook header.top {
box-shadow: inset 0 -1px #2b2e39; }

4
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -1493,8 +1493,10 @@ notebook {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame header {
margin: -1px; }
notebook header {
padding: 2px;
padding: 3px;
background-color: #F5F6F7; }
notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; }

4
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -1497,8 +1497,10 @@ notebook {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame header {
margin: -1px; }
notebook header {
padding: 2px;
padding: 3px;
background-color: #F5F6F7; }
notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; }

4
common/gtk-3.0/3.20/gtk.css
View File

@ -1497,8 +1497,10 @@ notebook {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame header {
margin: -1px; }
notebook header {
padding: 2px;
padding: 3px;
background-color: #F5F6F7; }
notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; }

43
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -1577,24 +1577,25 @@ notebook {
background-color: $base_color;
transition: all 200ms $ease-out-quad;
&.frame { border: 1px solid $borders_color; }
&.frame {
border: 1px solid $borders_color;
header { margin: -1px; } // ugly hack to hide the borders around the header
}
header {
$vpadding: 4px;
$hpadding: 15px;
padding: 2px;
padding: 3px;
background-color: $bg_color;
$_header_border: $borders_color;
// FIXME use borders and margins
&.top { box-shadow: inset 0 -1px $_header_border; }
&.bottom { box-shadow: inset 0 1px $_header_border; }
&.right { box-shadow: inset 1px 0 $_header_border; }
&.left { box-shadow: inset -1px 0 $_header_border; }
&.top { box-shadow: inset 0 -1px $borders_color; }
&.bottom { box-shadow: inset 0 1px $borders_color; }
&.right { box-shadow: inset 1px 0 $borders_color; }
&.left { box-shadow: inset -1px 0 $borders_color; }
@each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) {
// sizing and borders
&.#{$_pos} {
padding-#{$_bpos}: 0;
@ -1603,16 +1604,16 @@ notebook {
border: 1px solid transparent;
border-#{$_bpos}: none;
// nicer close button placement
&.reorderable-page {
padding-left: 12px; // for a nicer close button
padding-right: 12px; // placement
padding-left: 12px;
padding-right: 12px;
}
// Tab overlap
// tab overlap
@if $_pos==top or $_pos==bottom { margin-right: -1px; }
@else { margin-bottom: -1px; }
// Tab border radius
// tab border radius
@if $_pos==top { border-radius: 1px 1px 0 0; }
@else if $_pos==bottom { border-radius: 0 0 1px 1px; }
@else if $_pos==left { border-radius: 1px 0 0 1px; }
@ -1620,7 +1621,7 @@ notebook {
}
}
}
// overflow arrows
&.top, &.bottom {
tabs arrow.up {
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
@ -1648,9 +1649,8 @@ notebook {
&:active { color: $fg_color; }
&:disabled { color: transparentize($insensitive_fg_color,0.3); }
}
}
header tab {
// tab colors
tab {
background-color: transparentize($base_color, 1);
label { color: $insensitive_fg_color; }
@ -1667,8 +1667,8 @@ notebook {
label { color: $fg_color; }
}
button { // close button
// close button
button {
min-height: 18px;
min-width: 16px;
padding: 0;
@ -1687,6 +1687,7 @@ notebook {
}
}
}
}
//
// Scrollbars