User:THE OWL/Sandbox: Difference between revisions
Jump to navigation
Jump to search
(→Tabs) |
|||
| Line 85: | Line 85: | ||
It’s empty here for now. | It’s empty here for now. | ||
=== Tabs === | === Tabs ([[Template:Tabs|T]]) === | ||
<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="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> | ||
Revision as of 12:56, 16 November 2024
Below I’m slowly working on a new unified design.
Navigation
Preview of Page Types
Colors
Article Background (38 38 38) (#262626)
Island (41 41 41)
Link (116 185 225)
Code (150 165 145)
Typography
Typeface
sans-serif (general)
Aa
Regular (400)
Aa
Bold (700)
Aa
Black (900)
monospace (for code)
Aa
Regular (400)
Inline Code (T)
$basetexture
Keyboard Key (T)
Ctrl
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 (T)
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.