initial commit

webroot/css/letter_steps.css

@@ -0,0 +1,72 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Sep 2, 2021, 12:26:51 PM
+    Author     : USER
+*/
+.stt-pi-area{
+    padding: 35px;
+    margin: 10px 0;
+    border-radius: 5px 5px 5px 5px;
+    margin-bottom: 20px;
+}
+#stt-info .stt-pi-area{
+    padding: 15px;
+}
+.stt-pi-area ul{
+    list-style: none;
+    padding-left: 0;
+    margin: 0;
+    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
+}
+.stt-pi-area ul li{
+    display: inline-block;
+    padding: 10px;
+    background: linear-gradient(to bottom, #fffff2 0%,#f9f9f9 100%);
+    margin-right: 10px;
+    font-weight: 600;
+    color: darkslategray;
+    text-shadow: 0 1px 1px #000;
+    box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
+    width: 60px;
+}
+
+
+#stt-info .stt-pi-area ul li{
+    line-height: 3;
+    width: 67px;
+    float: left;
+    margin-bottom: 12px;
+    text-align: center;
+}
+
+.stt-pi-area ul li.green{
+    background: linear-gradient(to bottom, #7dd588 0%,#1e7d2b 100%);
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}
+
+.stt-pi-area ul li.yellow{
+    background: yellow;
+    text-shadow: 0 1px 1px #000;
+    color: darkslategray;
+}
+.stt-pi-area ul li.red{
+    background: linear-gradient(to bottom, #dd4b39 0%,#ff0000 100%);
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}
+
+.stt-pi-area ul li.gray{
+    background: linear-gradient(to bottom, #d9c9c9 0%,#434040 100%);
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}
+.stt-pi-area ul li.blue{
+    background: #337ab7;
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}