ref: master
public/stylesheets/content/blog.scss
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 |
.blog-post a { text-decoration: none; } .blog-feed-link { float: right; } #content .title { margin-bottom: 2px; word-wrap: break-word; } .blog-post .post-pic { background-position: 50% 40%; background-size: cover; height: 150px; } .blog-post .post-pic.empty { display: none; } .metadata, .blog-post .metadata { display: block; text-align: center; font-size: small; } .metadata { text-align: right; color: gray; } #content .publishing-info { color: gray; font-size: 12px; display: block; text-align: right; } #content .blog-post .publishing-info { text-align: left; } #content #article .pagination .previous_page { position: absolute; left: 0; } #content #article .pagination .next_page { position: absolute; right: 0; } .msie6 #content #article .pagination .previous_page, .msie6 #content #article .pagination .next_page { position: relative; display: inline; } #content #boxes .box-1 .article-block img, #content #article .article-body img, #content #article .article-body video, #content #article .article-body audio { max-width: 100%; height: auto; } div.article-body p img { max-width: 100%; height: auto; } #content .blog-post .read-more { text-align: right; clear: both; } #content .blog-post .read-more a { margin: 0 10px; } #content #article .blog-posts .blog-post .article-compact-abstract{ position: relative; float:left; margin-left: 10px; width: 100%; word-wrap: break-word; } #content #article .blog-posts .blog-post .article-compact-image{ position:relative; float:left; width: 27%; display: table-cell; vertical-align: middle; text-align: center; margin-top: 15px; } #content #article .blog-posts .blog-post .article-compact-abstract-with-image{ position: relative; float:left; margin-left: 10px; width: 70%; word-wrap: break-word; } /* NOT PUBLISHED BLOG POSTS */ div.blog-post { div.not-published { display: block; padding: 5px; background-color: #ffe78e; border-radius: 2px; position: relative; span.alert-message { display: inline-block; position: absolute; top: 7px; left: 25px; font-style: italic; } span.ui-icon { display: inline-block; } } } |