isite 2022.8.1 → 2022.8.4

package/apps/client-side/site_files/css/effect.css

@@ -1,285 +1,285 @@
 @media all {
-    .pointer {
-        cursor: pointer;
-    }
-
-    .bold {
-        font-weight: bold;
-    }
-
-    .italic {
-        font-style: italic;
-    }
-
-    .center,
-    .center p,
-    .center span,
-    .center label,
-    .center b,
-    .center i,
-    .center img {
-        margin: 0 auto !important;
-        text-align: center !important;
-    }
-
-    .float-none{
-        float: none !important;
-    }
-    .center i.center {
-        vertical-align: text-bottom;
-    }
-
-    .left {
-        float: left !important;
-    }
-
-    .right {
-        float: right !important;
-    }
-
-    .text-center {
-        text-align: center !important;
-    }
-
-    .text-left {
-        text-align: left !important;
-    }
-
-    .text-right {
-        text-align: right !important;
-    }
-
-    .border {
-        border: 1px solid #bbb;
-    }
-
-    .dashed {
-        border: 2px dashed #030303;
-    }
-
-    .margin {
-        margin: 3px;
-    }
-
-    .padding {
-        padding: 3px;
-    }
-
-    .text-shadow {
-        text-shadow: 1px 1px 1px #000;
-    }
-
-    .box-shadow {
-        box-shadow: 1px 1px 8px 2px #000;
-    }
-
-    .block {
-        display: block;
-    }
-
-    .none {
-        display: none;
-    }
-
-    .inline {
-        display: inline-block;
-    }
-
-    .inline-grid {
-        display: inline-grid;
-    }
-
-    .small {
-        font-size: small;
-    }
-
-    .smaller {
-        font-size: smaller;
-    }
-
-    .x-small {
-        font-size: x-small;
-    }
-
-    .xx-small {
-        font-size: xx-small;
-    }
-
-    .medium {
-        font-size: medium;
-    }
-
-    .large {
-        font-size: large;
-    }
-
-    .larger {
-        font-size: larger;
-    }
-
-    .v {
-        font-size: x-large;
-    }
-
-    .error {
-        text-align: center;
-        color: red;
-    }
-
-    .xx-large {
-        font-size: xx-large;
-    }
-
-    .appearance-none {
-        -moz-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-    }
-
-    .no-border {
-        border: none !important;
-    }
-
-    .no-border-left {
-        border-left: none !important;
-    }
-
-    .no-border-right {
-        border-right: none !important;
-    }
-
-    .no-border-top {
-        border-top: none !important;
-    }
-
-    .no-border-bottom {
-        border-bottom: none !important;
-    }
-
-    .no-border-radius {
-        border-radius: 0px !important;
-    }
-
-    .paper {
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 10px 0 -5px #eee, 0 10px 1px -4px rgba(0, 0, 0, 0.15), 0 20px 0 -10px #eee, 0 20px 1px -9px rgba(0, 0, 0, 0.15);
-    }
-
-    .full-width {
-        width: 100%;
-        margin: 0px;
-    }
-
-    .hover-scale:hover {
-        transform: scale(1.1);
-    }
-
-    .multi-lines {
-        white-space: pre-wrap;
-    }
-
-    .ww {
-        width: 250px !important;
-        white-space: pre-line !important;
-    }
-    .w0 {
-        width: 1px !important;
-        white-space: nowrap !important;
-    }
-
-    .w50,
-    .w50 input {
-        min-width: 50px !important;
-        width: 50px !important;
-        white-space: pre-line !important;
-    }
-
-    .w100,
-    .w100 input {
-        width: 100px !important;
-        min-width: 100px !important;
-        white-space: pre-line !important;
-    }
-
-    .w125,
-    .w125 input {
-        width: 125px !important;
-        min-width: 125px !important;
-        white-space: pre-line !important;
-    }
-
-    .w150,
-    .w150 input {
-        width: 150px !important;
-        min-width: 150px !important;
-        white-space: pre-line !important;
-    }
-
-    .w175,
-    .w175 input {
-        width: 175px !important;
-        min-width: 175px !important;
-        white-space: pre-line !important;
-    }
-
-    .w200,
-    .w200 input {
-        width: 200px !important;
-        min-width: 200px !important;
-        white-space: pre-line !important;
-    }
-
-    .w225,
-    .w225 input {
-        width: 225px !important;
-        min-width: 225px !important;
-        white-space: pre-line !important;
-    }
-
-    .w250,
-    .w250 input {
-        width: 250px !important;
-        min-width: 250px !important;
-        white-space: pre-line !important;
-    }
-
-    .w275,
-    .w275 input {
-        width: 275px !important;
-        min-width: 275px !important;
-        white-space: pre-line !important;
-    }
-
-    .w300,
-    .w300 input {
-        width: 300px !important;
-        min-width: 300px !important;
-        white-space: pre-line !important;
-    }
-
-    .w350,
-    .w350 input {
-        width: 350px !important;
-        min-width: 350px !important;
-        white-space: pre-line !important;
-    }
-
-    .w400,
-    .w400 input {
-        width: 400px !important;
-        min-width: 400px !important;
-        white-space: pre-line !important;
-    }
-
-    .w450,
-    .w450 input {
-        width: 450px !important;
-        min-width: 450px !important;
-        white-space: pre-line !important;
-    }
-    .w500,
-    .w500 input {
-        width: 500px !important;
-        min-width: 500px !important;
-        white-space: pre-line !important;
-    }
+  .pointer {
+    cursor: pointer;
+  }
+
+  .bold {
+    font-weight: bold;
+  }
+
+  .italic {
+    font-style: italic;
+  }
+
+  .center,
+  .center p,
+  .center span,
+  .center label,
+  .center b,
+  .center i,
+  .center img {
+    margin: 0 auto !important;
+    text-align: center !important;
+  }
+
+  .float-none {
+    float: none !important;
+  }
+  .center i.center {
+    vertical-align: text-bottom;
+  }
+
+  .left {
+    float: left !important;
+  }
+
+  .right {
+    float: right !important;
+  }
+
+  .text-center {
+    text-align: center !important;
+  }
+
+  .text-left {
+    text-align: left !important;
+  }
+
+  .text-right {
+    text-align: right !important;
+  }
+
+  .border {
+    border: 1px solid var(--theme-color);
+  }
+
+  .dashed {
+    border: 2px dashed var(--theme-color);
+  }
+
+  .margin {
+    margin: 3px;
+  }
+
+  .padding {
+    padding: 3px;
+  }
+
+  .text-shadow {
+    text-shadow: 1px 1px 1px #000;
+  }
+
+  .box-shadow {
+    box-shadow: 1px 1px 8px 2px #000;
+  }
+
+  .block {
+    display: block;
+  }
+
+  .none {
+    display: none;
+  }
+
+  .inline {
+    display: inline-block;
+  }
+
+  .inline-grid {
+    display: inline-grid;
+  }
+
+  .small {
+    font-size: small;
+  }
+
+  .smaller {
+    font-size: smaller;
+  }
+
+  .x-small {
+    font-size: x-small;
+  }
+
+  .xx-small {
+    font-size: xx-small;
+  }
+
+  .medium {
+    font-size: medium;
+  }
+
+  .large {
+    font-size: large;
+  }
+
+  .larger {
+    font-size: larger;
+  }
+
+  .v {
+    font-size: x-large;
+  }
+
+  .error {
+    text-align: center;
+    color: red;
+  }
+
+  .xx-large {
+    font-size: xx-large;
+  }
+
+  .appearance-none {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  .no-border {
+    border: none !important;
+  }
+
+  .no-border-left {
+    border-left: none !important;
+  }
+
+  .no-border-right {
+    border-right: none !important;
+  }
+
+  .no-border-top {
+    border-top: none !important;
+  }
+
+  .no-border-bottom {
+    border-bottom: none !important;
+  }
+
+  .no-border-radius {
+    border-radius: 0px !important;
+  }
+
+  .paper {
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 10px 0 -5px #eee, 0 10px 1px -4px rgba(0, 0, 0, 0.15), 0 20px 0 -10px #eee, 0 20px 1px -9px rgba(0, 0, 0, 0.15);
+  }
+
+  .full-width {
+    width: 100%;
+    margin: 0px;
+  }
+
+  .hover-scale:hover {
+    transform: scale(1.1);
+  }
+
+  .multi-lines {
+    white-space: pre-wrap;
+  }
+
+  .ww {
+    width: 250px !important;
+    white-space: pre-line !important;
+  }
+  .w0 {
+    width: 1px !important;
+    white-space: nowrap !important;
+  }
+
+  .w50,
+  .w50 input {
+    min-width: 50px !important;
+    width: 50px !important;
+    white-space: pre-line !important;
+  }
+
+  .w100,
+  .w100 input {
+    width: 100px !important;
+    min-width: 100px !important;
+    white-space: pre-line !important;
+  }
+
+  .w125,
+  .w125 input {
+    width: 125px !important;
+    min-width: 125px !important;
+    white-space: pre-line !important;
+  }
+
+  .w150,
+  .w150 input {
+    width: 150px !important;
+    min-width: 150px !important;
+    white-space: pre-line !important;
+  }
+
+  .w175,
+  .w175 input {
+    width: 175px !important;
+    min-width: 175px !important;
+    white-space: pre-line !important;
+  }
+
+  .w200,
+  .w200 input {
+    width: 200px !important;
+    min-width: 200px !important;
+    white-space: pre-line !important;
+  }
+
+  .w225,
+  .w225 input {
+    width: 225px !important;
+    min-width: 225px !important;
+    white-space: pre-line !important;
+  }
+
+  .w250,
+  .w250 input {
+    width: 250px !important;
+    min-width: 250px !important;
+    white-space: pre-line !important;
+  }
+
+  .w275,
+  .w275 input {
+    width: 275px !important;
+    min-width: 275px !important;
+    white-space: pre-line !important;
+  }
+
+  .w300,
+  .w300 input {
+    width: 300px !important;
+    min-width: 300px !important;
+    white-space: pre-line !important;
+  }
+
+  .w350,
+  .w350 input {
+    width: 350px !important;
+    min-width: 350px !important;
+    white-space: pre-line !important;
+  }
+
+  .w400,
+  .w400 input {
+    width: 400px !important;
+    min-width: 400px !important;
+    white-space: pre-line !important;
+  }
+
+  .w450,
+  .w450 input {
+    width: 450px !important;
+    min-width: 450px !important;
+    white-space: pre-line !important;
+  }
+  .w500,
+  .w500 input {
+    width: 500px !important;
+    min-width: 500px !important;
+    white-space: pre-line !important;
+  }
 }

package/apps/client-side/site_files/css/images.css

@@ -1,52 +1,56 @@
-.image{
-    width : 400px;
-    height: 300px;
-    border-radius: 10px;
+.image {
+  width: 400px;
+  height: 300px;
+  border-radius: 10px;
 }
-.logo{
-    width : 48px;
-    height: 48px;
-    border-radius: 5px;
+.logo {
+  width: 48px;
+  height: 48px;
+  border-radius: 5px;
 }
 
-
-
-
-
-
-i-image img{
-    width : 200px;
-    height: 200px;
-    border:var(--i-image-border);
-    padding: 5px;
-    transition: all .5s ease;
-    -moz-transition: all .5s ease;
-    -webkit-transition: all .5s ease;
-    -ms-transition: all .5s ease;
+i-image {
+  width: auto !important;
+  height: auto !important;
+  margin: 5px;
 }
-
-i-image.full img{
-    width : 100%;
-    height: auto;
-    border:var(--i-image-border);
-    padding: 5px;
+i-image img {
+  width: 128px;
+  height: 128px;
+  transition: all 0.5s ease;
+  -moz-transition: all 0.5s ease;
+  -webkit-transition: all 0.5s ease;
+  -ms-transition: all 0.5s ease;
+  background-image: url('/x-images/no.jpg');
+  background-size: contain;
+  background-repeat: no-repeat;
+  border: 1px dashed var(--theme-color);
 }
 
-i-image.logo img{
-    width : 48px;
-    height: 48px;
+i-image.full img {
+  width: 100%;
+  height: auto;
+  border: var(--i-image-border);
+  padding: 5px;
 }
 
-i-image.photo img{
-    width : 200px;
-    height: 200px;
+i-image.logo img {
+  width: 48px;
+  height: 48px;
 }
-
-i-image.hover img:hover{
-    transform: scale(1.1);
+i-image.logo64 img {
+  width: 64px;
+  height: 64px;
+}
+i-image.photo img {
+  width: 256px;
+  height: 256px;
 }
 
-i-image[view] img{
-    border:var(--i-image-view-border);
+i-image.hover img:hover {
+  transform: scale(1.1);
 }
 
+i-image[view] img {
+  border: var(--i-image-view-border);
+}