CSS Mentah Yg Saya Pake
/* Style Black Color Full */
body {
color: #8e8e8e;
max-width: 360px;
margin: auto;
background: #000 url(images/bg.gif);
font: 12px tahoma;
top repeat-x;
border: 1px;
margin: 0px;
padding: 0px;
}
a:link, a:active, a:visited {
color: #2c4aff;
text-decoration: none;
border: 1px;
margin: 1px;
padding: 1px;
}
a:hover, a:focus {
color : aqua;
text-decoration : none;
border: 1px;
margin: 1px;
padding: 1px;
}
input, textarea, select { color:aqua; background:#000 url(images/menu.png)repeat-y right; border:1px solid #676767;
border: 1px;
margin: 1px;
padding: 1px;
}
input:hover, textarea:hover, select:hover { color:#00ef00; background:#000 url(images/menu.png) repeat-y right; border:1px solid #676767;
border: 1px;
margin: 1px;
padding: 1px;
}
input:focus, textarea:focus { color:#00ef00; background:#000 url(images/menu.png) repeat-y right; border:1px solid #676767;
border: 1px;
margin: 1px;
padding: 1px;
}
.rmenu {background:black url(images/menu.png) repeat-y right;
border:1px solid #575757;
margin:1px;
padding:1px;
}
.bmenu {background:black url(images/nav.png)repeat-y left;
list-style:none;
border:1px solid #575757;
padding:1px;
margin:1px;
}
.bmenu li a {color:#00be00;
display:block
}
.news {background:black url(images/bottom.png) repeat-x bottom;
border:1px solid #575757;
margin:1px;
color:#aaa;
padding:1px}
.bottom {background:black url(images/bottom.png) repeat-x bottom;
border:0px solid #575757;
margin:0px;
color:#aaa;
padding:0px}
.main a {
padding-left: 12px;
background: url(images/ico.gif) no-repeat left;
}
.main a:hover {
padding-left: 12px;
background: url(images/icoh.gif) no-repeat left;
}
img {
border-style: none;
}
div {
margin-top: 1px;
margin-bottom: 1px;
padding: 4px;
}
.sll {
margin: 0;
padding: 0;
border-right: 0px solid #2e2e2e;
border-left: 0px solid #2e2e2e;
}
.head {
background-image : url(images/glow.jpg);
color : #a95500;
background-color : #0a0a0a;
background-repeat : repeat-x;
background-position : 50% top;
margin-bottom : 1px;
padding : 2px;
border-top : 1px solid #3E2F13;
border-bottom : 1px solid #3E2F13;
border: 1px;
margin: 1px;
padding: 1px;
}
.foot {
margin: 0px;
padding: 0px 0px 0px 0px;
border-bottom: 2px solid #bd6100;
color : #b55900;
text-shadow: #ff9610 1px 1px 15px;
border-right: 2px solid #bd6100;
border-top: 2px solid #f7b618;
border-left: 2px solid #f7b618;
background-color: #de7d00;
background-image:url(images/port.gif);
background-repeat: no-repeat; background-position: right;
text-align:center;
}
.top {
background-image : url(images/top.gif);
height : 21px;
font-weight: bold;
color : #EFFF00;
margin-bottom : 2px;
padding-top : 4px;
padding-left : 1px;
}
.bot { background-image : url(images/bot.gif); text-align: right; height : 21px; padding-top : 5px; padding-left : 1px; }
.bot:after {
font-weight: bold;
color : #EFFF00;
content : 'Design By Fansker';
}
.logo {
text-shadow: #344fed 1px 1px 0;
color: #323232;
font-size: 28px;
font-weight: bold;
height: 42px;
margin: 0;
padding: 4px 0 0;
background: url(images/fansker.gif) no-repeat center;
}
.title {
color: #000;
font-weight: bold;
margin-left: 2px;
padding: 2px 10px;
display: inline-table;
background: #ffb500 url(images/titl.gif) repeat-x top;
}
.star {
border-top: 1px solid #343434;
border-bottom: 1px solid #343434;
background: #040404 url(images/adv.gif) repeat-x top;
border: 1px;
margin: 1px;
padding: 1px;
}
.star a {
color: #ff8f2c;
padding-left: 14px;
background: url(images/star.gif) no-repeat left;
}
.star a:hover {
color: #828282;
padding-left: 14px;
background: url(images/starh.gif) no-repeat left;
}
.star a img {
margin-left: -14px;
}
.gmenu {
background-image : url(images/fansker.gif);
background-repeat : no-repeat;
background-position : right bottom;
margin : 0px 0px;
border : 1px solid #000000;
border: 1px;
margin: 1px;
padding: 1px;
}
.gmenu a {
color: #82ff00;
padding-left: 14px;
background: url(images/fans.png) no-repeat left;
}
.gmenu a:hover {
color: #82ff00;
padding-left: 14px;
background: url(images/fans.png) no-repeat left;
}
.gmenu a img {
margin-left: -14px;
}
.phdr {
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
background: #000000 url(images/effc.gif);
color : #FF0000;
background-repeat : no-repeat;
background-position : left top;
padding : 0px;
border: 1px;
margin: 1px;
padding: 1px;
}
.menu {
border-top: 1px solid #353535;
border-bottom: 1px solid #353535;
background: #040404 url(images/razd.gif) repeat-x top;
border: 1px;
margin: 1px;
padding: 1px;
}
.menu a {
padding-left: 12px;
background: url(images/arrow.gif) no-repeat left;
}
.menu a:active, a:hover, a:focus, a:visited {
color: #8e8e8e;
border-bottom: 1px dotted #434343;
}
.main {color:#bbb;
background:#000 url(images/news.png) repeat-x bottom;
border:1px solid #575757;
margin:1px;
padding:1px; text-align: left;
}
/** (c) 2012-7-15 Design by fansker.xtgem.com **/
Created at 2012-07-20 17:15
Back to posts
UNDER MAINTENANCE
Waduh pusing Sob![:(](https://xtgem.com/images/smilies/sad_mini.gif)
![:)](https://xtgem.com/images/smilies/smile_mini2.gif)
ada-ada aja istilahnya Css mentah
http://tutorlewathp.xtgem.com/