diff --git a/app/css/app.css b/app/css/app.css index d2103c9..c7d276f 100644 --- a/app/css/app.css +++ b/app/css/app.css @@ -1,3 +1,8 @@ +* { + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; +} html, body { -webkit-overflow-scrolling: auto; @@ -221,18 +226,24 @@ footer { float: right; } #counters .cam, -#counters .proj { +#counters_2 .cam, +#counters .proj, +#counters_2 .proj { width: 50%; padding-bottom: 25px; } #counters .cam label, -#counters .proj label { +#counters_2 .cam label, +#counters .proj label, +#counters_2 .proj label { text-align: center; font-size: 24px; display: block; } #counters .cam input, -#counters .proj input { +#counters_2 .cam input, +#counters .proj input, +#counters_2 .proj input { background: rgba(255, 255, 255, 0.05); color: #fff; padding: 6px 12px; @@ -243,13 +254,17 @@ footer { font-family: monospace; } #counters .cam input.changed, -#counters .proj input.changed { +#counters_2 .cam input.changed, +#counters .proj input.changed, +#counters_2 .proj input.changed { color: #DAE035; } -#counters .cam { +#counters .cam, +#counters_2 .cam { float: left; } -#counters .proj { +#counters .proj, +#counters_2 .proj { float: right; } #seq_scroll { @@ -454,6 +469,17 @@ button:focus { display: inline-block; margin-right: 5px; } +#overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + display: none; +} .spacer { margin-top: 15px; } diff --git a/app/css/app.less b/app/css/app.less index a22b4cd..4ebfaa7 100644 --- a/app/css/app.less +++ b/app/css/app.less @@ -39,6 +39,12 @@ } } +*{ + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + html, body{ -webkit-overflow-scrolling: auto; overflow-x: hidden; @@ -275,7 +281,7 @@ footer{ float: right; } -#counters{ +#counters, #counters_2{ .cam,.proj{ width: 50%; padding-bottom: 25px; @@ -484,6 +490,19 @@ button{ margin-right: 5px; } } + +#overlay{ + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + display: none; + //z-index: 1200; +} .spacer{ margin-top: 15px; }