Fix themes

- Add padding for "Connection" button
- Adjust height of .header and #global. I don't really like this solution
  but I can't see any other solution
This commit is contained in:
Marien Fressinaud
2014-07-10 19:25:27 +02:00
parent 52763ed97d
commit 0878b32faf
4 changed files with 27 additions and 6 deletions

View File

@@ -437,12 +437,18 @@ a.btn {
/*=== STRUCTURE */
/*===============*/
/*=== Header */
.header {
height: 85px;
}
.header > .item {
padding: 10px 0;
padding: 10px;
vertical-align: middle;
text-align: center;
border-bottom: 1px solid #333;
}
.header > .item.title h1 {
margin: 0.5em 0;
}
.header > .item.title h1 a {
text-decoration: none;
}
@@ -454,6 +460,9 @@ a.btn {
}
/*=== Body */
#global {
height: calc(100% - 85px);
}
.aside {
border-right: 1px solid #333;
background: #1c1c1c;

View File

@@ -427,14 +427,17 @@ a.btn {
/*===============*/
/*=== Header */
.header {
height: 85px;
background: #ecf0f1;
}
.header > .item {
padding: 10px 0;
padding: 10px;
vertical-align: middle;
text-align: center;
}
.header > .item.title h1 {
margin: 0.5em 0;
}
.header > .item.title h1 a {
text-decoration: none;
}
@@ -446,6 +449,9 @@ a.btn {
}
/*=== Body */
#global {
height: calc(100% - 85px);
}
.aside {
background: #ecf0f1;
}

View File

@@ -11,6 +11,7 @@
html, body {
height: 100%;
font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif;
background: #fafafa;
}
/*=== Links */
@@ -469,15 +470,17 @@ a.btn {
/*===============*/
/*=== Header */
.header {
height: 85px;
background: #f4f4f4;
}
.header > .item {
padding: 10px 0;
padding: 10px;
border-bottom: 1px solid #aaa;
vertical-align: middle;
text-align: center;
}
.header > .item.title h1 {
margin: 0.5em 0;
text-shadow: 1px -1px 0 #ccc;
}
.header > .item.title h1 a {
@@ -492,7 +495,7 @@ a.btn {
/*=== Body */
#global {
background: #fafafa;
height: calc(100% - 85px);
}
.aside {
border-right: 1px solid #aaa;

View File

@@ -332,13 +332,15 @@ a.btn {
/*===============*/
/*=== Header */
.header {
height: 85px;
}
.header > .item {
padding: 10px 0;
padding: 10px;
vertical-align: middle;
text-align: center;
}
.header > .item.title h1 {
margin: 0.5em 0;
}
.header > .item.title h1 a {
text-decoration: none;
@@ -352,6 +354,7 @@ a.btn {
/*=== Body */
#global {
height: calc(100% - 85px);
}
.aside {
}