manithree/theme-cards-flow - Change NLSNNB46NE4J26V72TP27OHEZFUFG5REZ5N72FDWDNB5K4TAZQIAC

New layout fotobook, mobile version

Created by Peter Siebler on May 17, 2019

NLSNNB46NE4J26V72TP27OHEZFUFG5REZ5N72FDWDNB5K4TAZQIAC

Dependencies

In channels

main

Change contents

Deletion in theme/public/styles/thumbnails.less at line 1 [3.276512]
B:BD[3.276512] → [3.276513:276514]

Replacement in theme/public/styles/thumbnails.less at line 5 [3.276512]

B:BD[3.276644] → [3.276644:276885]

  position: relative;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;  
  font-size: 2em;
  font-weight: 300;
  color:#FFFFFF;
  opacity: 0;
  text-align: left;

[3.276644]

[3.276885]

    position: relative;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 2em;
    font-weight: 300;
    color: #FFFFFF;
    opacity: 0;
    text-align: left;

Replacement in theme/public/styles/thumbnails.less at line 19 [3.276512]

B:BD[3.276923] → [3.276923:276996]

  opacity: 1;
  transition: all 0.2s ease-in-out;
  text-align: left;
}

[3.276923]

[3.276996]

    opacity: 1;
    transition: all 0.2s ease-in-out;
    text-align: left;
}

Replacement in theme/public/styles/thumbnails.less at line 28 [3.276512]

B:BD[3.277126] → [3.277126:277247]

  left: 50%;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  width: 48px;

[3.277126]

[3.277247]

    left: 50%;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    width: 48px;

Replacement in theme/public/styles/structure.less at line 7 [3.277290]
B:BD[4.225] → [4.225:265]
```
    top:50px;
    min-height: 100%;    
```
[4.225]
[3.277560]
```
    top: 50px;
    min-height: 100%;
```

Replacement in theme/public/styles/structure.less at line 13 [3.277290]

B:BD[3.277652] → [3.277652:277675]

B:BD[3.277675] → [4.294:317]

∅:D[4.317] → [3.277697:277761]

B:BD[3.277697] → [3.277697:277761]

B:BD[3.277761] → [5.14:46]

∅:D[5.46] → [3.277793:277847]

B:BD[3.277793] → [3.277793:277847]

  
#media{
  margin:0;
  xoverflow-y: scroll;
  margin-bottom: -35px;
  overflow: hidden;
  min-height: 100%;
  border-width:  0 50px 0 50px;
  border-color: transparent;
  border-style: solid;

[3.277652]

[3.277847]


#media {
    margin: 0;
    margin-bottom: -35px;
    overflow: hidden;
    min-height: 100%;
    border-width: 0 50px 0 50px;
    border-color: transparent;
    border-style: solid;

Replacement in theme/public/styles/structure.less at line 25 [3.277290]
B:BD[3.277865] → [3.277865:277882]
```
h2.gallerytitle{
```
[3.277865]
[3.277882]
```
h2.gallerytitle {
```
Replacement in theme/public/styles/structure.less at line 31 [3.277290]
B:BD[3.278000] → [3.278000:278026]
```
    margin-bottom:24px;  
```
[3.278000]
[3.278026]
```
    margin-bottom: 24px;
```
Replacement in theme/public/styles/structure.less at line 35 [3.277290]
B:BD[3.278064] → [3.278064:278101]
B:BD[3.278529] → [3.278529:278531]
```
h2.albumtitle{
    margin-left:20px;
}
```
[3.278064]
```
h2.albumtitle {
    margin-left: 20px;
}
```
Replacement in theme/public/styles/scrollbars.less at line 5 [3.279167]
B:BD[3.279280] → [3.279280:279311]
```
@scrollbar-background:#D2DBDD;
```
[3.279280]
[3.279311]
```
@scrollbar-background: #D2DBDD;
```
Replacement in theme/public/styles/scrollbars.less at line 11 [3.279167]
B:BD[3.279417] → [3.279417:279445]
```
  width: 5px;
  height: 5px
```
[3.279417]
[3.279445]
```
    width: 5px;
    height: 5px
```
Replacement in theme/public/styles/scrollbars.less at line 16 [3.279167]
B:BD[3.279477] → [3.279477:279505]
```
  width: 5px;
  height: 5px
```
[3.279477]
[3.279505]
```
    width: 5px;
    height: 5px
```

Replacement in theme/public/styles/scrollbars.less at line 21 [3.279167]

B:BD[3.279536] → [3.279536:279680]

  background:@scrollbar-background;
  border: thin solid @scrollbar-border;
  box-shadow: 0 0 3px @scrollbar-shadow inset;
  border-radius: 5px

[3.279536]

[3.279680]

    background: @scrollbar-background;
    border: thin solid @scrollbar-border;
    box-shadow: 0 0 3px @scrollbar-shadow inset;
    border-radius: 5px

Replacement in theme/public/styles/scrollbars.less at line 28 [3.279167]

B:BD[3.279711] → [3.279711:279809]

  background:@footer-background;
  border: thin solid @scrollbar-background;
  border-radius: 5px

[3.279711]

[3.279809]

    background: @footer-background;
    border: thin solid @scrollbar-background;
    border-radius: 5px

Replacement in theme/public/styles/scrollbars.less at line 34 [3.279167]
B:BD[3.279846] → [3.279846:279877]
```
  background: @scrollbar-thumb
```
[3.279846]
[3.279877]
```
    background: @scrollbar-thumb
```
Deletion in theme/public/styles/pagemenu.less at line 1 [4.320]
B:BD[4.320] → [4.321:322]
Insertion in theme/public/styles/pagemenu.less at line 13 [4.320]
[4.579]
[4.776]
```
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
```
Replacement in theme/public/styles/pagemenu.less at line 61 [4.320]
B:BD[4.1514] → [4.1514:1542]
```
    padding: 8px 1em 8px 0;
```
[4.1514]
[4.1542]
```
    position: relative;
    top: 8px;
    padding: 0 15px 9px 15px;
```

