.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; }