lighter style for app sidebar, new switcher style

This commit is contained in:
Jan-Christoph Borchardt 2015-08-24 16:58:04 +02:00
parent bc588a0392
commit 763b75ff4f

View File

@ -440,8 +440,10 @@
left: auto;
bottom: 0;
width: 27%;
min-width: 250px;
display: block;
background: #eee;
background: #fff;
border-left: 1px solid #eee;
-webkit-transition: margin-right 300ms;
-moz-transition: margin-right 300ms;
-o-transition: margin-right 300ms;
@ -600,47 +602,31 @@ em {
/* generic tab styles */
.tabHeaders {
margin: 15px;
background-color: #1D2D44;
}
.tabHeaders .tabHeader {
float: left;
border: 1px solid #ddd;
padding: 5px;
cursor: pointer;
background-color: #f8f8f8;
font-weight: bold;
}
.tabHeaders .tabHeader, .tabHeaders .tabHeader a {
color: #888;
}
.tabHeaders .tabHeader:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
.tabHeaders .tabHeader.selected {
font-weight: 600;
}
.tabHeaders .tabHeader:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.tabHeaders .tabHeader.selected,
.tabHeaders .tabHeader:hover {
background-color: #e8e8e8;
border-bottom: 1px solid #333;
}
.tabHeaders .tabHeader.selected,
.tabHeaders .tabHeader.selected a,
.tabHeaders .tabHeader:hover,
.tabHeaders .tabHeader:hover a {
color: #000;
}
.tabsContainer {
clear: left;
}
.tabsContainer .tab {
padding: 15px;
}