Introducing the AlbumHeaderBox. Removes a hack.

This commit is contained in:
2016-09-03 22:23:27 +02:00
parent fdc437b29c
commit 3220d361c3
3 changed files with 85 additions and 21 deletions

View File

@@ -141,10 +141,11 @@ ul#nav li a:hover {
/* Tiled grid
---------------*/
.tiled_header, .page_title_box {
.tiled_header {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
color: #000;
clear: both;
float: left;
margin: 0 0 1.5% 0;
font: 400 18px/2.2 "Open Sans", sans-serif;
@@ -153,19 +154,6 @@ ul#nav li a:hover {
white-space: nowrap;
overflow: hidden;
}
.page_title_box {
padding: 6px 22px !important;
clear: both;
display: inline-block;
float: none;
font: inherit;
}
.page_title_box h2 {
font: 400 18px/2.2 "Open Sans", sans-serif !important;
}
.page_title_box p {
margin: 0 0 10px;
}
.tiled_grid {
margin: 0;
@@ -291,6 +279,43 @@ ul#nav li a:hover {
float: right;
}
/* Album title boxes
----------------------*/
.album_title_box {
margin-left: -46px;
width: 100%;
}
.album_title_box > a {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
display: inline-block;
float: left;
font-size: 2em;
line-height: 1;
padding: 8px 10px 14px;
}
.album_title_box > div {
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
float: left;
font: inherit;
padding: 6px 22px;
max-width: 90%;
margin: 0 0 1.5% 0;
}
.album_title_box h2 {
color: #487C96;
font: 400 18px/2 "Open Sans", sans-serif !important;
margin: 0;
}
.album_title_box p {
margin: 0 0 10px;
}
/* Generic boxed content
--------------------------*/
.boxed_content {
background: #fff;
padding: 25px;