User:THE OWL/Sandbox: Difference between revisions
m (→Tabs) |
m (→Tabs) |
||
| Line 78: | Line 78: | ||
=== Tabs === | === Tabs === | ||
<div style="box-sizing:border-box; width:100%; background-color:rgb(0 0 0 / 9%); border:1px solid rgb(255 255 255 / 3%); border-bottom:0; border-radius:4px 4px 0 0 | <div style="box-sizing:border-box; width:100%; background-color:rgb(0 0 0 / 9%); border:1px solid rgb(255 255 255 / 3%); border-bottom:0; border-radius:4px 4px 0 0; overflow:hidden; overflow-x:auto; position:relative; padding:.5em .5em 0 .5em; float:left; margin-bottom:8px"> | ||
<div style="width:100%; border-bottom: 1px solid rgb(255 255 255 / 15%); position:absolute; z-index:2; bottom:0; left:0"></div> | <div style="width:100%; border-bottom: 1px solid rgb(255 255 255 / 15%); position:absolute; z-index:2; bottom:0; left:0"></div> | ||
<div style="background-color:rgb(36 36 36); border:1px solid rgb(255 255 255 / 1%); border-bottom:0; border-radius:6px 6px 0 0; z-index:1; float:left; padding:.5em 1em; margin-right:.25em"> [[User:THE OWL|GoldSrc]] </div> | <div style="background-color:rgb(36 36 36); border:1px solid rgb(255 255 255 / 1%); border-bottom:0; border-radius:6px 6px 0 0; z-index:1; float:left; padding:.5em 1em; margin-right:.25em"> [[User:THE OWL|GoldSrc]] </div> | ||
Revision as of 10:31, 1 July 2024
Damn, it’s a little difficult to work on everything below…
Below I’m slowly working on a new unified design. I’ll be back home soon and will try to speed up the process of working on it.
Navigation
Preview of Page Types
Colors
Typography
Typeface
sans-serif (general)
monospace (for code)
Iconography
It’s empty here for now.
Buttons
It’s empty here for now.
Selectors & Elements
Checkbox
It’s empty here for now.
Toggle button
It’s empty here for now.
Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.