cr crditem

*CHANGE THE ELEMENT ID IF IT DOESN'T MATCH YOURS*


--- 'Girlsblog' TEXT ---

#text01 mark {
font-family:aeroblade;
border-radius: 100%;
border: 1px solid black;
padding-top:3px;
padding-bottom:3px;
padding-left:7px;
padding-right:7px;
background: radial-gradient(circle, #FFCCCC 0%, #FFFFFF 100%);
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
filter: drop-shadow(0px 0px 1px #888);
position: relative;
top: 0.8em;
z-index:5;
}

--- MAIN CONTAINER ---

#container01 > .wrapper {
border-radius: 10px 0px 0px 0px;
}

--- GALLERY 01 ---

#gallery01 ul li .frame {
background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #FFCCCC 0%, #FFFFFF 30%, #FFFFFF 70%, #FFCCCC 100%) border-box;
border: 6px solid transparent;
}

--- 'Welcome to Fairytopia' TEXT ---

#text02 {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
background: #FFCCCC;
border-radius: 0px 10px 10px 0px;
width: 12.5em;
padding-right: 10px;
right: 3.5em;
}

--- BOTTOM CONTAINER ---

#container02 > .wrapper {
border-radius: 0px 0px 10px 0px;
}

--- POSITIONING for MUSIC PLAYER ---

position: relative;
top: 7px;
left: 15px;

--- BUTTONS ---

#buttons01 li a {
font-family:aeroblade;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
border: 1px solid black;
position: relative;
top: 15px;
left: 3px;
}

@media only screen and (max-width: 600px) {
#buttons01 li a {
top: 13px;
}
}

#buttons01 li a:hover {
color: #FFCCCC;
}

--- 'ABOUT' 'LIKES' TEXTS ---

font-family:aeroblade;
border-radius: 100%;
border: 1px solid black;
padding-left:15px;
padding-right:15px;
background: radial-gradient(circle, #a7dcff 0%, #ffd6e7 100%);
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
filter: drop-shadow(0px 0px 1px #888);
position: relative;
top: 0.375em;
z-index:5;

--- SCROLLBOX ---

background: #FFCCCC;
border-radius: 10px 0px;
overflow: auto;
height: 65px;
padding: 5px;

--- 'LINKS' CONTAINER ---

#container04 > .wrapper {
border-radius: 0px 10px;
width: 6em;
height: 5em;
position: absolute;
top: -5.2em;
right: 0.95em;
}

@media only screen and (max-width: 600px) {
#container04 > .wrapper {
height: 6em;
top: -6.5em;
}
}

--- 'Links' CIRCLE TEXT ---

font-family:aeroblade;
border-radius: 100%;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
background: #FFCCCC;
padding-left: 3px;

--- GALLERY 02 ---

#gallery02 {
position: relative;
bottom: 1.5em;
left:3.2em;
}

--- LINKS TEXT ---

text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
bottom: 4em;
padding-right: 20px;

--- 'BYF' TEXT ---

background: radial-gradient(circle, #FFCCCC 0%, #FFFFFF 100%);
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
border: 1px solid #FFCCCC;
border-radius: 10px 5px 5px 0px;

--- SCROLL (LEFT) ---

border: 1px solid #FFCCCC;
border-radius: 0px 5px 5px 10px;
height: 8.5em;
overflow: auto;
padding: 5px;

--- SCROLL (RIGHT) ---

border: 1px solid #FFCCCC;
border-radius: 10px 5px 5px 0px;
height: 5.5em;
overflow: auto;
padding: 5px;

--- 'DNFI' TEXT ---

background: radial-gradient(circle, #FFCCCC 0%, #FFFFFF 100%);
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
border: 1px solid #FFCCCC;
border-radius: 0px 5px 5px 10px;

--- 'Music & Media' TEXT ---

font-family:aeroblade;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
border: 1px solid #FFCCCC;
background: linear-gradient(90deg, #FFCCCC 0%, #FFFFFF 100%);
border-radius: 25px;

--- SCROLL ---

border: 1px solid #FFCCCC;
border-radius: 10px;
overflow: auto;
padding: 5px;
padding-top: 10px;
padding-right: 30px;
height: 9em;

--- IMAGE ---

#image01 .frame {
position: absolute;
bottom: 2.5em;
right: -4.5em;
}

--- EMOTICON TEXT ---

background: linear-gradient(0deg, #FFCCCC 0%, #FFFFFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
writing-mode: vertical-rl;
text-orientation: downwards;
left: 2.25em;
top: 15px;

@media only screen and (max-width: 600px) {
#elementID {
left: 12px;
}
}