Replacement in theme/public/styles/pagemenu.less at line 70 [4.320]

B:BD[4.1716] → [4.1716:1738]

    font-size: 0.9em;

[4.1716]

[4.1738]

    line-height: 1.4em;
    font-size: 1.0em;
    border-bottom: 4px solid transparent;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    -webkit-transition: color 0.15s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: color 0.15s ease-in-out 0s;

Replacement in theme/public/styles/pagemenu.less at line 80 [4.320]
B:BD[4.1741] → [4.1741:1763]
```
.menubar-item:hover {
```
[4.1741]
[4.1763]
```
.menubar-item:hover,
.menubar-item .active {
```
Insertion in theme/public/styles/pagemenu.less at line 83 [4.320]
[4.1787]
[4.1787]
```
    border-bottom: 4px solid #fb8805;
```

Insertion in theme/public/styles/pagemenu.less at line 136 [4.320]

[4.2768]

}
#mainbox {
    display: none;
}
.closebtn {
    display: none;
}
.mobile-header {
    display: none;

Replacement in theme/public/styles/pagecover.less at line 3 [4.2809]
B:BD[4.2846] → [4.2846:2860]
```
    top:48px;
```
[4.2846]
[4.2860]
```
    top: 48px;
```
Replacement in theme/public/styles/pagecover.less at line 9 [4.2809]
B:BD[4.2925] → [4.2925:2948]
```
.page-home{
    top:0;
```
[4.2925]
[4.2948]
```
.page-home {
    top: 0;
```
Replacement in theme/public/styles/pagecover.less at line 13 [4.2809]
B:BD[4.2989] → [2.206:208]
```
}
```
[4.2989]
```
}
```

Replacement in theme/public/styles/mobile.less at line 2 [3.279920]

B:BD[3.279965] → [3.279965:280021]

    #albums a {
      width: 100%;
      height: 190px;

[3.279965]

[5.49]

    body {
        font-size: 14px;
    }
    header .icon-arrow-left {
        position: absolute;
        right: 50px;
        top: 10px;
        font-size: 2.5em;
        color: @headertitle;
        cursor: pointer;
    }
    header .icon-arrow-right {
        position: absolute;
        top: 0;
        left: 0;
        right: 8px;
        top: 10px;
        font-size: 2.5em;
        color: @headertitle;
        cursor: pointer;
    }
    .mobile-header {
        position: absolute;
        top: 12px;
        left: 0;
        display: block;
        width: 100%;
        text-align: center;
        color: @fontcolor;
        font-size: 1.25em;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .logo {
        position: absolute;
        left: 60px;
        top: 90px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .logo img {
        position: relative;
        top: -38px;
    }
    .logo span {
        top: -38px;
    }
    .card-photo,
    .card {
        width: 300px;
    }
    #mainbox {
        position: absolute;
        left: 6px;
        top: 6px;
        font-size: 24px;
        cursor: pointer;
        width: 34px;
        transition: all 0.6s;
        display: block;
    }
    #menu {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        height: 100%;
        width: 0px;
        padding: 8px 0 0 32px;
        margin: 0;
        background-color: #fff;
        padding-top: 100px;
        overflow-x: hidden;
        transition: all .5s;
        z-index: 1500;
        display: none;
        text-align: left;
        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);

Replacement in theme/public/styles/mobile.less at line 92 [3.279920]

B:BD[5.55] → [5.55:391]

    header .icon-arrow-left{
      position: absolute;
      right:50px;
      top:10px;
      font-size: 2.5em;
      color: @headertitle;
      cursor: pointer;
    }    
    header .icon-arrow-right{
      position: absolute;
      right:8px;
      top:10px;
      font-size: 2.5em;
      color: @headertitle;
      cursor: pointer;

[5.55]

[3.280021]


    a.menubar-item {
        padding: 8px 0 8px 0;
        text-decoration: none;
        font-size: 20px;
        color: #999;
        display: block;
        text-align: left;
        left: 32px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        border: none;
        line-height: 2em;
    }
    #menu a:hover {
        border: none;
    }
    #menu .closebtn {
        position: absolute;
        top: 0px;
        right: 4px;
        font-size: 36px;
        padding: 8px;
        margin: 0;
        display: inline-block;
        color: @fontcolor;

Replacement in theme/public/styles/mobile.less at line 122 [3.279920]

B:BD[3.280027] → [3.280027:280030]

[3.280027]


    span.active,
    span.desktop {
        display: none;
    }
    .page-teaser-desc h2,
    .page-header .home,
    .page-albumtitle {
        font-size: 2.0em;
    }
    .page-teaser-desc h3 {
        font-size: 1.5em;
    }
    .page-teaser-desc p {
        font-size: 0.9em;
    }
}

Deletion in theme/public/styles/lightgallery.less at line 1 [3.280068]
B:BD[3.280068] → [3.280069:280070]
Replacement in theme/public/styles/lightgallery.less at line 5 [3.280068]
B:BD[3.280182] → [3.280182:280208]
```
.lg-outer .lg-thumb-item{
```
[3.280182]
[3.280208]
```
.lg-outer .lg-thumb-item {
```

Replacement in theme/public/styles/lightgallery.less at line 9 [3.280068]

