Flowing photo gallery layout
This commit is contained in:
@@ -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 {
|
.fa-atom-square:before {
|
||||||
content: "\f143"
|
content: "\f143"
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-atom:before {
|
.fa-atom:before {
|
||||||
content: "\f09e"
|
content: "\f09e"
|
||||||
}
|
}
|
||||||
|
|
||||||
.linenos {
|
.linenos {
|
||||||
@@ -59,6 +23,10 @@ strong {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
|
color: #317eac;
|
||||||
|
}
|
||||||
|
|
||||||
.entry-content a {
|
.entry-content a {
|
||||||
border-bottom: 1px solid #fff;
|
border-bottom: 1px solid #fff;
|
||||||
}
|
}
|
||||||
@@ -70,13 +38,56 @@ strong {
|
|||||||
.cboxElement img {
|
.cboxElement img {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
border: 1px solid #181818;
|
border: 1px solid #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cboxElement img:hover {
|
.cboxElement img:hover {
|
||||||
border: 1px solid #fff;
|
border: 1px solid #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
table.exif_info {
|
||||||
color: #317eac;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
@@ -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 {
|
.fa-atom-square:before {
|
||||||
content: "\f143"
|
content: "\f143"
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-atom:before {
|
.fa-atom:before {
|
||||||
content: "\f09e"
|
content: "\f09e"
|
||||||
}
|
}
|
||||||
|
|
||||||
.linenos {
|
.linenos {
|
||||||
@@ -55,6 +19,10 @@ table .exif_info {
|
|||||||
color: #317eac !important;
|
color: #317eac !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
|
color: #317eac;
|
||||||
|
}
|
||||||
|
|
||||||
.entry-content a {
|
.entry-content a {
|
||||||
border-bottom: 1px solid #666;
|
border-bottom: 1px solid #666;
|
||||||
}
|
}
|
||||||
@@ -73,6 +41,49 @@ table .exif_info {
|
|||||||
border: 1px solid #317eac;
|
border: 1px solid #317eac;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
table.exif_info {
|
||||||
color: #317eac;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user