Kódja:

<STYLE TYPE="TEXT/CSS">

.TRIAL {BACKGROUND-IMAGE: URL(HTTPS://S-MEDIA-CACHE-AK0.PINIMG.COM/736X/5D/5D/82/5D5D825F6A78B80091F59C9794C2AFFB.JPG); }

.FLEEK {BACKGROUND-IMAGE: URL(HTTP://S1.FAVIM.COM/90/150816/ELF-FANTASY-GIRL-HORSE-FAVIM.COM-3130850.JPG);}</STYLE>

<P>

&NBSP;</P>

<P>

&NBSP;</P>

<P>

&NBSP;</P>

<P>

<LINK HREF="HTTPS://FONTS.GOOGLEAPIS.COM/CSS?FAMILY=RALEWAY:400,100,200,300,500,600,800,700,900" REL="STYLESHEET" TYPE="TEXT/CSS" />

</P>

<DIV ID="PACIFY">

<DIV CLASS="TRIAL">

&NBSP;</DIV>

<DIV CLASS="INDIGO">

<DIV CLASS="FLEEK">

&NBSP;</DIV>

<DIV CLASS="ROYAL" STYLE="TOP: 160PX">

ELFOGLALTSÁG</DIV>

<DIV CLASS="ROYAL" STYLE="TOP: 190PX">

KOR</DIV>

<DIV CLASS="ROYAL" STYLE="TOP: 220PX">

CSOPORT</DIV>

</DIV>

<DIV CLASS="STRONG">

ÉLETTÖRTÉNETET ÍRHATTOK IDE A KARAKTERRŐL ^^</DIV>

<DIV CLASS="ELEPHANT">

<A HREF="#">LINK VAGY FELIRAT</A></DIV>

</DIV>

 

<STYLE TYPE="TEXT/CSS">

#PACIFY {HEIGHT: 330PX; WIDTH: 450PX; BORDER: 10PX SOLID #191919; MARGIN: 10PX AUTO; POSITION: RELATIVE; OVERFLOW: HIDDEN}

.ELEPHANT {HEIGHT: 50PX; FONT-FAMILY:'RALEWAY'; WIDTH: 450PX; BACKGROUND:URL(//JUCIPORTALTEPIT.gportal.hu/PORTAL/JUCIPORTALTEPIT/IMAGE/GALLERY/1460625577_18.PNG); POSITION: ABSOLUTE; BOTTOM: 0; LINE-HEIGHT: 50PX; TEXT-ALIGN: CENTER; COLOR: #FFF; TEXT-TRANSFORM: UPPERCASE; FONT-WEIGHT: 800; LETTER-SPACING: 1PX; FONT-SIZE: 25PX; PADDING-TOP:10PX; }

.ELEPHANT A:LINK, A:VISITED { FONT-WEIGHT:900!IMPORTANT; FONT-STYLE:NORMAL!IMPORTANT; FONT-SIZE:30PX; LETTER-SPACING:-2PX; COLOR:#787878!IMPORTANT;}

.ELEPHANT A:HOVER {COLOR:#D6D6D6!IMPORTANT}

.TRIAL {HEIGHT: 280PX; WIDTH: 225PX; POSITION: ABSOLUTE; TOP: 0; BACKGROUND-SIZE: 280PX AUTO; BACKGROUND-REPEAT: NO-REPEAT;}

#PACIFY .TRIAL {-WEBKIT-FILTER: GRAYSCALE(0%); -WEBKIT-TRANSITION: 0.8S; -MOZ-FILTER: GRAYSCALE(0%); -MOZ-TRANSITION: 0.8S; FILTER: GRAYSCALE(0%); TRANSITION: 0.8S}

#PACIFY:HOVER .TRIAL {-WEBKIT-FILTER: GRAYSCALE(100%); -WEBKIT-TRANSITION: 0.8S; -MOZ-FILTER: GRAYSCALE(100%); -MOZ-TRANSITION: 0.8S; FILTER: GRAYSCALE(100%); TRANSITION: 0.8S}

.STRONG {COLOR:#737373!IMPORTANT; HEIGHT: 260PX; WIDTH: 205PX; POSITION: ABSOLUTE; RIGHT: 0; BORDER-COLOR: #191919; BORDER-STYLE: SOLID; BORDER-WIDTH: 10PX 5PX 10PX 10PX; PADDING-RIGHT: 5PX; FONT-FAMILY: CALIBRI; FONT-SIZE: 11PX; TEXT-ALIGN: JUSTIFY; LINE-HEIGHT: 12PX; OVERFLOW: AUTO; BACKGROUND:#191919;}

.STRONG P:FIRST-LETTER {COLOR: #FFF; FONT-FAMILY: RALEWAY; FONT-WEIGHT: 800; FONT-SIZE: 25PX; FLOAT: LEFT; PADDING: 10PX 8PX; BACKGROUND: #A0DC51; MARGIN: 0PX 4PX 0PX 0PX}

.STRONG P:NTH-CHILD(EVEN):FIRST-LETTER {BACKGROUND: #191919}

.STRONG::-WEBKIT-SCROLLBAR {WIDTH: 5PX}

.STRONG::-WEBKIT-SCROLLBAR-THUMB {BACKGROUND-COLOR: #191919; BORDER-LEFT: 1PX SOLID #A0DC51; BORDER-RIGHT: 1PX SOLID #A0DC51;BORDER-TOP: 1PX SOLID #DC519B; BORDER-BOTTOM: 1PX SOLID #DC519B}

.INDIGO {HEIGHT: 100%; WIDTH: 100%; POSITION: ABSOLUTE}

#PACIFY .INDIGO {TOP: -280PX; -WEBKIT-TRANSITION: 0.5S EASE-IN-OUT 0.1S; -MOZ-TRANSITION: 0.5S EASE-IN-OUT 0.1S; TRANSITION: 0.5S EASE-IN-OUT 0.1S;}

#PACIFY:HOVER .INDIGO {TOP: 0PX; -WEBKIT-TRANSITION: 0.5S EASE-IN-OUT 0.1S; -MOZ-TRANSITION: 0.5S EASE-IN-OUT 0.1S; TRANSITION: 0.5S EASE-IN-OUT 0.1S}

.FLEEK {HEIGHT: 90PX; WIDTH: 90PX; -WEBKIT-BORDER-RADIUS: 100%; -MOZ-BORDER-RADIUS: 100%; BORDER-RADIUS: 100%; BORDER: 8PX SOLID #191919; POSITION: ABSOLUTE; TOP: 45PX; LEFT: 59.5PX; BACKGROUND-SIZE: 90PX 90PX}

.ROYAL {HEIGHT: 25PX; WIDTH: 120PX; FONT-FAMILY: RALEWAY; TEXT-TRANSFORM: UPPERCASE; TEXT-ALIGN: CENTER; COLOR: WHITE; FONT-SIZE: 10PX; LINE-HEIGHT: 25PX; FONT-WEIGHT: 700; LETTER-SPACING: 1PX; LEFT: 52.5PX; POSITION: ABSOLUTE}

.ROYAL:NTH-CHILD(EVEN) {BACKGROUND: #191919}

.ROYAL:NTH-CHILD(ODD) {BACKGROUND: #393939} </STYLE>