Flowing photo gallery layout

This commit is contained in:
2014-08-30 23:13:57 +02:00
parent cfa0acf026
commit 5da4e8eba9
2 changed files with 105 additions and 83 deletions

View File

@@ -1,45 +1,9 @@
.gallery_table {
width: 100%;
text-align: center;
}
.gallery_table tr, .gallery_table td {
margin: 1em;
padding: 1em;
vertical-align: top;
}
.gallery_table tr {
border-top: 1px solid #ccc;
}
table .layout {
width: 100%;
}
.layout, td .layout, tr .layout {
border: none;
text-align: center;
vertical-align: top;
}
table .exif_info {
width: 100%;
}
.exif_info td, .exif_info th {
vertical-align: top;
margin: 0em;
padding: 0em;
padding-left: 0.5em;
}
.fa-atom-square:before {
content: "\f143"
content: "\f143"
}
.fa-atom:before {
content: "\f09e"
content: "\f09e"
}
.linenos {
@@ -59,6 +23,10 @@ strong {
color: #fff !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #317eac;
}
.entry-content a {
border-bottom: 1px solid #fff;
}
@@ -70,13 +38,56 @@ strong {
.cboxElement img {
padding: 2px;
margin: 2px;
border: 1px solid #181818;
border: 1px solid #222;
}
.cboxElement img:hover {
border: 1px solid #fff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #317eac;
}
table.exif_info {
width: 100%;
margin-bottom: 1em;
background-color: #222;
}
.exif_info tr {
border-top: 1px solid #ccc;
}
.exif_info td, .exif_info th {
vertical-align: top;
margin: 0em;
padding: 0em;
padding-left: 0.5em;
}
#gallery {
text-align: center;
width: 100%;
padding-left: 2em;
}
.gallery-element {
float: left;
}
.gallery-element > div {
overflow: hidden;
height: 20em;
text-align: center;
padding: 1em;
width: 13em;
border-top: 1px solid #ccc;
}
.picture-title {
width: 100%;
padding-top: 0.2em ;
color: #fff;
weight: bold;
}
.elem_2012_Tour > div {
height: 30em;
}

View File

@@ -1,45 +1,9 @@
.gallery_table {
width: 100%;
text-align: center;
}
.gallery_table tr, .gallery_table td {
margin: 1em;
padding: 1em;
vertical-align: top;
}
.gallery_table tr {
border-top: 1px solid #ccc;
}
table .layout {
width: 100%;
}
.layout, td .layout, tr .layout {
border: none;
text-align: center;
vertical-align: top;
}
table .exif_info {
width: 100%;
}
.exif_info td, .exif_info th {
vertical-align: top;
margin: 0em;
padding: 0em;
padding-left: 0.5em;
}
.fa-atom-square:before {
content: "\f143"
content: "\f143"
}
.fa-atom:before {
content: "\f09e"
content: "\f09e"
}
.linenos {
@@ -55,6 +19,10 @@ table .exif_info {
color: #317eac !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #317eac;
}
.entry-content a {
border-bottom: 1px solid #666;
}
@@ -73,6 +41,49 @@ table .exif_info {
border: 1px solid #317eac;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #317eac;
}
table.exif_info {
width: 100%;
margin-bottom: 1em;
background-color: #fff;
}
.exif_info tr {
border-top: 1px solid #ccc;
}
.exif_info td, .exif_info th {
vertical-align: top;
margin: 0em;
padding: 0em;
padding-left: 0.5em;
}
#gallery {
text-align: center;
width: 100%;
padding-left: 2em;
}
.gallery-element {
float: left;
}
.gallery-element > div {
overflow: hidden;
height: 20em;
text-align: center;
padding: 1em;
width: 13em;
border-top: 1px solid #ccc;
}
.picture-title {
width: 100%;
padding-top: 0.2em ;
color: #fff;
weight: bold;
}
.elem_2012_Tour > div {
height: 30em;
}