first commit

web/css/backend/stProductOptions.css

@@ -0,0 +1,117 @@
+.gallery {
+   margin-left: 350px;
+}
+
+.gallery li {
+   background-color: #EEEEEE;
+   border: 1px solid #CCCCCC;
+   float: left;
+   margin-bottom: 11px;
+   margin-right: 11px;
+   padding: 5px 5px 0px 5px;
+   text-align: center;
+}
+
+.gallery span {
+   display: block;
+   background-position: center center;
+   background-repeat: no-repeat;
+   background-size: cover;
+   height: 70px;
+   width: 70px;   
+}
+
+.gallery input {
+    margin-top: 5px;
+} 
+
+#color_type {
+    margin-bottom: 5px;
+}
+
+
+#plupload_product_options_default_value_color_image .ui-sortable-helper:last-child .preview, 
+#plupload_product_options_default_value_color_image .file-placeholder:first-child, 
+#plupload_product_options_default_value_color_image .file:first-child .preview,
+#plupload_product_options_value_color_image .ui-sortable-helper:last-child .preview, 
+#plupload_product_options_value_color_image .file-placeholder:first-child, 
+#plupload_product_options_value_color_image .file:first-child .preview {
+    width: 128px;
+    height: 128px;
+}
+
+.jstree {
+    border: 1px solid #ccc;
+    padding: 0px 0px 15px 0px;
+    min-height: 300px;
+    overflow: auto;
+}
+
+.st_product_options_tree_container {
+    float: left;
+    width: 39%;    
+}
+
+.st_product_options_window_container {
+    margin-left: 40%;
+}
+
+.st_product_options_window_container,
+.st_product_options_tree_container {
+    padding-top: 5px;
+}
+
+.st_product_options_tree_container li[rel=field] > a {
+    font-weight: bold;
+}
+
+
+.st_product_options_window_container fieldset:first-of-type {
+    margin-top: 0 !important;
+}
+
+#st_product_options_template_picker select {
+    height: auto;
+}
+
+#st_product_options_images {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+#st_product_options_images .image {
+    margin: 5px;
+    width: 25%;
+    background-color: #eee;
+    text-align: center;
+    padding: 10px;
+    cursor: pointer;
+}
+
+#st_product_options_images .image > span {
+    display: block;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 80px;
+    margin-bottom: 10px;
+}
+
+#st_product_options_images .image > span.none {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #fff;
+}
+
+#st_product_options_template_picker p {
+    margin-bottom: 5px;
+}
+
+#st_product_options_template_picker {
+    font-size: 12px;
+}
+
+#st_product_options_help {
+    background: #eee; padding: 10px; margin-bottom: 10px;
+}