Skip to content

Instantly share code, notes, and snippets.

@kavan-mevada

kavan-mevada/stylesheet.css

Created April 22, 2020 10:05
Show Gist options
  • Save kavan-mevada/62d09530cd2e6c2c2e7772e2ef97a620 to your computer and use it in GitHub Desktop.
Save kavan-mevada/62d09530cd2e6c2c2e7772e2ef97a620 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
stylesheet.css
list { background: transparent; }
list row { min-height: 36px; padding: 0 24px; }
list row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
list row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
list row label.sidebar-label:dir(ltr) { padding-right: 2px; }
list row label.sidebar-label:dir(rtl) { padding-left: 2px; }
headerbar {
background: transparent;
border-bottom: 0;
margin-left: 210px;
padding: 0 6px 0 0;
border-top-left-radius: 0px;
}
headerbar {
background: @theme_base_color;
}
.mainArea {
margin-top: -46px;
padding: 0px;
background: @theme_base_color;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.placessidebar {
background: @theme_bg_color;
border-top-left-radius: 8px;
min-width: 210px;
padding-top: 46px;
}
label.section {
color: alpha (@theme_text_color, 0.5);
padding-top: 18px;
padding-bottom: 8px;
}
label.section:dir(ltr) { padding-left: 12px; }
label.section:dir(rtl) { padding-right: 12px; }
list row { box-shadow: none; }
list row image.sidebar-icon { background: none; }
list row:selected { background: alpha (@theme_fg_color, 0.1); }
list row:selected label.sidebar-label { color: @theme_text_color; }
list row label.sidebar-label { color: alpha (@theme_text_color, 0.8); }
Raw
window.ui
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.22.2 -->
<interface>
<requires lib="gtk+" version="3.20"/>
<template class="MusicPlayerWindow" parent="GtkApplicationWindow">
<property name="can_focus">False</property>
<property name="default_width">600</property>
<property name="default_height">300</property>
<child type="titlebar">
<object class="GtkHeaderBar" id="headerBar">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="show_close_button">True</property>
<child type="title">
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="hexpand">True</property>
<property name="vexpand">True</property>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="hexpand">True</property>
<property name="label" translatable="yes">label</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="hexpand">True</property>
<property name="label" translatable="yes">label</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="hexpand">True</property>
<property name="label" translatable="yes">label</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">2</property>
</packing>
</child>
</object>
</child>
</object>
</child>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="halign">start</property>
<property name="label" translatable="yes">Library</property>
<style>
<class name="section"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkListBox" id="placessidebar">
<property name="width_request">210</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<child>
<object class="GtkListBoxRow">
<property name="visible">True</property>
<property name="can_focus">True</property>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="valign">center</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="valign">center</property>
<property name="resource">/com/kavan/MusicPlayer/assets/foryou-color-symbolic.svg</property>
<style>
<class name="sidebar-icon"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="halign">start</property>
<property name="valign">center</property>
<property name="label" translatable="yes">For You</property>
<style>
<class name="sidebar-label"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
<style>
<class name="sidebar-placeholder-row"/>
</style>
</object>
</child>
<style>
<class name="sidebar-placeholder-row"/>
</style>
</object>
</child>
<child>
<object class="GtkListBoxRow">
<property name="visible">True</property>
<property name="can_focus">True</property>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="valign">center</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="valign">center</property>
<property name="resource">/com/kavan/MusicPlayer/assets/track-color-symbolic.svg</property>
<style>
<class name="sidebar-icon"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="halign">start</property>
<property name="valign">center</property>
<property name="label" translatable="yes">Songs</property>
<style>
<class name="sidebar-label"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
<style>
<class name="sidebar-placeholder-row"/>
</style>
</object>
</child>
<style>
<class name="sidebar-placeholder-row"/>
</style>
</object>
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
<style>
<class name="placessidebar"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkStack">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="hexpand">True</property>
<property name="vexpand">True</property>
<child>
<object class="GtkLabel" id="label1">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="hexpand">True</property>
<property name="vexpand">True</property>
<property name="label">Hello, World!</property>
<attributes>
<attribute name="weight" value="bold"/>
<attribute name="scale" value="2"/>
</attributes>
</object>
<packing>
<property name="name">page0</property>
<property name="title" translatable="yes">page0</property>
</packing>
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
<style>
<class name="mainArea"/>
</style>
</object>
</child>
</template>
</interface>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment