OCram85/beautifulSA-jekyll
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

css: rearrange some of the file and add a few styles from before bootstrap upgrade; fixes #716

Browse Source
This commit is contained in:
Dean Attali 2020-09-01 04:33:08 +00:00
parent 8d081663ed
commit a0b2ccee84
1 changed files with 91 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

146
assets/css/beautifuljekyll.css
View File

@ -108,6 +108,13 @@ img {
max-width: 100%;
}
.linked-section {
padding-top: 3.75rem;
margin-top: -1.5625rem;
}
/* Comments */
.disqus-comments {
margin-top: 1.875rem;
}
@ -118,11 +125,6 @@ img {
}
}
.linked-section {
padding-top: 3.75rem;
margin-top: -1.5625rem;
}
/* --- Navbar --- */
.navbar-custom {
@ -428,7 +430,7 @@ footer .footer-custom-content {
}
}
/* --- Post preview --- */
/* --- Post preview (feed) --- */
.post-preview {
padding: 1.25rem 0;
@ -474,53 +476,53 @@ footer .footer-custom-content {
margin: 0 0 0.625rem;
font-family: 'Lora', 'Times New Roman', serif;
}
.post-entry {
.post-preview .post-entry {
width: 100%;
}
.post-image {
.post-preview .post-image {
float: right;
margin-left: 0.625rem;
height: 12rem;
width: 12rem;
}
.post-image {
.post-preview .post-image {
filter: grayscale(90%);
}
.post-image:hover {
.post-preview .post-image:hover {
filter: grayscale(0%);
}
.post-image img {
.post-preview .post-image img {
border-radius: 6rem;
height: 100%;
width: 100%;
}
.post-image-short {
.post-preview .post-image-short {
margin-top: -2.1875rem;
}
@media (max-width: 767px) {
.post-image {
.post-preview .post-image {
height: 9rem;
width: 9rem;
}
.post-image-short {
.post-preview .post-image-short {
margin-top: 0;
}
}
.post-image-small {
.post-preview .post-image-small {
width: 100%;
height: 100%;
text-align: center;
display: none;
}
.post-image-small img {
.post-preview .post-image-small img {
width: 6.25rem;
height: 6.25rem;
}
@media (max-width: 500px) {
.post-image {
.post-preview .post-image {
display: none;
}
.post-image-small {
.post-preview .post-image-small {
display: block;
}
}
@ -567,6 +569,30 @@ footer .footer-custom-content {
}
}
/* Tags page */
.tag-btn {
margin: 0.3125rem;
}
#full-tags-list {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#full-tags-list .tag-entry {
margin: 0 0 0.9375rem 1.5625rem;
}
#full-tags-list .tag-entry a {
font-size: 1.25rem;
}
#full-tags-list .tag-entry .entry-date {
color: #808080;
font-style: italic;
font-size: 1rem;
}
/* --- Post and page headers --- */
.intro-header {
@ -709,17 +735,6 @@ nav.top-nav-short-permanent ~ header > .intro-header.big-img {
}
}
.caption {
text-align: center;
font-size: 0.875rem;
padding: 0.625rem;
font-style: italic;
margin: 0;
display: block;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
#header-gh-btns {
margin-bottom: 0.9375rem;
}
@ -882,6 +897,16 @@ pre {
background: none;
}
/* Fix table border github gist snippets */
.gist, .gist-file table tr {
border: unset;
}
.gist, .gist-file table tr td {
border: unset;
}
/* --- Social media sharing section --- */
#social-share-section {
@ -918,36 +943,47 @@ pre {
border-left-color: #3CB371;
}
/* Fix table border github gist snippets */
/* --- Misc blog post styles --- */
.gist, .gist-file table tr {
border: unset;
.blog-post :first-child {
margin-top: 0;
}
.gist, .gist-file table tr td {
border: unset;
.blog-post img {
max-width: 100%;
}
/* Tags page */
.tag-btn {
margin: 0.3125rem;
}
#full-tags-list {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#full-tags-list .tag-entry {
margin: 0 0 0.9375rem 1.5625rem;
}
#full-tags-list .tag-entry a {
font-size: 1.25rem;
}
#full-tags-list .tag-entry .entry-date {
color: #808080;
.blog-post .caption {
text-align: center;
font-size: 0.875rem;
padding: 0.625rem;
font-style: italic;
font-size: 1rem;
color: #777;
margin: 0;
display: block;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.blog-post hr {
max-width: 25%;
border-width: 0.25rem;
border-radius: 0.1875rem;
border-color: #808080;
}
.blog-post blockquote {
padding: 0.625rem 1.25rem;
margin: 0 0 1.25rem;
font-size: 1.1rem;
border-left: 0.3125rem solid #eee;
}
.blog-post blockquote p:last-child {
margin-bottom: 0;
}
.center {
display: block;
margin: 0 auto;
}