Файловый менеджер

Файловый менеджер - Редактировать - /home/barghamad/public_html/wp-content/themes/multinews/css/bookblock.css

Назад
.bb-bookblock { width: 400px; height: 300px; margin: 0 auto; position: relative; z-index: 100; -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bb-page { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; } .bb-vertical .bb-page { width: 50%; height: 100%; left: 50%; -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; } .bb-horizontal .bb-page { width: 100%; height: 50%; top: 50%; -webkit-transform-origin: center top; -moz-transform-origin: center top; transform-origin: center top; } .bb-page > div, .bb-outer, .bb-content, .bb-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000; } .bb-outer { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bb-vertical .bb-content { width: 200%; } .bb-horizontal .bb-content { height: 200%; } .bb-page > div { width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .bb-page > div:not(:only-child) { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bb-vertical .bb-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .bb-horizontal .bb-back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } .bb-outer { width: 100%; overflow: hidden; z-index: 999; } .bb-overlay, .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } /* / .bb-bookblock.bb-vertical > div.bb-page:first-child, .bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .bb-bookblock.bb-horizontal > div.bb-page:first-child, .bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); } / Content display / .bb-vertical .bb-front .bb-content { left: -100%; } .bb-horizontal .bb-front .bb-content { top: -100%; } / Flipping classes / .bb-vertical .bb-flip-next, .bb-vertical .bb-flip-initial { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .bb-vertical .bb-flip-prev { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } .bb-horizontal .bb-flip-next, .bb-horizontal .bb-flip-initial { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); } .bb-horizontal .bb-flip-prev { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } .bb-vertical .bb-flip-next-end { -webkit-transform: rotateY(-15deg); -moz-transform: rotateY(-15deg); transform: rotateY(-15deg); } .bb-vertical .bb-flip-prev-end { -webkit-transform: rotateY(-165deg); -moz-transform: rotateY(-165deg); transform: rotateY(-165deg); } .bb-horizontal .bb-flip-next-end { -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); transform: rotateX(15deg); } .bb-horizontal .bb-flip-prev-end { -webkit-transform: rotateX(165deg); -moz-transform: rotateX(165deg); transform: rotateX(165deg); } .bb-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background: #000; } .magazine-page-img{ position: absolute; } / No JS / .no-js .bb-bookblock, .no-js ul.bb-custom-grid li { width: auto; height: auto; } .no-js .bb-item { display: block; position: relative; } / loading */ #circularG{ position:absolute; width:50px; height:50px; top: 50%; left: 50%; z-index: 1; }

| ver. 1.4 | Github | .