Layers container style update

This commit is contained in:
jdescottes
2013-09-25 21:03:57 +02:00
parent 80a9fe3396
commit ff5f9273a8

View File

@@ -185,17 +185,18 @@ body {
font-size : medium; font-size : medium;
color: white; color: white;
text-align: left; text-align: left;
margin-top: 10px;
} }
.layers-title { .layers-title {
padding : 10px; padding : 10px;
margin: 0; margin: 0;
font-size : 18px; font-size : 18px;
background : #222;
} }
.layers-list { .layers-list {
font-size : 12px; font-size : 12px;
border-bottom: 1px solid #444;
} }
.layer-item { .layer-item {
@@ -216,17 +217,19 @@ body {
} }
.layers-button-container { .layers-button-container {
padding: 10px; overflow : hidden;
} }
.layers-button { .layers-button {
line-height: 24px; line-height: 24px;
padding: 0 10px; margin: 0;
display: inline-block; width: 25%;
float : left;
border: none; border: none;
box-sizing: border-box;
border-top: 1px solid #666; border-top: 1px solid #666;
border-bottom: 1px solid #222; border-right: 1px solid #333;
border-radius: 3px; border-bottom: 1px solid #333;
background-color: #3f3f3f; background-color: #3f3f3f;
cursor: pointer; cursor: pointer;
color: white; color: white;
@@ -238,6 +241,10 @@ body {
transition: background-color 0.2s linear; transition: background-color 0.2s linear;
} }
.layers-button:last-child {
border-right-width: 0;
}
.layers-button:hover { .layers-button:hover {
text-decoration: none; text-decoration: none;
background-color: #484848; background-color: #484848;