User:Duker: Difference between revisions
From Official Barotrauma Wiki
(Created page with "Yo. Testing a theoretical restyling of stuff <div style=" position: relative; background-image: linear-gradient(#0d1913 14px, #040505 23px, #0d1913 53px); border-radius: 9px 9px 5px 5px; padding: 24px 14px 13px; box-shadow: 0 -2px 2px #050d09 inset, 0 0 0 2px #121c18 inset; width: 488px; "> <div style=" position: absolute; background-color: #1e2620; background-image: radial-gradient(ellipse at 50% 100%, #19201d, #1e2620); border-radius: 9px 9px 5px 5px; width: 100%; hei...") |
(It somehow works, next step is seeing it applied to a sample case) |
||
| Line 1: | Line 1: | ||
Yo. | Yo. | ||
<div style=" | <div style=" | ||
position: relative; | position: relative; | ||
background-image: linear-gradient(#0d1913 14px, #040505 23px, #0d1913 53px); | background-image: linear-gradient(#0d1913 14px, #040505 23px, #0d1913 53px); | ||
border-radius: 9px 9px 5px 5px; | border-radius: 9px 9px 5px 5px; | ||
padding: 24px 14px 13px; | padding: 24px 14px 13px; | ||
box-shadow: 0 -2px 2px #050d09 inset, 0 0 0 2px #121c18 inset; | box-shadow: 0 -2px 2px #050d09 inset, 0 0 0 2px #121c18 inset; | ||
width: 488px; | width: 488px; | ||
"> | "> | ||
<div style=" | <div style=" | ||
position: absolute; | position: absolute; | ||
background-image: radial-gradient(#0b1d12 25%, #000 75%); | |||
background-image: radial-gradient( | border-radius: 50%; | ||
border-radius: | height: 9px; | ||
width: 9px; | |||
height: | left: 4px; | ||
bottom: 6px; | |||
left: | box-shadow: 0 1px 2px 1px #1f2a25; | ||
"></div> | |||
<div style=" | <div style=" | ||
padding: 15px; | position: absolute; | ||
background-color: #010101; | background-image: radial-gradient(#0b1d12 25%, #000 75%); | ||
border-radius: 50%; | |||
border-radius: 9px; | height: 9px; | ||
border: 2px solid #121c18; | width: 9px; | ||
border-bottom: 2px solid #19231f; | right: 4px; | ||
border-top: 0 solid transparent;"> | bottom: 6px; | ||
box-shadow: 0 1px 2px 1px #1f2a25; | |||
"></div> | |||
<div style=" | |||
position: absolute; | |||
background-color: #1e2620; | |||
background-image: radial-gradient(ellipse at 50% 100%, #19201d, #1e2620); | |||
border-radius: 9px 9px 5px 5px; | |||
width: 100%; | |||
height: 28px; | |||
top: 0; | |||
left: 0; | |||
border-top: 1px solid #546256; | |||
border-left: 2px solid #171b18; | |||
border-right: 2px solid #171b18; | |||
"></div> | |||
<div style=" | |||
padding: 15px; | |||
background-color: #010101; | |||
border-radius: 9px; | |||
border: 2px solid #121c18; | |||
border-bottom: 2px solid #19231f; | |||
border-top: 0 solid transparent; | |||
"> | |||
<h3>Statistiscs</h3> | <h3>Statistiscs</h3> | ||
<p>Wow, content!</p> | <p>Wow, content!</p> | ||
Revision as of 13:22, 24 October 2023
Yo.
Statistiscs
Wow, content!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati eligendi saepe fuga quaerat culpa. Maiores distinctio reiciendis molestiae. Exercitationem, earum? Illo minima voluptatum quod est minus accusamus, magni possimus qui.
