summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--app/lttr/templates/lttr/range_detail.html2
-rw-r--r--design/sass/screenv10.scss55
2 files changed, 48 insertions, 9 deletions
diff --git a/app/lttr/templates/lttr/range_detail.html b/app/lttr/templates/lttr/range_detail.html
index 41bf611..973c86e 100644
--- a/app/lttr/templates/lttr/range_detail.html
+++ b/app/lttr/templates/lttr/range_detail.html
@@ -77,7 +77,7 @@
src="{{image.get_src}}"
alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}">
</a>
- <figcaption>
+ <figcaption class="exif-caption">
{{image.exif_make}} {{image.exif_model}} {%if image.exif_lens %}{{image.exif_lens}}{%endif%} {{image.exif_aperture}} for {{image.exif_exposure}} at {{image.exif_iso}}
</figcaption>
</figure>{%endwith%}
diff --git a/design/sass/screenv10.scss b/design/sass/screenv10.scss
index 7d20f47..e8116fe 100644
--- a/design/sass/screenv10.scss
+++ b/design/sass/screenv10.scss
@@ -112,12 +112,12 @@ audio {
max-width: 100%;
}
blockquote {
- font-size: 18px;
- font-size: 1.125rem;
+ font-size: 22px;
+ font-size: 1.375rem;
display: block;
- border-top: 4px solid #e6e6e6;
- border-bottom: 4px solid #e6e6e6;
- margin: 3rem 0;
+ border-top: 1px solid #e6e6e6;
+ border-bottom: 1px solid #e6e6e6;
+ margin: 2rem 0;
position: relative;
text-align: left;
font-style: italic;
@@ -418,7 +418,7 @@ input, .textarea-rounded textarea {
}
//}}}
///********** class for header and footer menus *********{{{
-.nav-item, .nav-item:visited {
+.nav-item, .nav-item a, .nav-item:visited {
color: #757575;
margin: 0 0.25rem;
font-family: mffnweb, Helvetica, sans-serif;
@@ -433,8 +433,9 @@ input, .textarea-rounded textarea {
color: #9d9d9d;
padding-left: 0.75rem;
}
-.nav-item:last-of-type:after {
+.nav-item:last-child:after {
content: " ";
+ padding-left: 0;
}
//}}}
//}}}
@@ -625,6 +626,9 @@ p + .picwide {
// used in book list
margin-bottom: .5rem;
}
+.card-image img {
+ border-radius: 8px;
+}
.card-image-sm {
// smaller card image
// used on homepage
@@ -1205,10 +1209,41 @@ pre{
}
+.generic-form {
+ margin: 2rem 0;
+}
+.generic-form fieldset {
+ padding: 0;
+ border: none;
+ width: 100%;
+ position: relative;
+}
+.generic-form input[type=email] {
+ font-size: 18px;
+ background-color: #fff;
+ border: 2px solid darken(#efefef, 10);
+ border-radius: 5px;
+ height: 2.2rem;
+ padding: 4px 4px 4px 8px;
+ margin-right: .5rem;
+}
+.generic-form label {
+ display: block;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+.flex {
+ display: flex;
+}
+.flex .btn, .flex .btn-hollow {
+ flex-basis: 10%;
+}
+
.newsletter-subscribe {
margin: 3rem 0;
}
-.newsletter-subscribefieldset {
+.newsletter-subscribe fieldset {
margin: 0;
}
@@ -1290,6 +1325,10 @@ pre{
.banner .large-top-image img {
margin-top: -120px;
}
+ .large-top-image .exif-caption {
+ padding-bottom: .5rem;
+ padding-left: 10px;
+ }
}
@media screen and (min-width: 750px) {