0.0.1

add new page levels
2023-07-12 20:00:10 +03:00
parent b033f5c96d
commit ed402e6b2d
11 changed files with 232 additions and 2 deletions
--- a/static/css/firegame_css.css
+++ b/static/css/firegame_css.css
@@ -0,0 +1,113 @@
+body{
+    background: #170731;
+    margin: 0;
+    font-family: 'Montserrat', sans-serif,'Inter';
+}
+
+h1{
+    font-family: 'Inter';
+    font-size: 40px;
+    color: #FFFFFF;
+    margin: 40px 0 80px 0;
+}
+
+.header{
+    height: 80px;
+    width: 100%;
+    border-bottom: 1px solid #FFFFFF80;
+    vertical-align: baseline;
+}
+
+.cut-width{
+    max-width: 1280px;
+    width: 100%;
+    margin: auto;
+    height: 100%;
+}
+
+.header-text{
+    color: white;
+    font-size: 14px;
+    width: fit-content;
+    float: left;
+    padding-top: 35px;
+    padding-left: 45px;
+}
+
+.header-text a{
+    padding-left: 14px;
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+.Header-Logo-cont{
+    float: left;
+    padding-top: 14px;
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+.header-part-left{
+    width: 50%;
+    height: 100%;
+    float: left;
+}
+
+.header-part-right{
+    width: 50%;
+    height: 100%;
+    float: right;
+}
+
+.btn-exit-header{
+    padding-left: 8px;
+    text-decoration: none;
+    color: #FFFFFF;
+    float: right;
+    padding-top: 35px;
+}
+
+.user-icon{
+    float:right;
+}
+
+.btn-exit-a{
+    display: block;
+    height: fit-content;
+    width: fit-content;
+    float: right;
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+/*levels*/
+
+.block-levels{
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+.level-cont{
+    border-radius: 20px;
+    border: 4px solid #C7A4FF;
+    opacity: 0.699999988079071;
+    background: rgba(255, 255, 255, 0.15);
+    width: 390px;
+    height: 220px;
+}
+
+.level-grad-1{
+    /*background: radial-gradient(88.47% 79.48% at 5.97% 105.30%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%);*/
+    background: radial-gradient(45.47% 85.48% at 7.97% 105.3%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%);
+    height: 100%;
+    width: 100%;
+    border-radius: 20px;
+}
+
+.level-grad-2{
+    height: 100%;
+    width: 100%;
+    border-radius: 20px;
+    background: radial-gradient(246.21% 71.62% at 94.36% 72.44%, #B41B92 0%, #000 100%);
+}