????JFIF??x?x????'
| Server IP : 79.136.114.73 / Your IP : 216.73.216.55 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.se/wp-content/themes/x/framework/css/src/site/_scss/stacks/renew/ |
Upload File : |
// =============================================================================
// _ISOTOPE.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================
// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
// 01. Isotope Filtering
// 02. Isotope CSS3 Transitions
// 03. Isotope Container
// 04. Isotope Item
// 05. Filters
// 06. Loading Element
// =============================================================================
// Isotope Filtering
// =============================================================================
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
// Isotope CSS3 Transitions
// =============================================================================
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-ms-transition-property: -ms-transform;
-o-transition-property: top, left;
transition-property: transform;
}
//
// Disabling Isotope CSS3 transitions.
//
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
// Isotope Container
// =============================================================================
.x-iso-container {
margin: -1em;
@include box-sizing(content-box);
}
// Isotope Item
// =============================================================================
.x-iso-container > .hentry {
margin: 0;
padding: 1em;
opacity: 0;
}
.x-iso-container.cols-1 > .hentry {
width: 100%;
}
.x-iso-container.cols-2 > .hentry {
width: 49.95%;
}
.x-iso-container.cols-3 > .hentry {
width: 33.28%;
@include break(old-bear) {
width: 49.95%;
}
}
.x-iso-container.cols-4 > .hentry {
width: 33.28%;
@include break(papa-bear) {
width: 24.95%;
}
@include break(old-bear) {
width: 49.95%;
}
}
.x-iso-container[class*="cols-"] > .hentry {
@include break(middle-bear) {
width: 100%;
}
}
// Filters
// =============================================================================
.option-set {
margin: 0;
li {
display: inline-block;
position: relative;
}
}
.x-portfolio-filters {
display: block;
width: 29px;
height: 29px;
margin: 0;
padding: 0;
@include font-size(1.4);
letter-spacing: -1px;
line-height: 29px;
text-align: center;
text-transform: uppercase;
color: $white;
background-color: $linkColor;
&:hover {
color: $white;
background-color: $linkColorHover;
}
}
.x-portfolio-filters-menu {
overflow: hidden;
position: absolute;
top: 115%;
right: 0;
width: 225px;
display: none;
margin: 0;
text-align: left;
background-color: $navbarBackground;
@include translate3d(0, 0, 0);
z-index: $zindexNavbar - 2;
li {
display: block;
line-height: 1.3;
a {
display: block;
padding: 0.5em 1.75em;
color: $white;
color: rgba(255, 255, 255, 0.5);
&:hover {
color: $white;
}
}
&:first-child a {
padding-top: 1.35em;
}
&:last-child a {
padding-bottom: 1.35em;
}
}
.selected {
color: $white;
}
@include break(middle-bear) {
top: 150%;
margin-right: -98px;
text-align: center;
}
}
.x-portfolio-filter {
display: inline-block;
}
// Loading Element
// =============================================================================
#x-isotope-loading {
position: absolute;
top: 150px;
left: 50%;
display: block;
width: 100px;
height: 9px;
margin-left: -50px;
background-image: url(../../../../img/global/loading.gif);
}