new LESS

less/settingsPopup.less

@@ -0,0 +1,74 @@
+#contentOverlay {
+  background-color: rgba(255, 255, 255, 0.65);
+  z-index: 20;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  display:none;
+}
+#settings {
+  background-color: #fff;
+  z-index: 15;
+
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 835px;
+  height: 500px;
+  margin: -250px 0 0 -417.5px;
+/*padding: 25px;*/
+
+/*overflow: scroll;*/
+/*overflow-y: hidden;*/
+  -moz-box-shadow:    0px 2px 6px 0px rgba(16, 16, 16, 0.65);
+  -webkit-box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
+  box-shadow:         0px 2px 6px 0px rgba(16, 16, 16, 0.65);
+  border: 2px solid #222;
+  border-radius: 15px;
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  overflow: hidden;
+}
+#settings header {
+  margin: 25px 25px 0 25px;
+  height: 44px;
+}
+
+div.content {
+  margin: 15px 25px 25px 25px;
+  height: 388px;
+  display: table;
+}
+
+div.content > div {
+  height: 100%;
+}
+
+div.content > div.settings {
+  border: 1px solid rgb(187, 187, 187);
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+
+  width: 660px;
+  overflow: scroll;
+  max-height: 368px;
+  overflow-x: hidden;
+  padding: 10px 10px 10px 10px;
+}
+div.content > div.manipulationBtns {
+  display: table-cell;
+  vertical-align: bottom;
+  width: 125px;
+
+}
+
+div.content .btnOK {
+  width: 85px;
+  height: 86px;
+  background: url('../img/buttons/btnOk_settings.png') no-repeat;
+  margin: 0 0 0 10px;
+  cursor: pointer;
+}