f0bm/public/s/css/w0bm.css

.navbar-brand {
  display: grid;
  grid-template-columns: 1fr auto;
}

.image-brand {
  width: 5cm;
}

.kontrollelement {
  grid-column: 2;
}

.metadata {
  grid-template-columns: 0.4fr auto 0.4fr;
  grid-template-rows: auto 1fr;
  background-color: transparent !important;
  border: none !important;
}

html[theme="f0ck95d"] .badge-dark {
  border: none;
  background-image: none;
  box-shadow: none;
}

.steuerung {
  font-size: x-large;
  font-family: monospace;
}

.steuerung a {
  color: white;
}

.blahlol {
  grid-column: 2;
}

span#favs {
  background: transparent !important;
  border: none !important;
}

.badge-dark,
#themeselector {
  background-color: unset;
  border: unset;
}

._204863 {
  background: none;
  border: none;
  background-color: none;
}

html[theme="iced"] ._204863 {
  background: none;
}

.media-object {
  border: none;
}

.v0ck {
  background: transparent !important;
}

html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 {
  background: #0000008f !important;
}

html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
  background: var(--nav-bg) !important;
}

.v0ck_overlay {
  background-color: transparent;
}

.v0ck_player_controls {
  background: rgba(0, 0, 0, 0.95) !important;
}

html[theme="term"] .image-brand {
  filter: hue-rotate(-50deg);
}

html[theme="f0ck"] .image-brand {
  filter: hue-rotate(-50deg);
}

html[theme="p1nk"] .image-brand {
  filter: hue-rotate(150deg);
}

html[theme="orange"] .image-brand {
  filter: hue-rotate(-160deg);
}

.v0ck_overlay {
  background-color: none !important;
}

.tags {
  display: grid;
}

@media (min-width: 600px) {
  .tags {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .tags {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tag {
  box-shadow: 1px 1px 1px black;
  display: grid;
  margin: 5px;
  grid-template-columns: auto;
  grid-template-rows: 1fr;
}

.navigation-rechts {
  display: flex;
}

.about {
  background: none !important;
}

.login-image {
  width: 300px;
}

.tos {
  margin: 2em;
}

.nav-link[data-toggle="dropdown"]::after {
  content: "" !important;
}

/* .dropdown-menu.shii {
  width: auto;
} */

@media (min-width: 900px) {
  .tags {
    grid-template-columns: repeat(auto-fill, 20em);
    justify-content: center;
  }
}

.tag img {
  width: 100%;
}

@media (max-width: 1056px) {

  html,
  body {
    text-align: left;
  }
}

html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 {
  border-bottom: outset 2px silver;
}

html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
  border-bottom: outset 2px silver;
}

/* Fade in video on page load */

video {
  opacity: 0;
  animation: fadeIn 2s forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.navbar.navbar-expand-lg,
.navigation-links,
.navbar-brand,
.pagination-wrapper {
  background: transparent;
}

.navbar {
  border-bottom: none;
  padding: 5px;
}

.navbar-brand {
  background: black;
  border-radius: 4cm;
}

.image-brand {
  width: 4cm;
  align-self: center;
  border-radius: 4cm;
}

.pagewrapper {
  padding: 5px;
}

.location {
  padding-left: 5px;
}

#main {
  padding: 25px;
}

.container {
  padding-top: 1vh;
}

#next,
#prev {
  visibility: hidden;
}

@media (max-width: 1056px) {
  .navigation-links {
    display: grid;
    grid-row: 1;
    grid-column: 2;
  }

  .navbar-brand {
    grid-row: 1;
    grid-column: 1;
  }

  #navbarSupportedContent {
    grid-row: 1;
    grid-column: 3;
  }

  .navbar {
    grid-template-columns: 0fr 1fr auto !important;
    grid-template-rows: 1fr;
  }

  .navbar-nav {
    display: grid !important;
    grid-template-rows: auto;
    grid-template-columns: auto auto 1fr;
    grid-gap: 0.25em;
  }
}