GetColor!

root / css / appInterface.css

appInterface.css

2.4 KB CSS
.unvisible{display:none !important}.no-selection{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none}.app-interface{width:100%;height:100%;background:linear-gradient(#231b4e, #120E28);opacity:0.0;transition:0.3s all}.app-interface__window{top:calc(50% - 15rem);left:calc(50% - 10rem);height:30rem;width:20rem;background:rgba(255,255,255,0.1);border-radius:10px 10px 0 0}.app-interface__titlebar{top:0;left:0;padding:0.4rem;height:1.5rem;background:linear-gradient(rgba(255,255,255,0.5), rgba(242,242,242,0.2));cursor:move;border-radius:10px 10px 0 0}.app-interface__titlebaricon{display:inline-flex;align-items:center;justify-content:center;font-size:0.6rem;width:1.5rem;height:1.5rem;background:#d2186f;border-radius:25%;cursor:pointer}.app-interface__titlebaricon:active{transform:translateY(1px)}.app-interface__titlebarcaption{display:inline;text-align:center;height:1.2rem;vertical-align:middle;font-size:0.8rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,0.4);cursor:default}.app-interface__closebutton{display:inline-flex;align-items:center;justify-content:center;float:right;margin-top:0.23rem;width:1rem;height:1rem;font-size:0.6rem;background:#df3364;border-radius:25%;cursor:pointer}.app-interface__content{background:#120E28;width:100%;height:100%;border:solid 1px rgba(255,255,255,0.2);box-sizing:border-box;overflow:hidden}.app-dialog{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0.0;transition:0.3s opacity}.app-dialog__window{position:absolute;top:calc(50% - 4.5rem);left:calc(50% - 10rem);height:9rem;width:20rem;background:rgba(255,255,255,0.1);border-radius:10px 10px 0 0}.app-dialog__titlebar{top:0;left:0;padding:0.4rem;height:1.5rem;background:linear-gradient(#66627f, #383645);cursor:move;border-radius:10px 10px 0 0}.app-dialog__titlebarcaption{display:inline;text-align:center;height:1.2rem;vertical-align:middle;font-size:0.8rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,0.4);cursor:default}.app-dialog__closebutton{display:inline-flex;align-items:center;justify-content:center;float:right;margin-top:0.23rem;width:1rem;height:1rem;font-size:0.6rem;background:#df3364;border-radius:25%;cursor:pointer}.app-dialog__closebutton:active{transform:translateY(1px)}.app-dialog__content{background:#120E28;width:100%;border:solid 1px rgba(255,255,255,0.2);box-sizing:border-box;overflow:hidden}

О проекте

Описание

Генератор и подбор цветов с превью в различных цветовых системах (RGB, RGBA, HEX, HSL, HSLA)

Лицензия

GPL-3.0

Технологии

PHP JavaScript CSS HTML