Usr c272d4fe-f1f8-4d77-8008-cad6cb81d6cd/sandbox: Difference between revisions
From VRChat Wiki
TrixxedHeart (talk | contribs) No edit summary |
TrixxedHeart (talk | contribs) m (some work) |
||
(3 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
<div class="startNavFlex"> | <div class="startNavFlex"> | ||
<div class="startNavButtons" id="gettingStartedButton">[[Getting Started]]</div> | <div class="startNavButtons" id="gettingStartedButton">[[Getting Started]]</div> | ||
<div class="startNavButtons" id="controlsButton">[[Controls]]</div> | <div class="startNavButtons" id="controlsButton">[[Controls]]</div> | ||
<div class="startNavButtons" id="gettingStartedButton">[[Trust and Safety|Safety]]</div> | <div class="startNavButtons" id="gettingStartedButton">[[Trust and Safety|Safety]]</div> | ||
<div class="startNavButtons" id="controlsButton">[[VRChat+]]</div> | <div class="startNavButtons" id="controlsButton">[[VRChat+]]</div> | ||
<div class="startNavButtons" id="gettingStartedButton">[[Troubleshooting]]</div> | <div class="startNavButtons" id="gettingStartedButton">[[Troubleshooting]]</div> | ||
<div class="startNavButtons" id="controlsButton">[[Resources]]</div> | <div class="startNavButtons" id="controlsButton">[[Resources]]</div> | ||
<div class="startNavButtons" id="controlsButton">[[FAQ]]</div> | <div class="startNavButtons" id="controlsButton">[[FAQ]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<pre> .startnavBox { | |||
margin-left: auto; | |||
margin-right: auto; | |||
padding: 1.5rem 0rem; | |||
border-style: solid; | |||
border-radius: 0.5rem; | |||
border-color: #000; | |||
border-width: 1px; | |||
background: #252e34; | |||
color: #fff; | |||
width: auto; | |||
max-width: 800px; | |||
align-items: center; | |||
justify-content: center; | |||
font-family: Arial; | |||
} | |||
#startnavTitle { | |||
font-size: larger; | |||
padding-bottom: 10px; | |||
} | |||
.startNavButtons { | |||
margin: 0.5em; | |||
padding: 0.8rem 0rem; | |||
border-style: solid; | |||
border-radius: 0.5rem; | |||
border-color: #000; | |||
border-width: 1px; | |||
background: #07343f; | |||
color: #fff; | |||
width: 82px; | |||
max-height: 10px; | |||
font-size: 10px; | |||
text-align: center; | |||
} | |||
.startNavFlex { | |||
margin-left: auto; | |||
margin-right: auto; | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: center; | |||
justify-content: center; | |||
}</pre> |
Latest revision as of 17:54, 31 July 2024
test for startnavbox revamp
.startnavBox { margin-left: auto; margin-right: auto; padding: 1.5rem 0rem; border-style: solid; border-radius: 0.5rem; border-color: #000; border-width: 1px; background: #252e34; color: #fff; width: auto; max-width: 800px; align-items: center; justify-content: center; font-family: Arial; } #startnavTitle { font-size: larger; padding-bottom: 10px; } .startNavButtons { margin: 0.5em; padding: 0.8rem 0rem; border-style: solid; border-radius: 0.5rem; border-color: #000; border-width: 1px; background: #07343f; color: #fff; width: 82px; max-height: 10px; font-size: 10px; text-align: center; } .startNavFlex { margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }