|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
-
- // content elements:
- // box
- a.content_element_box{
- .hover {
- display: none;
- }
- &:hover {
- .hover {
- display: inline;
- }
- .standard {
- display: none;
- }
- }
- div.content_element_box {
- display: inline-block;
- position: relative;
- height: 200px;
- margin:1em;
-
- .image { height:100%; }
- img {
- height: 100%;
- width: auto;
- }
- .caption {
- position: absolute;
- width: 100%;
- bottom:0;
- right:0;
- background: rgba(255,255,255,0.8);
- }
- }
- }
- .content_elment_box_body {
- display: none;
- }
-
- // lightbox -----------------------
-
- .featherlight .featherlight-content {
- background: none;
- overflow: visible;
- .featherlight-close-icon {
- color:$white;
- background: none;
- top: -10px;
- right: -10px;
- font-size: 1.5em;
- }
- @media #{$view_mobile} {
- iframe { width:100%; height:100%;}
- }
- }
-
- //--------------------------lightbox
-
-
- // mobile navigation--------------
- #main-nav {
- @media #{$view-mobile} {
- display: none;
- }
- }
-
- #mobile-nav {
- display: none;
- @media #{$view-mobile} {
- display: block;
- a.menu-toggle {
- display: block;
- }
- }
- .the_list {
- display: none;
- }
- &.open .the_list {
- display: block;
- position: fixed;
- top:0;
- left:0;
- z-index:99;
- background: rgba(255,255,255,0.9);
- height:100%;
- width: 100%;
- overflow: scroll;
- }
- a.menu-toggle {
- position: fixed;
- top:0;
- right:0;
- width:50px;
- height:50px;
- z-index:100;
- cursor: pointer;
- background: rgba(255,255,255,0.9);
- background-image: url('menu-icon.png');
- background-position: top;
- background-size: 100%;
- }
- &.open a.menu-toggle {
- background-position: bottom;
- }
- }
- // --------------mobile navigation
|