B:BD[3.280278] → [3.280278:280346]

  
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{

[3.280278]

[3.280346]


.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {

Replacement in theme/public/styles/lightgallery.less at line 15 [3.280068]
B:BD[3.280409] → [3.280409:280412]
```
  
```
[3.280409]
[3.280412]
Replacement in theme/public/styles/lightgallery.less at line 17 [3.280068]
B:BD[3.280440] → [3.280440:280494]
```
    background-color: rgba(0,0,0,.35) !important;
}
  
```
[3.280440]
```
    background-color: rgba(0, 0, 0, .35) !important;
}
```
Replacement in theme/public/styles/header.less at line 5 [3.280538]
B:BD[3.280628] → [2.212:227]
```
#pagetop-home{
```
[3.280628]
[2.227]
```
#pagetop-home {
```
Replacement in theme/public/styles/header.less at line 7 [3.280538]
∅:D[2.251] → [3.280636:280652]
∅:D[4.3054] → [3.280636:280652]
B:BD[3.280636] → [3.280636:280652]
```
    width:100%;
```
[2.251]
[3.280652]
```
    width: 100%;
```
Replacement in theme/public/styles/header.less at line 14 [3.280538]
B:BD[3.280832] → [4.3055:3084]
```
    color: @headertitle;    
```
[3.280832]
[3.280877]
```
    color: @headertitle;
```
Replacement in theme/public/styles/header.less at line 18 [3.280538]
∅:D[4.3148] → [3.281088:281092]
B:BD[3.281088] → [3.281088:281092]
```
  }
```
[4.3148]
[4.3149]
```
}
```
Replacement in theme/public/styles/header.less at line 20 [3.280538]
B:BD[4.3150] → [2.252:273]
```
  #pagetop-home h1 {
```
[4.3150]
[3.281109]
```
#pagetop-home h1 {
```
Replacement in theme/public/styles/header.less at line 32 [3.280538]
B:BD[3.281366] → [3.281366:281373]
B:BD[3.281373] → [2.274:296]
```
  }
  
  #pagetop-home h1 a{
```
[3.281366]
[3.281388]
```
}
#pagetop-home h1 a {
```
Replacement in theme/public/styles/header.less at line 36 [3.280538]
B:BD[3.281413] → [3.281413:281420]
B:BD[3.281420] → [2.297:323]
```
  }
  
  #pagetop-home .appname{
```
[3.281413]
[5.455]
```
}
#pagetop-home .appname {
```
Replacement in theme/public/styles/header.less at line 43 [3.280538]
∅:D[4.3180] → [5.540:561]
B:BD[5.540] → [5.540:561]
```
    width:172px;
  }
```
[4.3180]
[5.561]
```
    width: 172px;
}
```
Replacement in theme/public/styles/header.less at line 46 [3.280538]
B:BD[5.562] → [2.324:350]
∅:D[2.350] → [5.574:599]
B:BD[5.574] → [5.574:599]
B:BD[5.599] → [4.3181:3198]
∅:D[4.3198] → [5.616:628]
B:BD[5.616] → [5.616:628]
```
  #pagetop-home .avatar {
    position: relative;;
    bottom:40px;
    left:0;
```
[5.562]
[5.628]
```
#pagetop-home .avatar {
    position: relative;
    ;
    bottom: 40px;
    left: 0;
```
Replacement in theme/public/styles/header.less at line 52 [3.280538]
B:BD[5.651] → [5.651:674]
```
    border-radius:50%;
```
[5.651]
[5.674]
```
    border-radius: 50%;
```
Replacement in theme/public/styles/header.less at line 55 [3.280538]
B:BD[5.709] → [5.709:713]
```
  }
```
[5.709]
[5.713]
```
}
```
Replacement in theme/public/styles/header.less at line 57 [3.280538]
B:BD[5.714] → [2.351:378]
```
  #pagetop-home .pageinfo{
```
[5.714]
[3.281436]
```
#pagetop-home .pageinfo {
```
Replacement in theme/public/styles/generic.less at line 9 [3.281978]
B:BD[2.421] → [2.421:465]
```
    -moz-osx-font-smoothing: grayscale;    
```
[2.421]
[2.465]
```
    -moz-osx-font-smoothing: grayscale;
```
Replacement in theme/public/styles/generic.less at line 17 [3.281978]
∅:D[2.662] → [3.282141:282157]
B:BD[3.282141] → [3.282141:282157]
```
  }
  
  html {
```
[2.662]
[3.282157]
```
    -webkit-overflow-scrolling: touch;
}
html {
```
Replacement in theme/public/styles/generic.less at line 22 [3.281978]
B:BD[3.282175] → [3.282175:282197]
```
  }
  
  html, body {
```
[3.282175]
[3.282197]
```
}
html,
body {
```
Replacement in theme/public/styles/generic.less at line 36 [3.281978]
∅:D[4.3274] → [3.282343:282347]
B:BD[3.282343] → [3.282343:282347]
```
  }
```
[4.3274]
[3.282347]
```
}
```
Replacement in theme/public/styles/generic.less at line 38 [3.281978]
B:BD[3.282348] → [3.282348:282363]
```
  @font-face {
```
[3.282348]
[3.282363]
```
@font-face {
```
Replacement in theme/public/styles/generic.less at line 41 [3.281978]
B:BD[3.282449] → [3.282449:282468]
```
  }
  @font-face {
```
[3.282449]
[3.282468]
```
}
@font-face {
```
Replacement in theme/public/styles/generic.less at line 46 [3.281978]
B:BD[3.282556] → [3.282556:282560]
```
  }
```
[3.282556]
[4.3275]
```
}
```
Replacement in theme/public/styles/generic.less at line 48 [3.281978]
∅:D[4.3276] → [3.282563:282572]
B:BD[3.282563] → [3.282563:282572]
```
  body {
```
[4.3276]
[3.282572]
```
body {
```
Replacement in theme/public/styles/generic.less at line 59 [3.281978]
B:BD[3.282878] → [4.3380:3390]
```
  }
  a {
```
[3.282878]
[4.3390]
```
}
a {
```
Replacement in theme/public/styles/generic.less at line 63 [3.281978]
∅:D[4.3417] → [3.282878:282882]
B:BD[3.282878] → [3.282878:282882]
```
  }
```
[4.3417]
[4.3418]
```
}
```
Replacement in theme/public/styles/generic.less at line 65 [3.281978]
∅:D[4.3419] → [3.282882:282888]
B:BD[3.282882] → [3.282882:282888]
```
  a {
```
[4.3419]
[4.3420]
```
a {
```
Replacement in theme/public/styles/generic.less at line 68 [3.281978]
B:BD[4.3491] → [4.3491:3522]
```
    transition: .3s all ease; 
```
[4.3491]
[3.282888]
```
    transition: .3s all ease;
```
Replacement in theme/public/styles/generic.less at line 70 [3.281978]
B:BD[3.282915] → [4.3523:3572]
∅:D[4.3572] → [3.282915:282942]
B:BD[3.282915] → [3.282915:282942]
```
  }
  
  a:hover {
      text-decoration: none; 
  }
  
  .clearfix:after {
```
[3.282915]
[3.282942]
```
}
a:hover {
    text-decoration: none;
}
.clearfix:after {
```
Replacement in theme/public/styles/generic.less at line 80 [3.281978]
B:BD[3.282997] → [3.282997:283018]
```
  }
  
  .noselect {
```
[3.282997]
[3.283018]
```
}
.noselect {
```
Replacement in theme/public/styles/generic.less at line 90 [3.281978]
B:BD[3.283211] → [3.283211:283215]
```
  }
```
[3.283211]
[3.283215]
```
}
```
Replacement in theme/public/styles/generic.less at line 92 [3.281978]
B:BD[3.283216] → [3.283216:283221]
```
 hr{
```
[3.283216]
[3.283221]
```
hr {
```
Replacement in theme/public/styles/footer.less at line 13 [3.283343]
B:BD[3.283645] → [3.283645:283690]
```
    box-shadow: 7px 0 0px 0 rgba(0,0,0,.35);
```
[3.283603]
[3.283690]
```
    box-shadow: 7px 0 0px 0 rgba(0, 0, 0, .35);
```
Replacement in theme/public/styles/footer.less at line 16 [3.283343]
B:BD[3.283730] → [3.283730:283750]
```
  }
  
  footer a {
```
[3.283730]
[3.283750]
```
}
footer a {
```
Replacement in theme/public/styles/footer.less at line 21 [3.283343]
B:BD[3.283805] → [3.283805:283808]
```
  }
```
[3.283805]
```
}
```
Deletion in theme/public/styles/font.less at line 1 [3.283846]
B:BD[3.283846] → [3.283847:283848]
Replacement in theme/public/styles/font.less at line 6 [3.283846]
B:BD[3.289883] → [3.289883:289930]
```
  }
  
  [class^="icon-"], [class*=" icon-"] {
```
[3.289883]
[3.289930]
```
}
[class^="icon-"],
[class*=" icon-"] {
```
Replacement in theme/public/styles/font.less at line 19 [3.283846]
B:BD[3.290184] → [3.290184:290215]
```
  }
  
  .icon-search:before {
```
[3.290184]
[3.290215]
```
}
.icon-search:before {
```
Replacement in theme/public/styles/font.less at line 23 [3.283846]
B:BD[3.290237] → [3.290237:290266]
```
  }
  .icon-zoom-in:before {
```
[3.290237]
[3.290266]
```
}
.icon-zoom-in:before {
```
Replacement in theme/public/styles/font.less at line 27 [3.283846]
B:BD[3.290288] → [3.290288:290318]
```
  }
  .icon-zoom-out:before {
```
[3.290288]
[3.290318]
```
}
.icon-zoom-out:before {
```
Replacement in theme/public/styles/font.less at line 31 [3.283846]
B:BD[3.290340] → [3.290340:290366]
```
  }
  .icon-home:before {
```
[3.290340]
[3.290366]
```
}
.icon-home:before {
```
Replacement in theme/public/styles/font.less at line 35 [3.283846]
B:BD[3.290388] → [3.290388:290415]
```
  }
  .icon-play2:before {
```
[3.290388]
[3.290415]
```
}
.icon-play2:before {
```
Replacement in theme/public/styles/font.less at line 39 [3.283846]
B:BD[3.290437] → [3.290437:290464]
```
  }
  .icon-close:before {
```
[3.290437]
[3.290464]
```
}
.icon-close:before {
```
Replacement in theme/public/styles/font.less at line 43 [3.283846]
B:BD[3.290486] → [3.290486:290514]
```
  }
  .icon-close2:before {
```
[3.290486]
[3.290514]
```
}
.icon-close2:before {
```
Replacement in theme/public/styles/font.less at line 47 [3.283846]
B:BD[3.290536] → [3.290536:290566]
```
  }
  .icon-envelope:before {
```
[3.290536]
[3.290566]
```
}
.icon-envelope:before {
```
Replacement in theme/public/styles/font.less at line 51 [3.283846]
B:BD[3.290588] → [3.290588:290614]
```
  }
  .icon-info:before {
```
[3.290588]
[3.290614]
```
}
.icon-info:before {
```
Replacement in theme/public/styles/font.less at line 55 [3.283846]
B:BD[3.290636] → [3.290636:290663]
```
  }
  .icon-print:before {
```
[3.290636]
[3.290663]
```
}
.icon-print:before {
```
Replacement in theme/public/styles/font.less at line 59 [3.283846]
B:BD[3.290685] → [3.290685:290717]
```
  }
  .icon-prohibited:before {
```
[3.290685]
[3.290717]
```
}
.icon-prohibited:before {
```
Replacement in theme/public/styles/font.less at line 63 [3.283846]
B:BD[3.290739] → [3.290739:290769]
```
  }
  .icon-speech95:before {
```
[3.290739]
[3.290769]
```
}
.icon-speech95:before {
```
Replacement in theme/public/styles/font.less at line 67 [3.283846]
B:BD[3.290791] → [3.290791:290826]
```
  }
  .icon-external-link:before {
```
[3.290791]
[3.290826]
```
}
.icon-external-link:before {
```
Replacement in theme/public/styles/font.less at line 71 [3.283846]
B:BD[3.290848] → [3.290848:290875]
```
  }
  .icon-trash:before {
```
[3.290848]
[3.290875]
```
}
.icon-trash:before {
```
Replacement in theme/public/styles/font.less at line 75 [3.283846]
B:BD[3.290897] → [3.290897:290932]
```
  }
  .icon-arrow-drop-up:before {
```
[3.290897]
[3.290932]
```
}
.icon-arrow-drop-up:before {
```
Replacement in theme/public/styles/font.less at line 79 [3.283846]
B:BD[3.290954] → [3.290954:290991]
```
  }
  .icon-arrow-drop-down:before {
```
[3.290954]
[3.290991]
```
}
.icon-arrow-drop-down:before {
```
Replacement in theme/public/styles/font.less at line 83 [3.283846]
B:BD[3.291013] → [3.291013:291044]
```
  }
  .icon-checkmark:before {
```
[3.291013]
[3.291044]
```
}
.icon-checkmark:before {
```
Replacement in theme/public/styles/font.less at line 87 [3.283846]
B:BD[3.291066] → [3.291066:291093]
```
  }
  .icon-cross:before {
```
[3.291066]
[3.291093]
```
}
.icon-cross:before {
```
Replacement in theme/public/styles/font.less at line 91 [3.283846]
B:BD[3.291115] → [3.291115:291147]
```
  }
  .icon-arrow-left:before {
```
[3.291115]
[3.291147]
```
}
.icon-arrow-left:before {
```
Replacement in theme/public/styles/font.less at line 95 [3.283846]
B:BD[3.291169] → [3.291169:291201]
```
  }
  .icon-arrow-down:before {
```
[3.291169]
[3.291201]
```
}
.icon-arrow-down:before {
```
Replacement in theme/public/styles/font.less at line 99 [3.283846]
B:BD[3.291223] → [3.291223:291253]
```
  }
  .icon-arrow-up:before {
```
[3.291223]
[3.291253]
```
}
.icon-arrow-up:before {
```
Replacement in theme/public/styles/font.less at line 103 [3.283846]
B:BD[3.291275] → [3.291275:291308]
```
  }
  .icon-arrow-right:before {
```
[3.291275]
[3.291308]
```
}
.icon-arrow-right:before {
```
Replacement in theme/public/styles/font.less at line 107 [3.283846]
B:BD[3.291330] → [3.291330:291336]
```
  }
  
```
[3.291330]
```
}
```
Deletion in theme/public/styles/coverItem.less at line 1 [6.80]
B:BD[6.80] → [5.719:720]
Replacement in theme/public/styles/coverItem.less at line 2 [6.80]
B:BD[5.751] → [5.751:788]
```
#container .page-teaser-outer-media{
```
[5.751]
[5.788]
```
#container .page-teaser-outer-media {
```
Replacement in theme/public/styles/coverItem.less at line 4 [6.80]
B:BD[5.812] → [4.3633:3651]
∅:D[4.3651] → [5.830:846]
B:BD[5.830] → [5.830:846]
```
    height:660px;
    width:100%;
```
[5.812]
[5.946]
```
    height: 660px;
    width: 100%;
```
Replacement in theme/public/styles/coverItem.less at line 18 [6.80]
B:BD[6.82] → [4.3807:3821]
```
.page-teaser{
```
[6.82]
[6.129]
```
.page-teaser {
```
Replacement in theme/public/styles/coverItem.less at line 20 [6.80]
B:BD[6.153] → [6.153:187]
```
    height:620px;
    width:100%;
```
[6.153]
[5.1028]
```
    height: 620px;
    width: 100%;
```
Replacement in theme/public/styles/coverItem.less at line 33 [6.80]
B:BD[4.3825] → [4.3825:3869]
```
.page-teaser-desc{
    position: absolute; 
```
[4.3825]
[4.3869]
```
.page-teaser-desc {
    position: absolute;
```
Replacement in theme/public/styles/coverItem.less at line 42 [6.80]
B:BD[4.4031] → [4.4031:4054]
```
    cursor: default;  
```
[4.4031]
[6.440]
```
    cursor: default;
```
Replacement in theme/public/styles/coverItem.less at line 47 [6.80]
B:BD[2.708] → [2.708:726]
```
.page-albumtitle{
```
[2.708]
[6.615]
```
.page-albumtitle {
```
Replacement in theme/public/styles/coverItem.less at line 50 [6.80]
∅:D[4.4102] → [6.637:661]
B:BD[6.637] → [6.637:661]
```
    color:@headertitle;
```
[4.4102]
[6.661]
```
    color: @headertitle;
```
Replacement in theme/public/styles/coverItem.less at line 52 [6.80]
B:BD[6.683] → [4.4103:4140]
```
    text-shadow: 0px 2px 3px #555;  
```
[6.683]
[4.4140]
```
    text-shadow: 0px 2px 3px #555;
```
Replacement in theme/public/styles/coverItem.less at line 54 [6.80]
B:BD[4.4156] → [4.4156:4187]
```
    transform: translate(0);  
```
[4.4156]
[6.718]
```
    transform: translate(0);
```
Replacement in theme/public/styles/coverItem.less at line 57 [6.80]
B:BD[6.721] → [4.4188:4210]
```
.page-teaser-desc h3{
```
[6.721]
[6.738]
```
.page-teaser-desc h3 {
```
Replacement in theme/public/styles/coverItem.less at line 61 [6.80]
∅:D[4.4252] → [6.785:809]
B:BD[6.785] → [6.785:809]
```
    color:@headertitle;
```
[4.4252]
[6.809]
```
    color: @headertitle;
```
Replacement in theme/public/styles/coverItem.less at line 63 [6.80]
B:BD[6.831] → [4.4253:4283]
```
    text-transform: none;    
```
[6.831]
[4.4283]
```
    text-transform: none;
```
Replacement in theme/public/styles/coverItem.less at line 68 [6.80]
B:BD[6.860] → [4.4329:4362]
∅:D[4.4362] → [6.1044:1071]
B:BD[6.1044] → [6.1044:1071]
```
.page-teaser-desc .avatar-small{
    position:relative;    
```
[6.860]
[6.1071]
```
.page-teaser-desc .avatar-small {
    position: relative;
```
Replacement in theme/public/styles/coverItem.less at line 71 [6.80]
B:BD[6.1094] → [6.1094:1117]
```
    border-radius:50%;
```
[6.1094]
[6.1117]
```
    border-radius: 50%;
```
Replacement in theme/public/styles/coverItem.less at line 76 [6.80]
B:BD[6.1155] → [4.4363:4395]
```
.page-teaser-desc a.cover-link{
```
[6.1155]
[6.1182]
```
.page-teaser-desc a.cover-link {
```

Replacement in theme/public/styles/coverItem.less at line 80 [6.80]

B:BD[6.1254] → [6.1254:1280]

B:BD[6.1280] → [4.4396:4441]

    display:inline-block;
    line-height: 1.2em;    
    padding:8px;

[6.1254]

[6.1302]

    display: inline-block;
    line-height: 1.2em;
    padding: 8px;

Replacement in theme/public/styles/coverItem.less at line 86 [6.80]

B:BD[6.1336] → [4.4442:4504]

.page-teaser-desc a.cover-link:hover{
    color: @fontcolor;

[6.1336]

[4.4504]

.page-teaser-desc a.cover-link:hover {
    color: @fontcolor;

Replacement in theme/public/styles/coverItem.less at line 93 [6.80]
B:BD[2.730] → [2.730:750]
```
.page-header .home{
```
[2.730]
[2.750]
```
.page-header .home {
```
Replacement in theme/public/styles/coverItem.less at line 95 [6.80]
B:BD[2.774] → [2.774:788]
```
    top:54px;
```
[2.774]
[6.1396]
```
    top: 54px;
```
Replacement in theme/public/styles/coverItem.less at line 98 [6.80]
B:BD[2.790] → [2.790:808]
```
.page-albumtitle{
```
[2.790]
[2.808]
```
.page-albumtitle {
```
Replacement in theme/public/styles/coverItem.less at line 102 [6.80]
B:BD[2.873] → [2.873:889]
```
    top:80px;
}
```
[2.873]
```
    top: 80px;
}
```
Replacement in theme/public/styles/breadcrumbs.less at line 7 [3.291372]
∅:D[4.4679] → [3.291517:291529]
B:BD[3.291517] → [3.291517:291529]
```
    left:0;
```
[4.4679]
[4.4680]
```
    left: 0;
```
Replacement in theme/public/styles/breadcrumbs.less at line 10 [3.291372]
B:BD[3.291567] → [3.291567:291608]
B:BD[3.291608] → [4.4696:4712]
```
    line-height: 2em;  
    height:40px;
    width:100%;
```
[3.291567]
[3.291608]
```
    line-height: 2em;
    height: 40px;
    width: 100%;
```
Replacement in theme/public/styles/breadcrumbs.less at line 14 [3.291372]
B:BD[3.291650] → [3.291650:291673]
```
    padding-left:50px;
```
[3.291650]
[3.291673]
```
    padding-left: 50px;
```
Replacement in theme/public/styles/breadcrumbs.less at line 19 [3.291372]
∅:D[4.4754] → [3.291714:291761]
B:BD[3.291714] → [3.291714:291761]
```
a.breadcrumb-item,  span.breadcrumb-item-last{
```
[4.4754]
[3.291761]
```
a.breadcrumb-item,
span.breadcrumb-item-last {
```
Replacement in theme/public/styles/breadcrumbs.less at line 22 [3.291372]
B:BD[3.291791] → [3.291791:291820]
```
    text-decoration: none;  
```
[3.291791]
[3.291820]
```
    text-decoration: none;
```
Replacement in theme/public/styles/breadcrumbs.less at line 30 [3.291372]
B:BD[3.291990] → [3.291990:292031]
```
    border-bottom:4px solid transparent;
```
[3.291990]
[3.292031]
```
    border-bottom: 4px solid transparent;
```

Replacement in theme/public/styles/breadcrumbs.less at line 37 [3.291372]

B:BD[3.292131] → [3.292131:292206]

  color: @crumbs-hovercolor;
  border-bottom:4px solid @crumbs-hovercolor;

[3.292131]

[3.292206]

    color: @crumbs-hovercolor;
    border-bottom: 4px solid @crumbs-hovercolor;

Replacement in theme/public/styles/breadcrumbs.less at line 41 [3.291372]
B:BD[3.292209] → [3.292209:292261]
```
span.breadcrumb-item-last{  
   cursor: default;
} 
```
[3.292209]
[3.292261]
```
span.breadcrumb-item-last {
    cursor: default;
}
```
Replacement in theme/public/styles/breadcrumbs.less at line 45 [3.291372]
B:BD[3.292262] → [3.292262:292302]
```
.breadcrumbs span.breadcrumb-sepeartor{
```
[3.292262]
[3.292302]
```
.breadcrumbs span.breadcrumb-sepeartor {
```
Replacement in theme/public/styles/breadcrumbs.less at line 47 [3.291372]
B:BD[3.292337] → [3.292337:292361]
```
    top:4px !important;
```
[3.292337]
[3.292361]
```
    top: 4px !important;
```
Replacement in theme/public/styles/breadcrumbs.less at line 51 [3.291372]
B:BD[3.292445] → [3.292445:292447]
```
}
```
[3.292445]
```
}
```
Deletion in theme/public/styles/album.less at line 1 [3.292490]
B:BD[3.292490] → [3.292491:292492]

Replacement in theme/public/styles/album.less at line 2 [3.292490]

B:BD[3.292504] → [3.292504:292845]

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  overflow: hidden;
  background-size: cover;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
  border:2px solid #fff;

[3.292504]

[3.292845]

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    overflow: hidden;
    background-size: cover;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
    border: 2px solid #fff;

Replacement in theme/public/styles/album.less at line 13 [3.292490]
B:BD[3.292861] → [3.292861:292913]
```
  font-size: 1.75em;
  font-weight: 800 !important;
```
[3.292861]
[3.292913]
```
    font-size: 1.75em;
    font-weight: 800 !important;
```
Replacement in theme/public/styles/album.less at line 18 [3.292490]
B:BD[3.292935] → [3.292935:292986]
```
  font-size: 1.0em;
  font-weight: 600 !important;
```
[3.292935]
[3.292986]
```
    font-size: 1.0em;
    font-weight: 600 !important;
```

Replacement in theme/public/styles/album.less at line 22 [3.292490]

B:BD[3.292989] → [3.292989:293052]

.albumList{
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;

[3.292989]

[3.293052]

.albumList {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;

Replacement in theme/public/styles/album-cards.less at line 2 [3.293090]
B:BD[3.293101] → [3.293101:293125]
```
    margin: 0 2% 0 2% ;
```
[3.293101]
[4.4757]
```
    margin: 0 2% 0 2%;
```
Replacement in theme/public/styles/album-cards.less at line 5 [3.293090]
B:BD[4.4760] → [4.4760:4797]
```
#albums.nocover{
  margin-top:100px;
```
[4.4760]
[3.293125]
```
#albums.nocover {
    margin-top: 100px;
```
Replacement in theme/public/styles/album-cards.less at line 9 [3.293090]
B:BD[3.293128] → [3.293128:293163]
```
.card{
    position: relative;    
```
[3.293128]
[3.293163]
```
.card {
    position: relative;
```
Replacement in theme/public/styles/album-cards.less at line 24 [3.293090]
B:BD[3.293565] → [3.293565:293598]
```
    background-color:@cardcolor;
```
[3.293565]
[3.293598]
```
    background-color: @cardcolor;
```
Replacement in theme/public/styles/album-cards.less at line 28 [3.293090]
B:BD[3.293669] → [3.293669:293673]
```
}  
```
[3.293669]
[3.293673]
```
}
```
Replacement in theme/public/styles/album-cards.less at line 35 [3.293090]
B:BD[3.293780] → [3.293780:293793]
```
.card-photo{
```
[3.293780]
[3.293793]
```
.card-photo {
```
Replacement in theme/public/styles/album-cards.less at line 47 [3.293090]
B:BD[3.294100] → [3.294100:294103]
```
 }
```
[3.294100]
[3.294103]
```
}
```
Replacement in theme/public/styles/album-cards.less at line 49 [3.293090]
B:BD[3.294104] → [3.294104:294130]
```
 .card:hover .card-photo{
```
[3.294104]
[3.294130]
```
.card:hover .card-photo {
```
Replacement in theme/public/styles/album-cards.less at line 52 [3.293090]
B:BD[3.294151] → [3.294151:294177]
```
  
  #albums .card-info {
```
[3.294151]
[3.294177]
```
#albums .card-info {
```
Replacement in theme/public/styles/album-cards.less at line 56 [3.293090]
B:BD[3.294221] → [3.294221:294242]
```
    background:#fff;
```
[3.294221]
[3.294242]
```
    background: #fff;
```
Replacement in theme/public/styles/album-cards.less at line 63 [3.293090]
B:BD[3.294361] → [3.294361:294382]
```
    font-weight:300;
```
[3.294361]
[3.294382]
```
    font-weight: 300;
```
Replacement in theme/public/styles/album-cards.less at line 66 [3.293090]
B:BD[3.294414] → [3.294414:294447]
```
  }
  
  #albums .card-info h3 {
```
[3.294414]
[3.294447]
```
}
#albums .card-info h3 {
```
Replacement in theme/public/styles/album-cards.less at line 77 [3.293090]
B:BD[3.294647] → [3.294647:294651]
```
  }
```
[3.294647]
```
}
```

Replacement in theme/partials/galleryHeader.hbs at line 2 [5.1575]

B:BD[4.12800] → [4.12800:12826]

  <nav class="menubar">

[4.12800]

[4.12826]

  <div class="mobile-header">{{{gallery.title}}}</div>
  <div id="mainbox" onclick="openFunction()">&#9776;</div>
  <nav id="menu" class="menubar">

Replacement in theme/partials/galleryHeader.hbs at line 12 [5.1575]

B:BD[4.13060] → [4.13060:13154]

        <a class="menubar-item" href="{{relative url}}">{{this.title}}</a><span>&nbsp;</span>

[4.13060]

[4.13154]

        <a class="menubar-item" href="{{relative url}}">{{this.title}}</a><span class="desktop">&nbsp;</span>

Insertion in theme/partials/galleryHeader.hbs at line 14 [5.1575]

[4.13170]

     <span class="menubar-item active">{{album.title}}</span>
     <a href="#" class="closebtn" onclick="closeFunction()">&times;</a>

Replacement in theme/partials/ablumTeaser.hbs at line 7 [6.115144]
B:BD[6.115552] → [6.115552:115586]
```
          <div class="card-info">
```
[6.115552]
[6.115586]
```
          <div  class="card-info">
```

Insertion in theme/album.hbs at line 58 [3.4103770]

[4.15690]


      function openFunction(){
			  document.getElementById("menu").style.width="300px";
        $("#menu").toggle();		  
		  }

Insertion in theme/album.hbs at line 64 [3.4103770]

[4.15691]

		  function closeFunction(){
			  document.getElementById("menu").style.width="0px";
        $("#menu").toggle();		  			  
			  document.getElementById("mainbox").innerHTML="&#9776;";
		  }

New layout fotobook, mobile version

Dependencies

In channels

Change contents

Deletion in theme/public/styles/thumbnails.less at line 1 [3.276512]

Replacement in theme/public/styles/thumbnails.less at line 5 [3.276512]

Replacement in theme/public/styles/thumbnails.less at line 19 [3.276512]

Replacement in theme/public/styles/thumbnails.less at line 28 [3.276512]

Replacement in theme/public/styles/structure.less at line 7 [3.277290]

Replacement in theme/public/styles/structure.less at line 13 [3.277290]

Replacement in theme/public/styles/structure.less at line 25 [3.277290]

Replacement in theme/public/styles/structure.less at line 31 [3.277290]

Replacement in theme/public/styles/structure.less at line 35 [3.277290]

Replacement in theme/public/styles/scrollbars.less at line 5 [3.279167]

Replacement in theme/public/styles/scrollbars.less at line 11 [3.279167]

Replacement in theme/public/styles/scrollbars.less at line 16 [3.279167]

Replacement in theme/public/styles/scrollbars.less at line 21 [3.279167]

Replacement in theme/public/styles/scrollbars.less at line 28 [3.279167]

Replacement in theme/public/styles/scrollbars.less at line 34 [3.279167]

Deletion in theme/public/styles/pagemenu.less at line 1 [4.320]

Insertion in theme/public/styles/pagemenu.less at line 13 [4.320]

Replacement in theme/public/styles/pagemenu.less at line 61 [4.320]

Replacement in theme/public/styles/pagemenu.less at line 70 [4.320]

Replacement in theme/public/styles/pagemenu.less at line 80 [4.320]

Insertion in theme/public/styles/pagemenu.less at line 83 [4.320]

Insertion in theme/public/styles/pagemenu.less at line 136 [4.320]

Replacement in theme/public/styles/pagecover.less at line 3 [4.2809]

Replacement in theme/public/styles/pagecover.less at line 9 [4.2809]

Replacement in theme/public/styles/pagecover.less at line 13 [4.2809]

Replacement in theme/public/styles/mobile.less at line 2 [3.279920]

Replacement in theme/public/styles/mobile.less at line 92 [3.279920]

Replacement in theme/public/styles/mobile.less at line 122 [3.279920]

Deletion in theme/public/styles/lightgallery.less at line 1 [3.280068]

Replacement in theme/public/styles/lightgallery.less at line 5 [3.280068]

Replacement in theme/public/styles/lightgallery.less at line 9 [3.280068]

Replacement in theme/public/styles/lightgallery.less at line 15 [3.280068]

Replacement in theme/public/styles/lightgallery.less at line 17 [3.280068]

Replacement in theme/public/styles/header.less at line 5 [3.280538]

Replacement in theme/public/styles/header.less at line 7 [3.280538]

Replacement in theme/public/styles/header.less at line 14 [3.280538]

Replacement in theme/public/styles/header.less at line 18 [3.280538]

Replacement in theme/public/styles/header.less at line 20 [3.280538]

Replacement in theme/public/styles/header.less at line 32 [3.280538]

Replacement in theme/public/styles/header.less at line 36 [3.280538]

Replacement in theme/public/styles/header.less at line 43 [3.280538]

Replacement in theme/public/styles/header.less at line 46 [3.280538]

Replacement in theme/public/styles/header.less at line 52 [3.280538]

Replacement in theme/public/styles/header.less at line 55 [3.280538]

Replacement in theme/public/styles/header.less at line 57 [3.280538]

Replacement in theme/public/styles/generic.less at line 9 [3.281978]

Replacement in theme/public/styles/generic.less at line 17 [3.281978]

Replacement in theme/public/styles/generic.less at line 22 [3.281978]

Replacement in theme/public/styles/generic.less at line 36 [3.281978]

Replacement in theme/public/styles/generic.less at line 38 [3.281978]

Replacement in theme/public/styles/generic.less at line 41 [3.281978]

Replacement in theme/public/styles/generic.less at line 46 [3.281978]

Replacement in theme/public/styles/generic.less at line 48 [3.281978]

Replacement in theme/public/styles/generic.less at line 59 [3.281978]

Replacement in theme/public/styles/generic.less at line 63 [3.281978]

Replacement in theme/public/styles/generic.less at line 65 [3.281978]

Replacement in theme/public/styles/generic.less at line 68 [3.281978]

Replacement in theme/public/styles/generic.less at line 70 [3.281978]

Replacement in theme/public/styles/generic.less at line 80 [3.281978]

Replacement in theme/public/styles/generic.less at line 90 [3.281978]

Replacement in theme/public/styles/generic.less at line 92 [3.281978]

Replacement in theme/public/styles/footer.less at line 13 [3.283343]

Replacement in theme/public/styles/footer.less at line 16 [3.283343]

Replacement in theme/public/styles/footer.less at line 21 [3.283343]

Deletion in theme/public/styles/font.less at line 1 [3.283846]

Replacement in theme/public/styles/font.less at line 6 [3.283846]

Replacement in theme/public/styles/font.less at line 19 [3.283846]

Replacement in theme/public/styles/font.less at line 23 [3.283846]

Replacement in theme/public/styles/font.less at line 27 [3.283846]

Replacement in theme/public/styles/font.less at line 31 [3.283846]

Replacement in theme/public/styles/font.less at line 35 [3.283846]

Replacement in theme/public/styles/font.less at line 39 [3.283846]

Replacement in theme/public/styles/font.less at line 43 [3.283846]

Replacement in theme/public/styles/font.less at line 47 [3.283846]

Replacement in theme/public/styles/font.less at line 51 [3.283846]

Replacement in theme/public/styles/font.less at line 55 [3.283846]