틀:페미위키 블로그/styles.css

.purge {
	text-align: right;
	font-size: smaller;
}

ul.blog-posts {
	display: block;
	overflow: hidden;
	padding: 0;
	margin-bottom: 0;
}

ul.blog-posts li {
	display: block;
	clear: both;
	margin-bottom: 3em;
	overflow: hidden;
}

ul.blog-posts .blog-thumb {
	float: left;
	margin: 0 2em 0 1.2em;
	width: 10em;
	min-height: 6em;
	text-align: center;
	overflow: hidden;
} 

ul.blog-posts .blog-thumb img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

ul.blog-posts .blog-header-wrapper {
	overflow: hidden;
}

ul.blog-posts .title {
	margin: 0 !important;
	border-bottom: 1px solid #b9b5d9 !important;
}

ul.blog-posts .mw-headline-number {
	display: none;
}

ul.blog-posts .summary {
	overflow: hidden;
}

ul.blog-posts .date,
ul.blog-posts .author {
	margin: 0 !important;
	font-size: smaller;
	display: inline;
}

ul.blog-posts .author {
	font-weight: bold;
	padding-right: .6em;
}

.see-more {
	padding-left: 1em;
	display: inline;
}

.see-more ~ .mw-inputbox-centered {
	float: right;
}

.feeds {
	display: inline-block;
	padding-right: .5em;
	float: right;
}

.feeds-icon {
	display: inline-block;
}

.feeds ul {
	display: inline-block;
	padding-left: .5em;
	margin: 0;
}

.feeds li {
	display: inline-block;
	padding-right: .5em;
	font-size: smaller;
}

@media screen and (max-width: 480px) {
  ul.blog-posts {
    margin: 0;
  }
  
	ul.blog-posts .blog-thumb {
		display: none;
	}
	
	ul.blog-posts .blog-header-wrapper {
		clear: both;
	}
	
	ul.blog-posts .title .mw-headline{
	    font-size: smaller;
	}

	ul.blog-posts .summary {
		clear: both;
	}
}