penguin/AstroJS

botanjs/src/Astro/Blog/Components/Entry/Blog.css

raw · 1577 bytes

.b_entry {
	background-color: #FAFAFA;
	/* box-shadow: 0 0 8px -2px black; */
	border: 1px solid #D7D4C9;

	word-wrap: break-word;

	position: relative;

	margin-top: 0;
	padding: 1em;
}

.b_title {
    font-family: custom-serif;
	font-size: 2.5em;
    margin-bottom: 0.25em;
	color: #444;
}

.b_avartar {
	width: 90px;
	height: 90px;

	margin: 0 0 0.5em 0.5em;

	float: right;

	-moz-box-shadow: 0 0 5px 0 black;
	-webkit-box-shadow: 0 0 5px 0 black;
	box-shadow: 0 0 5px 0 black;

	background-color: white;
	background-position: center;
	background-repeat: no-repeat;
}

.b_bodyWrapper {
    font-family: custom-sans;
	color: #555;
	min-height: 155px;
}

.b_button {
	position: relative;

	font-family: custom-sans;
	font-size: 1em;

	padding: 0.2em 0.5em;
	margin:  0.5em 0.2em;

	background-color: grey;
	color: white;

	cursor: default;

	float: right;
}

.b_delete {
	background-color: crimson;
}

.b_scope { background-color: slategrey; }
.b_scope:before { content: 'Private'; background-color: purple; }
.b_scope:after { content: 'Public'; background-color: orangered; }

.b_notify { background-color: slategrey; }
.b_notify:before { content: 'Follow'; }
.b_notify:after { content: 'Unfollow'; }

.b_edit {
	background-color: yellowgreen;
}

.b_preview {
	background-color: orangered;
}

.b_author {
	color: purple;
	text-align: right;
}

.b_date, .b_mdate {
	text-align: right;
}

.b_date {
	font-family: custom-serif;
}

.b_mdate {
	font-style: italic;
	font-family: custom-sans;
	font-size: 0.8em;
	opacity: 0.5;
}

.b_tags > a {
	font-size: 1em;
	color: #76400C;
}