brutaldon-interfaccia-web-m.../brutaldon/static/css/brutaldon-dark.css

205 lines
3.0 KiB
CSS

body.has-navbar-fixed-top {
padding-top: 48px;
}
body > section > div.container {
max-width: 100ex;
}
.reblog-icon {
position: relative;
top: -24px;
left: 40px;
}
img.fav-avatar {
display: inline;
}
.media-content {
padding: 1.5ex;
}
@media screen and (max-width: 768px)
{
.is-max-128 {
max-height: 128px;
max-width: 128px;
}
.is-max-256 {
max-height: 256px;
max-width: 256px;
}
}
@media screen and (min-width: 769px)
{
.is-max-128 {
max-height: 40em;
max-width: 40em;
}
.is-max-256 {
max-height: 80em;
max-width: 80em;
}
}
figure.media-left p.image a img
{
border-radius: 5px;
}
img.avatar
{
border-radius: 5px;
}
.active-context {
background-color: #444;
}
h2.subtitle
{
margin-top: 2rem;
margin-bottom: 1rem;
}
article.media.user-info .content img
{
max-height: 1.5rem;
max-width: 1.5rem;
}
span.account-locked
{
margin-top: 48px;
margin-left: -16px;
}
.errorlist
{
color: #FF0000;
}
.emoji-box
{
padding: .75rem;
background-color: #444;
border: 1px solid #ccc;
border-radius: 5px;
}
img.emoji
{
display: inline;
max-height: 1.5em;
max-width: 1.5em;
vertical-align: text-bottom;
}
emoji-link
{
font-size: 2em;
}
@media screen and (max-width: 768px) {
.media {
display: block;
}
}
.level.attachments
{
overflow: auto;
}
.file-cta
{
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
height: 38px;
}
#page-load-indicator
{
width: 100%;
opacity: 0.8;
position: fixed;
top: 0;
left: 0;
z-index: 666;
transition: all 500ms;
height: 4px;
overflow: hidden;
background-color: #ddd;
display: none;
}
#page-load-indicator:before{
display: block;
position: absolute;
content: "";
left: -200px;
width: 200px;
height: 4px;
background-color: #888;
animation: page-loading 1.5s linear infinite;
}
@keyframes page-loading {
from {left: -200px; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
#status_count
{
margin-left: 90%;
margin-top: 1rem;
background-color: #888;
color: #FFF;
float: right;
padding: 0.5ex;
border-radius: 5px;
min-height: 1.5rem;
min-width: 1.5rem;
font-size: 0.8em;
text-align: right;
}
#before-main
{
width: 100%;
height: 2em;
background-color: #888;
color: #444;
margin-top: 12px;
padding: 0;
}
#before-main span
{
margin-left: 50%;
}