1182 lines
38 KiB
CSS
1182 lines
38 KiB
CSS
@charset "UTF-8";
|
|
/*
|
|
* !!!!! GENEROVANEJ SOUBOR! NESAHEJ NA NEJ! Místo toho upravuj v contrib/imgly !!!!!!
|
|
*/
|
|
/*!
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit {
|
|
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #1a1c20;
|
|
overflow: hidden;
|
|
text-align: left; }
|
|
.imglykit div, .imglykit span, .imglykit applet, .imglykit object, .imglykit iframe,
|
|
.imglykit h1, .imglykit h2, .imglykit h3, .imglykit h4, .imglykit h5, .imglykit h6, .imglykit p, .imglykit blockquote, .imglykit pre,
|
|
.imglykit a, .imglykit abbr, .imglykit acronym, .imglykit address, .imglykit big, .imglykit cite, .imglykit code,
|
|
.imglykit del, .imglykit dfn, .imglykit em, .imglykit img, .imglykit ins, .imglykit kbd, .imglykit q, .imglykit s, .imglykit samp,
|
|
.imglykit small, .imglykit strike, .imglykit strong, .imglykit sub, .imglykit sup, .imglykit tt, .imglykit var,
|
|
.imglykit b, .imglykit u, .imglykit i, .imglykit center,
|
|
.imglykit dl, .imglykit dt, .imglykit dd, .imglykit ol, .imglykit ul, .imglykit li,
|
|
.imglykit fieldset, .imglykit form, .imglykit label, .imglykit legend,
|
|
.imglykit table, .imglykit caption, .imglykit tbody, .imglykit tfoot, .imglykit thead, .imglykit tr, .imglykit th, .imglykit td,
|
|
.imglykit article, .imglykit aside, .imglykit canvas, .imglykit details, .imglykit embed,
|
|
.imglykit figure, .imglykit figcaption, .imglykit footer, .imglykit header, .imglykit hgroup,
|
|
.imglykit menu, .imglykit nav, .imglykit output, .imglykit ruby, .imglykit section, .imglykit summary,
|
|
.imglykit time, .imglykit mark, .imglykit audio, .imglykit video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font: inherit;
|
|
font-size: 100%;
|
|
vertical-align: baseline; }
|
|
.imglykit table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0; }
|
|
.imglykit caption, .imglykit th, .imglykit td {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
vertical-align: middle; }
|
|
.imglykit q, .imglykit blockquote {
|
|
quotes: none; }
|
|
.imglykit q:before, .imglykit q:after, .imglykit blockquote:before, .imglykit blockquote:after {
|
|
content: "";
|
|
content: none; }
|
|
.imglykit a img {
|
|
border: none; }
|
|
.imglykit * {
|
|
box-sizing: border-box; }
|
|
|
|
.imglykit-float-left {
|
|
float: left; }
|
|
|
|
.imglykit-float-right {
|
|
float: right; }
|
|
|
|
.imglykit-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
table-layout: fixed; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-canvas-container-row {
|
|
display: table-row; }
|
|
|
|
.imglykit-container .imglykit-canvas-container {
|
|
position: relative;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
border-radius: 5px;
|
|
display: table-cell;
|
|
overflow: hidden; }
|
|
|
|
.imglykit-container .imglykit-canvas-inner-container {
|
|
position: absolute; }
|
|
.imglykit-container .imglykit-canvas-inner-container canvas {
|
|
cursor: move; }
|
|
.imglykit-container .imglykit-canvas-inner-container .imglykit-canvas-controls {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
.imglykit-container .imglykit-canvas-inner-container .imglykit-canvas-controls.imglykit-canvas-controls-disabled {
|
|
display: none; }
|
|
|
|
.imglykit-webcam-video {
|
|
width: 100px;
|
|
height: 100px; }
|
|
|
|
.imglykit-webcam-button {
|
|
-webkit-border-radius: 26.5px;
|
|
-moz-border-radius: 26.5px;
|
|
-ms-border-radius: 26.5px;
|
|
-o-border-radius: 26.5px;
|
|
border-radius: 26.5px;
|
|
margin: 15px auto 0 !important;
|
|
width: 110px;
|
|
height: 53px;
|
|
padding-top: 7px !important;
|
|
background: #1c6ee8;
|
|
cursor: pointer; }
|
|
.imglykit-webcam-button img {
|
|
margin: auto;
|
|
width: 39px !important;
|
|
height: 39px !important; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-splash-container {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 30px;
|
|
table-layout: fixed; }
|
|
.imglykit-container .imglykit-splash-container.imglykit-header-padding {
|
|
padding-top: 100px; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-cell {
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
border-radius: 5px;
|
|
display: table-cell; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-button {
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
border-radius: 5px;
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
padding: 0 15px;
|
|
background: #1c6ee8;
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 18px;
|
|
line-height: 38px;
|
|
font-weight: bold;
|
|
color: white; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-or {
|
|
display: table;
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 30px; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-or-line {
|
|
position: relative;
|
|
display: table-cell; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-or-line:before {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
display: block;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
width: 100%;
|
|
height: 1px;
|
|
content: ''; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-or-word {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
width: 30px;
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
color: rgba(255, 255, 255, 0.2); }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row, .imglykit-container .imglykit-splash-container .imglykit-splash-cell {
|
|
width: 100%;
|
|
text-align: center;
|
|
vertical-align: middle; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row .imglykit-splash-cell, .imglykit-container .imglykit-splash-container .imglykit-splash-cell .imglykit-splash-cell {
|
|
padding: 10px; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row {
|
|
display: table-row;
|
|
cursor: pointer; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row--upload, .imglykit-container .imglykit-splash-container .imglykit-splash-row--camera {
|
|
height: 45%; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row .imglykit-splash-content {
|
|
margin: auto;
|
|
margin-top: 10px;
|
|
width: 250px;
|
|
font-family: Helvetica, Arial, Verdana; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row .imglykit-splash-content h1 {
|
|
margin-bottom: 5px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: white; }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row .imglykit-splash-content .imglykit-splash-text {
|
|
font-size: 14px;
|
|
color: rgba(255, 255, 255, 0.2); }
|
|
.imglykit-container .imglykit-splash-container .imglykit-splash-row .imglykit-upload-hidden-input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
visibility: hidden;
|
|
width: 0;
|
|
height: 0; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-header-row {
|
|
display: none; }
|
|
|
|
.imglykit-container .imglykit-header {
|
|
display: table-cell;
|
|
background: #1A1A1A;
|
|
text-align: center;
|
|
color: white;
|
|
font: bold 11px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
line-height: 30px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 30px;
|
|
z-index: 2; }
|
|
.imglykit-container .imglykit-header .imglykit-close-button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
cursor: pointer;
|
|
margin-right: 10px; }
|
|
.imglykit-container .imglykit-header .imglykit-close-button img {
|
|
vertical-align: middle; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-top-controls-row {
|
|
display: table-row;
|
|
height: 40px; }
|
|
|
|
.imglykit-container .imglykit-top-controls {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 40px;
|
|
color: white;
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
z-index: 2;
|
|
background: #272930; }
|
|
.imglykit-container .imglykit-top-controls > * * {
|
|
display: inline-block; }
|
|
.imglykit-container .imglykit-top-controls, .imglykit-container .imglykit-top-controls * {
|
|
line-height: 30px; }
|
|
.imglykit-container .imglykit-top-controls.imglykit-header-padding {
|
|
top: 30px; }
|
|
|
|
.imglykit-container .imglykit-top-controls-right {
|
|
display: none;
|
|
padding-right: 20px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px; }
|
|
.imglykit-container .imglykit-top-controls-right .imglykit-zoom-in, .imglykit-container .imglykit-top-controls-right .imglykit-zoom-out {
|
|
padding: 0 15px;
|
|
cursor: pointer;
|
|
border-left: 1px solid #363636; }
|
|
.imglykit-container .imglykit-top-controls-right .imglykit-zoom-in img, .imglykit-container .imglykit-top-controls-right .imglykit-zoom-out img {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
opacity: 0.4;
|
|
vertical-align: middle; }
|
|
.imglykit-container .imglykit-top-controls-right .imglykit-zoom-in:hover img, .imglykit-container .imglykit-top-controls-right .imglykit-zoom-out:hover img {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
|
opacity: 1; }
|
|
.imglykit-container .imglykit-top-controls-right .imglykit-zoom-out {
|
|
padding-right: 0; }
|
|
.imglykit-container .imglykit-top-controls-right .imglykit-zoom-level {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
opacity: 0.4;
|
|
padding: 0 10px; }
|
|
|
|
.imglykit-container .imglykit-top-controls-left > div {
|
|
cursor: pointer;
|
|
border-right: 1px solid #363636;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
padding: 5px 10px;
|
|
display: none;
|
|
float: left; }
|
|
|
|
.imglykit-container .imglykit-top-controls-left > div:hover {
|
|
background-color: #383b44; }
|
|
|
|
.imglykit-container .imglykit-top-controls-left img {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
opacity: 0.4;
|
|
margin-right: 5px;
|
|
vertical-align: middle; }
|
|
|
|
.imglykit-container .imglykit-new {
|
|
cursor: pointer;
|
|
border-right: 1px solid #363636;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
padding-right: 10px; }
|
|
.imglykit-container .imglykit-new img {
|
|
margin-right: 5px;
|
|
vertical-align: middle; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-knob {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
background: white;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid rgba(0, 0, 0, 0.3);
|
|
cursor: pointer; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-crosshair {
|
|
width: 34px;
|
|
height: 34px;
|
|
cursor: pointer;
|
|
float: left; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-transparent-knob {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
|
|
-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
|
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid rgba(0, 0, 0, 0.5);
|
|
margin-top: -10px;
|
|
margin-left: -10px;
|
|
cursor: pointer; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit .imglykit-loadingOverlay {
|
|
position: absolute;
|
|
z-index: 3;
|
|
top: 0;
|
|
left: 0;
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(26, 28, 32, 0.9); }
|
|
|
|
.imglykit .imglykit-loadingOverlay-content {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -40px;
|
|
margin-left: -75px;
|
|
border-radius: 5px;
|
|
width: 150px;
|
|
height: 70px;
|
|
padding: 10px;
|
|
background: #1a1c20; }
|
|
.imglykit .imglykit-loadingOverlay-content img {
|
|
display: block;
|
|
margin: auto;
|
|
margin-bottom: 10px; }
|
|
.imglykit .imglykit-loadingOverlay-content span {
|
|
display: block;
|
|
font: bold 11px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
text-align: center;
|
|
color: white; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit .imglykit-flashOverlay {
|
|
-webkit-box-shadow: 0 2px rgba(255, 255, 255, 0.5) inset;
|
|
-moz-box-shadow: 0 2px rgba(255, 255, 255, 0.5) inset;
|
|
box-shadow: 0 2px rgba(255, 255, 255, 0.5) inset;
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
-o-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
position: absolute;
|
|
z-index: 3;
|
|
top: 50%;
|
|
left: 50%;
|
|
display: none;
|
|
border-radius: 5px;
|
|
max-width: 90%;
|
|
padding: 20px;
|
|
background: rgba(39, 41, 48, 0.9); }
|
|
.imglykit .imglykit-flashOverlay-headline, .imglykit .imglykit-flashOverlay-text {
|
|
display: block;
|
|
font: bold 15px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
text-align: center;
|
|
color: white; }
|
|
.imglykit .imglykit-flashOverlay-headline {
|
|
margin-bottom: 0.5em; }
|
|
.imglykit .imglykit-flashOverlay-close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
cursor: pointer; }
|
|
.imglykit .imglykit-flashOverlay-text {
|
|
font: normal 13px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
|
|
.imglykit .imglykit-flashOverlay--error {
|
|
-webkit-box-shadow: 0 2px #FF3E3E inset;
|
|
-moz-box-shadow: 0 2px #FF3E3E inset;
|
|
box-shadow: 0 2px #FF3E3E inset; }
|
|
.imglykit .imglykit-flashOverlay--warning {
|
|
-webkit-box-shadow: 0 2px #FFBF3E inset;
|
|
-moz-box-shadow: 0 2px #FFBF3E inset;
|
|
box-shadow: 0 2px #FFBF3E inset; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-controls-row {
|
|
display: table-row; }
|
|
|
|
.imglykit-container .imglykit-controls-container {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
display: table-cell;
|
|
width: 100%;
|
|
height: 80px;
|
|
background: #272930; }
|
|
|
|
.imglykit-container .imglykit-controls {
|
|
width: 100%;
|
|
text-align: center;
|
|
height: 80px; }
|
|
.imglykit-container .imglykit-controls > div:not(.imglykit-scrollbar-background) > * {
|
|
width: 100%;
|
|
display: table;
|
|
table-layout: fixed; }
|
|
.imglykit-container .imglykit-controls > div:not(.imglykit-scrollbar-background) > * > * {
|
|
display: table-cell;
|
|
vertical-align: top; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-list-container {
|
|
overflow: hidden;
|
|
height: 80px; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-list {
|
|
position: absolute;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
overflow-x: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
height: 80px;
|
|
font-size: 0; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-list-overflow {
|
|
overflow: visible; }
|
|
.imglykit-container .imglykit-controls li {
|
|
-webkit-transition: background-color 0.2s ease-out;
|
|
-moz-transition: background-color 0.2s ease-out;
|
|
-o-transition: background-color 0.2s ease-out;
|
|
transition: background-color 0.2s ease-out;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
width: 80px;
|
|
height: 80px;
|
|
cursor: pointer;
|
|
line-height: 80px;
|
|
border-left: 1px solid #363636; }
|
|
.imglykit-container .imglykit-controls li:last-child {
|
|
border-right: 1px solid #363636; }
|
|
.imglykit-container .imglykit-controls li.imglykit-controls-item--with-label:hover img {
|
|
margin-bottom: 20px; }
|
|
.imglykit-container .imglykit-controls li img {
|
|
-webkit-transition: all 0.2s ease-out;
|
|
-moz-transition: all 0.2s ease-out;
|
|
-o-transition: all 0.2s ease-out;
|
|
transition: all 0.2s ease-out;
|
|
width: 40px;
|
|
vertical-align: middle; }
|
|
.imglykit-container .imglykit-controls li.imglykit-controls-item-active {
|
|
background: rgba(0, 0, 0, 0.3); }
|
|
.imglykit-container .imglykit-controls li .imglykit-controls-label {
|
|
-webkit-transition: all 0.2s ease-out;
|
|
-moz-transition: all 0.2s ease-out;
|
|
-o-transition: all 0.2s ease-out;
|
|
transition: all 0.2s ease-out;
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
|
opacity: 0;
|
|
position: absolute;
|
|
bottom: -20px;
|
|
width: 100%;
|
|
color: white;
|
|
font: 10px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
text-align: center; }
|
|
.imglykit-container .imglykit-controls li:hover .imglykit-controls-label {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
|
opacity: 1;
|
|
bottom: 13px; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-item-label {
|
|
color: white;
|
|
font-size: 10px;
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-weight: bold;
|
|
margin-top: 10px; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
font-size: 0; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-icon img {
|
|
vertical-align: middle; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-item-canvas {
|
|
display: inline-block;
|
|
width: 42px;
|
|
height: 50px;
|
|
vertical-align: middle; }
|
|
.imglykit-container .imglykit-controls li[data-disabled] {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
|
|
opacity: 0.2; }
|
|
.imglykit-container .imglykit-controls li:hover:not([data-disabled]), .imglykit-container .imglykit-controls .imglykit-controls-button:hover:not([data-disabled]) {
|
|
-webkit-box-shadow: 0 -3px 0 0 #1c6ee8 inset;
|
|
-moz-box-shadow: 0 -3px 0 0 #1c6ee8 inset;
|
|
box-shadow: 0 -3px 0 0 #1c6ee8 inset;
|
|
background-color: rgba(0, 0, 0, 0.3); }
|
|
.imglykit-container .imglykit-controls li:hover:not([data-disabled]) img, .imglykit-container .imglykit-controls .imglykit-controls-button:hover:not([data-disabled]) img {
|
|
-webkit-transform: scale(1.1);
|
|
-moz-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
-o-transform: scale(1.1);
|
|
transform: scale(1.1); }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-button {
|
|
-webkit-transition: background-color 0.2s ease-out;
|
|
-moz-transition: background-color 0.2s ease-out;
|
|
-o-transition: background-color 0.2s ease-out;
|
|
transition: background-color 0.2s ease-out;
|
|
width: 80px;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
font-size: 0;
|
|
cursor: pointer;
|
|
position: relative; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-button:first-child {
|
|
border-right: 1px solid #363636; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-button:last-child {
|
|
border-left: 1px solid #363636; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-button img {
|
|
vertical-align: middle;
|
|
width: 40px;
|
|
-webkit-transition: all 0.2s ease-out;
|
|
-moz-transition: all 0.2s ease-out;
|
|
-o-transition: all 0.2s ease-out;
|
|
transition: all 0.2s ease-out; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-done .imglykit-controls-done-highlighted {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 80px;
|
|
height: 80px;
|
|
line-height: 80px; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-done.highlighted > img {
|
|
display: none; }
|
|
.imglykit-container .imglykit-controls .imglykit-controls-done.highlighted .imglykit-controls-done-highlighted {
|
|
display: block; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-controls-overview ul.imglykit-controls-list {
|
|
display: block; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-controls-filters ul.imglykit-controls-list li {
|
|
line-height: normal; }
|
|
.imglykit-container .imglykit-controls-filters ul.imglykit-controls-list li img {
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-top: 10px; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-controls-stickers ul.imglykit-controls-list li {
|
|
background-size: 42px;
|
|
background-repeat: no-repeat;
|
|
background-position: center center; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-canvas-stickers-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden; }
|
|
.imglykit-container .imglykit-canvas-stickers-container .imglykit-canvas-stickers {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: move; }
|
|
.imglykit-container .imglykit-canvas-stickers-container .imglykit-canvas-stickers .imglykit-knob {
|
|
bottom: 0;
|
|
right: 0; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-controls-text ul.imglykit-controls-list li {
|
|
color: white;
|
|
font-size: 32px;
|
|
line-height: 80px; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-canvas-text-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
.imglykit-container .imglykit-canvas-text-container .imglykit-canvas-text {
|
|
position: relative;
|
|
display: inline-block; }
|
|
.imglykit-container .imglykit-canvas-text-container .imglykit-canvas-text .imglykit-crosshair {
|
|
position: absolute;
|
|
z-index: 5;
|
|
top: 0;
|
|
left: 0;
|
|
margin-top: -17px;
|
|
margin-left: -17px;
|
|
width: 34px;
|
|
height: 34px; }
|
|
.imglykit-container .imglykit-canvas-text-container .imglykit-canvas-text .imglykit-canvas-text-textarea {
|
|
position: relative;
|
|
display: inline-block; }
|
|
.imglykit-container .imglykit-canvas-text-container .imglykit-canvas-text .imglykit-canvas-text-textarea textarea {
|
|
border: 2px solid white;
|
|
background: transparent;
|
|
resize: none;
|
|
padding: 0; }
|
|
.imglykit-container .imglykit-canvas-text-container .imglykit-canvas-text .imglykit-canvas-text-textarea .imglykit-knob {
|
|
bottom: -2px;
|
|
right: -8px; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-slider {
|
|
display: table;
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
height: 80px;
|
|
line-height: 80px; }
|
|
.imglykit-container .imglykit-slider > * {
|
|
display: table-cell; }
|
|
.imglykit-container .imglykit-slider .imglykit-slider-content {
|
|
position: absolute;
|
|
top: 38px;
|
|
width: 100%; }
|
|
.imglykit-container .imglykit-slider .imglykit-slider-minus, .imglykit-container .imglykit-slider .imglykit-slider-plus {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
|
|
opacity: 0.2;
|
|
color: white;
|
|
font-size: 12px;
|
|
width: 40px;
|
|
text-align: center; }
|
|
.imglykit-container .imglykit-slider .imglykit-slider-slider {
|
|
width: auto;
|
|
position: relative;
|
|
z-index: 1; }
|
|
.imglykit-container .imglykit-slider .imglykit-slider-slider .imglykit-slider-background, .imglykit-container .imglykit-slider .imglykit-slider-slider .imglykit-slider-fill {
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
-ms-border-radius: 6px;
|
|
-o-border-radius: 6px;
|
|
border-radius: 6px;
|
|
background: #1A1A1A;
|
|
height: 12px;
|
|
top: 50%;
|
|
margin-top: -8px;
|
|
cursor: pointer; }
|
|
.imglykit-container .imglykit-slider .imglykit-slider-slider .imglykit-slider-fill {
|
|
position: absolute;
|
|
background: #1c6ee8; }
|
|
.imglykit-container .imglykit-slider .imglykit-slider-slider .imglykit-slider-center-dot {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
width: 24px;
|
|
height: 24px;
|
|
background: #1c6ee8;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
cursor: pointer;
|
|
margin: -14px 0 0 -12px; }
|
|
.imglykit-container .imglykit-slider .imglykit-slider-slider .imglykit-slider-dot {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
|
|
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
|
|
width: 30px;
|
|
height: 30px;
|
|
background: white;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin: -17px 0 0 -15px;
|
|
cursor: pointer; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-color-picker {
|
|
position: relative;
|
|
border-left: 1px solid #363636;
|
|
height: 80px; }
|
|
.imglykit-container .imglykit-color-picker .imglykit-color-picker-color {
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-ms-border-radius: 3px;
|
|
-o-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background: black;
|
|
margin-top: 15px; }
|
|
.imglykit-container .imglykit-color-picker .imglykit-controls-item-label {
|
|
position: absolute;
|
|
line-height: 11px;
|
|
width: 100%;
|
|
bottom: 10px;
|
|
left: 0; }
|
|
.imglykit-container .imglykit-color-picker .imglykit-transparent-knob {
|
|
pointer-events: none; }
|
|
.imglykit-container .imglykit-color-picker canvas {
|
|
cursor: pointer; }
|
|
|
|
.imglykit-container .imglykit-color-picker-overlay {
|
|
position: absolute;
|
|
cursor: default;
|
|
background: #353535;
|
|
width: 240px;
|
|
height: 240px;
|
|
padding: 20px;
|
|
z-index: 2;
|
|
bottom: 115px;
|
|
right: -80px;
|
|
position: absolute;
|
|
border-color: #353535;
|
|
display: none; }
|
|
.imglykit-container .imglykit-color-picker-overlay:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-color: #353535;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-top: -1px;
|
|
margin-left: -15px;
|
|
border-left: 15px solid transparent;
|
|
border-right: 15px solid transparent;
|
|
border-top: 15px solid #353535;
|
|
border-top-color: inherit; }
|
|
.imglykit-container .imglykit-color-picker-overlay.imglykit-visible {
|
|
display: block; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-alpha-container {
|
|
width: 200px;
|
|
height: 30px;
|
|
position: relative;
|
|
margin-bottom: 10px; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-alpha-container canvas {
|
|
background: black;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-alpha-container .imglykit-transparent-knob {
|
|
top: 50%; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-hue-container {
|
|
width: 30px;
|
|
height: 160px;
|
|
position: relative;
|
|
float: left; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-hue-container canvas {
|
|
background: black;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-hue-container .imglykit-transparent-knob {
|
|
left: 50%; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-saturation-container {
|
|
width: 160px;
|
|
height: 160px;
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 10px; }
|
|
.imglykit-container .imglykit-color-picker-overlay .imglykit-color-picker-saturation-container canvas {
|
|
background: black;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-canvas-crop-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: table;
|
|
table-layout: fixed; }
|
|
.imglykit-container .imglykit-canvas-crop-container.imglykit-canvas-crop-container-hidden {
|
|
display: none; }
|
|
.imglykit-container .imglykit-canvas-crop-container > * {
|
|
display: table-row; }
|
|
.imglykit-container .imglykit-canvas-crop-container > * > * {
|
|
display: table-cell;
|
|
background: rgba(34, 34, 34, 0.9); }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-center-center {
|
|
position: relative;
|
|
background: transparent;
|
|
cursor: move;
|
|
border: 1px solid white; }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-center-center.imglykit-canvas-crop-center-center-nomove {
|
|
cursor: auto; }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-knobs {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(255, 255, 255, 0); }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-knobs > * {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
background: white;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid rgba(0, 0, 0, 0.3);
|
|
cursor: pointer; }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-knobs [data-corner=top-left] {
|
|
top: -10px;
|
|
left: -10px; }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-knobs [data-corner=top-right] {
|
|
top: -10px;
|
|
right: -10px; }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-knobs [data-corner=bottom-left] {
|
|
bottom: -10px;
|
|
left: -10px; }
|
|
.imglykit-container .imglykit-canvas-crop-container .imglykit-canvas-crop-knobs [data-corner=bottom-right] {
|
|
bottom: -10px;
|
|
right: -10px; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-canvas-radial-blur-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
.imglykit-container .imglykit-canvas-radial-blur-container .imglykit-canvas-radial-blur-dot {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
background: white;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid rgba(0, 0, 0, 0.3);
|
|
cursor: pointer;
|
|
margin-left: -10px;
|
|
margin-top: -10px; }
|
|
.imglykit-container .imglykit-canvas-radial-blur-container .imglykit-canvas-radial-blur-circle-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
overflow: hidden; }
|
|
.imglykit-container .imglykit-canvas-radial-blur-container .imglykit-canvas-radial-blur-circle {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
border: 2px solid white;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
pointer-events: none; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-canvas-tilt-shift-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
.imglykit-container .imglykit-canvas-tilt-shift-container .imglykit-canvas-tilt-shift-dot {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
-ms-border-radius: 50%;
|
|
-o-border-radius: 50%;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
background: white;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid rgba(0, 0, 0, 0.3);
|
|
cursor: pointer;
|
|
margin-left: -10px;
|
|
margin-top: -10px; }
|
|
.imglykit-container .imglykit-canvas-tilt-shift-container .imglykit-canvas-tilt-shift-rect-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
overflow: hidden; }
|
|
.imglykit-container .imglykit-canvas-tilt-shift-container .imglykit-canvas-tilt-shift-rect {
|
|
border: 2px solid white;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
pointer-events: none; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-canvas-brush-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: none;
|
|
background: rgba(255, 255, 255, 0); }
|
|
|
|
#imglykit-brush-cursor {
|
|
width: 200px;
|
|
height: 200px;
|
|
background: green;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
border: 2px solid white;
|
|
display: none; }
|
|
|
|
/*
|
|
* Copyright (c) 2013-2015 9elements GmbH
|
|
*
|
|
* Released under Attribution-NonCommercial 3.0 Unported
|
|
* http://creativecommons.org/licenses/by-nc/3.0/
|
|
*
|
|
* For commercial use, please contact us at contact@9elements.com
|
|
*/
|
|
.imglykit-container .imglykit-scrollbar-background {
|
|
-webkit-transition: all 0.3s ease-out;
|
|
-moz-transition: all 0.3s ease-out;
|
|
-o-transition: all 0.3s ease-out;
|
|
transition: all 0.3s ease-out;
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 11px;
|
|
background: #1a1c20;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
cursor: pointer; }
|
|
.imglykit-container .imglykit-scrollbar-background.visible {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
|
opacity: 1; }
|
|
|
|
.imglykit-container .imglykit-scrollbar-button {
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background: #1c6ee8;
|
|
height: 7px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 50px;
|
|
margin: 2px;
|
|
cursor: pointer; }
|
|
|
|
.imglykit-header-row {
|
|
visibility: hidden; }
|
|
|
|
.imglykit-header {
|
|
visibility: hidden; }
|