pro-standard cr femcel2006 codes

<style>

@font-face {
font-family: Pixelated MS Sans Serif;
src:url(https://dl.dropbox.com/s/as51v4gboqenc1b/ms-sans-serif.ttf)
}

#container01 > .wrapper {
background: linear-gradient(180deg, #0997ff, #0053ee 8%, #0050ee 40%, #06f 88%, #06f 93%, #005bff 95%, #003dd7 96%, #003dd7);
border-top: 1px solid #0831d9;
border-left: 1px solid #0831d9;
border-right: 1px solid #001ea0;
border-radius: 8px 8px 0px 0px;
text-shadow: 1px 1px #0f1089;
padding-left: 3px;
padding-top: 3px;
height: 28px;
}
#container02 > .wrapper {
height: 15em;
}
#container03 > .wrapper {
background: linear-gradient(180deg, #0997ff, #0053ee 8%, #0050ee 40%, #06f 88%, #06f 93%, #005bff 95%, #003dd7 96%, #003dd7);
border-top: 1px solid #0831d9;
border-left: 1px solid #0831d9;
border-right: 1px solid #001ea0;
border-radius: 8px 8px 0px 0px;
text-shadow: 1px 1px #0f1089;
padding-left: 3px;
padding-top: 3px;
height: 28px;
position: absolute;
bottom: 18.7em;
right: 4.8em;
}
@media only screen and (max-width: 600px) {
#container03 {
bottom: 0em;
right: -1em;
}
}
#container04 > .wrapper {
bottom: 17em;
right: 4.8em;
position: absolute;
}
@media only screen and (max-width: 600px) {
#container04 {
bottom: 0em;
right: -1em;
}
}
#container05 > .wrapper {
padding-top: 0.15em;
padding-left: 0.15em;
padding-right: 0.15em;
position: absolute;
bottom: -4em;
right: 4.8em;
z-index: 999;
}
@media only screen and (max-width: 600px) {
#container05 {
right: -1em;
bottom: 0em;
}
}

#container06 > .wrapper {
padding-bottom: 0.15em;
position: absolute;
bottom: -13em;
right: 4.8em;
z-index: 99;
}
@media only screen and (max-width: 600px) {
#container06 {
right: -1em;
bottom: 0em;
}
}
#container07 > .wrapper, #container09 > .wrapper, #container11 > .wrapper {
background: linear-gradient(180deg, #0997ff, #0053ee 8%, #0050ee 40%, #06f 88%, #06f 93%, #005bff 95%, #003dd7 96%, #003dd7);
border-top: 1px solid #0831d9;
border-left: 1px solid #0831d9;
border-right: 1px solid #001ea0;
border-radius: 8px 8px 0px 0px;
text-shadow: 1px 1px #0f1089;
padding-left: 3px;
padding-top: 3px;
height: 28px;
width: 20em;
position: absolute;
bottom: 16.5em;
right: 6em;
}
#container08 > .wrapper, #container10 > .wrapper {
height: 18em;
width: 20em;
position: absolute;
bottom: -1.5em;
right: 6em;
}
#container12 > .wrapper {
height: 22em;
width: 20em;
position: absolute;
bottom: -5.5em;
right: 6em;
}
@media only screen and (max-width: 600px) {
#container07, #container09, #container08, #container10, #container11, #container12 {
right: -2.25em;
}
}
#gallery01 li a {
padding: 3px;
}
#text01 {
font-size: 13px;
right: 4em;
}
@media only screen and (max-width: 600px) {
#text01 {
right: 3.5em;
}
}
#text02 {
background: #E8E8D8;
padding: 4px;
font-family: Pixelated MS Sans Serif;
width: 32.7em;
}
@media only screen and (max-width: 600px) {
#text02 {
width: 27.625em;
}
}
#text03 {
font-size: 13px;
right: 2.5em;
}

@media only screen and (max-width: 600px) {
#text03 {
right: 2.3em;
}
}
#text04, #text15, #text18, #text21 {
font-family: Pixelated MS Sans Serif;
background: #E8E8D8;
padding: 4px;
}

#text05, #text08, #text10, #text12 {
font-family: Pixelated MS Sans Serif;
background: #000;
padding: 4px;
border-bottom: 1px solid #ffffff;
}

#text06, #text07, #text09, #text11, #text13 {
font-family: Pixelated MS Sans Serif;
background: #000;
padding: 4px;
}
#text14, #text17, #text20 {
font-size: 13px;
right: 2em;
}
#text16, #text19 {
font-family: Pixelated MS Sans Serif;
padding: 5px;
padding-top: 10px;
background: #fff;
box-shadow: 0px 1px 2px 0px rgba(107,107,107,1) inset;
-webkit-box-shadow: 0px 1px 2px 0px rgba(107,107,107,1) inset;
-moz-box-shadow: 0px 1px 2px 0px rgba(107,107,107,1) inset;
height: 16em;
overflow-y: scroll;
}
</style>