Blog

/* Flexislider Default Settings */ .pllexislider { margin: 0; padding: 0; } .pllexislider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .pllexislider .slides img {width: 100%; display: block;} .pllexislider .slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .pllex-pauseplay span { text-transform: capitalize; } .pllexislider, .pllexislider .slides li, .pllexislider .slides > li > a { height: 100%; padding: 0 !important; background: none; margin: 0; border: none; } .pllexislider, .pllexislider .slides li:hover, .pllexislider .slides > li:hover > a { border: none; } /* no list style */ .jr-insta-thumb .no-bullet, .pllexislider .no-bullet { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; clear: both; } /* Flexi Slider Template */ .pllexislider { margin: 0; position: relative; } .pllex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .pllex-viewport { max-height: 300px; } .pllexislider .slides { zoom: 1; overflow: hidden; } /* Thumbnails Template */ .jr-insta-thumb { width: 100%; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jr-insta-thumb:after { content: ""; display: table; clear: both; } .jr-insta-thumb .thumbnails { width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px } .jr-insta-thumb .thumbnails img { display: block; padding: 0 !important; margin: 0 !important; max-width: 100% !important; -webkit-backface-visibility: hidden; } .jr-insta-thumb .thumbnails > li { border: 0; background: 0; box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: inherit !important; margin: 0 !important; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jr-insta-thumb .jr_col_1 > li { width: 100%; } .jr-insta-thumb .jr_col_2 > li { width: 50%; } .jr-insta-thumb .jr_col_3 > li { width: 33.33%; } .jr-insta-thumb .jr_col_4 > li { width: 25%; } .jr-insta-thumb .jr_col_5 > li { width: 20%; } .jr-insta-thumb .jr_col_6 > li { width: 16.66%; } .jr-insta-thumb .jr_col_7 > li { width: 14.28%; } .jr-insta-thumb .jr_col_8 > li { width: 12.5%; } .jr-insta-thumb .jr_col_9 > li { width: 11.11%; } .jr-insta-thumb .jr_col_10 > li { width: 10%; } /* Control Nav */ .pllexislider .pllex-control-nav { z-index:2; position: absolute; top: 10px; right: 0; padding: 0 15px; margin-right: auto; margin-left: auto } .pllexislider-overlay .pllex-control-nav { display:none; } .pllexislider .pllex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; } .pllexislider .pllex-control-paging li a { width: 11px; border: none; height: 11px; display: block; background: #fff; background: rgba(255,255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); box-shadow: inset 0 0 2px rgba(0,0,0,0.3); } .pllexislider .pllex-control-paging li a:hover, .pllexislider .pllex-control-paging li a.pllex-active { background: rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 1px 2px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.7); box-shadow: 0px 0px 1px 2px rgba(255,255,255,1);} .pllexislider .pllex-control-paging li a.pllex-active { cursor: default; } /* Direction Nav */ .pllexislider .pllex-direction-nav { z-index:2; position: absolute; list-style:none; padding: 0; top: 7px; right: 7px; margin: 0; background-color: rgba(0,0,0, 0.6); -webkit-border-radius: 15%; -moz-border-radius: 15%; -o-border-radius: 15%; border-radius: 15%; } .pllexislider-overlay .pllex-direction-nav { display:none; } .pllexislider .pllex-direction-nav li a { line-height: normal; overflow: hidden; display: block; border: 0 } .pllexislider .pllex-direction-nav li a:focus { outline: 0 } .pllexislider .pllex-direction-nav li:first-child { float: left; margin-right: 0; border-left: 0; border-right: 1px solid gray; } .pllexislider .pllex-direction-nav li { list-style:none; float: right; margin: 0; border-right: 0; border-left: 1px solid #1e1e1e; } .pllexislider .pllex-direction-nav .pllex-next:before, .pllexislider .pllex-direction-nav .pllex-prev:before { font-family: Arial,Helvetica,sans-serif; display: inline-block; padding: 0 4px 1px; speak: none; color: #fff; font-size: 18px; text-shadow: 0 2px 0 rgba(0, 0, 0, 1); } .pllexislider .pllex-direction-nav .pllex-next:before { content: '\25BA'; } .pllexislider .pllex-direction-nav .pllex-prev:before { content: '\25C4'; } /* Slider Normal */ .pllexislider-normal ul li .jr-insta-datacontainer { margin-top:5px; margin-bottom: 5px; display: block; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-username { text-decoration: none; display: inline-block; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-time { float: right; display: inline-block; text-align: right; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-caption { line-height: normal; margin-top: 5px; margin-bottom: 5px; display: block; clear : both } /* Slider Overlay */ .pllexislider-overlay a { color: #ffffff; text-decoration: none; } .pllexislider-overlay ul li .jr-insta-wrap { position: relative; color: #FFF; line-height: normal; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer { position: absolute; display: none; left: 0; bottom: 0; width: 100%; text-shadow: 0 0 5px rgba(0,0,0,0.7); background: rgba(0,0,0,0.4); padding: 5px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-username a { color: #FFF !important; text-decoration: none; font-weight: bold; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-time { float:right; text-align: right; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-caption { line-height: normal; color: #FFF; margin-top: 5px; margin-bottom: 5px; display: block; } /* Media queries */ @media all and (max-width: 640px){ .jr-insta-thumb .jr_col_3 > li, .jr-insta-thumb .jr_col_4 > li, .jr-insta-thumb .jr_col_5 > li, .jr-insta-thumb .jr_col_6 > li { width: 50%; } .jr-insta-thumb .jr_col_7 > li, .jr-insta-thumb .jr_col_8 > li, .jr-insta-thumb .jr_col_9 > li, .jr-insta-thumb .jr_col_10 > li { width: 25%; } } @media all and (max-width: 480px) { .jr-insta-thumb .jr_col_3 > li, .jr-insta-thumb .jr_col_4 > li, .jr-insta-thumb .jr_col_5 > li, .jr-insta-thumb .jr_col_6 > li, .jr-insta-thumb .jr_col_7 > li, .jr-insta-thumb .jr_col_8 > li, .jr-insta-thumb .jr_col_9 > li, .jr-insta-thumb .jr_col_10 > li { width: 100%; } }

Blog

EDELICH

beauty. lifestyle. blog.

Instagram