Benutzer:Gokussj7/Spielwiese/styles.css: Unterschied zwischen den Versionen

main.container-fluid {
  padding-right:0;
  padding-left:0
}
section {
  padding-top:1rem;
  border-bottom:1px solid rgba(1,33,105,0.1);
}
section:nth-of-type(2n) {
  background-color:#fff
}
section:last-child {
  border-bottom:none
}
#section-nav .list-group-item-action:hover span,
#section-nav .list-group-item-action:focus span,
#section-nav .list-group-item.active span {
  color:#fff;
  background-color:#0240ca
}
#section-nav .list-group-item-action {
  padding:0 !important
}
#section-nav .list-group-item {
  background-color:transparent;
  border:none
}
@media (min-width: 992px) and (max-width: 1359.98px) {
  #section-nav {
    display:none !important
  }
}
#marketingCarousel .custom-carousel-arrows {
  color:rgba(255,255,255,0.5) !important
}
#marketingCarousel .custom-carousel-arrows:hover {
  color:#fff !important
}
#marketingCarousel .CarouselSlideWrapper {
  position:absolute;
  top:0
}
#marketingCarousel .CarouselSlideWrapper .container {
  z-index:1
}
@media (max-width: 767.98px) {
  #marketingCarousel .CarouselSlideWrapper a.btn {
    padding:.375rem .75rem;
    font-size:1rem;
    line-height:1.5;
    border-radius:.25rem
  }
}
@media (max-width: 575.98px) {
  #marketingCarousel .CarouselSlideWrapper a.btn {
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5;
    border-radius:.2rem
  }
}
#marketingCarousel h3,
#marketingCarousel p {
  text-shadow:3px 1px 3px rgba(0,0,0,0.5)
}
#spoilers .table-products,
table.table-cardmarket-apps,
#trends .table-products {
  table-layout:fixed;
  color:#012169;
  font-weight:600
}
#spoilers .table-products td:nth-child(1),
#trends .table-products td:nth-child(2) {
  width:2rem
}
#trends .table-products td:nth-child(1) {
  width:2rem;
  color:rgba(0,0,0,0.5) !important;
  text-align:left;
  font-weight:400;
  display:none
}
.price-info {
  color:#012169;
  font-weight:600;
  font-size:21px
}
#spoilers .table-products td:nth-child(2),
#trends .table-products td:nth-child(3) {
  width:4rem
}
#spoilers .table-products td:nth-child(2) a,
#trends .table-products td:nth-child(3) a {
  display:inline-block
}
#spoilers .table-products td:nth-child(3) {
  text-align:left
}
#spoilers .table-products td:nth-child(4),
#trends .table-products td:nth-child(5) {
  width:5.5rem;
  text-align:right;
  white-space:nowrap
}
table.table-cardmarket-apps td:nth-child(1),
#trends .table-products td:nth-child(4) {
  text-align:left
}
table.table-cardmarket-apps td:nth-child(2) {
  width:9rem;
  text-align:right;
  white-space:nowrap;
  color:rgba(0,0,0,0.5) !important;
  font-weight:400
}
#trends .table-products td:nth-child(6) {
  width:3rem;
  text-align:right;
  white-space:nowrap
}
#trends .table-products tr:nth-child(1),
#trends .table-products tr:nth-child(n+6) {
  display:none
}
@media (min-width: 576px) {
  #trends .table-products td:nth-child(1) {
    display:table-cell
  }
  #trends .table-products tr:nth-child(2) {
    display:none
  }
  #trends .table-products tr:nth-child(n+6) {
    display:table-row
  }
}
@media (min-width: 768px) {
  #trends .table-products tr:nth-child(2) {
    display:table-row
  }
}
@media (min-width: 992px) {
  #trends .table-products tr:nth-child(2),
  #trends .table-products tr:nth-child(3) {
    display:none
  }
}
.card-trends {
  background:transparent;
  width:210px !important;
  margin:auto;
  border:none
}
.card-trends .card-trends-rank {
  position:absolute;
  color:#fff;
  background-color:#012169;
  font-size:1.953em;
  font-weight:bold;
  width:3rem;
  height:3rem;
  border-radius:2rem;
  left:34%;
  bottom:5.25rem;
  z-index:2;
}
@media (min-width: 1200px) {
  .card-trends .card-trends-rank {
    left:38%
  }
}
.card-trends .imageContainer {
  position:relative;
  width:210px;
  align-self:center;
}
@media (min-width: 992px) {
  .card-trends .imageContainer {
    width:130px
  }
}
@media (min-width: 1200px) {
  .card-trends .imageContainer {
    width:160px
  }
}
.card-trends .card-text:first-child {
  margin-bottom:0.25rem
}
.card-trends .image:not(.card-image) {
  padding-top:100%
}
.card-trends .image:not(.card-image) img {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0
}
@media (min-width: 576px) {
  .card-trends .image:not(.card-image) {
    padding-top:141.56863%
  }
}
@media (min-width: 768px) {
  .card-trends {
    width:100% !important
  }
  .card-trends .card-body {
    padding-left:0;
    padding-right:0
  }
}
@media (min-width: 992px) {
  #Trends-TopCards,
  #Trends-BestDeals {
    padding-right:1.5rem;
    padding-left:1.5rem
  }
}
#spoilers .table-products tr:nth-child(n+4) {
  display:none
}
@media (min-width: 768px) {
  #spoilers .table-products tr:nth-child(n+4) {
    display:table-row
  }
}
.ExpansionsLarge,
.ExpansionsSmall {
  height:90vw
}
@media (min-width: 576px) {
  .ExpansionsLarge,
  .ExpansionsSmall {
    height:248px
  }
}
@media (min-width: 768px) {
  .ExpansionsLarge,
  .ExpansionsSmall {
    height:338px
  }
}
@media (min-width: 992px) {
  .ExpansionsLarge,
  .ExpansionsSmall {
    height:457px
  }
}
@media (min-width: 1200px) {
  .ExpansionsLarge,
  .ExpansionsSmall {
    height:547px
  }
}
.ExpansionsLarge .overlay h3,
.ExpansionsSmall .overlay h3 {
  margin-bottom:0.5rem
}
.ExpansionsLarge a,
.ExpansionsLarge>a>div,
.ExpansionsSmall>div>a>div {
  height:100%
}
.ExpansionsSmall div[id^='smallSlide'] {
  height:50%
}
.ExpansionsSmall div[id^='smallSlide']:first-child {
  margin-bottom:0.25rem
}
.ExpansionsSmall a {
  height:calc(100% - 0.25rem)
}
div#bigSlide,
div[id^='smallSlide'] a {
  overflow:hidden
}
div#bigSlide:hover .overlay,
div[id^='smallSlide']:hover .overlay {
  height:100%
}
div#bigSlide .overlay h3,
div[id^='smallSlide'] .overlay h3 {
  margin-bottom:0
}
div#bigSlide .overlay h4,
div#bigSlide .overlay .btn,
div[id^='smallSlide'] .overlay h4,
div[id^='smallSlide'] .overlay .btn {
  display:none;
}
div#bigSlide:hover .overlay h4,
div#bigSlide:hover .overlay .btn,
div[id^='smallSlide']:hover .overlay h4,
div[id^='smallSlide']:hover .overlay .btn {
  display:block
}
.overlay {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  top:unset;
  height:4rem;
  overflow:hidden;
  background-color:rgba(1,33,105,0.8)
}
.overlay h3,
.overlay h4 {
  color:#fff !important;
}
.formLabel select[name='idExpansion'] {
  width:100%
}
#expansionSlider #expansion-slider li {
  min-width:50%
}
@media (min-width: 360px) {
  #expansionSlider #expansion-slider li:not(.noIconGames) {
    min-width:25%
  }
}
@media (min-width: 1200px) {
  #expansionSlider #expansion-slider li:not(.noIconGames) {
    min-width:10%
  }
}
@media (min-width: 576px) {
  #expansionSlider #expansion-slider li {
    min-width:25%
  }
}
@media (min-width: 768px) {
  #expansionSlider #expansion-slider li {
    min-width:20%
  }
}
#products .horizontalGalleryBox {
  background-color:#fff
}
#products .horizontalGalleryBox>div:nth-of-type(1) {
  margin-bottom:-1.75rem
}
#products .horizontalGalleryBox>div:nth-of-type(3) {
  margin-bottom:0.25rem
}
@media (min-width: 768px) {
  #products .horizontalGalleryBox>div {
    margin-bottom:0 !important
  }
}
#apps .table-cardmarket-apps tr:nth-child(n+4) {
  display:none
}
@media (min-width: 768px) {
  #apps .table-cardmarket-apps tr:nth-child(n+4) {
    display:table-row
  }
}
#extra .card .card-subtitle {
  margin-bottom:.5rem
}
#alteredArt #alteredCardGallery .fonticon-cart {
  font-size:1.25rem
}
@media (min-width: 1920px) {
  .marketingSlide {
    background-size:cover !important
  }
}
div#signup span[class^="fonticon-"] {
  font-size:1.953rem;
  vertical-align:middle;
  margin-right:0.5rem;
  color:#dfc463 !important
}
@media (max-width: 575.98px) {
  #marketingCarousel .CarouselSlideWrapper .container {
    margin-bottom:0 !important
  }
}