Kawaii Overload - Tumblr Layouts | Mytumblr.net

Title: Kawaii Overload
Designer: Happi
Views: 725 views
Rate:

(5 votes, average: 5.00 out of 5)

Loading ...

STEP 1: In your Tumblr's dashboard, click the CUSTOMIZE link.
STEP 2: Click THEME tab. Copy the codes below and paste in the box.
STEP 3: Click SAVE + CLOSE button and you're done!

<title>{Title}</title>
        <pnk rel="shortcut icon" href="{Favicon}">
        <pnk rel="alternate" type="application/rss+xml" href="/rss">

.chat{
                list-style:       none;
                padding:     4px;
                margin:           10px;
                border:      1px solid {color:Quote/chat Accent};

}

.even {background-color: {color:Quote/chat Accent};
                   padding: 4px;}

.odd {
                   padding: 4px}

#table {
                width:            630px;
                background-color: transparent;
background: url(http://i42.tinypic.com/jfwyyq.png);
                padding-top:      20px;
                padding-right:    20px;
                table-layout:     fixed;
                padding-left:     20px;
                padding-bottom:   5px;
                color:            {color:Text Color};
                border:           0;
                font-size:        12px;
                font-family:      century gothic;
            }

a:link,a:active,a:visited {
                text-decoration:  none;
                color:            {color:Text Color};
                font-weight:      bold;
            }

a:hover {
                text-decoration:  none;
                font-weight:      bold;
                color:            {color:text color};
                cursor: url('http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif'), default;
            }

#left {
                width:            400px;
                padding:          0px;
                text-align:       left;
            }

.qcontainer {
                padding:          10px;
                border-left:      1px dashed {color:Text Color};
                border-top:      1px dashed {color:Text Color};
                border-bottom:      1px dashed {color:Text Color};
                border-right:      1px dashed {color:Text Color};
                background-color: {color:Quote/chat Accent};
            }

.source {padding-top: 2px;}

.quote {
                font-size: 20px;
                font-family:      century gothic;   
                line-height: 22px;
            }

#middle {width: 30px;}

#right {
                text-align:       left;
                width:            200px;
                padding:          0px;
                text-align:       left;
            }

#title, #title a {
                font-size:        55px;
                text-transform:   uppercase;
                text-decoration:  none;
                font-weight:      bold; 
                letter-spacing:   -10px;
                color:            {color:Tumblr Title};
                margin-top:       0px;
                margin-bottom:    0px;
                font-family:      century gothic;   
            }

#posttitle, #posttitle a{
                font-size:        20px;
                font-weight:      normal; 
                color:            {color:Post Title};  
                font-family:      century gothic;   
                text-decoration:  none;
            }

#postlink, #postlink a{
                font-size:        20px;
                font-weight:      normal; 
                color:            {color:Post Title};  
                font-family:      century gothic;   
                text-decoration:  none;
            }

#posts {
                list-style:       none;
                padding:          0;
                margin:           0;
            }

#each {
                padding-top:      10px;
                padding-bottom:   0px;
                padding-left:     0px;
                padding-right:    0px;
            }
            
            img {border: 0px;}

#box, #box a {
                text-transform:   uppercase;
                font-size:        12px;
                color:            {color:Tumblr Title};
                width:            400;
                padding-top:      6px;
                padding-bottom:   3px;
                padding-right:    0px;
                padding-left:     0px;
                text-align:       center;
                background-color: {color:Box Color};
                margin-top:       0px;
                margin-bottom:    0px;
                text-decoration:       none;
                font-family:      century gothic;   
                -moz-border-radius: 45px; 
                -webkit-border-radius: 45px;
            }

#sidebox {
                text-transform:   uppercase;
                font-size:        12px;
                color:            {color:Tumblr Title};
                width:            200;
                padding-top:      6px;
                padding-bottom:   3px;
                padding-right:    0px;
                padding-left:     0px;
                text-align:       center;
                background-color: {color:Box Color};
                margin-top:       0px;
                margin-bottom:    0px;
                font-family:      century gothic;   
            }

::-moz-selection{
            opacity: .6; 
            background: #000000;
            color: #FFECEC;
            }

#sideboxF {
                text-transform:   uppercase;
                font-size:        12px;
                color:            {color:Tumblr Title};
                width:            200;
                padding-top:      6px;
                padding-bottom:   3px;
                padding-right:    0px;
                padding-left:     0px;
                text-align:       center;
                background-color: {color:Box Color};
                margin-top:       0px;
                margin-bottom:    2px;
                font-family:      century gothic;   
            }

#box b, #box b a {
                color:           {color:Type of Post};
                text-decoration:  none;
            }

.footer{
                font-family:      century gothic;
                font-size:        12px;
                color:            {color:Post Title};
                margin:           5px;
            }

.footer a {
                text-decoration:  none;
            }

.label {
                font-size:        12px;
                text-transform:   uppercase;
                color:            {color:Post Title};
            }

#sidebox b {
                color:            {color:Tumblr Title};
            }

p {
                margin:          10px;
            }

</style>

</head>
    <body>
<div align="center">

<table id="table" cellpadding="0" cellspacing="0">
<img src="http://i40.tinypic.com/zv7rlj.png">
<tr>
        <td id="left" valign="top">
        <p id="title"><a href="/">{Title}</a></p>

<ol id="posts">
            {block:Posts}
                {block:Text}
                    <li id="each">
<div id="box"><a href="{Permalink}"><b>text post</b>  {ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year}</a></div>
                        {block:Title}
                            <p id="posttitle"><a href="{Permalink}">{Title}</a></p>
                        {/block:Title}
                        
                        <p>{Body}</p>

</li><br><br>