????JFIF??x?x????'
Server IP : 79.136.114.73 / Your IP : 52.15.133.37 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/ethos/ |
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: 0 -1em; @include box-sizing(content-box); } // Isotope Item // ============================================================================= .x-iso-container > .hentry { margin: 0 !important; border: 0 !important; padding: 0 1em 2em !important; 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%; } } .x-iso-container + .pagination { margin-top: 5px; } // Filters // ============================================================================= .option-set { margin: 0 0 $layoutSpacing; list-style: none; @include clearfix(); .x-index-filter-label, .x-portfolio-filter-label { margin: 0; padding-left: 15px; float: left; width: calc(100% - 42px); height: 42px; @include font-size(1.4); letter-spacing: 2px; line-height: 42px; text-transform: uppercase; background-color: $baseModBackground; } .x-index-filters, .x-portfolio-filters { display: block; border: 1px solid $navbarBackground; color: $navbarBackground; i { display: block; border-left: 1px solid $navbarBackground; float: right; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: $baseModBackground; @include transition(#{color 0.3s ease, background-color 0.3s ease}); } &:hover { i { color: $baseModBackground; background-color: $navbarBackground; } } } .x-index-filters-menu, .x-portfolio-filters-menu { display: none; margin: 0; padding: 15px 15px 0; text-align: center; > li { display: inline-block; @include font-size(1.2); letter-spacing: 2px; text-transform: uppercase; &:after { content: "/"; display: inline; margin: 0 0 0 3px; } > a, &:after { color: rgba(0, 0, 0, 0.35); } &:last-child:after { display: none; } > a { &:hover, &.selected { color: $navbarBackground; } } } } } // Loading Element // ============================================================================= #x-isotope-loading { position: absolute; top: 75px; left: 50%; display: block; width: 100px; height: 9px; margin-left: -50px; background-image: url(../../../../img/global/loading.gif); }