From 22ab941f4630f545cc7d0475611d056372fcad10 Mon Sep 17 00:00:00 2001 From: ryderr Date: Mon, 29 Sep 2014 18:18:44 -0400 Subject: color picker UI --- public/assets/stylesheets/app.css | 59 ++++++++++++++++++++++++++------------- 1 file changed, 40 insertions(+), 19 deletions(-) (limited to 'public') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 3f3b8f7..f2ade63 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -729,10 +729,7 @@ iframe.embed { -moz-user-select: none; user-select: none; } -.vvbox .txt { - padding: 5px; - display: inline-block; -} + .edit-video.menu, .edit-image.menu { right: auto; @@ -1239,7 +1236,7 @@ iframe.embed { transform: translateX(400px); transition: -webkit-transform 0.2s ease-in-out; } -h4 { +.lightcontrol h4 { font-weight: 600; font-size: 12px; line-height: 0; @@ -1273,12 +1270,17 @@ input[type="range"]::-webkit-slider-thumb { .colorPicker { cursor: crosshair; } + .swatch { width: 20px; height: 20px; border: 1px solid #eee; display: inline-block; cursor: pointer; + float:left; +} +.swatch:hover { + border: 1px solid red; } .swatch.selected { border: 1px solid #000; @@ -1286,17 +1288,36 @@ input[type="range"]::-webkit-slider-thumb { .color-swatches { margin-top: 10px; } +.color-swatches span { + display: inline-block; + width: 50%; + float:left; + cursor:pointer; +} +.color-swatches span.active{ + background:black; + color:white; +} +.color-swatches span:nth-child(3){ + clear:left; +} +.color-swatches span:hover { + background:#eee; +} + +.color-swatches span.active:hover { + background:#000; +} .color-swatches label { - font-size: 11px; - font-weight: 300; - position: relative; - top: -6px; - padding-left: 5px; - display: inline-block; - min-width: 35px; - cursor: pointer; + font-size: 14px; + font-weight: 300; + position: relative; + padding-left: 5px; + display: inline-block; + cursor: pointer; + top: -2px; } -.color-swatches label.selected { +.color-swatches span.active label { font-weight: 600; } @@ -1497,11 +1518,14 @@ input[type="range"]::-webkit-slider-thumb { background:black; color:white; } - +.btn.marg { + margin-top:10px; +} .warn { background:red; display: inline-block; color:white; + text-decoration:none; border:1px solid red; text-align: center; } @@ -1800,6 +1824,7 @@ a[data-role="forgot-password"] { .txt { font-size:12px; padding:5px 0; + display: inline-block; } .aboutRoom h1 a{ text-decoration: none; @@ -1811,16 +1836,12 @@ a[data-role="forgot-password"] { } .aboutRoom .editlink { - color: black; - text-decoration: none; border-bottom: 0; - background: white; padding: 6px; display: inline-block; margin-top: 10px; width: 100%; text-align: center; - border:1px solid black; } .aboutRoom .editlink:hover { -- cgit v1.2.3-70-g09d2 From b9a926a99b3f655ce2e0022335bc2bffb559f5f7 Mon Sep 17 00:00:00 2001 From: ryderr Date: Mon, 29 Sep 2014 18:20:33 -0400 Subject: tweek --- public/assets/stylesheets/app.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'public') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index f2ade63..fe67edc 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -1294,8 +1294,11 @@ input[type="range"]::-webkit-slider-thumb { float:left; cursor:pointer; } +.color-swatches span:nth-child(1),.color-swatches span:nth-child(2){ + margin-bottom:5px; +} .color-swatches span.active{ - background:black; + background:red; color:white; } .color-swatches span:nth-child(3){ @@ -1306,7 +1309,7 @@ input[type="range"]::-webkit-slider-thumb { } .color-swatches span.active:hover { - background:#000; + background:red; } .color-swatches label { font-size: 14px; -- cgit v1.2.3-70-g09d2