Senin, 28 November 2011

CSS FOR FB

/* I'am Elric Khan */

/* cat cute */

/* www.iam-ilmci.oom */





/* GLOBAL STYLES */



body {

background:#DEDBC5 url(./images/sample_styles/beige/back_shadow.png) center repeat-y;

/* custom cursor for IE, Firefox */

cursor: url(./images/sample_styles/beige/cursor.cur), url(./images/sample_styles/beige/cursor.gif), auto;

/* scrollbar colours */

scrollbar-arrow-color:#43260C;

scrollbar-track-color:#E9E2CF;

scrollbar-shadow-color:#E9E2CF;

scrollbar-face-color:#E9E2CF;

scrollbar-highlight-color:#E9E2CF;

scrollbar-darkshadow-color:#ffffff;

scrollbar-3dlight-color:#ffffff;

padding-top: 0px; /* distance between top of page and content */

padding-bottom: 0px; /* distance between bottom of page and content */

}



/* all links to bold */

a {

font-weight: bold;

}



/* LOGGED IN Menu Links */

a.menu_item:link { color: #7B7A70; text-decoration: none; }

a.menu_item:visited { color: #7B7A70; text-decoration: none; }

a.menu_item:hover { color: #222222; text-decoration: none; }



/* Global Links */

a:link { color: #6A6962; text-decoration: none; }

a:visited { color: #6A6962; text-decoration: none; }

a:hover { color: #222222; text-decoration: none; }



/* Content Box */

div.content {

background: url(http://www.narutofanboy.com/images/wallpapers/sasori-908407.jpeg) center no-repeat;

padding: 6px;

}



/* Applies to most interior content */

div, td {

background: transparent;

font-family: Arial; /* almost global font */

font-size: 12px;

font-weight: bold;

color: #FFFFFF;

}





/* Yourname's profile Bar */

div.page_header {

background: url(http://walayndra.files.wordpress.com/2010/06/cropped-header.jpg) center no-repeat;

text-align: right;

line-height: 90px;

font-size: 16px;

font-weight: bold;

color: #ffffff;

background-color: #F0F8FF;

padding: 0px 0px 0px 0px;

}



/* Global Headers - Titles */

td.header {

padding: 4px 2px 4px 4px;

border: 1px solid #F1EED9;

border-bottom: none;

background-image: none;

background-repeat: repeat-x;

color: #6A6962;

background: url(./images/sample_styles/beige/header.png);

}





/* Write Something - Post Comment */

textarea {

color: #6A6962;

height:100px;

background: none;

font-size: 12px;

}



img.signup_code {

background: #ffffff;

padding: 0px;

border-width: 2px;

border-color: #ffffff;

}



/* image verification input */

input.text, input.text_small {

border-color: #ffffff;

font-size: 11px;

font-weight: bold;

color: #ffffff;

background-color: #B5B3A1;

}



/* PROFILE STYLES */



/* Profile box */

td.profile {

background-color: #B8B6A7;

background: transparent;

border-width: 1px; /* adjust the width for styling of content borders - 0 to remove borders */

border-color: #F1EED9;

/* padding values to vary the distance between interior borders and their content */

padding-top: 12px;

padding-right: 22px;

padding-bottom: 12px;

padding-left: 22px;

}





td.profile_tab a {

background-color: #d0cdb7;

padding: 7px 10px 7px 10px;

border: 1px solid #AAAAAA;

border-left: none;

font-weight: bold;

display: block;

}

td.profile_tab a:hover {

background-color: #d7d4bf;

padding: 7px 10px 7px 10px;

border: 1px solid #AAAAAA;

border-left: none;

font-weight: bold;

display: block;

}

td.profile_tab2 a, td.profile_tab2 a:hover {

background-color: #dedbc4;

padding: 7px 10px 8px 10px;

border: 1px solid #AAAAAA;

border-left: none;

border-bottom: none;

font-weight: bold;

display: block;

}

#profile_tabs_profile {

border-left: 1px solid #AAAAAA;

}

td.profile_tab_end {

border-bottom: 1px solid #AAAAAA;

}





/* Recent Activity */

div.profile_action {

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #CFCDBB;

font-size: 14px;



}



div.profile_action_date {

color: #6A6962;

float: right;

padding-left: 5px;

}



/* Profile Photo */

td.profile_photo {

padding: 4px;

background-color: #B8B6A7;

border:1px #FFFCE2 dotted;

}



img.photo {

border-top: 1px;

border-color: #DEDBC5;

}



/* PAGE FOOTER */

div.copyright a:link { color: #6A6962; text-decoration: none; }

div.copyright a:visited { color: #6A6962; text-decoration: none; }

div.copyright a:hover { color: #222222; text-decoration: none; }

Tidak ada komentar: