So I spent the last hour or so going through some snippets and making Cracked.to much easier to look at. (personal opinion don't dos me)
I plan on continuing to make CSS templates/snips for people to use if its of any interest.
It is also good knowledge for those of you who don't know how to code, to learn a little bit. Kind of...
visibility: hidden; & display:none; are used to hide an attribute in CSS. You can delete these if you want the Cracked logo up or whatever. (Keep the { in the code)
Any where you see a hex code you can change it to your preferred color scheme.
The purple background you see in the screenshot is one i uploaded to the header. I stretched out the header to make it fit as a background cause I'm lazy.
Also gg footer.
There are a couple dead spots in my CSS that is here so hopefully nothing is too broken. But..
I plan on continuing to make CSS templates/snips for people to use if its of any interest.
It is also good knowledge for those of you who don't know how to code, to learn a little bit. Kind of...
visibility: hidden; & display:none; are used to hide an attribute in CSS. You can delete these if you want the Cracked logo up or whatever. (Keep the { in the code)
Any where you see a hex code you can change it to your preferred color scheme.
The purple background you see in the screenshot is one i uploaded to the header. I stretched out the header to make it fit as a background cause I'm lazy.
Also gg footer.
There are a couple dead spots in my CSS that is here so hopefully nothing is too broken. But..
MOBILE IS BROKEN FOR SURE Please give a like and whatever else you feel is necessary, maybe a couple sweet compliments to my inbox?
Maybe some Crypto to the address in my bio because clearly these efforts are worth bags.
Just copy the text below and click in the top right corner on your profile drop down, go to settings, CSS editor, create a new file and name it whatever you want, paste the CSS code and save it, check the box YES you want to use this (prior to saving)
SCREENSHOT OF WHAT IT LOOKS LIKE. YEAH I KNOW ITS BAD. - https://imgur.com/a/IJirWTD
#inner-container {
background:#9CC5A1;
/*! box-shadow:rgba(0,0,0,0.06) 0px 1px 3px,rgba(0,0,0,0.12) 0px 1px 2px; */border-radius:50px 50px 50px 50px;
padding:25px;
position:relative
}
#logo .header-bg {
opacity:0.3;
position:absolute;
z-index:0;
top:0;
bottom:50;
left:0;
right:0;
width:100%;
height:50rem;
}
#logo img {display:none;
transition:1s;
top:-1.7rem;
position:relative
}
#menu-panel {
margin-top:0;
margin-left:490px;
}
.ribbon {
position:relative;
border-radius:2px 2px 0 0;
z-index:1;
background-color:rgb(29,29,29) !important;
padding:0;
width:calc(88% + 16px) !important;
border-bottom:7px solid rgb(18,18,18) !important;
visibility: hidden;
}
.powpow {
border-right:0.000001px solid #1a1a1a;
border-left:0.000001px solid #1A1A1A;
border-bottom:0.000001px solid #1A1A1A;
}
img {
border:none;
border-radius: 50px;
}
#inner-container {
background:#9CC5A1;
/*! box-shadow:rgba(0,0,0,0.06) 0px 1px 3px,rgba(0,0,0,0.12) 0px 1px 2px; */border-radius:50px 50px 50px 50px;
padding:25px;
position:relative
}
#logo .header-bg {
opacity:0.3;
position:absolute;
z-index:0;
top:0;
bottom:50;
left:0;
right:0;
width:100%;
height:50rem;
}
#logo img {display:none;
transition:1s;
top:-1.7rem;
position:relative
}
#menu-panel {
margin-top:0;
margin-left:490px;
}
.ribbon {
position:relative;
border-radius:2px 2px 0 0;
z-index:1;
background-color:rgb(29,29,29) !important;
padding:0;
width:calc(88% + 16px) !important;
border-bottom:7px solid rgb(18,18,18) !important;
visibility: hidden;
}
.powpow {
border-right:0.000001px solid #1a1a1a;
border-left:0.000001px solid #1A1A1A;
border-bottom:0.000001px solid #1A1A1A;
}
img {
border:none;
border-radius: 50px;
}