kopia lustrzana https://github.com/pixelfed/pixelfed
180 wiersze
2.9 KiB
SCSS
180 wiersze
2.9 KiB
SCSS
html, body {
|
|
min-height:100vh;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
flex-flow: column;
|
|
}
|
|
|
|
#content {
|
|
margin-bottom: auto !important;
|
|
}
|
|
body, button, input, textarea {
|
|
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",
|
|
Roboto,Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
.navbar-laravel {
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
.bg-pixelfed {
|
|
background:#10c5f8;
|
|
background:-webkit-gradient(linear,left top,right bottom,from(#6736dd),to(#10c5f8));
|
|
background:linear-gradient(to bottom right,#6736dd,#10c5f8);
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.container {
|
|
max-width: 935px;
|
|
}
|
|
}
|
|
|
|
.text-dark {
|
|
color: #212529 !important;
|
|
}
|
|
|
|
.search-form {
|
|
min-width: 125px;
|
|
width: 265px;
|
|
}
|
|
|
|
.search-form input,
|
|
.search-form .form-inline,
|
|
.search-form .form-control {
|
|
width: 100%;
|
|
}
|
|
|
|
.settings-nav .active {
|
|
border-left: 2px solid #6c757d !important
|
|
}
|
|
|
|
.settings-nav .active .nav-link{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.card-disabled {
|
|
background-color: rgba(245, 245, 245, 1);
|
|
opacity: .4;
|
|
}
|
|
|
|
.card.status-container {
|
|
}
|
|
|
|
.card-img-top {
|
|
height: auto;
|
|
}
|
|
|
|
.card.status-container .status-photo {
|
|
margin: auto !important;
|
|
}
|
|
|
|
.card.status-container .status-comments {
|
|
overflow-y: scroll;
|
|
border-bottom:1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.no-caret.dropdown-toggle {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.no-caret.dropdown-toggle::after {
|
|
display:none;
|
|
}
|
|
|
|
.notification-page .profile-link {
|
|
color: #212529;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.notification-page .list-group-item:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.nav-topbar {
|
|
border-top: 1px solid $gray-300;
|
|
}
|
|
.nav-topbar .nav-item {
|
|
margin: -1px 1.5rem 0;
|
|
}
|
|
.nav-topbar .nav-link {
|
|
border: 1px solid transparent;
|
|
color: $gray-300;
|
|
padding: 0.75rem 0;
|
|
}
|
|
.nav-topbar .nav-link:focus, .nav-topbar .nav-link:hover {
|
|
border-top-color: $gray-300;
|
|
}
|
|
.nav-topbar .nav-link.disabled {
|
|
color: $gray-300;
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
.nav-topbar .nav-item.show .nav-link, .nav-topbar .nav-link.active {
|
|
color: $gray-600;
|
|
border-top-color: $gray-600;
|
|
}
|
|
.nav-topbar .dropdown-menu {
|
|
margin-top:-1px;
|
|
}
|
|
|
|
.info-overlay {
|
|
position: relative;
|
|
}
|
|
|
|
.info-overlay .info-overlay-text {
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
|
|
.info-overlay:hover .info-overlay-text {
|
|
display: flex;
|
|
}
|
|
|
|
.info-overlay-text {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.font-weight-ultralight {
|
|
font-weight: 200 !important;
|
|
}
|
|
|
|
.square {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.square::after {
|
|
content: "";
|
|
display: block;
|
|
padding-bottom: 100%;
|
|
}
|
|
|
|
.square-content {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: 50%;
|
|
}
|
|
|
|
.fas, .far {
|
|
font-size: 25px !important;
|
|
}
|
|
|
|
|
|
.far.fa-heart {
|
|
color: #343a40;
|
|
}
|
|
|
|
.svg-inline--fa.fa-heart.fa-w-16.status-heart.fa-2x {
|
|
color: #f70ec4;
|
|
}
|
|
|
|
.fas.fa-heart {
|
|
} |