web-development/zoesch.de/galerie/themes/bootstrap_darkroom/theme.css

/* Win Phone 8.1 + fix */
@-ms-viewport       { width: device-width; }

/* hide jQM loading text */
.ui-loader { display: none; }

/* Main */
html, body {
  height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.col-centered {
 float: none;
 margin: 0 auto;
}

.col-inner .caption p { margin: 0 0; }
.col-inner .caption .description { margin-top: 10px; }

@media (min-width: 1800px) {
  .container {
    width: 1600px;
  }
}
@media (min-width: 3000px) {  
  .container { 
   width: 2800px;
  }
}

/* Jumbotron */
@media (max-width: 767px) {
  .jumbotron p { font-size: 16px; }
  .jumbotron h1 { font-size: 28px; }
}


/* Navigation */
.navbar-contextual {
   /* enable accel on affix navbar (avoids affix delay on iOS */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navbar-contextual .navbar-right ul.nav {
  white-space: nowrap;
}
@media (max-width: 460px) {
  .navbar-contextual .navbar-brand {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.affix {
  top: 0px;
  width: 100%;
}
.navbar {
  width: 100%;
}
.navbar-toggle {
  float: right;
  vertical-align: middle;
}
.navbar-main { z-index: 104; }
.navbar-contextual { z-index: 103; }

.navbar-collapse.collapsing .navbar-form,
.navbar-collapse.collapse.in .navbar-form {
  margin: 10px 0 10px;
}

.navbar-form .checkbox {
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .navbar-form {
    border-top: none;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  #navbar-menubar>#quicksearch {
    float: left;
  }
  #navbar-menubar>#quicksearch input[type="text"] {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .navbar {
    left: auto;
  }
  #navbar-menubar>#quicksearch input[type="text"] {
    width: 150px;
  }
}
@media (max-width: 991px) {
  #navbar-menubar ul>li>a.dropdown-toggle {
    padding-left: 4px;
  }
}
.navbar-default {
   font-weight: 400;
}
.navmenu {
   overflow: visible;
   width: 60px;
   padding-top: 55px;
   z-index: 102;
   font-size: 20px;
   border: none;
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);
}
.canvas {
  position: relative;
  left: 0;
  z-index: 101;
}

.nav-wrapper { height: 50px; }
#thePicturePage #content-spacer { padding-top: 80px; }
#theCategoryPage #content-spacer { padding-top: 20px; }
#theCategoryPage { padding-left: 0px !important; }
#theCategoryPage h4.title { line-height: 1.2em;}

/* replace the home link in navbar */
.navbar-brand a:first-child {
  font-size: 0;
}
.navbar-brand a:first-child:before {
  content: "\f015";
  font-family: FontAwesome;
  font-size: 18px;
}

/* Category thumbnails */
#content {
  min-height: 100px;
}

@media (max-width: 767px) {
  #content .col-inner {
    max-width: 520px;
    float: none;
    margin: 0 auto;
  }
  #content .col-inner .col-thumbnail div[class^=placeholder] {
    width: 100%;
    height: auto;
  }
  #content .col-inner .col-thumbnail div[class^=placeholder] img {
    width: 100%;
    height: auto;
  }
}
.content-grid .col-inner .caption h4.title {
  position: relative;
}
.content-grid .col-inner .caption h4.title a.recent {
  padding-right: 16px;
}
.content-grid .col-inner .caption h4.title img {
  position: absolute;
  top: 2px;
  right: 0;
}

/* Rating */
#rating .rateButtonStarFull {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
#rating .rateButtonStarFull:before {
  content: "\e006";
}
#rating .rateButtonStarEmpty {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
#rating .rateButtonStarEmpty:before {
  content: "\e007";
}


/* Info tabs */
#theImageInfos .tab-pane { margin: 10px 10px; }
#theImageInfos .table-responsive { border: none; }
#theImageInfos .table>tbody>tr>td,
#theImageInfos .table>tbody>tr>th {
  border-top: none;
}
#theImageInfos .table>tbody>tr>th {
  text-align: right;
}

/* Slick Carousel */
#thumbnailCarousel {
  display: none; /* hide initially until page is loaded */
  padding-top: 1em;
  padding-bottom: 1.5em;
}
.slick-slide img { display: inherit !important; }
.slick-slide, .slick-slide *{ outline: none !important; }
.slick-list { padding: 10px 0 !important; }

/* Bootstrap carousel fading animation */
/* the fading animation */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Shadows */
#theImage {
  padding-bottom: 1em;
}
.placeholder>img,
#theImage>img,
#theImage #video-modal>.embed-responsive,
.slick-slide>a>img,
.col-thumbnail>div>img {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);
}
.thumbnail-active>a>img {
  border: 1px solid white;
}

/* Calendar */
#calendar-select {
  margin-bottom: 10px;
}
#calendar-nav {
  min-height: 55px;
  text-align: center;
}
#calendar-nav>a {
  margin-bottom: 10px;
}
#calendar-nav-buttons table {
  padding-top: 10px;
}
#calendar-nav-buttons td,
#calMonth td {
  border-top: none;
}
#calendar-nav-buttons td a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.calendar-month-list li {
  padding-right: 10px;
  display: inline-block;
}

/* PhotoSwipe */
.pswp__button--autoplay { background: none !important; }
.pswp__button--autoplay:before {
  content:"\f04b";
  font-family:"FontAwesome";
  color: #fff;
}
.pswp__button--autoplay.stop { background: none !important; }
.pswp__button--autoplay.stop:before {
  content:"\f04d";
  font-family:"FontAwesome";
  color: #fff;
}

.pswp__button--details { background: none !important; }
.pswp__button--details:before {
  content:"\f129";
  font-family:"FontAwesome";
  color: #fff;
}

.pswp__button {
  z-index: 2000;
}

.pswp-video-modal {
  background: url(img/play-circle-white.png) no-repeat center center;
  background-size: 128px 128px;
  height: 100%;
  width: 320px;
  margin: 0 auto;
  cursor: pointer;
}
.pswp-video-modal video {
  visibility: hidden;
}
.pswp--touch .pswp__share-tooltip a { padding: 10px 12px; }

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption,
.pswp__top-bar, .pswp__caption {
  background-color: rgba(0, 0, 0, 0.8);
}
.pswp__ui--idle .pswp__caption { opacity: 0; }
@media (min-width: 768px) {
  .pswp__caption__center {
    max-width: 640px;
  }
}
.pswp__caption__center ul {
  margin: 0;
  padding: 0;
}
.pswp__caption__center li {
  padding: 0;
  display: inline-block;
  color: #666;
  line-height: 12px;
}
.pswp__caption__center li em {
  font-size: 10px;
  line-height: 12px;
}
@media (min-width: 768px) {
  .pswp__caption__center li em {
    font-size: 12px;
    line-height: 14px;
  }
}
a.pswp__share--google:hover { 
  background: #03a9f4;
 color: #fff;
}
#pswp--caption--metadata li {
  white-space: nowrap;
}

/* Wells */
.well-categories { margin-bottom: 10px; }

/* Sidebar */
#sidebar { z-index: 100; }

/* Video */
#thePicturePage .embed-responsive-16by9 video[poster] { object-fit: cover; }

.embed-responsive-9by16 {
  padding-bottom: 177.78%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* Picture page nav buttons */
@media (max-width: 320px) {
  #navigationButtons span.glyphicon {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/* Language Switch */
[class*="langflag-text-"] {
  background-position: 0 50px !important;
}