mirror of
https://github.com/adulau/brouilleursdeblanc.git
synced 2024-11-21 17:47:10 +00:00
Style feature image credit caption
This commit is contained in:
parent
768e69bd4d
commit
6c1556eb36
3 changed files with 31 additions and 5 deletions
|
@ -38,6 +38,9 @@ a:hover{color:#000000;}
|
||||||
a:focus{outline:thin dotted;color:#000000;}
|
a:focus{outline:thin dotted;color:#000000;}
|
||||||
a:hover,a:active{outline:0;}
|
a:hover,a:active{outline:0;}
|
||||||
figcaption{padding-top:10px;font-size:14px;font-size:0.875rem;line-height:1.7143;line-height:1.3;color:#3c3c3c;}
|
figcaption{padding-top:10px;font-size:14px;font-size:0.875rem;line-height:1.7143;line-height:1.3;color:#3c3c3c;}
|
||||||
|
.image-credit{margin:0 auto;max-width:440px;padding-top:5px;padding-right:20px;padding-left:20px;text-align:right;font-size:14px;font-size:0.875rem;line-height:1.7143;line-height:1.3;color:#6f6f6f;*zoom:1;}.image-credit:before,.image-credit:after{display:table;content:"";line-height:0;}
|
||||||
|
.image-credit:after{clear:both;}
|
||||||
|
@media only screen and (min-width: 48em){.image-credit{max-width:760px;padding-right:60px;padding-left:60px;}}@media only screen and (min-width: 62.5em){.image-credit{max-width:960px;}}.image-credit a{color:#6f6f6f;}
|
||||||
.notice{margin-top:1.5em;padding:.5em 1em;text-indent:0;font-size:16px;font-size:1rem;background-color:#f2f2f2;border:1px solid #e6e6e6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
.notice{margin-top:1.5em;padding:.5em 1em;text-indent:0;font-size:16px;font-size:1rem;background-color:#f2f2f2;border:1px solid #e6e6e6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||||
blockquote{font-family:'volkhov',serif;font-style:italic;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:24px;margin-bottom:1.5rem;padding-left:20px;border-left:8px solid #000000;}
|
blockquote{font-family:'volkhov',serif;font-style:italic;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:24px;margin-bottom:1.5rem;padding-left:20px;border-left:8px solid #000000;}
|
||||||
.footnotes{font-size:14px;font-size:0.875rem;line-height:1.7143;font-family:'source-sans-pro',sans-serif;}
|
.footnotes{font-size:14px;font-size:0.875rem;line-height:1.7143;font-family:'source-sans-pro',sans-serif;}
|
||||||
|
@ -594,7 +597,7 @@ body{margin:0;padding:0;width:100%;background-color:#ffffff;border-top:5px solid
|
||||||
#main:after{clear:both;}
|
#main:after{clear:both;}
|
||||||
.entry,.hentry{*zoom:1;border-bottom:1px solid #cccccc;border-bottom:1px solid rgba(0, 0, 0, 0.1);}.entry:before,.hentry:before,.entry:after,.hentry:after{display:table;content:"";line-height:0;}
|
.entry,.hentry{*zoom:1;border-bottom:1px solid #cccccc;border-bottom:1px solid rgba(0, 0, 0, 0.1);}.entry:before,.hentry:before,.entry:after,.hentry:after{display:table;content:"";line-height:0;}
|
||||||
.entry:after,.hentry:after{clear:both;}
|
.entry:after,.hentry:after{clear:both;}
|
||||||
.entry-feature-image{margin:20px 0 40px;width:100%;}@media only screen and (min-width: 48em){.entry-feature-image{margin-top:-75px;}}@media only screen and (min-width: 62.5em){.entry-feature-image{margin-top:-145px;}}
|
.entry-feature-image{margin:20px 0 0;width:100%;}@media only screen and (min-width: 48em){.entry-feature-image{margin-top:-75px;}}@media only screen and (min-width: 62.5em){.entry-feature-image{margin-top:-145px;}}
|
||||||
.entry-header{max-width:640px;width:100%;margin-right:auto;margin-left:auto;}@media only screen and (min-width: 62.5em){.entry-header{max-width:100%;margin-right:0;margin-left:0;}}
|
.entry-header{max-width:640px;width:100%;margin-right:auto;margin-left:auto;}@media only screen and (min-width: 62.5em){.entry-header{max-width:100%;margin-right:0;margin-left:0;}}
|
||||||
.entry-tags{display:block;margin-top:2em;text-transform:uppercase;font-size:16px;font-size:1rem;font-weight:600;}.entry-tags a{color:#222222;}
|
.entry-tags{display:block;margin-top:2em;text-transform:uppercase;font-size:16px;font-size:1rem;font-weight:600;}.entry-tags a{color:#222222;}
|
||||||
span+.entry-title{margin-top:0;}
|
span+.entry-title{margin-top:0;}
|
||||||
|
@ -630,6 +633,3 @@ span+.entry-title{margin-top:0;}
|
||||||
#goog-wm-qt{width:auto;margin-right:10px;}
|
#goog-wm-qt{width:auto;margin-right:10px;}
|
||||||
#goog-wm-sb{display:inline-block;padding:8px 20px;background-color:#000000;color:#ffffff;border:2px solid #000000 !important;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}#goog-wm-sb:visited{color:#ffffff;}
|
#goog-wm-sb{display:inline-block;padding:8px 20px;background-color:#000000;color:#ffffff;border:2px solid #000000 !important;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}#goog-wm-sb:visited{color:#ffffff;}
|
||||||
#goog-wm-sb:hover{background-color:#ffffff;color:#000000;}
|
#goog-wm-sb:hover{background-color:#ffffff;color:#000000;}
|
||||||
|
|
||||||
.image-credit{font-size:0.8rem; color: #999; margin-top:-40px;text-transform:uppercase}
|
|
||||||
.image-credit a{font-size:0.8rem; color: #999;}
|
|
||||||
|
|
|
@ -177,7 +177,7 @@ body {
|
||||||
border-bottom: 1px solid fade(@black,10);
|
border-bottom: 1px solid fade(@black,10);
|
||||||
}
|
}
|
||||||
.entry-feature-image {
|
.entry-feature-image {
|
||||||
margin: 20px 0 40px;
|
margin: 20px 0 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@media @medium {
|
@media @medium {
|
||||||
margin-top: -75px;
|
margin-top: -75px;
|
||||||
|
|
|
@ -41,6 +41,32 @@ figcaption {
|
||||||
color: lighten(@text-color, 10);
|
color: lighten(@text-color, 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Feature Image Caption
|
||||||
|
// --------------------------------------------------
|
||||||
|
.image-credit {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 440px;
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-right: 20px;
|
||||||
|
padding-left: 20px;
|
||||||
|
text-align: right;
|
||||||
|
.font(14);
|
||||||
|
line-height: 1.3;
|
||||||
|
color: lighten(@text-color, 30);
|
||||||
|
.clearfix();
|
||||||
|
@media @medium {
|
||||||
|
max-width: 760px;
|
||||||
|
padding-right: 60px;
|
||||||
|
padding-left: 60px;
|
||||||
|
}
|
||||||
|
@media @large {
|
||||||
|
max-width: 960px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: lighten(@text-color, 30);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Note text
|
// Note text
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
.notice {
|
.notice {
|
||||||
|
|
Loading…
Reference in a new issue