diff --git a/nui/radar.css b/nui/radar.css index 8127a96..5ec42e5 100644 --- a/nui/radar.css +++ b/nui/radar.css @@ -3,14 +3,8 @@ src: url( "Segment7Standard.otf" ); } -@font-face { - font-family: "Muli"; - src: url( "Muli-Bold.ttf" ); -} - @font-face { font-family: "Heebo"; - /* src: url( "Heebo-Regular.ttf" ); */ src: url( "Heebo-Bold.ttf" ); } @@ -22,7 +16,6 @@ * { font-family: 'Heebo', Verdana, Geneva, Tahoma, sans-serif; font-size: 13px; - /* color: rgb(216, 74, 17); temp */ box-sizing: border-box; } @@ -75,23 +68,19 @@ .panel_side { width: 100%; height: 100%; - /* background: linear-gradient( to bottom, rgb( 60, 60, 60 ), rgb( 35, 35, 35 ) ); */ - /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==), linear-gradient( to bottom, rgb( 40, 40, 40 ), rgb( 0, 0, 0 ) ); */ background-image: url( "bg_side.png" ); background-repeat: no-repeat; z-index: 5; - box-shadow: inset 0px 20px 20px -15px rgba(0,0,0,0.4); + box-shadow: inset 0px 20px 20px -15px rgba( 0, 0, 0, 0.4 ); } .panel_left { clip-path: polygon( 0 30%, 80% 0, 100% 0, 100% 100%, 80% 100%, 0 70% ); transform: translateX( 1px ); - /* background-color: rgb(28, 31, 38); */ } .panel_right { clip-path: polygon( 0 0, 20% 0, 100% 30%, 100% 70%, 20% 100%, 0 100% ); transform: translateX( -1px ); - /* background-color: rgb(42, 47, 53); */ } .arrow { @@ -100,28 +89,22 @@ min-width: 11px; min-height: 15.4px; margin: 8px auto; - background-color: black; + background-color: rgb( 0, 0, 0 ); clip-path: polygon( 50% 0, 100% 55%, 65% 55%, 65% 100%, 35% 100%, 35% 55%, 0 55% ); } .arrow_down { - transform: rotate(180deg); + transform: rotate( 180deg ); } .active { - color: rgb(242, 70, 24); - text-shadow: 0 0 6px rgba(235, 62, 15, 0.65); -} - -.active_arrow { - background-color: rgb(242, 70, 24); + color: rgb( 242, 70, 24 ); + text-shadow: 0 0 6px rgba( 235, 62, 15, 0.65 ); } + .active_arrow { + background-color: rgb( 242, 70, 24 ); + } #radar { - /* background-color: gray; */ - /* background: linear-gradient( to bottom, rgb( 60, 60, 60 ), rgb( 35, 35, 35 ) ); */ - /* background: linear-gradient( to left, rgb( 42, 47, 53 ), rgb( 28, 31, 38 ) ); */ - /* background-image: url(data:image/png;base64,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), linear-gradient( to left, rgb( 22, 27, 33 ), rgb(0, 0, 0) );; */ - background-image: url( "bg.png" ); background-repeat: no-repeat; @@ -134,14 +117,14 @@ z-index: 10; - box-shadow: inset 0px 20px 20px -15px rgba(0,0,0,0.4); + box-shadow: inset 0px 20px 20px -15px rgba( 0, 0, 0, 0.4 ); } #radar .label { font-size: 15px; text-align: center; width: 100%; position: absolute; - color: white; + color: rgb( 255, 255, 255 ); } #radar .labeltop { top: 0; @@ -163,19 +146,19 @@ width: 45px; height: 45px; margin: auto; - background: linear-gradient(to bottom, rgba( 230, 230, 230, 0.8 ), rgb(40, 168, 40) 10%, rgb(0, 134, 0) ); - box-shadow: 0px 0px 3px 0px rgb( 80, 80, 80 ) ; + background: linear-gradient( to bottom, rgba( 230, 230, 230, 0.8 ), rgb( 40, 168, 40 ) 10%, rgb( 0, 134, 0 ) ); + box-shadow: 0px 0px 3px 0px rgb( 80, 80, 80 ); text-align: center; font-family: 'Heebo-Regular'; font-size: 14px; - color: rgb(34, 34, 34); + color: rgb( 34, 34, 34 ); line-height: 45px; border-radius: 10px; } #radar .modes_container { display: grid; - grid-template-rows: 50% 50%; + grid-template-rows: 1fr 1fr; } #radar .modes_container .modes { display: flex; @@ -212,10 +195,10 @@ height: 70px; - border: 2px solid black; + border: 2px solid rgb( 0, 0, 0 ); margin: auto 0; - background-color: rgb(61, 18, 0); + background-color: rgb( 61, 18, 0 ); } #radar .speeds_container .display p { grid-row-start: 1; @@ -234,7 +217,7 @@ #radar .speeds_container .fast { height: 60px; - background-color: rgb(50, 0, 0) + background-color: rgb( 50, 0, 0 ); } #radar .speeds_container .fast p { font-size: 60px; @@ -287,19 +270,19 @@ line-height: 100%; margin-top: 15px; font-style: italic; - color: white; + color: rgb( 255, 255, 255 ); } #radar .patrol_and_logo_container .logo .name { font-size: 24px; } #radar .patrol_and_logo_container .display { - background-color: rgb(0, 57, 35); + background-color: rgb( 0, 57, 35 ); /* background: linear-gradient( to bottom, rgb( 0, 40, 29 ), rgb( 0, 46, 32 ) 40%, rgb( 1, 64, 27 ) 85% ); */ } #radar .patrol_and_logo_container .speed_label { - color: white; + color: rgb( 255, 255, 255 ); margin-bottom: 40px; } @@ -309,28 +292,28 @@ } #radar .display .ghost_speed { - color: rgb(90, 35, 1); + color: rgb( 90, 35, 1 ); } #radar .display .speed { - color: rgb(252, 113, 1); - text-shadow: 0 0 8px rgba(252, 114, 1, 0.65); + color: rgb( 252, 113, 1 ); + text-shadow: 0 0 8px rgba( 252, 114, 1, 0.65 ); } #radar .display .fast_ghost_speed { - color: rgb(70, 0, 0); + color: rgb( 70, 0, 0 ); } #radar .display .fast_speed { - color: rgb(243, 12, 10); - text-shadow: 0 0 8px rgba(243, 14, 10, 0.65); + color: rgb( 243, 12, 10 ); + text-shadow: 0 0 8px rgba( 243, 14, 10, 0.65 ); } #radar .display .patrol_ghost_speed { - color: rgb(0, 91, 68); + color: rgb( 0, 91, 68 ); } #radar .display .patrol_speed { - color: rgb(15, 244, 57); - text-shadow: 0 0 8px rgba(15, 244, 57, 0.65); + color: rgb( 15, 244, 57 ); + text-shadow: 0 0 8px rgba( 15, 244, 57, 0.65 ); } \ No newline at end of file