From 26034c4354191193b92f2333980aa54249fa3378 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 31 Mar 2016 19:42:40 +0200 Subject: add some styles for gnome-photos --- common/gtk-3.0/3.20/gtk-dark.css | 26 +++++++++++++++----------- common/gtk-3.0/3.20/gtk-darker.css | 26 +++++++++++++++----------- common/gtk-3.0/3.20/gtk-solid-dark.css | 26 +++++++++++++++----------- common/gtk-3.0/3.20/gtk-solid-darker.css | 26 +++++++++++++++----------- common/gtk-3.0/3.20/gtk-solid.css | 26 +++++++++++++++----------- common/gtk-3.0/3.20/gtk.css | 26 +++++++++++++++----------- common/gtk-3.0/3.20/sass/_applications.scss | 28 +++++++++++++++++++--------- 7 files changed, 109 insertions(+), 75 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 11ef8bf..9a904df 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -3199,6 +3199,9 @@ dockoverlayedge { dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } +.documents-scrolledwin.frame { + border-width: 0; } + button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3208,7 +3211,7 @@ button.documents-load-more { color: #ffffff; border-radius: 2px; } -.documents-collection-icon { +.documents-collection-icon, .photos-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } @@ -3216,32 +3219,33 @@ button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } -.documents-entry-tag { +.documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } - .documents-entry-tag:hover { + .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } - .documents-entry-tag:active { + .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 16f7ae9..05d714c 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -3198,6 +3198,9 @@ dockoverlayedge { dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } +.documents-scrolledwin.frame { + border-width: 0; } + button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3207,7 +3210,7 @@ button.documents-load-more { color: #ffffff; border-radius: 2px; } -.documents-collection-icon { +.documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } @@ -3215,32 +3218,33 @@ button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } -.documents-entry-tag { +.documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } - .documents-entry-tag:hover { + .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } - .documents-entry-tag:active { + .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index bf7134a..202038f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -3199,6 +3199,9 @@ dockoverlayedge { dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } +.documents-scrolledwin.frame { + border-width: 0; } + button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3208,7 +3211,7 @@ button.documents-load-more { color: #ffffff; border-radius: 2px; } -.documents-collection-icon { +.documents-collection-icon, .photos-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } @@ -3216,32 +3219,33 @@ button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } -.documents-entry-tag { +.documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } - .documents-entry-tag:hover { + .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } - .documents-entry-tag:active { + .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 8f2f894..a2ea564 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -3198,6 +3198,9 @@ dockoverlayedge { dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } +.documents-scrolledwin.frame { + border-width: 0; } + button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3207,7 +3210,7 @@ button.documents-load-more { color: #ffffff; border-radius: 2px; } -.documents-collection-icon { +.documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } @@ -3215,32 +3218,33 @@ button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } -.documents-entry-tag { +.documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } - .documents-entry-tag:hover { + .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } - .documents-entry-tag:active { + .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index e51df2e..a8dd76a 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -3202,6 +3202,9 @@ dockoverlayedge { dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } +.documents-scrolledwin.frame { + border-width: 0; } + button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3211,7 +3214,7 @@ button.documents-load-more { color: #ffffff; border-radius: 2px; } -.documents-collection-icon { +.documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } @@ -3219,32 +3222,33 @@ button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } -.documents-entry-tag { +.documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } - .documents-entry-tag:hover { + .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } - .documents-entry-tag:active { + .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 31b67f5..85ad973 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -3202,6 +3202,9 @@ dockoverlayedge { dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } +.documents-scrolledwin.frame { + border-width: 0; } + button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3211,7 +3214,7 @@ button.documents-load-more { color: #ffffff; border-radius: 2px; } -.documents-collection-icon { +.documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } @@ -3219,32 +3222,33 @@ button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } -.documents-entry-tag { +.documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } - .documents-entry-tag:hover { + .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } - .documents-entry-tag:active { + .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; } + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; } + .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index decde96..460201a 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -362,6 +362,8 @@ dockoverlayedge { // // Gnome Documents // +.documents-scrolledwin.frame { border-width: 0; } + button.documents-load-more { border-width: 1px 0 0; border-radius: 0; @@ -399,15 +401,6 @@ button.documents-favorite:active:hover { color: $selected_fg_color; background: darken($selected_bg_color, 4%); } - - toolbar .linked & button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - - &:hover { color: transparentize($selected_fg_color, 0.3) } - } } .content-view.document-page { @@ -416,6 +409,23 @@ button.documents-favorite:active:hover { border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } +// +// Gnome Photos +// +.photos-entry-tag { @extend .documents-entry-tag; } + +.photos-collection-icon { @extend .documents-collection-icon; } + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + // // Transmission // -- cgit v1.2.3