theme: top bar styling.

This commit is contained in:
Jakub Steiner 2014-10-08 14:14:49 +02:00 committed by Florian Müllner
parent 6972bc90f2
commit ac3e315a47
3 changed files with 48 additions and 92 deletions

View File

@ -196,6 +196,34 @@ StScrollBar {
/* TOP BAR */
#panel {
background-color: black;
font-weight: bold;
height: 1.86em;
&.unlock-screen,
&.login-screen { background-color: transparent; }
#panelLeft, #panelCenter { // spacing between activities<>app menu and such
spacing: 4px;
}
.panel-corner {
-panel-corner-radius: 6px;
-panel-corner-background-color: black;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
&:active, &:overview, &:focus { -panel-corner-border-color: transparentize($fg_color, 0.1); }
&.lock-screen, &.login-screen, &unlock-screen {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent;
}
}
}
// not really top bar only
.popup-menu-arrow { width: 16px; height: 16px; }
.popup-menu-icon { icon-size: 1.09em; }

View File

@ -193,57 +193,6 @@
/* Panel */
#panel {
background-color: black;
font-weight: bold;
height: 1.86em;
}
#panel.unlock-screen,
#panel.login-screen {
background-color: transparent;
}
#panelLeft, #panelCenter {
spacing: 4px;
}
#panelLeft:ltr {
padding-right: 4px;
}
#panelLeft:rtl {
padding-left: 4px;
}
#panelRight:ltr {
padding-left: 4px;
}
#panelRight:rtl {
padding-right: 4px;
}
.panel-corner {
-panel-corner-radius: 6px;
-panel-corner-background-color: black;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
}
.panel-corner:active,
.panel-corner:overview,
.panel-corner:focus {
-panel-corner-border-color: rgba(255,255,255,0.8);
}
.panel-corner.lock-screen,
.panel-corner.unlock-screen,
.panel-corner.login-screen {
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent;
}
#appMenu {
spinner-image: url("process-working.svg");
spacing: 4px;

View File

@ -147,47 +147,6 @@
spacing: 12px; }
/* Panel */
#panel {
background-color: black;
font-weight: bold;
height: 1.86em; }
#panel.unlock-screen,
#panel.login-screen {
background-color: transparent; }
#panelLeft, #panelCenter {
spacing: 4px; }
#panelLeft:ltr {
padding-right: 4px; }
#panelLeft:rtl {
padding-left: 4px; }
#panelRight:ltr {
padding-left: 4px; }
#panelRight:rtl {
padding-right: 4px; }
.panel-corner {
-panel-corner-radius: 6px;
-panel-corner-background-color: black;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent; }
.panel-corner:active,
.panel-corner:overview,
.panel-corner:focus {
-panel-corner-border-color: rgba(255, 255, 255, 0.8); }
.panel-corner.lock-screen,
.panel-corner.unlock-screen,
.panel-corner.login-screen {
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent; }
#appMenu {
spinner-image: url("process-working.svg");
spacing: 4px; }
@ -2057,6 +2016,26 @@ StScrollBar {
app menu inside the main app window itself rather than the top bar
*/
/* TOP BAR */
#panel {
background-color: black;
font-weight: bold;
height: 1.86em; }
#panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel #panelLeft, #panel #panelCenter {
spacing: 4px; }
#panel .panel-corner {
-panel-corner-radius: 6px;
-panel-corner-background-color: black;
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent; }
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
-panel-corner-border-color: rgba(238, 238, 236, 0.9); }
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
-panel-corner-radius: 0;
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent; }
.popup-menu-arrow {
width: 16px;
height: 16px; }