Anda di halaman 1dari 4

/* CSS Document */

/* C:\xampp\htdocs\CakePhp\app\webroot\css */
body
{
margin:0;
padding:0;
border:0;
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.container
{
width:auto;
height:auto;
position:static;
text-align:center;
}
.wrapper
{
width:980px;
height:700px;
margin:0 auto;
text-align:left;
}
.header_bg
{
width:980px;
height:100px;
background-color:#000000;
}
.header
{
width:680px;
height:100px;
background-color:#111111;
float:left;
color:#EEEEEE;
}
.logo
{
width:150px;
height:100px;
float:left;
background-color:#222222;
color:#EEEEEE;
float:left;
}
.search
{
width:150px;
height:100px;
float:right;
background-color:#444444;
float:right;
}
.top_menu
{
width:980px;
height:50px;
background-color:#555555;
}
.main_columns
{
width:980px;
height:500px;
background-color:#777777;
}
.left_columns
{
width:150px;
height:500px;
float:left;
background-color:#888888;
}
.center_columns
{
width:680px;
height:500px;
float:left;
background-color:#AAAAAA;
}
.right_columns
{
width:150px;
height:500px;
float:right;
background-color:#BBBBBB;
}
.footer
{
width:980px;
height:50px;
text-align:right;
background-color:#DDDDDD;
}
.newsheading
{
width:680px;
height:auto;
}
.newsheading_popular, .newsheading_mostread
{
width:340px;
height:200px;
float:left;
background-color:#EEEEEE;
}
.contents
{
width:680px;
height:auto;
background-color: #FFFFFF;
}
.span_mylogo
{
font-size:150%;
color:#EEEEEE;
}
.search input
{
padding:4px 2px;
width:120px;
border:1px solid #dedede;
margin:20px 0;
}
.clr
{
clear:both;
margin:0;
padding:0;
}
.navigation
{
width:auto;
padding:10px;
}
.navigation a
{
display:block;
background-color:#666666;
color:#FFFFFF;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
float:left;
line-height:30px;
width:100px;
text-align:center;
text-decoration:none;
margin-right:10px;
text-transform:capitalize;
}
.navigation a:hover
{
background-color:#111111;
color:#EEEEEE;
}
.footer a
{
text-decoration:none;
color:#444444;
text-transform:capitalize;
}
.footer a:hover
{
text-decoration:underline;
color:#444444;
}
.footer span
{
margin:0 3px;
color:#999999;
}
.myform
{
margin:0;
padding:0;
border:0;
width:400px;
}
.myform h1
{
margin:0;
padding:0;
}
.myform label
{
display:block;
width:150px;
float:left;
color:#333333;
padding:4px 2px;
}
.myform input[type="text"], .myform input[type="password"], .myform textarea, .m
yform select, .myform input[type="checkbox"]
{
float:left;
width:196px;
padding:4px 2px;
display:block;
border:1px solid #dedede;
margin:5px 0;
}

Anda mungkin juga menyukai