/*----Main Window */
 window {
    /* properties for window widget */
     transparency: "real";
     location: center;
     anchor: center;
     fullscreen: false;
     width: 800px;
     x-offset: 0px;
     y-offset: 0px;
    /* properties for all widgets */
     enabled: true;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     cursor: "default";
     background-color: @background-colour;
}
/*----- Main Box -----*/
 mainbox {
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 30px;
     border: 0px solid;
     border-radius: 0px 0px 0px 0px;
     border-color: @border-colour;
     background-color: transparent;
     children: [ "inputbar", "listview" ];
}
/*----- Inputbar -----*/
 inputbar {
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 0px 0px 10px 10px;
     border: 0px;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @background-colour;
     text-color: @foreground-colour;
     children: [ "prompt", "entry" ];
}
 prompt {
     enabled: true;
     background-color: inherit;
     text-color: inherit;
}
 textbox-prompt-colon {
     enabled: true;
     expand: false;
     str: "::";
     background-color: inherit;
     text-color: inherit;
}
 entry {
     enabled: true;
     background-color: inherit;
     text-color: inherit;
     cursor: text;
     placeholder: "";
     placeholder-color: inherit;
}
/*----- Listview -----*/
 listview {
     enabled: true;
     columns: 1;
     lines: 12;
     cycle: true;
     dynamic: true;
     scrollbar: false;
     layout: vertical;
     reverse: false;
     fixed-height: true;
     fixed-columns: true;
     spacing: 0px;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
     cursor: "default";
}
 scrollbar {
     handle-width: 5px ;
     handle-color: @handle-colour;
     border-radius: 0px;
     background-color: @alternate-background;
}
/*----- Elements -----*/
 element {
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 5px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
     cursor: pointer;
}
 element normal.normal {
     background-color: var(normal-background);
     text-color: var(normal-foreground);
}
 element normal.urgent {
     background-color: var(urgent-background);
     text-color: var(urgent-foreground);
}
 element normal.active {
     background-color: var(active-background);
     text-color: var(active-foreground);
}
 element selected.normal {
     background-color: var(alternate-background);
     text-color: var(foreground-colour);
}
 element selected.urgent {
     background-color: var(selected-urgent-background);
     text-color: var(selected-urgent-foreground);
}
 element selected.active {
     background-color: var(selected-active-background);
     text-color: var(selected-active-foreground);
}
 element alternate.normal {
     background-color: var(alternate-normal-background);
     text-color: var(alternate-normal-foreground);
}
 element alternate.urgent {
     background-color: var(alternate-urgent-background);
     text-color: var(alternate-urgent-foreground);
}
 element alternate.active {
     background-color: var(alternate-active-background);
     text-color: var(alternate-active-foreground);
}
 element-icon {
     background-color: transparent;
     text-color: inherit;
     size: 3ch;
     cursor: inherit;
}
 element-text {
     background-color: transparent;
     text-color: inherit;
     highlight: inherit;
     cursor: inherit;
     vertical-align: 0.5;
     horizontal-align: 0.0;
}
/*----- Mode Switcher -----*/
 mode-switcher{
     enabled: true;
     spacing: 10px;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
}
 button {
     padding: 10px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @alternate-background;
     text-color: inherit;
     cursor: pointer;
}
 button selected {
     background-color: var(selected-normal-background);
     text-color: var(selected-normal-foreground);
}
/*----- Message -----*/
 message {
     enabled: true;
     margin: 0px;
     padding: 0px;
     border: 0px solid;
     border-radius: 0px 0px 0px 0px;
     border-color: @border-colour;
     background-color: transparent;
     text-color: @foreground-colour;
}
 textbox {
     padding: 10px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @alternate-background;
     text-color: @foreground-colour;
     vertical-align: 0.5;
     horizontal-align: 0.0;
     highlight: none;
     placeholder-color: @foreground-colour;
     blink: true;
     markup: true;
}
 error-message {
     padding: 10px;
     border: 0px solid;
     border-radius: 0px;
     border-color: @border-colour;
     background-color: @background-colour;
     text-color: @foreground-colour;
}