hexagon css that makes it look like a mish mash of 2013 and others
nails' hexagon theme by nailsrails
Details
Authornailsrails
LicenseNo License
Categoryhexagon.pw
Created
Updated
Size5.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name super duper hexagon theme trust
@namespace ?
@version 0.0.1
@description hexagon css that makes it FUN!!!
@author NailsRails (on hexagon and roblox)
==/UserStyle== */
@-moz-document domain("hexagon.pw") {
@font-face {
font-family: "Source Sans Pro";
src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff") format("woff");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Source Sans Pro";
src: local("Source Sans Pro Semibold"),
local("SourceSansPro-Semibold"),
url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff") format("woff");
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Source Sans Pro";
src: local("Source Sans Pro"),
local("SourceSansPro-Regular"),
url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff") format("woff");
font-style: normal;
font-weight: 400;
}
html, :host {
line-height: 1.5;
tab-size: 4;
font-family: "Source Sans Pro",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
}
[class="flex items-center space-x-3 sm:space-x-4 lg:space-x-6 w-full"] {
margin-left: -16px;
}
[class="flex flex-row flex-wrap gap-8 mb-auto"]{
margin-bottom: 1px;
}
[class="text-base flex flex-row flex-wrap pb-4 bg-muted-foreground/10 p-4 rounded-xl"] {
padding-top: 5px;
padding-bottom: 5px;
}
[class="text-4xl leading-none tracking-tight font-semibold"]{
padding-bottom: 15px;
}
[class="mx-auto flex w-full flex-col items-center justify-self-end"]{
margin-left: -100px;
}
[class="shrink-0 bg-border h-[1px] w-full mt-24"] {
margin-top: 35px;
}
[class="flex flex-col gap-y-4 mb-auto"] {
padding-top: 25px;
}
.transition-width {
content: none;
}
.bg-background\/95 {
background: url(https://www.roblox.com/images/RevisedHeader/bg-rbx_header.png) repeat-x;
height: 36px!important;
}
.bg-background\/60, .pl-1 {
height: 36px!important;
}
.border-b {
border-bottom-width: 0px;
}
.max-w-xs {
max-width: 7rem;
}
.w-full {
width: 99.9999%;
}
.text-muted-foreground {
color: #fff;
}
.md\:w-36 {
content: url(https://i.e-z.host/r4dw4hdt.png);
}
.opacity-80 {
display: none;
}
.bg-muted-foreground\/5 {
background-color: #191919;
}
.top-14 {
top: 2.1em;
}
.bg-border {
background-color: #191919;
}
[class="inline-flex items-center justify-center whitespace-nowrap rounded-xl text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 absolute right-0"] {
height: 20px;
}
[class="flex gap-x-1 relative w-full lg:w-1/3 aspect-square h-fit rounded-xl bg-muted-foreground/5"] {
height: 400px;
width: 400px;
}
[class="container p-8 flex flex-col gap-y-8"] {
background-color: #191919;
display: block;
}
.outline-muted-foreground\/20 {
outline-color: #0d0d0d;
}
[class="text-2xl leading-none tracking-tight font-semibold"] {
height: 20px;
padding-top: 15px;
}
[class="flex flex-row flex-wrap gap-x-4 xl:flex-nowrap"] {
height: 400px;
}
[class="mx-auto flex flex-col w-full gap-y-4 select-none"] {
height: 200px;
}
[class="absolute right-0 bottom-0 w-56 pointer-events-none"] {
padding-bottom: 40px;
}
[class="supports-backdrop-blur:bg-background/60 w-full h-40 border-b bg-muted-foreground/5 shadow-sm flex p-16 items-center mt-4"] {
border-color: #171717;
margin-top: 1px;
}
[class="container p-8 flex flex-col gap-y-4"] {
background-color: #191919;
display: block;
}
[class="container p-8 flex flex-col"] {
background-color: #191919;
display: block;
}
[class="container p-4 flex flex-col gap-y-6"] {
background-color: #191919;
display: block;
}
[class="container p-4 flex flex-col gap-y-4"] {
background-color: #191919;
display: block;
}
[class="pt-24 flex flex-1 flex-wrap min-h-screen"] {
background: url(http://images.rbxcdn.com/7b740ce2fe1bb189612252b3b93c5b83.jpg) top center repeat-x #222222;
}
[class="container flex h-10 items-center"] {
height: 20px;
}
[class="inline-flex items-center justify-center whitespace-nowrap rounded-xl text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10"] {
background-color: #fff0;
border-color: #fff0;
}
.h-16 {
background-color: #007001;
background-image: url(https://roblox.is-a-good.site/05jdxo88.png);
background-position: left 0px!important;
border-color: #007001;
border-style: solid;
border-radius: 0;
border-width: 1.8px;
}
.rounded-xl {
border-radius: 0rem;
}
.outline-dashed {
outline-style: solid;
}
.bg-blue-600
{
text-shadow: #013401 0 -1px;
}
}