/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
background: #ffffff url(http://i182.photobucket.com/albums/x133/earthy_17/kawaii/top9.jpg)repeat-x;
font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: #6B6B6B;
text-align: left;
overflow-x: hidden;
}
/* links */
a:link, a:active, a:visited {
text-decoration:none;
color:#FF939B;
}
a:hover {
color:#77D9EE;
}
b,
strong {
color:#FF9BAA;
}
b:hover,
strong:hover {
color:#54D5EB;
}
u {
text-decoration:none;
border-bottom:1px solid #8DEE4D;
}
em, i {
color:#6AD5D2;
}
/* headers */
#header {
width:1000px;
margin:0 auto;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
font-weight: Bold;
padding: 10px;
color: #444;
}
h1 {
font-size: 2.9em;
}
h2 {
font-size: 2.5em;
color: #88AC0B;
}
h3 {
font-size: 7px;
font-weight: normal;
padding: 16px 10px 4px 10px;
text-align:center;
}
h4 {
font-size: 7px;
font-weight: normal;
padding: 16px 10px 4px 10px;
text-align:center;
}
h5 {
font-size: 7px;
font-weight: normal;
padding: 16px 10px 4px 10px;
text-align:center;
}
/* Paragraph */
p { padding: 12px 10px; }
/* Lists */
ul, ol {
margin: 10px 20px;
padding: 0 20px;
}
ul { list-style: none; }
dl { padding: 10px; margin: 0; }
dt {
font-weight: bold;
color: #79A62E;
}
dd {
padding-left: 25px;
}
code {
margin: 5px 0;
padding: 15px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
/* white-space: pre; */
border: 1px solid #EEE8E1;
background: #FAF7F5;
}
acronym {
cursor: help;
border-bottom: 1px dotted #895F30;
}
blockquote {
margin: 15px 10px;
padding: 5px 7px 5px 40px;
font-weight: normal;
font-size: 12px;
line-height: 1.6em;
font-style: italic;
font-family: Georgia, 'Times New Roman', Times, serif;
color: #80614D;
background: #FAF7F5 url(quote.gif) no-repeat 15px 15px;
}
/* start - table */
table {
border-collapse: collapse;
margin: 15px 10px;
}
th {
height: 38px;
padding-left: 12px;
padding-right: 12px;
color: #fff;
text-align: left;
background: #ADD163;
border-width: 1px;
border-style: solid;
border-color: #C4DE8F #93C138 #93C138 #C4DE8F;
}
tr {
height: 34px;
background: #fff;
}
td {
padding-left: 11px;
padding-right: 11px;
border: 1px solid #E7F0CC;
}
/* end - table */
/* form elements */
label {
font-weight: bold;
color: #A7743B;
}
option { padding-right: 0.5em; }
#name, #email, #message, #website{
width: 455px;
}
li.twitter {
background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/twit.png) 0px 7px no-repeat;
}
li.fspring {
background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/formsrping.png) 0px 7px no-repeat;
}
li.fb {
background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/fb.png) 0px 7px no-repeat;
}
li.yahoo {
background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/yahoo-2-1.png) 0px 7px no-repeat;
}
/*-------------------------------------------
LAYOUT
--------------------------------------------*/
#wrap {
float: center;
margin-top:500px;
width: 850px;
background: #FFF url(wrap.gif) repeat-y center top;
margin: 40px auto 30px auto;
text-align: left;
}
#content {
clear: both;
float: left;
width: 850px;
padding: 5px 0 60px 0;
}
/* top-menu */
#top-menu {
position: absolute;
margin: 0;
padding: 30px 15px 8px 15px;
background: #74A838 url(top-menu.gif) repeat-x;
font-family: 'Trebuchet MS', Arial, Sans-serif;
color: #FFF;
top: 0; right: 70px
}
#top-menu p {
margin: 0; padding: 0;
}
#top-menu a {
font-weight: bold;
color: #fff;
}
/* Header */
#header {
width:1000px;
margin:0 auto;
}
/* Navigation */
#nav {
clear: both;
padding: 0; margin: 0;
width: 850px;
height: 70px;
background: url(http://i56.tinypic.com/a4v6zb.jpg) repeat-x;
}
#nav ul {
float: left;
list-style: none;
margin: 5px 0 0 0;
height: 15px;
padding: 0 0 0 20px;
}
#nav ul li {
float: left;
margin: 0; padding: 0 0 0 10px;
}
#nav ul li a {
float: left;
margin: 0;
padding: 0 20px 0 5px;
letter-spacing: 1px;
color: #ac8f73;
text-transform: uppercase;
font: bold 10px/28px 'Georgia', 'Helvetica Neue', Arial, sans-serif;
text-decoration: none;
}
#nav ul li a:hover,
#nav ul li a:active {
color: #fa82a1;
}
#nav ul li#current {
background: transparent url(left-tab.gif) no-repeat;
}
#nav ul li#current a {
color: #fa82a1;
}
/* Main Column */
#main {
float: left;
width: 500px;
padding: 0; margin: 0 0 0 20px;
display: inline;
}
#main h2 {
font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
color: #51432F;
padding: 10px 0 5px 5px;
border-bottom: 1px solid #E4F2C8;
}
#main h2 a {
color: #51432f;
text-decoration: none;
}
#main ul li {
list-style-image: url(bullet.gif);
}
#sidebar {
float: right;
width: 230px;
padding: 0;
margin: 0 30px 0 20px;
display: inline;
font:11px;
}
#sidebar h3 {
background-color:#FFDCE6;
color: #51432F;
font: 20px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
padding: 5px 0 5px 0px;
margin: 10px 0 5px 0px;
text-transform: lowercase;
border-bottom:3px solid #ffcbda;
}
#sidebar h4 {
background-color:#C7F0FC;
color: #51432F;
font: 20px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
padding: 5px 0 5px 0px;
margin: 10px 0 5px 0px;
text-transform: lowercase;
border-bottom:3px solid #aee6f6;
}
#sidebar h5 {
background-color:#D8F5A4;
color: #51432F;
font: 20px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
padding: 5px 0 5px 0px;
margin: 10px 0 5px 0px;
text-transform: lowercase;
border-bottom:3px solid #9CD72F;
}
#sidebar p {
margin-top: -20px;
margin-left: 10px;
}
.blogimage {
padding: 6px;
border: 1px solid #ccc;
}
/* sidebar menu */
#sidebar .sidemenu {
margin: 10px 10px 5px 7px; padding: 0;
text-decoration: none;
}
#sidebar .sidemenu li {
list-style: none;
margin: 0;
padding: 8px 10px 0 23px;
border-bottom: 1px solid #E8E8E8;
}
* html body #sidebar .sidemenu li {
height: 1%;
}
#sidebar .sidemenu li a {
text-decoration: none;
color: #739A23;
background: none;
font-weight: bold;
}
#sidebar .sidemenu li a span {
color: #7F7F7F;
font-size: .9em;
font-family: Georgia, 'Times New Roman', Times, serif;
/* font-style: italic; */
font-weight: normal;
}
#sidebar .sidemenu li a:hover {
color: #000;
background: none;
}
#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar .sidemenu ul li { border: none; }
/* footer */
#footer {
clear: both;
height: 20px;
width: 840px;
margin: 0;
padding: 10px 0 25px 10px;
font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
font-size: 11px;
color: #777;
background: #fffdf7 url(http://i182.photobucket.com/albums/x133/earthy_17/kawaii/footer.jpg)repeat-x;
text-align: left;
}
#footer p {
padding:10px 0;
}
#footer a:hover {
color: #555;
text-decoration: none;
}
/* postmeta */
.post-footer {
margin: 15px 10px 10px 10px;
color: #977C57;
text-align: right;
}
.post-footer .date{
margin: 0 10px 0 5px;
padding: 10px 20px 10px 20px;
background: #FAF7F5 url(http://i235.photobucket.com/albums/ee147/pixelledsoul/filed_in.png) no-repeat 0 9px;
padding-left: 15px;
}
.post-footer a.comments {
margin: 0;
padding: 10px;
background: #FAF7F5;
padding-left: 15px;
color: #977C57;
}
.post-footer a.readmore {
margin: 0 5px 0 10px;
padding: 10px;
background: #FAF7F5 url(doc.gif) no-repeat 0 2px;
padding-left: 30px;
color: #977C57;
}
.post-footer a.edit {
margin: 0 10px 0 5px;
padding: 7px 5px;
background: #FAF7F5 url(edit-doc.gif) no-repeat 0 2px;
padding-left: 30px;
color: #977C57;
}
.post-info { font-size: .95em; padding: 0 10px; color: #A98D76; }
.post-info a, .post-info a:visited { color: #a68b69; }
/* comments list */
ol.commentlist {
margin: 12px 10px;
padding: 0;
border-style: solid;
border-color: #EEE8E1;
border-width: 1px 1px 0 1px;
}
.commentlist li {
margin: 0;
padding: 10px;
list-style: none;
border-bottom: 1px solid #EEE8E1;
}
.commentlist li cite {
display: block;
font-style: normal;
font-weight: bold;
padding: 7px;
}
.commentlist li cite img {
float: left;
margin-right: 10px;
}
.commentlist li cite .comment-data {
font-size: .8em;
font-weight: normal;
}
.commentlist li .comment-text {
clear: both;
margin: 0; padding: 0;
}
.commentlist li.alt {
background: #FAF7F5;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content: ".";
}
input{
border: 1px solid #ccc;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
color: #666;
}
Apr 19, 2013 ♥ Filed under:
Don’t go for someone who is always telling you how perfect you are ‘cause you’re not. Find someone who will tell you exactly what he/she thinks of you. Someone who will tell you how irritating and impossible you can be. Someone who gives compliments at the right time. Someone who won’t be afraid in telling you the truth and only those who can be honest and loyal up to the very end.
Apr 19, 2013 ♥ Filed under:
Matutong tumanggi. Hindi laging Oo ng Oo. :p
Apr 19, 2013 ♥ Filed under:
Hindi lahat ng tao maiintindihan ka. Kaya mgpasalamat ka sa mga tao na kahit pangit ugali mo, pnapakisamahan ka pa din.
Pages :
1
2
3
4
5
Next »