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 {
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user