architwin 1.10.21 → 1.10.23

package/static/utility.css

@@ -310,4 +310,160 @@ width: 100vw;
 
   .at_inline_block{
     display: inline-block
-  }
+  }
+
+  /* Spinner container style */
+  .at_spinner {
+    border: 8px solid grey;
+    border-radius: 50%;
+    border-top: 8px solid #222;
+    width: 50px;
+    height: 50px;
+    position: absolute;    
+    top: 45%;                
+    left: 45%;               
+    z-index: 2;  
+    -webkit-animation: spin 2s linear infinite; 
+    animation: spin 2s linear infinite;
+    display: none;
+  }
+
+  /* Safari */
+  @-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+  }
+
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+
+  .at_rotate-90 {
+    -ms-transform: rotate(90deg);
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+  }
+  .at_rotate-180 {
+    -ms-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg);
+  }
+  .at_rotate-270 {
+    -ms-transform: rotate(270deg);
+    -webkit-transform: rotate(270deg);
+    transform: rotate(270deg);
+  }
+  .at_rotate-360 {
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+  .at_text_red_50 { color: #fef2f2; }
+  .at_text_red_100 { color: #fee2e2; }
+  .at_text_red_200 { color: #fecaca; }
+  .at_text_red_300 { color: #fca5a5; }
+  .at_text_red_400 { color: #f87171; }
+  .at_text_red_500 { color: #ef4444; }
+  .at_text_red_600 { color: #dc2626; }
+  .at_text_red_700 { color: #b91c1c; }
+  .at_text_red_800 { color: #991b1b; }
+  .at_text_red_900 { color: #7f1d1d; }
+  .at_text_red_950 { color: #450a0a; }
+
+  .at_text_yellow_50 { color: #fefce8; }
+  .at_text_yellow_100 { color: #fef9c3; }
+  .at_text_yellow_200 { color: #fef08a; }
+  .at_text_yellow_300 { color: #fde047; }
+  .at_text_yellow_400 { color: #facc15; }
+  .at_text_yellow_500 { color: #eab308; }
+  .at_text_yellow_600 { color: #ca8a04; }
+  .at_text_yellow_700 { color: #a16207; }
+  .at_text_yellow_800 { color: #854d0e; }
+  .at_text_yellow_900 { color: #713f12; }
+  .at_text_yellow_950 { color: #422006; }
+
+  .at_text_blue_50 { color: #eff6ff; }
+  .at_text_blue_100 { color: #dbeafe; }
+  .at_text_blue_200 { color: #bfdbfe; }
+  .at_text_blue_300 { color: #93c5fd; }
+  .at_text_blue_400 { color: #60a5fa; }
+  .at_text_blue_500 { color: #3b82f6; }
+  .at_text_blue_600 { color: #2563eb; }
+  .at_text_blue_700 { color: #1d4ed8; }
+  .at_text_blue_800 { color: #1e40af; }
+  .at_text_blue_900 { color: #1e3a8a; }
+  .at_text_blue_950 { color: #172554; }
+
+  .at_bg_red_50 { background-color: #fef2f2; }
+  .at_bg_red_100 { background-color: #fee2e2; }
+  .at_bg_red_200 { background-color: #fecaca; }
+  .at_bg_red_300 { background-color: #fca5a5; }
+  .at_bg_red_400 { background-color: #f87171; }
+  .at_bg_red_500 { background-color: #ef4444; }
+  .at_bg_red_600 { background-color: #dc2626; }
+  .at_bg_red_700 { background-color: #b91c1c; }
+  .at_bg_red_800 { background-color: #991b1b; }
+  .at_bg_red_900 { background-color: #7f1d1d; }
+  .at_bg_red_950 { background-color: #450a0a; }
+
+  .at_bg_yellow_50 { background-color: #fefce8; }
+  .at_bg_yellow_100 { background-color: #fef9c3; }
+  .at_bg_yellow_200 { background-color: #fef08a; }
+  .at_bg_yellow_300 { background-color: #fde047; }
+  .at_bg_yellow_400 { background-color: #facc15; }
+  .at_bg_yellow_500 { background-color: #eab308; }
+  .at_bg_yellow_600 { background-color: #ca8a04; }
+  .at_bg_yellow_700 { background-color: #a16207; }
+  .at_bg_yellow_800 { background-color: #854d0e; }
+  .at_bg_yellow_900 { background-color: #713f12; }
+  .at_bg_yellow_950 { background-color: #422006; }
+
+  .at_bg_blue_50 { background-color: #eff6ff; }
+  .at_bg_blue_100 { background-color: #dbeafe; }
+  .at_bg_blue_200 { background-color: #bfdbfe; }
+  .at_bg_blue_300 { background-color: #93c5fd; }
+  .at_bg_blue_400 { background-color: #60a5fa; }
+  .at_bg_blue_500 { background-color: #3b82f6; }
+  .at_bg_blue_600 { background-color: #2563eb; }
+  .at_bg_blue_700 { background-color: #1d4ed8; }
+  .at_bg_blue_800 { background-color: #1e40af; }
+  .at_bg_blue_900 { background-color: #1e3a8a; }
+  .at_bg_blue_950 { background-color: #172554; }
+
+  .at_border_red_50 { border-color: #fef2f2; }
+  .at_border_red_100 { border-color: #fee2e2; }
+  .at_border_red_200 { border-color: #fecaca; }
+  .at_border_red_300 { border-color: #fca5a5; }
+  .at_border_red_400 { border-color: #f87171; }
+  .at_border_red_500 { border-color: #ef4444; }
+  .at_border_red_600 { border-color: #dc2626; }
+  .at_border_red_700 { border-color: #b91c1c; }
+  .at_border_red_800 { border-color: #991b1b; }
+  .at_border_red_900 { border-color: #7f1d1d; }
+  .at_border_red_950 { border-color: #450a0a; }
+
+  .at_border_yellow_50 { border-color: #fefce8; }
+  .at_border_yellow_100 { border-color: #fef9c3; }
+  .at_border_yellow_200 { border-color: #fef08a; }
+  .at_border_yellow_300 { border-color: #fde047; }
+  .at_border_yellow_400 { border-color: #facc15; }
+  .at_border_yellow_500 { border-color: #eab308; }
+  .at_border_yellow_600 { border-color: #ca8a04; }
+  .at_border_yellow_700 { border-color: #a16207; }
+  .at_border_yellow_800 { border-color: #854d0e; }
+  .at_border_yellow_900 { border-color: #713f12; }
+  .at_border_yellow_950 { border-color: #422006; }
+
+
+  .at_border_blue_50 { border-color: #eff6ff; }
+  .at_border_blue_100 { border-color: #dbeafe; }
+  .at_border_blue_200 { border-color: #bfdbfe; }
+  .at_border_blue_300 { border-color: #93c5fd; }
+  .at_border_blue_400 { border-color: #60a5fa; }
+  .at_border_blue_500 { border-color: #3b82f6; }
+  .at_border_blue_600 { border-color: #2563eb; }
+  .at_border_blue_700 { border-color: #1d4ed8; }
+  .at_border_blue_800 { border-color: #1e40af; }
+  .at_border_blue_900 { border-color: #1e3a8a; }
+  .at_border_blue_950 { border-color: #172554; }