summaryrefslogtreecommitdiffstats
path: root/src/resources/style.css
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--src/resources/style.css301
1 files changed, 301 insertions, 0 deletions
diff --git a/src/resources/style.css b/src/resources/style.css
new file mode 100644
index 0000000..54cf229
--- /dev/null
+++ b/src/resources/style.css
@@ -0,0 +1,301 @@
+/* Toolbar */
+
+@keyframes needs_attention_keyframes {
+ 0% { }
+ 10% { background-color: @accent_bg_color; border-radius: 999999px; }
+ 100% { }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: needs_attention_keyframes 2s ease-in-out;
+}
+.nautilus-operations-button-needs-attention-multiple {
+ animation: needs_attention_keyframes 3s ease-in-out;
+ animation-iteration-count: 3;
+}
+
+/* Remove white background and highlight on hover which GTK adds by default
+ * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
+.operations-list,
+.operations-list > :hover {
+ background: none;
+}
+
+/* Path bar */
+
+#NautilusPathBar {
+ background-color: alpha(currentColor, 0.1);
+ border-radius: 6px;
+}
+#NautilusPathBar > menubutton {
+ margin: 0px;
+}
+
+#NautilusPathBar > scrolledwindow undershoot.left {
+ background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
+ border-left: solid 1px @borders;
+}
+#NautilusPathBar > scrolledwindow undershoot.right {
+ background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
+ border-right: solid 1px @borders;
+}
+
+/* Match sidebar's rounded corners on the "start" side. */
+#NautilusPathBar > scrolledwindow:dir(ltr) undershoot.left {
+ border-radius: 6px 0px 0px 6px;
+}
+#NautilusPathBar > scrolledwindow:dir(rtl) undershoot.right {
+ border-radius: 0px 6px 6px 0px;
+}
+
+#NautilusPathButton {
+ margin: 3px;
+ border-radius: 4px;
+ padding-top: 0px;
+ padding-bottom: 0px;
+}
+
+#NautilusPathButton:not(:hover),
+#NautilusPathButton.current-dir
+{
+ background: none;
+}
+
+#NautilusPathButton:not(.current-dir):not(:backdrop):hover label,
+#NautilusPathButton:not(.current-dir):not(:backdrop):hover image {
+ opacity: 1;
+}
+
+/* Search bar */
+
+#NautilusQueryEditor > * {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+#NautilusQueryEditorTag > button,
+#NautilusQueryEditor > menubutton > button {
+ min-width: 24px;
+ min-height: 24px;
+ margin: 0px;
+}
+
+#NautilusQueryEditorTag {
+ background-color: alpha(currentColor, 0.1);
+ border-radius: 100px;
+}
+
+/* Mimic the style of GtkEntry icons, but keep button background if pressed. */
+#NautilusQueryEditor > menubutton > button:not(:checked) {
+ background: none;
+}
+#NautilusQueryEditor > menubutton > button:not(:hover):not(:checked) {
+ opacity: 0.7;
+}
+
+/* Floating status bar */
+.floating-bar {
+ padding: 3px;
+ background-color: @view_bg_color;
+ box-shadow: 0 0 0 1px @borders;
+ border-radius: 8px 0 0 0;
+}
+
+.floating-bar.bottom.left { /* axes left border and border radius */
+ border-top-left-radius: 0;
+}
+.floating-bar.bottom.right { /* axes right border and border radius */
+ border-top-right-radius: 0;
+}
+
+.floating-bar:backdrop {
+ background-color: @view_bg_color;
+ border-color: @unfocused_borders;
+}
+
+.floating-bar button {
+ padding: 0px;
+}
+
+.disk-space-free {
+ color: alpha(currentColor, 0.15);
+}
+.disk-space-used {
+ color: @accent_bg_color;
+}
+
+.search-information {
+ background-color: @accent_bg_color;
+ color:white;
+ padding:2px;
+}
+
+.batch-rename-preview {
+ border-top: solid @borders 1px;
+}
+.conflict-row {
+ background: @warning_bg_color;
+ color: @warning_fg_color;
+}
+
+/* Grid view */
+.nautilus-grid-view gridview {
+ padding: 15px;
+}
+
+.nautilus-grid-view gridview > child {
+ padding: 0px;
+ border-radius: 12px;
+}
+.nautilus-grid-view #NautilusViewCell {
+ padding: 6px;
+ border-radius: 12px;
+}
+
+/* Column view */
+
+/* Setup padding on the list. Horizontal padding must be set on the columnview
+ * for it to calculate column widths correctly. */
+.nautilus-list-view columnview {
+ padding-left: 24px;
+ padding-right: 24px;
+}
+.nautilus-list-view columnview > listview {
+ padding-top: 12px;
+ padding-bottom: 24px;
+}
+
+/* Use negative margins to extend rubberbanding area into the columnview's
+ * padding, then apply positive margin on rows to reestablish positioning. */
+.nautilus-list-view columnview > listview {
+ margin-left: -24px;
+ margin-right: -24px;
+}
+.nautilus-list-view columnview > listview > row {
+ margin-left: 24px;
+ margin-right: 24px;
+}
+
+.nautilus-list-view columnview > listview > row {
+ border-radius: 6px;
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.nautilus-list-view.compact columnview > listview > row {
+ margin-top: 2px;
+ margin-bottom: 2px;
+}
+
+/* GTK unconditionally sets padding on GtkColumnViewCell, even with .data-table.
+ * We don't want this to hpappen because we have event controllers on the child,
+ * which should thus cover the whole area of the row. */
+.nautilus-list-view columnview > listview > row > cell {
+ padding: 0px;
+}
+
+.nautilus-list-view #NautilusViewCell {
+ padding: 6px;
+}
+
+/* We want drop feedback on the whole row. Disable per-cell feedback */
+.nautilus-list-view #NautilusViewCell:drop(active) {
+ box-shadow: none;
+}
+
+.nautilus-list-view.compact #NautilusViewCell {
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.nautilus-list-view:not(.compact) image.star {
+ padding: 6px;
+}
+
+.nautilus-list-view menubutton.fts-snippet > button {
+ border-radius: 100px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 12px;
+ padding-right: 12px;
+}
+.nautilus-list-view menubutton.fts-snippet > popover > * {
+ padding: 18px;
+}
+
+/* Both views */
+.nautilus-list-view:drop(active),
+.nautilus-grid-view:drop(active) {
+ box-shadow: none;
+}
+
+.nautilus-list-view columnview > listview > row.activatable:hover,
+.nautilus-grid-view gridview > child.activatable:hover {
+ background-color: alpha(currentColor, .04);
+}
+
+.nautilus-list-view columnview > listview > row.activatable:active,
+.nautilus-grid-view gridview > child.activatable:active {
+ background-color: alpha(currentColor, .08);
+}
+
+.nautilus-list-view columnview > listview > row:selected,
+.nautilus-grid-view gridview > child:selected {
+ background-color: alpha(@accent_bg_color, .15);
+}
+
+.nautilus-list-view columnview > listview > row.activatable:selected:hover,
+.nautilus-grid-view gridview > child.activatable:selected:hover {
+ background-color: alpha(@accent_bg_color, .20);
+}
+
+.nautilus-list-view columnview > listview > row.activatable:selected:active,
+.nautilus-grid-view gridview > child.activatable:selected:active {
+ background-color: alpha(@accent_bg_color, .25);
+}
+
+.view .thumbnail {
+ background: url('/org/gnome/nautilus/Checkerboard.png') repeat;
+ border-radius: 2px;
+ /* Draw a shin and outline to meld better with full-color icons */
+ box-shadow: 0px 0px 0px 1px @shade_color,
+ 0px 2px 0px 0px @shade_color;
+}
+
+.view picture {
+ filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.3));
+}
+
+.view statuspage {
+ opacity: 0.50;
+}
+
+.view .cut {
+ opacity: 0.55;
+}
+
+.view image.star:hover {
+ opacity: 1;
+}
+
+@keyframes rotate_star {
+ from { -gtk-icon-transform: rotate(-72deg); }
+ to {}
+}
+
+.view image.star.added {
+ animation: rotate_star 0.4s ease;
+}
+
+#NautilusAppChooser treeview {
+ min-height: 36px;
+ -gtk-icon-size: 32px;
+}
+
+label.encrypted_zip {
+ background-image: -gtk-icontheme('system-lock-screen-symbolic');
+ background-position: right center;
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+ padding-right: 22px;
+}