1
0
Fork 0

[SITE] add template, blueprint, css for photo pages

This commit is contained in:
Jannik Beyerstedt 2016-04-05 18:38:00 +02:00
parent e810aa8071
commit c79ea83e0d
20 changed files with 542 additions and 705 deletions

View file

@ -0,0 +1,211 @@
/* STYLE for jannikbeyerstedt.de
* for specific template
*/
body {
background-color: #424242;
color: #fff; }
@media (min-width: 544px) {
nav ul.nav.main {
color: #fff; } }
div.carousel {
max-width: 1300px;
margin: 0 auto; }
.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0.3rem; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #818a91; }
.carousel {
position: relative; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-inner > .carousel-item {
position: relative;
display: none;
transition: .6s ease-in-out left; }
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
transition: transform 0.6s ease-in-out;
backface-visibility: hidden;
perspective: 1000px; }
.carousel-inner > .carousel-item.next,
.carousel-inner > .carousel-item.active.right {
left: 0;
transform: translate3d(100%, 0, 0); }
.carousel-inner > .carousel-item.prev,
.carousel-inner > .carousel-item.active.left {
left: 0;
transform: translate3d(-100%, 0, 0); }
.carousel-inner > .carousel-item.next.left,
.carousel-inner > .carousel-item.prev.right,
.carousel-inner > .carousel-item.active {
left: 0;
transform: translate3d(0, 0, 0); } }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block; }
.carousel-inner > .active {
left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%; }
.carousel-inner > .next {
left: 100%; }
.carousel-inner > .prev {
left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0; }
.carousel-inner > .active.left {
left: -100%; }
.carousel-inner > .active.right {
left: 100%; }
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.5; }
.carousel-control.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
.carousel-control.right {
right: 0;
left: auto;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.carousel-control:focus,
.carousel-control:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9; }
.carousel-control .icon-prev,
.carousel-control .icon-next {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
width: 20px;
height: 20px;
margin-top: -10px;
font-family: serif;
line-height: 1; }
.carousel-control .icon-prev {
left: 50%;
margin-left: -10px; }
.carousel-control .icon-next {
right: 50%;
margin-right: -10px; }
.carousel-control .icon-prev::before {
content: "\2039"; }
.carousel-control .icon-next::before {
content: "\203a"; }
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none; }
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: transparent;
border: 1px solid #fff;
border-radius: 10px; }
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn {
text-shadow: none; }
@media (min-width: 544px) {
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px; }
.carousel-control .icon-prev {
margin-left: -15px; }
.carousel-control .icon-next {
margin-right: -15px; }
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px; }
.carousel-indicators {
bottom: 20px; } }
/*# sourceMappingURL=photo.css.map */

View file

@ -0,0 +1,46 @@
{
"version": 3,
"file": "photo.css",
"sources": [
"../../scss/templates/photo.scss",
"../../vendors/bootstrap/scss/_custom.scss",
"../../vendors/bootstrap/scss/_variables.scss",
"../../vendors/bootstrap/scss/_mixins.scss",
"../../scss/_mainvariables.scss",
"../../vendors/bootstrap/scss/_images.scss",
"../../vendors/bootstrap/scss/_carousel.scss",
"../../vendors/bootstrap/scss/mixins/_breakpoints.scss",
"../../vendors/bootstrap/scss/mixins/_hover.scss",
"../../vendors/bootstrap/scss/mixins/_image.scss",
"../../vendors/bootstrap/scss/mixins/_tag.scss",
"../../vendors/bootstrap/scss/mixins/_reset-filter.scss",
"../../vendors/bootstrap/scss/mixins/_resize.scss",
"../../vendors/bootstrap/scss/mixins/_screen-reader.scss",
"../../vendors/bootstrap/scss/mixins/_size.scss",
"../../vendors/bootstrap/scss/mixins/_tab-focus.scss",
"../../vendors/bootstrap/scss/mixins/_reset-text.scss",
"../../vendors/bootstrap/scss/mixins/_text-emphasis.scss",
"../../vendors/bootstrap/scss/mixins/_text-hide.scss",
"../../vendors/bootstrap/scss/mixins/_text-truncate.scss",
"../../vendors/bootstrap/scss/mixins/_alert.scss",
"../../vendors/bootstrap/scss/mixins/_buttons.scss",
"../../vendors/bootstrap/scss/mixins/_cards.scss",
"../../vendors/bootstrap/scss/mixins/_pagination.scss",
"../../vendors/bootstrap/scss/mixins/_lists.scss",
"../../vendors/bootstrap/scss/mixins/_list-group.scss",
"../../vendors/bootstrap/scss/mixins/_nav-divider.scss",
"../../vendors/bootstrap/scss/mixins/_forms.scss",
"../../vendors/bootstrap/scss/mixins/_progress.scss",
"../../vendors/bootstrap/scss/mixins/_table-row.scss",
"../../vendors/bootstrap/scss/mixins/_background-variant.scss",
"../../vendors/bootstrap/scss/mixins/_border-radius.scss",
"../../vendors/bootstrap/scss/mixins/_gradients.scss",
"../../vendors/bootstrap/scss/mixins/_clearfix.scss",
"../../vendors/bootstrap/scss/mixins/_grid-framework.scss",
"../../vendors/bootstrap/scss/mixins/_grid.scss",
"../../vendors/bootstrap/scss/mixins/_pulls.scss"
],
"sourcesContent": [],
"mappings": "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",
"names": []
}