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

style textview border

Browse Source
This commit is contained in:
Horst3180 2016-04-05 23:45:23 +02:00
parent 0573472a16
commit 3a41c93ff4
7 changed files with 128 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus { textview text:selected:focus {
border-radius: 2px; } border-radius: 2px; }
textview border {
background-color: #3c414e;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
border: 1px solid #2679db; border: 1px solid #2679db;

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

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus { textview text:selected:focus {
border-radius: 2px; } border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
border: 1px solid #2679db; border: 1px solid #2679db;

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

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus { textview text:selected:focus {
border-radius: 2px; } border-radius: 2px; }
textview border {
background-color: #3c414e;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
border: 1px solid #2679db; border: 1px solid #2679db;

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

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus { textview text:selected:focus {
border-radius: 2px; } border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
border: 1px solid #2679db; border: 1px solid #2679db;

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

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus { textview text:selected:focus {
border-radius: 2px; } border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
border: 1px solid #2679db; border: 1px solid #2679db;

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

@ -54,6 +54,23 @@ textview text {
textview text:selected:focus { textview text:selected:focus {
border-radius: 2px; } border-radius: 2px; }
textview border {
background-color: #fafbfb;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border.bottom {
background-size: 100% 1px;
background-position: top; }
textview border.top {
background-size: 100% 1px;
background-position: bottom; }
textview border.left {
background-size: 1px 100%;
background-position: right; }
textview border.right {
background-size: 1px 100%;
background-position: left; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
border: 1px solid #2679db; border: 1px solid #2679db;

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

@ -87,6 +87,32 @@ textview {
} }
} }
textview border {
background-color: mix($bg_color, $base_color, 50%);
background-image: image(transparentize(black, 0.8)); // HACK: the border node just draws background so,
background-repeat: no-repeat; // using a background-image to draw the border
&.bottom {
background-size: 100% 1px;
background-position: top;
}
&.top {
background-size: 100% 1px;
background-position: bottom;
}
&.left {
background-size: 1px 100%;
background-position: right;
}
&.right {
background-size: 1px 100%;
background-position: left;
}
}
iconview { @extend .view; } iconview { @extend .view; }
rubberband, rubberband,