Clygro number 2Clygro's Website
@font-face {
font-family: Contemporary;
src: url("Contemporary-Regular.ttf");
}
hr {
height: 2px;
border: none;
background-color: #999999;
margin-top: 3px;
margin-bottom: 3px;
box-shadow: 0px 0px 35px #000000;
}
div.announcement {
background-image: url("banner.svg");
height: 128px;
text-align: center;
display: grid;
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
}
div.rss {
background-image: url("radio tower.svg");
height: 64px;
width: 64px;
float: right;
background-size: cover;
}
/* width */
::-webkit-scrollbar {
width: 16px;
}
/* Track */
::-webkit-scrollbar-track {
background: #000;
border-style: solid;
border-color: #999999;
border-width: 1px;
box-shadow: 0px 0px 15px #000000;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #555;
border-style: solid;
border-color: #999999;
border-width: 2px;
box-shadow: 0px 0px 15px #000000;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #F4EED7;
border-style: solid;
border-color: #999999;
border-width: 3px;
box-shadow: 0px 0px 15px #F4EED7;
}
div.site {
float: center;
background: #28170B;
}
h1 {
margin-top: 2px;
margin-bottom: 2px;
}
h2 {
margin-top: 2px;
margin-bottom: 2px;
}
br {
margin-top: -6px;
margin-bottom: -6px;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}
a {
margin-top: 2px;
margin-bottom: 2px;
}
h3 {
margin-top: 2px;
margin-bottom: 2px;
}
h4 {
margin-top: 2px;
margin-bottom: 2px;
}
h5 {
margin-top: 2px;
margin-bottom: 2px;
}
h6 {
margin-top: 2px;
margin-bottom: 2px;
}
/* Purple Colour */
div.banner {
margin-top: 2px;
background-color: #34113B;
margin: auto;
max-width: 100%;
border-radius: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
font-family: Contemporary, Verdana, Arial;
float: center;
box-shadow: 0px 0px 35px #000000;
}
body {
color: white;
background-color: #28170bff;
size: 14px;
margin: 10px;
}
/* Yellow Colour */
div.section1 {
margin-top: 10px;
max-width: 100%;
background-color: #513A08;
border-radius: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
max-width="95%";
border-style: solid;
border-color: #999999;
border-width: 2px;
font-family: Contemporary, Verdana, Arial;
float: center;
box-shadow: 0px 0px 15px #000000;
}
/* Pink Colour */
div.section2 {
margin-top: 10px;
background-color: #4F2A27;
max-width: 100%;
border-radius: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
font-family: Contemporary, Verdana, Arial;
box-shadow: 0px 0px 15px #000000;
}
/* Purple Colour */
div.section3 {
margin-top: 10px;
max-width: 100%;
background-color: #34113B;
border-radius: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
font-family: Contemporary, Verdana, Arial;
float: center;
box-shadow: 0px 0px 15px #000000;
}
/* Yellow Colour */
div.section4 {
margin-top: 10px;
max-width: 100%;
background-color: #513A08;
border-radius: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
font-family: Contemporary, Verdana, Arial;
float: center;
box-shadow: 0px 0px 15px #000000;
}
/* display: grid; */
div.about {
display: none;
width: 500px;
min-height: 400px;
height: 400px;
background-color: black;
border-width: 2px;
border: solid;
float: none;
padding: 5px;
box-shadow: 0px 0px 15px #000000;
}
/* display: flex; */
div.aboutbanner {
display: grid;
float: left;
box-shadow: 0px 0px 15px #000000;
}
/* display: flex */
div.aboutdescription {
display: grid;
float: left;
font-family: Contemporary;
font-size: 12px;
position: absolute;
width: 290px;
margin-left: 208px;
}
/* Purple Colour */
div.footer {
margin-top: 10px;
background-color: #34113B;
float: auto;
max-width: 100%;
border-radius: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
font-family: Contemporary, Verdana, Arial;
box-shadow: 0px 0px 15px #000000;
}
div.image1 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image2 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image3 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image4 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image5 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image6 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image7 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image8 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image9 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image10 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image11 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image12 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image13 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image14 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image15 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image16 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image17 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image18 {
float: left;
width: 384px;
height: 303px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image19 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image20 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image21 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image22 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image23 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image24 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image25 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image26 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image27 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
div.image28 {
float: left;
width: 384px;
margin-top: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
background-color: #000000;
}
/* Black Colour for Tweets*/
div.tweet {
background-color: rgba(0, 0, 0, 0.25);
margin: auto;
max-width: 100%;
border-radius: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
border-color: #999999;
border-width: 2px;
font-family: Contemporary, Verdana, Arial;
float: center;
}
a:link {
text-decoration: none;
color: #dcdcdc;
size: 14px;
}
a:visited {
text-decoration: none;
color: #dcdcdc;
size: 14px;
}
a:hover {
text-decoration: underline;
color: white;
size: 14px;
padding-left: 5px;
padding-right: 5px;
text-shadow: 0px 0px 15px #F4EED7;
}
a:active {
text-decoration: none;
color: #dcdcdc;
size: 14px;
}
kbd {
margin-top: 5px;
margin-bottom: 5px;
background-color: #212121;
padding: 2px;
box-shadow: 0px 0px 10px #000000;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
.button {
background-color: rgb(25, 25, 25);
border-width: 1px;
color: white;
padding: 3px 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
border-radius: 0px;
border-width: 2px;
border-color: #999999;
font-family: Contemporary, Verdana, Arial;
box-shadow: 0px 0px 15px #000000;
margin-top: 5px;
margin-bottom: 5px;
}
br {
margin-top: 1px;
margin-bottom: 1px;
}
p {
margin-top: 4px;
margin-bottom: 4px;
}
18 Electrons Matrix (recommended)
18 Electrons Telegram
Akkoma
Pixelfed
Backgrounds
Download the Font
Source
The new layout is new available for testing try it out
April fools 2023 websitetry it out
Links that take to other places
18 Electrons Community
18 Electrons Discord18 Electrons Matrix (recommended)
18 Electrons Telegram
Personal Stuff
YouTubeTwitter is no longer available, Post archives coming eventually
Akkoma
Pixelfed
RSS
clygro.cc/RSS.xmlAbout Me
I'm Clygro, a person who mostly focuses on Minecraft related stuff. I also do videos online, I upload somewhat often, and link for my YouTube channel is above.
Quick Facts
I'm Left Handed
Oasis is my favourite band
Website Info
This website is designed to not be bloated and doesn't have any unnecessary stuff behind the scenes. This website is like the 4th or 5th one I've done for Clygro, maybe you should look at this old (and potentially unused) one I made back in the day
The current word of the unspecified amount of time is:
Fediverse
My Projects
A Unnamed Service
An Unnamed Service is a thing where I'll be hosting Email, Cloud Storage, Mastodon Instance, Minetest Server, Matrix Homeserver, Minecraft Server, and probably quite a bit more, coming somewhat soon.
18 Argons
18 Argons is a Minecraft server with Survival Games, Skywars, Creative and Survival. The IPs for them are as follows:
Survival: survival.18argons.xyz
Gimmicks: 93.103.215.51:25566
Minigames: 93.103.215.51:25567
ClyPack
ClyPack is a work in progress cartoony Minecraft 1.14+ Resource Pack.
Download 128x on Planet MinecraftUnnamed New Tab Project
New Tab is a nice, simple, and lightweight new tab page. Try It OutColours
Pink
Light Pink #f47d9b Pink #dc718c Dark Pink #c3647cPurple
Light Purple #6b00ff Purple #6000e6 Dark Purple #5600ccYellow
Light Yellow #ffcd00 Yellow #e6b900 Dark Yellow #cca400Clygro Website
by Clygro
Version 5.5.5
Clygro supports Free and Open Source Software (FOSS) the source code is available here.
©2023 Clygro
New LayoutBackgrounds
Download the Font
Source
©2023 Clygro