forked from mirror/pixelfed
cf0943a00a
Improve image view
155 lines
2.8 KiB
SCSS
Vendored
155 lines
2.8 KiB
SCSS
Vendored
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 {
|
|
display: block !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.card.status-container .status-comments {
|
|
height: 220px;
|
|
overflow-y: scroll;
|
|
border-bottom:1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.card.status-container.orientation-square .status-comments {
|
|
height: 360px !important;
|
|
}
|
|
|
|
|
|
.card.status-container.orientation-portrait .status-comments {
|
|
height: 528px !important;
|
|
}
|
|
|
|
.card.status-container.orientation-landscape .status-photo img {
|
|
max-height: 451px !important;
|
|
}
|
|
|
|
.card.status-container.orientation-square .status-photo img {
|
|
max-height: 601px !important;
|
|
}
|
|
|
|
.card.status-container.orientation-portrait .status-photo img {
|
|
max-height: 772px !important;
|
|
}
|
|
|
|
.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;
|
|
}
|