#logo-wrapper { display: flex; flex-direction: row; justify-content: center; align-items: stretch; align-content: center; vertical-align: baseline; } #logo-image-wrapper > a { border: 0px solid white; } #logo-text-wrapper { padding: 1.3em 0px 0px 20px; } .image.left img { margin: 0 auto; } .box.post { margin-bottom: 4em; } .tags-sidebar li { display: inline-block; font-size: 1rem; } .tags-postlist { display: block; padding: 0; line-height: 1.3rem; } .tags-postlist li { display: inline-block; padding-right: 1em; font-size: 1rem; } @include breakpoint('<=narrower') { #logo-text-wrapper { display: none; } #titleBar { background-color: rgb(124,124,124); } } #content article img { max-width: 100%; } figure { display: inline-block; } figcaption { width: auto; text-align: center; font-size: smaller; font-style: italic; } /* pulsante copia codice */ .copy-code-button { color: #272822; background-color: #f7990e,; border-color: #272822; border: 2px solid; border-radius: 4px 4px 0px 0px; min-width: auto; /* right-align */ display: block; margin-left: auto; margin-right: 0; margin-top: 5px; margin-bottom: -2px; padding: 0px 3px; font-size: 0.5em; font-variant-caps: small-caps; } .copy-code-button:hover { cursor: pointer; color: #fff; border-color: #272822; } .copy-code-button:focus { /* Avoid an ugly focus outline on click in Chrome, but darken the button for accessibility. See https://stackoverflow.com/a/25298082/1481479 */ background-color: #272822; outline: 0; } .copy-code-button:active { background-color: #272822; } .highlight pre { /* Avoid pushing up the copy buttons. */ margin: 0; } /* numerazione linee */ div.highlight pre { counter-reset: line; white-space: pre-wrap; } div.highlight pre code > span { counter-increment: line; padding-left: 1.5em; } div.highlight pre code > span::before { font-size: 0.8em; color: #999; content: counter(line) ". "; display: inline-block; padding-right: 0.2em; } /* important warning */ #importantwarning { text-align: center; padding: 3.5em 0; background: _palette(bg); .container header { display: flex; background-color: _palette(accent, bg); @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15))', 'url("images/bg01.png")')); border-radius: 12px; color: _palette(accent, fg); padding-top: 2em; padding-bottom: 2em; vertical-align: middle; .warningicon { // float: left; margin-left: 0.5em; padding-right: 0.5em; font-size: 3em; // text-align: left; display: flex; } h2 { text-align: left; vertical-align: middle; margin-top: auto; margin-bottom: auto; display: inline-block; margin: 0; } .button { background: _palette(accent, fg); color: _palette(fg); display: inline-block; margin-left: auto; margin-right: 2em; vertical-align: middle; text-align: center; &:hover { color: _palette(accent, bg) !important; } } } } article header div.license { font-size: 1rem; } article header div.author { font-size: 1rem; } .icon.brands.fa-gitea { height: 38px; width: 64px; position: relative; top: 4px; display: inline-block; background-size: 64px 38px; background-position: center; background-repeat: no-repeat; background-image: url("images/gitea_logo.svg"); } .icon.brands.fa-mattermost { height: 40px; width: 40px; position: relative; top: 4px; display: inline-block; background-size: 40px 40px; background-position: center; background-repeat: no-repeat; background-image: url("images/mattermost_logo.svg"); }