MediaWiki:Blogs.css

/* * MediaWiki:Blogs.css * Originally (as far as we can tell) published by User:MarkvA on Community Central */

/** Blogs **/ .mainpage-blogs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mainpage-blogs .blog { margin: 0 0 20px 0; width: calc(50% - 10px); } .mainpage-blogs .blog.featured { width: 100%; } .mainpage-blogs .hero-image img { height: auto; width: 100%; } .mainpage-blogs .blog-info { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; border-bottom: 1px solid #e5e9f4; border-left: 1px solid #e5e9f4; border-radius: 0px 0px 4px 4px; border-right: 1px solid #e5e9f4; display: -webkit-box; display: -ms-flexbox; display: flex; height: 64px; } .mainpage-blogs .blog .blog-info { padding: 15px 15px 10px 10px; } .mainpage-blogs .blog.featured .blog-info { padding-bottom: 10px; } .mainpage-blogs .details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 18px; } .mainpage-blogs .blog-info .avatar { height: 55px; margin: 0px 20px 0px 0px; } .mainpage-blogs .blog-info .avatar img { border-radius: 50%; height: 100%; width: auto; } .mainpage-blogs .blog-info .author a, .mainpage-blogs .blog-info .author a:active, .mainpage-blogs .blog-info .author a:visited { color: #000000; text-decoration: none; } .mainpage-blogs .blog-info .author a:hover { color: #545454; } .mainpage-blogs .blog-info .timestamp { color: #999999; font-size: 14px; } .mainpage-blogs .blog-info .timestamp::before { content: "\00a0\00a0•\00a0"; font-size: 10px; } .mainpage-blogs .blog .blog-info .title { font-size: 16px; font-weight: bold; margin-top: 4px; } .mainpage-blogs .blog.featured .blog-info .title { font-size: 23px; } .mainpage-blogs .blog-info .title a, .mainpage-blogs .blog-info .title a:active, .mainpage-blogs .blog-info .title a:visited { color: #4a90e2; text-decoration: none; } .mainpage-blogs .blog .title a:hover { color: #6aaefc; } @media screen and (min-width: 1024px) and (max-width: 1083px) { .mainpage-blogs .blog .blog-info .title { font-size: 14px; } }