CSS Layout CODE for FrenzyFM v2

#information_elyaszbha. {
* cascading style sheets layout [css]: ;
* copyright 2012-2013 by elyaszbha: ;
* website: http://flavors.me/elyaszbha;
* updates: may 18, 2012;
* attention: you can alter/edit/copy codes.;
* browser: cross-browser compatibility;
}

========================================
1. BACKGROUND WITH CURSOR CODE
========================================

body {
background-position: center center;
background-repeat: repeat;
background-attachment: scroll;
background: #683b20 url('URL_GAMBAR_BACKGROUND');
cursor: url('URL_ANAK_PANAH'), progress !important;
}

.layout_page_header {
background-color:
transparent;
text-align: center;
padding: 0;
clear: both;
border-bottom: 0 solid
transparent;
background-repeat: no-repeat;
background-position: top center;
}

========================================
2. CURSOR CODE
========================================

body, a:hover {
cursor: url(URL_ANAK_PANAH), url(URL_ANAK_PANAH), progress !important;
}

========================================
3. HOVER IMAGE EFFECT (STYLE 1-Fade In and Fade out)
========================================

img {
filter: progid:dximagetransform.microsoft.alpha(opacity=50);
khtml-opacity: 0.5;
moz-opacity: 0.5;
opacity: 0.5;
}

a:hover img {
filter: progid:dximagetransform.microsoft.alpha(opacity=100);
khtml-opacity: 0.99;
moz-opacity: 0.99;
opacity: 0.99;
}

========================================
4. HOVER IMAGE EFFECT (STYLE 2-Fade In and Reflect)
========================================

img {
margin: 1px;
opacity: 0.8;
border: 1px solid #eee;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}

img:hover {
opacity: 1;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}

========================================
5. HOVER IMAGE EFFECT (STYLE 3-Spinning 360*)
========================================

img {
        margin: 0px;
        border: 2px solid #eee;
        -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        -webkit-transition: all 1.5s ease-out;
        -moz-transition: all 1.5s ease;
        -o-transition: all 1.5s ease;
}

img:hover {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
}

========================================
10. LINK CODE
========================================

a:link {
text-decoration: none;
color: #8A360F;
}
a:link:hover {
text-decoration: none;
color: #CC7F32;
}
a:visited {
text-decoration: none;
color: #8A360F;
}

========================================