Coding CSS

Skrip CSS


* CSS Document */
#kepala
{
background-color:#640099;
height:65px;
background-image:-moz-linear-gradient(rgba(0,455,455,9.55)0%,rgba(230,230,230,0)100%);/*UNTUK GRADIENT WARNA*/
-moz-border-radius:5px 5px 100px 100px;/*UNTUK MEMBULATKAN TABEL*/
}

#kolom1
{
width::17%;
height:480px;
border-left: 1px dotted #00FFF;/*UNTUK GARIS BORDER KIRI BERWARNA DAN MOTIF TITIK-TITIK*/
border-right:1px dotted #00FFF; /*UNTUK GARIS BORDER KANAN BERWARNA DAN MOTIF TITIK-TITIK*/
background-image:-moz-linear-gradient(rgba(0,255,0,255)0%,rgba(200,200,200,0.55)100%);/*UNTUK GRADIENT WARNA*/
}

#kolom2
{
width::60%;
height:480px;
border-left: 1px dotted #00FFF;/*UNTUK GARIS BORDER KIRI BERWARNA DAN MOTIF TITIK-TITIK*/
border-right:1px dotted #00FFF; /*UNTUK GARIS BORDER KANAN BERWARNA DAN MOTIF TITIK-TITIK*/
background-image:-moz-linear-gradient(rgba(0,255,0,255)0%,rgba(200,200,200,0.55)100%);/*UNTUK GRADIENT WARNA*/
}

a.link
{
color:#6600FF; width:170px;
}

a.link:hover
{
background-color:#FFFFFF;
color:#3300FF;
-moz-box-shadow:10px 10px 30px 10px rgba(0,0,0,5.5);/*UNTUK MEMBERI BAYANGAN*/
-moz-transform: scale(1.5);/*UNTUK MERUBAH UKURAN*/
}

a.link:active
{
-moz-transform: scale(1.5);
border:1px solid #FFFFFF;
border-left-color:#FFFFFF;
border-left-width:2.6px;
border-top-color:#640099;
border-top-width:2.6px;
color:#660099;
border-right:2.6px solid #630066;
border-bottom:2.6px solid #630066;
background-image:-moz-linear-gradient(rgba(0,800,8000,9.55)0%,rgba(0,530,530,0)70%);/*UNTUK GRADIENT WARNA*/
}
.tombol a
{
background-color:#99FF66;
display:block;
margin:0 5px 0 0;
border:1px solid #FFFFFF;
border-bottom-width:2px;
border-right-width:2px;
border-top:1px solid #990099;
border-left:1px solid #990099;
font-family: "Lucida Bright";
font-size:14px;
line-height:130%;
text-align:center;
font-weight:bold;
background-image:-moz-linear-gradient(rgba(0,455,455,5.55)0%,rgba(0,230,230,0)50%);/*UNTUK GRADIENT WARNA*/

cursor:pointer;
padding::5px 10px 6px 7px
float:right;
margin-top:4.5px;
margin-right:1px;
width:95%;
height:17px;
-moz-border-radius:100px 100px 5px 5px;/*UNTUK MEMBULATKAN TABEL*/
}

#footer
{
background-color:#640099;
height:65px;
background-image:-moz-linear gradient(rgba(230,230,230,0)0%,rgba(0,455,455,9.55)100%);/*UNTUK GRADIENT WARNA*/
-moz-border-radius:100px 100px 5px 5px;/*UNTUK MEMBULATKAN TABEL*/
}

#bingkai
{
  width:100%;
  height:50px;
  float:right;
  background-color:#CCFFCC;
  -moz-border-radius:30px 30px 30px 30px;/*UNTUK MEMBULATKAN TABEL*/
 
}