Spaces:
Running
Running
| .centered { | |
| text-align: center; | |
| width: 100%; | |
| } | |
| #main { | |
| text-align: center; | |
| } | |
| #text { | |
| border-color:#9022c7; | |
| border-width: 6px; | |
| box-shadow: 2px 2px 2px 2px rgb(59, 59, 59); | |
| } | |
| /* Search button */ | |
| #search { | |
| align-items: center; | |
| appearance: none; | |
| background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); | |
| border: 0; | |
| border-radius: 6px; | |
| box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; | |
| box-sizing: border-box; | |
| color: #fff; | |
| cursor: pointer; | |
| display: inline-flex; | |
| font-family: "JetBrains Mono",monospace; | |
| height: 48px; | |
| justify-content: center; | |
| line-height: 1; | |
| list-style: none; | |
| overflow: hidden; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| position: relative; | |
| text-align: left; | |
| text-decoration: none; | |
| transition: box-shadow .15s,transform .15s; | |
| user-select: none; | |
| -webkit-user-select: none; | |
| touch-action: manipulation; | |
| white-space: nowrap; | |
| will-change: box-shadow,transform; | |
| font-size: 18px; | |
| } | |
| #search:focus { | |
| box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| } | |
| #search:hover { | |
| box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| transform: translateY(-2px); | |
| } | |
| #search:active { | |
| box-shadow: #670e94 0 3px 7px inset; | |
| transform: translateY(2px); | |
| } | |
| /* Nodes download button */ | |
| #down_nodes { | |
| align-items: center; | |
| appearance: none; | |
| background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); | |
| border: 0; | |
| border-radius: 6px; | |
| box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; | |
| box-sizing: border-box; | |
| color: #fff; | |
| cursor: pointer; | |
| display: inline-flex; | |
| font-family: "JetBrains Mono",monospace; | |
| height: 48px; | |
| justify-content: center; | |
| line-height: 1; | |
| list-style: none; | |
| overflow: hidden; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| position: relative; | |
| text-align: left; | |
| text-decoration: none; | |
| transition: box-shadow .15s,transform .15s; | |
| user-select: none; | |
| -webkit-user-select: none; | |
| touch-action: manipulation; | |
| white-space: nowrap; | |
| will-change: box-shadow,transform; | |
| font-size: 18px; | |
| } | |
| #down_nodes:focus { | |
| box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| } | |
| #down_nodes:hover { | |
| box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| transform: translateY(-2px); | |
| } | |
| #down_nodes:active { | |
| box-shadow: #670e94 0 3px 7px inset; | |
| transform: translateY(2px); | |
| } | |
| #down_nodes { | |
| margin-top: 40px; | |
| margin-left: 500px; | |
| } | |
| /* Edges download button */ | |
| #down_edges { | |
| margin-top: 40px; | |
| margin-right: 500px; | |
| } | |
| #down_edges { | |
| align-items: center; | |
| appearance: none; | |
| background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); | |
| border: 0; | |
| border-radius: 6px; | |
| box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; | |
| box-sizing: border-box; | |
| color: #fff; | |
| cursor: pointer; | |
| display: inline-flex; | |
| font-family: "JetBrains Mono",monospace; | |
| height: 48px; | |
| justify-content: center; | |
| line-height: 1; | |
| list-style: none; | |
| overflow: hidden; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| position: relative; | |
| text-align: left; | |
| text-decoration: none; | |
| transition: box-shadow .15s,transform .15s; | |
| user-select: none; | |
| -webkit-user-select: none; | |
| touch-action: manipulation; | |
| white-space: nowrap; | |
| will-change: box-shadow,transform; | |
| font-size: 18px; | |
| } | |
| #down_edges:focus { | |
| box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| } | |
| #down_edges:hover { | |
| box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| transform: translateY(-2px); | |
| } | |
| #down_edges:active { | |
| box-shadow: #670e94 0 3px 7px inset; | |
| transform: translateY(2px); | |
| } | |
| /* Info button */ | |
| #info { | |
| margin-left: -150px; | |
| } | |
| #info { | |
| align-items: center; | |
| appearance: none; | |
| background-image: radial-gradient(100% 100% at 100% 0, #b615e7 0, #9f0be4 100%); | |
| border: 0; | |
| border-radius: 6px; | |
| box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; | |
| box-sizing: border-box; | |
| color: #fff; | |
| cursor: pointer; | |
| display: inline-flex; | |
| font-family: "JetBrains Mono",monospace; | |
| height: 48px; | |
| justify-content: center; | |
| line-height: 1; | |
| list-style: none; | |
| overflow: hidden; | |
| padding-left: 16px; | |
| padding-right: 16px; | |
| position: relative; | |
| text-align: left; | |
| text-decoration: none; | |
| transition: box-shadow .15s,transform .15s; | |
| user-select: none; | |
| -webkit-user-select: none; | |
| touch-action: manipulation; | |
| white-space: nowrap; | |
| will-change: box-shadow,transform; | |
| font-size: 18px; | |
| } | |
| #info:focus { | |
| box-shadow: #670e94 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| } | |
| #info:hover { | |
| box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #670e94 0 -3px 0 inset; | |
| transform: translateY(-2px); | |
| } | |
| #info:active { | |
| box-shadow: #670e94 0 3px 7px inset; | |
| transform: translateY(2px); | |
| } | |