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

125 lines
1.8 KiB
CSS

.b_entry img {
max-width: 100%;
height: auto;
}
.inline-code {
font-family: site-mono;
font-size: 1.12em;
color: black;
background-color: #EEE;
padding: 0.2em 0.5em;
}
.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_entry.archived::after {
display: block;
content: "Archived";
text-align: center;
background:
linear-gradient(-45deg, transparent 36%, black 36%, black 82%, transparent 82%)
, linear-gradient(45deg, transparent 36%, black 36%, black 82%, transparent 82%);
color: white;
position: absolute;
width: 4.4em;
right: -2.25em;
top: 1.45em;
font-size: 1.5em;
padding: 0.15em 2.25em;
transform: rotate(45deg);
opacity: 0.5;
}
.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 {
color: #555;
text-align: justify;
min-height: 155px;
margin-bottom: 3em;
}
.b_bodyWrapper a { color: #f15a24; }
.b_edit {
background-color: yellowgreen;
}
.b_preview {
background-color: orangered;
}
.b_author {
color: purple;
text-align: right;
}
.b_entry .top-date {
float: right;
opacity: 0.35;
}
.b_entry .top-date:hover {
opacity: 0.6;
}
.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;
}