????JFIF??x?x????'
Server IP : 79.136.114.73 / Your IP : 3.144.25.212 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); }