Initial commit: Backup der Webseiten
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Felix Zösch
417
zoesch.de/galerie/themes/bootstrap_darkroom/theme.css
Normal file
417
zoesch.de/galerie/themes/bootstrap_darkroom/theme.css
Normal file
@@ -0,0 +1,417 @@
|
||||
/* 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;
|
||||
}
|
||||
Reference in New Issue
Block a user