Sunteți pe pagina 1din 29

<html xmlns="http://www.w3.

org/1999/xhtml">

<!----

© borntobewildthemes.tumblr.com | "Kawaii dreams" vol.2

+ Please do not redistribute this theme or remove credits.


+ You are allowed to make changes as long as you keep our credits.
+ If you have any questions or concerns, just contact us.
+ Thanks for using our theme! We hope that you enjoy it!

---->

<html>

<head>

{block:IfShowCustomCursor}
<!--Cursor code-->
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-
9/oth802.cur), progress !important;}</style><a href="http://www.cursors-
4u.com/cursor/2012/02/04/sky-blue-bow-tie-4.html" target="_blank" title="Sky Blue Bow Tie"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sky Blue Bow Tie"
style="position:absolute; top: 0px; right: 0px;" /></a>
{/block:IfShowCustomCursor}

<!--Google fonts-->

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet'


type='text/css'>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!--DEFAULT VARIABLES-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="image:Background" content="1"/>


<meta name="image:Sidebar" content="1"/>

<meta name="color:Background" content="#fff"/>


<meta name="color:Container background" content="#fff"/>
<meta name="color:Container border" content="#FFCACB"/>
<meta name="color:Post background" content="#fff"/>
<meta name="color:Sidebar background" content="#FFFFFF"/>
<meta name="color:Sidebar border" content="#FFCACB"/>
<meta name="color:Main icon" content="#8CC3E5"/>
<meta name="color:Blog Title" content="#8CC3E5"/>
<meta name="color:Title" content="#8CC3E5"/>
<meta name="color:Description" content="#000000"/>
<meta name="color:Text" content="#777"/>
<meta name="color:Hover" content="#fff"/>
<meta name="color:Italic" content="#8CC3E5"/>
<meta name="color:Bold" content="#D96261"/>
<meta name="color:Post info border" content="#FFAEAD"/>
<meta name="color:Info background" content="#FFF"/>
<meta name="color:Link" content="#FFAEAD"/>
<meta name="color:Post borders" content="#8CC3E5"/>
<meta name="color:Scrollbar" content="#FFAEAD"/>

<meta name="select:Title Font" content="Great Vibes" title="Great Vibes">


<meta name="select:Title Font" content="Rouge Script" title="Rouge Script">
<meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
<meta name="select:Title Font" content="The Girl Next Door" title="The Girl Next Door">
<meta name="select:Title Font" content="Alex Brush" title="Alex Brush">

<meta name="select:Description Font" content="Great Vibes" title="Great Vibes">


<meta name="select:Description Font" content="Rouge Script" title="Rouge Script">
<meta name="select:Description Font" content="Clicker Script" title="Clicker Script">
<meta name="select:Description Font" content="The Girl Next Door" title="The Girl Next Door">
<meta name="select:Description Font" content="Alex Brush" title="Alex Brush">

<meta name="select:Link Font" content="Great Vibes" title="Great Vibes">


<meta name="select:Link Font" content="Rouge Script" title="Rouge Script">
<meta name="select:Link Font" content="Clicker Script" title="Clicker Script">
<meta name="select:Link Font" content="The Girl Next Door" title="The Girl Next Door">
<meta name="select:Link Font" content="Alex Brush" title="Alex Brush">

<meta name="select:Title font size" content="20px" title="20px">


<meta name="select:Title font size" content="22px" title="22px">
<meta name="select:Title font size" content="25px" title="25px">
<meta name="select:Title font size" content="27px" title="27px">
<meta name="select:Title font size" content="30px" title="30px">

<meta name="select:Sidebar font size" content="16px" title="16px">


<meta name="select:Sidebar font size" content="17px" title="17px">
<meta name="select:Sidebar font size" content="18px" title="18px">
<meta name="select:Sidebar font size" content="19px" title="19px">
<meta name="select:Sidebar font size" content="20px" title="20px">

<meta name="font:Body font" content="Helvetica"/>


<meta name="select:Body font size" content="12px" title="12px">
<meta name="select:Body font size" content="13px" title="13px">
<meta name="select:Body font size" content="14px" title="14px">
<meta name="select:Body font size" content="15px" title="15px">
<meta name="select:Body font size" content="16px" title="16px">

<meta name="text:Title 1" content="About">


<meta name="text:Title 2" content="Navigation">
<meta name="text:Title 3" content="Updates">
<meta name="text:Title 4" content="Stats">
<meta name="text:Title 5" content="Blogroll">

<meta name="if:Sidebar Right" content="0" />


<meta name="if:Two Columns" content="0" />
<meta name="if:Infinite Scroll" content="0" />
<meta name="if:Blog title background blue" content="0" />
<meta name="if:Header background blue" content="0" />
<meta name="if:Sidebar image border blue" content="0" />
<meta name="if:Show Main icons" content="1" />
<meta name="if:Show Search" content="1" />
<meta name="if:Show Sidebar Image" content="1" />
<meta name="if:Show Navigation" content="1" />
<meta name="if:Show Description" content="1" />
<meta name="if:Show Stats" content="1" />
<meta name="if:Show Updates" content="1" />
<meta name="if:Show Blogroll" content="1" />
<meta name="if:Show Custom Cursor" content="1" />
<meta name="if:Faded Images" content="0" />
<meta name="if:Monochrome Images" content="0" />
<meta name="if:Ask Enabled" content="1"/>
<meta name="if:Submissions Enabled" content="1"/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show Info On Hover" content="0" />
<meta name="if:Show Captions" content="1" />
<meta name="if:Show Tags" content="1" />

<meta name="text:Scroll to top image url" content="http://i63.tinypic.com/mcvijc.jpg"/>


<meta name="text:Blog title top margin" content="45px">
<meta name="text:Updates" content="Updates">
<meta name="text:Stats" content="Stats">

<meta name="if:Show Link 1m" content="1" />


<meta name="if:Show Link 2m" content="1" />
<meta name="if:Show Link 3m" content="1" />
<meta name="if:Show Link 4m" content="1" />
<meta name="if:Show Link 5m" content="1" />
<meta name="if:Show Link 6m" content="1" />

<meta name="text:Link 1m" content="link 1"/>


<meta name="text:Link 1m url" content="http://"/>
<meta name="text:Link 2m" content="link 2"/>
<meta name="text:Link 2m url" content="http://"/>
<meta name="text:Link 3m" content="link 3"/>
<meta name="text:Link 3m url" content="http://"/>
<meta name="text:Link 4m" content="link 4"/>
<meta name="text:Link 4m url" content="http://"/>
<meta name="text:Link 5m" content="link 5"/>
<meta name="text:Link 5m url" content="http://"/>
<meta name="text:Link 6m" content="link 6"/>
<meta name="text:Link 6m url" content="http://"/>

<meta name="if:Show Link 1" content="1" />


<meta name="if:Show Link 2" content="1" />
<meta name="if:Show Link 3" content="1" />
<meta name="if:Show Link 4" content="1" />
<meta name="if:Show Link 5" content="1" />

<meta name="text:Link 1" content="link one"/>


<meta name="text:Link 1 url" content="http://"/>
<meta name="text:Link 2" content="link two"/>
<meta name="text:Link 2 url" content="http://"/>
<meta name="text:Link 3" content="link three"/>
<meta name="text:Link 3 url" content="http://"/>
<meta name="text:Link 4" content="link four"/>
<meta name="text:Link 4 url" content="http://"/>
<meta name="text:Link 5" content="link five"/>
<meta name="text:Link 5 url" content="http://"/>

<style type="text/css">

/* ---------------------------- CSS ----------------------------- */

/* -------- BASICS ------- */


body {
margin:0;
padding:0;
width:100%;
height:100%;
color:{color:text};
font-family:{font:Body font};
font-size:{select:Body font size};
line-height: -moz-calc({select:Body font size} + 3px);
line-height: -webkit-calc({select:Body font size} + 3px);
line-height: -o-calc({select:Body font size} + 3px);
line-height: calc({select:Body font size} + 3px);
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
}

/* Paragraph */

p {margin-top:5px; margin-bottom:5px;}

small{font-size: 90%;}

big{font-size: 110%;}

/* Title */

h1{
margin:0;
margin-bottom:10px;
color:{color:Title};
font-family:{select:Title Font};
font-size:{select:Title font size};
line-height: -moz-calc({select:Title font size} + 3px);
line-height: -webkit-calc({select:Title font size} + 3px);
line-height: -o-calc({select:Title font size} + 3px);
line-height: calc({select:Title font size} + 3px);
border-bottom:1px solid {color:Post borders};
}

/* Captions */

h2{
font-family:{font:Body font};
font-size:{select:Body font size};
line-height: -moz-calc({select:Body font size} + 3px);
line-height: -webkit-calc({select:Body font size} + 3px);
line-height: -o-calc({select:Body font size} + 3px);
line-height: calc({select:Body font size} + 3px);
font-weight:normal;
}

/* Links */

a:link, a:active, a:visited{


-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
color:{color:Link};
text-decoration:none;
}

a:hover{
color:{color:Hover};
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

a img{border: 0px;}

ul, ol, li{ margin:5px 10px; padding:0px;}

/* Bold and italic */

b, strong {color:{color:Bold};}
i, em {color:{color:Italic};}

/* Blockquote */

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px solid {color:Post borders};
}

/* Text selection */

::-moz-selection {
background: {color:Post borders};
color: {color:Scrollbar};
}

::selection {
background: {color:Post borders};
color: {color:Scrollbar};
}

/* Webkit scrollbar */

::-webkit-scrollbar {
width: 7px;
height: 0px;
}

::-webkit-scrollbar-thumb:vertical {
height: 0px;
background-color: {color:Scrollbar};
border:3px solid {color:Post borders};
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 0px;
display: block;
background-color: {color:Post borders};
}
::-webkit-scrollbar-track-piece {
background-color: {color:Post borders};
}

/* Tumblr controls */

.iframe-controls--desktop {
top:5px!important;
right:10px!important;
opacity:.9!important;
position:fixed!important;
white-space:nowrap!important;
filter: invert(1);
-webkit-filter: invert(1);
-moz-filter: invert(1);
-o-filter: invert(1);
-ms-filter: invert(1);
z-index:10000!important;
}

/* Tooltips */

#s-m-t-tooltip {
max-width:300px;
z-index:10000000;
margin:24px 14px 7px 12px;
padding:5px;
color:{color:Link};
background:{color:Post background};
border:1px solid {color:Post borders};
font-size:11px;
line-height:13px;
}

/* Image style */

{block:IfFadedImages}
img{
-webkit-transition: opacity 0.8s linear;
-moz-transition: opacity 0.8s linear;
-o-transition: opacity 0.8s linear;
-ms-transition: opacity 0.8s linear;
opacity: 0.60;
}
img:hover{
-webkit-transition: opacity 0.8s linear;
-moz-transition: opacity 0.8s linear;
-o-transition: opacity 0.8s linear;
-ms-transition: opacity 0.8s linear;
opacity: 1;
}
{/block:IfFadedImages}

{block:IfMonochromeImages}
img{
-webkit-filter: grayscale(1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

img:hover{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
{/block:IfMonochromeImages}

/* Post notes style */

.notes{
width:500px;
}

ol.notes {
padding: 0px;
margin: 5px 0px;
list-style-type: none;
}

ol.notes li.note {
padding: 5px;
border-bottom:1px solid {color:Post borders};
}

ol.notes li.note img.avatar {


position:relative;
border-radius:100%;
vertical-align: -5px;
margin-right: 10px;
width: 15px;
height: 15px;
}

/* ----------------------- MAIN CONTAINER --------------------------- */

div#center{
margin-top:40px;
position:relative;
width:900px;
z-index:0;
border:3px solid {color:Container border};
border-top-left-radius:100px;
border-top-right-radius:100px;
background:{color:Container background};
min-height:1000px;
padding-bottom:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}

/* -------- HEADER ------- */

#header{
margin-top:0px;
margin-left:auto;
background:url('http://i60.tinypic.com/2e1ds2b.jpg');
{block:IfHeaderBackgroundBlue}
background:url('https://31.media.tumblr.com/cd4ab4a8ca0af0f7bfd0a7a482198d0b/tumblr_inline_n7qj1
bj9s31rnjuep.png');
{/block:IfHeaderBackgroundBlue}
margin-right:auto;
border-top-left-radius:100px;
border-top-right-radius:100px;
width:895px;
height:90px;
z-index:10000000;
}

/* Header links */

.mainicons{
position:absolute;
margin-left:40px;
margin-top:30px;
text-align:center;
}

.mainicons i{
width:15px;
height:15px;
padding:5px;
border-radius:25px;
border:1px solid #FFCACB;
color:{color:Main icon};
background:url('https://31.media.tumblr.com/129b4e995d7b218ed76a966b889d4b85/tumblr_inline_n7qil
7s3ED1rnjuep.png');
margin-left:10px;
z-index:10000;
}

.mainicons i:hover{
background:#FFCACB;
color:{color:Hover};
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}

/* Search box */

.search{
position:absolute;
width:180px;
padding:10px;
margin-top:20px;
margin-left:690px;
}

.search i{
position:absolute;
margin-left:-30px;
margin-top:2px;
padding:10px;
color:#A3CFE7;
}
/* Blog title */

#blogtitle{
position:absolute;
margin-left:362px;
margin-top:60px;
padding:10px;
text-align:center;
height:113px;
width:158px;
z-index:1000000;
background:url('http://i58.tinypic.com/2uz9dep.jpg');
{block:IfBlogTitleBackgroundBlue}
background:url('http://i58.tinypic.com/19w0vs.jpg');
{/block:IfBlogTitleBackgroundBlue}
}

.btitle{
text-align:center;
font-family:{select:Title Font};
font-size:{select:Title font size};
line-height: -moz-calc({select:Title font size} + 3px);
line-height: -webkit-calc({select:Title font size} + 3px);
line-height: -o-calc({select:Title font size} + 3px);
line-height: calc({select:Title font size} + 3px);
color:{color:Blog Title};
margin-left:10px;
margin-top:{text:Blog title top margin};
width:138px;
}

#blogtitle:hover{
color: {color:hover};
-webkit-transition: opacity .3s linear;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}

/* -------- TOPBAR ------- */

#topbar{
margin-top:-10px;
margin-left:auto;
background:url('http://i58.tinypic.com/307nlmf.jpg');
margin-right:auto;
background-position:center;
width:900px;
height:80px;
z-index:100000;
}

#topbar a{
color:{color:Link};
font-family:{select:Link Font};
}

/* Topbar links */

#link1m{
position:absolute;
width:100px;
background:url('https://31.media.tumblr.com/78e8234510ada0873daebaa8a4df5a05/tumblr_inline_n7q6z
kpkmI1rnjuep.png');
margin-left:10px;
height:20px;
padding:2px;
margin-top:26px;
font-size:14px;
line-height:22px;
z-index:1000000;
text-align:center;
border:1px solid #FFCACB;
border-radius:7px;
}

#link2m{
position:absolute;
width:100px;
background:url('https://31.media.tumblr.com/78e8234510ada0873daebaa8a4df5a05/tumblr_inline_n7q6z
kpkmI1rnjuep.png');
margin-left:130px;
height:20px;
padding:2px;
margin-top:26px;
font-size:14px;
line-height:22px;
z-index:1000000;
text-align:center;
border:1px solid #FFCACB;
border-radius:7px;
}

#link3m{
position:absolute;
width:100px;
background:url('https://31.media.tumblr.com/78e8234510ada0873daebaa8a4df5a05/tumblr_inline_n7q6z
kpkmI1rnjuep.png');
margin-left:250px;
height:20px;
padding:2px;
margin-top:26px;
font-size:14px;
line-height:22px;
z-index:1000000;
text-align:center;
border:1px solid #FFCACB;
border-radius:7px;
}

#link4m{
position:absolute;
width:100px;
background:url('https://31.media.tumblr.com/78e8234510ada0873daebaa8a4df5a05/tumblr_inline_n7q6z
kpkmI1rnjuep.png');
margin-left:555px;
height:20px;
padding:2px;
margin-top:26px;
font-size:14px;
line-height:22px;
z-index:1000000;
text-align:center;
border:1px solid #FFCACB;
border-radius:7px;
}

#link5m{
position:absolute;
width:100px;
background:url('https://31.media.tumblr.com/78e8234510ada0873daebaa8a4df5a05/tumblr_inline_n7q6z
kpkmI1rnjuep.png');
margin-left:670px;
height:20px;
padding:2px;
margin-top:26px;
font-size:14px;
line-height:22px;
z-index:1000000;
text-align:center;
border:1px solid #FFCACB;
border-radius:7px;
}

#link6m{
position:absolute;
width:100px;
background:url('https://31.media.tumblr.com/78e8234510ada0873daebaa8a4df5a05/tumblr_inline_n7q6z
kpkmI1rnjuep.png');
margin-left:785px;
height:20px;
padding:2px;
margin-top:26px;
font-size:14px;
line-height:22px;
z-index:1000000;
text-align:center;
border:1px solid #FFCACB;
border-radius:7px;
}

#link1m:hover, #link2m:hover, #link3m:hover, #link4m:hover, #link5m:hover, #link6m:hover{


background:#FFCACB;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}

/* -------- SIDEBAR ------- */

#sidebar{
position:absolute; !important;
width:180px;
height:auto;
padding:10px;
margin-top:10px;
margin-left:30px;
{block:IfSidebarRight}
margin-left:670px;
{/block:IfSidebarRight}
font-size:{select:Sidebar font size};
line-height: -moz-calc({select:Sidebar font size} + 3px);
line-height: -webkit-calc({select:Sidebar font size} + 3px);
line-height: -o-calc({select:Sidebar font size} + 3px);
line-height: calc({select:Sidebar font size} + 3px);
overflow:visible;
z-index:100;
}

/* Sidebar image */

#sidebarimage {
position:relative;
margin:0px;
width:180px;
height:135px;
z-index:1000000;
background:url('http://i58.tinypic.com/1182fjp.jpg');
{block:ifSidebarImageBorderBlue}
background:url('http://i60.tinypic.com/xfvjb5.jpg');
{/block:ifSidebarImageBorderBlue}
}

#sidebarimage img {
margin-top:17px;
margin-left:20px;
width:138px;
height:105px;}

#sidebarimage:hover {
transition: all .7s ease;
}

/* Sidebar title */

#sidebartitle{
position:relative;
margin-left:5px;
margin-top:10px;
text-align:center;
background:url('http://i58.tinypic.com/6hq8w8.jpg');
font-family:{select:Title Font};
font-size:20px;
color:{color:Title};
letter-spacing:2px;
line-height:42px;
height:40px;
width:172px;
}

#sidebartitle:hover{
font-size:23px;
color: {color:Hover};
}

/* Sidebar Links*/

#sidebarlinks{
background:{color:Sidebar};
width:147px;
height:auto;
max-height:150px;
overflow-y:auto;
overflow-x:hidden;
padding:10px;
margin-top:-10px;
margin-left:5px;
border:3px solid {color:Sidebar border};
border-bottom-left-radius:20px;
}

#sidebarlinks a{
display:block;
width:140px;
color:{color:Link};
font-family:{select:Link Font};
height:20px;
padding:2px;
margin-top:2px;
font-size:17px;
line-height:22px;
border:1px solid #E2F1F0;
border-radius:5px;
}

#sidebarlinks i{
color:{color:Icon};
}

#sidebarlinks a:hover{
color:#FFAEAD;
background:#E2F1F0;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

/* Description */

#desc{
background:{color:Sidebar};
width:147px;
font-family:{select:Description Font};
height:auto;
max-height:150px;
overflow-y:auto;
overflow-x:hidden;
padding:10px;
margin-top:-10px;
margin-left:5px;
border:3px solid {color:Sidebar border};
border-bottom-left-radius:20px;
}

/* Updates */

#updates{
background:{color:Sidebar};
width:147px;
font-family:{select:Description Font};
height:auto;
max-height:150px;
overflow-y:auto;
overflow-x:hidden;
padding:10px;
margin-top:-10px;
margin-left:5px;
text-align:justify;
border:3px solid {color:Sidebar border};
border-bottom-left-radius:20px;
}

/* Stats */

#stats{
background:{color:Sidebar};
width:147px;
height:auto;
max-height:150px;
overflow-y:auto;
overflow-x:hidden;
padding:10px;
margin-top:-10px;
margin-left:5px;
text-align:center;
border:3px solid {color:Sidebar border};
border-bottom-left-radius:20px;
}

#stats a{
font-family:{select:Link Font};
}

/* Blogroll */

#blogroll{
background:{color:Sidebar};
width:147px;
height:auto;
max-height:150px;
overflow-y:auto;
overflow-x:hidden;
padding:10px;
margin-top:-10px;
margin-left:5px;
font-size:17px;
line-height:20px;
text-align:justify;
border:3px solid {color:Sidebar border};
border-bottom-left-radius:20px;
}

#blogroll img{
max-width:25px;
border:3px solid {color:Post info border};
}

/* -------- POSTS AND ENTRIES ------- */

#posts {
width:590px;
margin-top:40px;
z-index:0;
padding-top:20px;
padding-right:10px;
padding-left:30px;
margin-left:250px;
{block:IfSidebarRight}
margin-left:5px;
{/block:IfSidebarRight}
position:relative;
overflow-y: hidden;
}

.entry {
float:left;
display: block;
margin:10px;
overflow:hidden;
width:500px;
{block:ifTwoColumns}
width:250px;
{/block:ifTwoColumns}
padding:10px;
background:{color:Post Background};
border:2px solid {color:Post borders};
border-top-right-radius:30px;
border-bottom-left-radius:30px;
color:{color:Text};
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.entry:hover{
border-radius:0px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}

.entry img { max-width: 100%; }

/* ----------------------- POST STYLES ----------------------------- */

/* Quote posts */

.quote {
font-family:{select:Title Font};
font-size:{select:Title font size};
line-height: -moz-calc({select:Title font size} + 3px);
line-height: -webkit-calc({select:Title font size} + 3px);
line-height: -o-calc({select:Title font size} + 3px);
line-height: calc({select:Title font size} + 3px);
color:{color:Italic};
height:auto;
margin:10px;
padding:5px;
text-align:center;
letter-spacing:1px;
}

.source {
font-family:{font:Body font};
font-size:{select:Body font size};
line-height:130%;
height:auto;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
padding:5px;
text-align:right;
letter-spacing:1px;
}

/* Link posts */

#linktitle{
font-family:{select:Title Font};
font-size:{select:Title font size};
line-height:130%;
width:96%;
padding:2%;
border:1px solid {color:Post borders};
}

#linktitle a{
color:{color:Link};
}

#linktitle i{
color:{color:Icon};
}

/* Chat posts */

.chat li {
padding:5px;
margin-top:-2px;
display:block;
border-bottom:1px solid {color:Post borders};
}

.chat li:last-child{
border-bottom:1px solid transparent;
}

.label {
color:{color:Bold};
font-size:15px;
font-family:{select:Title Font};
padding-right:2px;
}

/* Audio posts */

#audiocon{
width:100%;
height:auto;
min-height:75px;
overflow:hidden;
margin-bottom:10px;
}

.album{
width:65px;
height:65px;
background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
border: 5px solid {color:Post borders};
}

.album img{
max-width:65px;
margin-left:0px;
float:left;
margin-top:0px;
z-index:10;
}

.audio{
position:absolute;
max-width:325px;
margin-left:80px;
float:left;
margin-top:0;
z-index:10;
font-size:12px;
overflow:hidden;
}

.audio i{
color:{color:Icon};
border:1px solid {color:Post borders};
padding:2px;
width:12px;
height:12px;
font-size:12px;
margin-bottom:1px;
text-align:center;
}

.play{
position:absolute;
margin:20px;
max-width:25px;
max-height:25px;
overflow:hidden;
opacity:0.8;
}

/* Ask Posts */

.bubble {
position: relative;
height:auto;
margin:5px;
padding:5px;
border: 1px solid {color:Post borders};
z-index:1;
min-height:50px;
}

.asker img {
float:left;
border:1px solid {color:Post borders};
margin-right:5px;
z-index:2000;
border-radius:100%;
}

/* ----------------------- POST INFO ----------------------------- */

#postinfo{
margin-top:10px;
width:500px;
{block:IndexPage}
{block:IfShowInfoOnHover}
display:none;
height:0;
{/block:IfShowInfoOnHover}
{/block:IndexPage}
{block:PermalinkPage}
margin-top:10px;
width:500px;
height:auto;
{/block:PermalinkPage}
z-index:1000;
}

.entry:hover #postinfo{
{block:IndexPage}
{block:IfShowInfoOnHover}
height:auto;
display:block;
bottom:0px;
left:0px;
padding-left:15px;
padding-right:15px;
position:absolute;
background:{color:Info background};
opacity:0.9;
color:{color:Link};
border-top:1px solid {color:Post borders};
{/block:IfShowInfoOnHover}
{/block:IndexPage}
}

.entry:hover #postinfo{
{block:IndexPage}
{block:IfShowInfoOnHover}
height:auto;
display:block;
bottom:0px;
left:0px;
padding-left:10px;
padding-right:10px;
position:absolute;
background:{color:Info background};
opacity:0.9;
color:{color:Link};
border-top:1px solid {color:Post borders};
{/block:IfShowInfoOnHover}
{/block:IndexPage}
}

#postinfo a {
font-size:12px;
}

.info {
height:28px;
line-height:20px;
float:center;
padding-top:5px;
margin-top:0px;
margin-bottom:5px;
font-size:12px;
width:500px;
color:{color:Link};
border-top:1px solid {color:Post borders};
text-transform:lowercase;
{block:IfShowInfoOnHover}
border:none;
{/block:IfShowInfoOnHover}
}

.info i{
color:{color:Icon};
}

/* Permalink, like and reblog buttons */

.plrbuttons {
float:right;
margin-left:400px;
margin-top:-22px;
z-index:200000;
list-style: none;
padding:5px;
padding-bottom:2px;
}

.plrbuttons i {
float:left;
display:inline-block;
margin-left:5px;
list-style:none;
color:#cccccc;
font-size:15px;
}

.plrbuttons li:first-child {
border-right: 0px solid #e8e8e8;
}

/* Tags */

.tags {
margin-top:5px;
display:inline;
width:100%;
}

.tags i{
color:{color:Icon};
display:inline;
}

/*-- PAGINATION --*/

#pagination {
margin-top:-3px;
width:840px;
height:40px;
line-height:40px;
}

.jump_page {
padding: 4px 8px;
color:{color:Link};
font-size:14px;
text-decoration:none;
background:{color:Menu background};
border:1px solid {color:Post borders};
}

.current_page, .jump_page:hover{
padding: 4px 8px;
color:{color:Hover};
font-size:14px;
text-decoration:none;
background:{color:Menu background};
border:1px solid {color:Post borders};
}

/* INFINITE SCROLL */

#infscr-loading{
bottom: -80px;
position: absolute;
left: 50%;
margin-left:-5px;
width:15px;
height:10px;
overflow:hidden;
}

/* SCROLL TO TOP */

#scrollToTop:link,
#scrollToTop:visited {
display: none;
position: fixed;
bottom: 5px;
right: 5px;
}

/*-- CREDITS --*/

#credits {
position:fixed;
right:10px;
top:65px;
z-index:100000;
}

#credits img{
border:1px solid {color:Post borders};
}

</style>

<!----------------------------- SCRIPTS ------------------------------->

<!--Scroll to top-->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"
src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{text:Scroll to
top image url}" title="Go to Top" alt="Go to Top"/></a>

<!--Fort awesome script-->

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<!--Jquery script-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- Style my tooltips script -->

<script src="jquery.style-my-tooltips.js"></script>

<script type="text/javascript"
src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>

<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
}
);
});
})(jQuery);
</script>

<!--Sticky avatar-->

<script type="text/javascript">
$(function(){
var stickyRibbonTop = $('.sticky').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > stickyRibbonTop ) {
$('.avatar-image').css({position: 'fixed', top: '0px', width:'80px', height:'80px'});
} else {
$('.avatar-image').css({position: 'absolute', top: '-60px', width:'110px', height:'110px'});
}
});
});
</script>

{block:IndexPage}
<script type="text/javascript"
src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>

{block:ifInfiniteScroll}
<script type="text/javascript"
src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
{/block:ifInfiniteScroll}

<script type="text/javascript">
$(window).load(function(){
var $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : '#pagination',
nextSelector : '#pagination a',
itemSelector : '.entry',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('#posts').show(500);
});
</script>
{/block:IndexPage}

<meta charset="utf-8">
<title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for
SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<!------------------------------ HTML ------------------------------->

<body>

<!--Main container-->
<div id="center">

<!--Header-->

<div id="header">

<!--Main icons-->
{block:IfShowMainIcons}
<div class="mainicons">
<a href="/" title="Home"><i class="fa fa-home"></i></a>
{block:IfAskEnabled}
<a href="/ask" title="Ask"><i class="fa fa-envelope"></i></a>
{/block:IfAskEnabled}
{block:IfSubmissionsEnabled}
<a href="/submit" title="Submit"><i class="fa fa-pencil"></i></a>
{/block:IfSubmissionsEnabled}
{block:IfShowArchiveLink}
<a href="/archive" title="Archive"><i class="fa fa-clock-o"></i></a>
{/block:IfShowArchiveLink}
</div>
{/block:IfShowMainIcons}

<!--Blog title-->
<div id="blogtitle">
<div class="btitle">{Title}</div>
</div>

<!--Search box-->
{block:IfShowSearch}
<div class="search">
<form action="/search" method="get">
<input type="text" name="q" value="search..." style="width:155px; padding-left:10px; height:20px;
border:2px solid #F8D2D3;
background:url('https://31.media.tumblr.com/129b4e995d7b218ed76a966b889d4b85/tumblr_inline_n7qil7s3E
D1rnjuep.png'); color:{color:Link}; border-top-right-radius:20px; border-bottom-left-radius:20px;
font-size: 12px;margin-top:4px; margin-left:0px;"/><i class="fa fa-search"></i></form>
</div>
{/block:IfShowSearch}
</div>

<!--Topbar-->

<div id="topbar">
{block:IfShowLink1m}
<div id="link1m"><a href="{text:Link 1m url}">{text:Link 1m}</a> </div>
{/block:IfShowLink1m}
{block:IfShowLink2m}
<div id="link2m"><a href="{text:Link 2m url}">{text:Link 2m}</a> </div>
{/block:IfShowLink2m}
{block:IfShowLink3m}
<div id="link3m"><a href="{text:Link 3m url}">{text:Link 3m}</a> </div>
{/block:IfShowLink3m}
{block:IfShowLink4m}
<div id="link4m"><a href="{text:Link 4m url}">{text:Link 4m}</a> </div>
{/block:IfShowLink4m}
{block:IfShowLink5m}
<div id="link5m"><a href="{text:Link 5m url}">{text:Link 5m}</a> </div>
{/block:IfShowLink5m}
{block:IfShowLink6m}
<div id="link6m"><a href="{text:Link 6m url}">{text:Link 6m}</a> </div>
{/block:IfShowLink6m}
</div>

<!--Sidebar-->

<div id="sidebar">

{block:IfShowSidebarImage}
<div id="sidebarimage"><img src="{image:Sidebar}"></div>
{/block:IfShowSidebarImage}

{block:IfShowDescription}
<div id="sidebartitle">{text:Title 2}</div>
<div id="desc">
{description}
</div>
{/block:IfShowDescription}

{block:IfShowNavigation}
<div id="sidebartitle">{text:Title 1}</div>
<div id="sidebarlinks">
{block:IfShowLink1}
<a href="{text:Link 1 url}"><i class="fa fa-star"></i> {text:Link 1}</a>
{/block:IfShowLink1}
{block:IfShowLink2}
<a href="{text:Link 2 url}"><i class="fa fa-star"></i> {text:Link 2}</a>
{/block:IfShowLink2}
{block:IfShowLink3}
<a href="{text:Link 3 url}"><i class="fa fa-star"></i> {text:Link 3}</a>
{/block:IfShowLink3}
{block:IfShowLink4}
<a href="{text:Link 4 url}"><i class="fa fa-star"></i> {text:Link 4}</a>
{/block:IfShowLink4}
{block:IfShowLink5}
<a href="{text:Link 5 url}"><i class="fa fa-star"></i> {text:Link 5}</a>
{/block:IfShowLink5}
</div>
{/block:IfShowNavigation}

{block:IfShowUpdates}
<div id="sidebartitle">{text:Title 3}</div>
<div id="updates">
{text:Updates}
</div>
{/block:IfShowUpdates}

{block:IfShowStats}
<div id="sidebartitle">{text:Title 4}</div>
<div id="stats">
{text:Stats}
</div>
{/block:IfShowStats}

{block:IfShowBlogroll}
<div id="sidebartitle">{text:Title 5}</div>
<div id="blogroll">
{block:Following}
{block:Followed}
<a target="_blank" href="{FollowedURL}" title="{FollowedName}">
<img src="{FollowedPortraitURL-96}" /></a>
{/block:Followed}
{/block:Following}
</div>
{/block:IfShowBlogroll}

</div>
<!--Sidebar ends-->

<div id="posts">

<div class="autopagerize_page_element">

{block:Posts}

<div class="entry">

<!--Hide via and source in captions-->

<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}
{ReblogParentName}
{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->

{block:ContentSource}
<!-- {SourceURL}
{block:SourceLogo}
<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo} -->
{/block:ContentSource}

{block:Text}
{block:Title}
<a href="{Permalink}">
<h1>{Title}</h1></a>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
{LinkOpenTag}
<center>
<img src="{PhotoURL-500}"
alt="{PhotoAlt}" width="500"/>
</center>
{LinkCloseTag}
{/block:Photo}

{block:Photoset}
{Photoset-500}
{/block:Photoset}
{block:Quote}
<div class="quote">
"{Quote}"
{block:Source}
<div class="source">-{Source}
</div>{/block:Source}</div>
{/block:Quote}

{block:Link}
<a href="{URL}"
class="linkpost"
target="_blank">
<h1><i class="fa fa-link"></i>
{Name} &raquo;</h1></a>
{block:Description}
{Description}
{/block:Description}
{/block:Link}

{block:Chat}
<div class="chat">
{block:Lines}
<li class="{Alt}">
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>
{/block:Lines}
</div>
{/block:Chat}

{block:Audio}
<div id="audiocon">
<div class="audio">
{block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
{block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
{block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
{block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
<div class="album">
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
<div class="play">
{AudioPlayerWhite}
</div>
</div>
</div>
{/block:Audio}

{block:Video}
{VideoEmbed-500}
{/block:Video}

{block:Answer}
<div class="bubble">
<div class="asker">
<img src="{AskerPortraitURL-48}">
</div>
<span></span>{Asker}:
{Question}</div>
{Answer}
{/block:Answer}

{block:IndexPage}
{block:IfShowCaptions}
{block:Caption}
<h2>{Caption}</h2>
{/block:Caption}
{/block:IfShowCaptions}
{/block:IndexPage}
{block:Date}
<div id="postinfo">

<div class="info">
<i class="fa fa-clock-o"></i>
{ShortMonth} {DayOfMonthWithZero}
{block:NoteCount}
<i class="fa fa-heart-o"></i>
{NoteCount}
{/block:NoteCount}

{block:RebloggedFrom}
<i>//</i>
<a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
{/block:RebloggedFrom}
{block:RebloggedFrom}
<i>//</i>
<a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
{/block:RebloggedFrom}

<div class="plrbuttons">
{block:IndexPage}
<a href="{Permalink}">
<i class="fa fa-external-link"></i></a>
{/block:IndexPage}
<i>{LikeButton size="15"}</i>
<i>{ReblogButton size="15"}</i>
</div>

</div>
<!--End info -->

{block:IndexPage}
{block:IfShowTags}
{block:HasTags}
{block:Tags}
<a href="{TagURL}">
<i class="fa fa-tag"></i> {Tag}</a>
{/block:Tags}
{/block:HasTags}
{/block:IfShowTags}
{/block:IndexPage}
{block:PermalinkPage}
{block:HasTags}
{block:Tags}
<a href="{TagURL}">
<i class="fa fa-tag"></i>
{Tag}</a> &nbsp;
{/block:Tags}
{/block:HasTags}
{/block:PermalinkPage}

</div>
<!--End post info-->
{/block:Date}

<!-- Permalink page -->


{block:PermalinkPage}
<div class="notes">

{block:PermalinkPagination}
<center><br>
{block:PreviousPost}
<a href="{PreviousPost}"> &laquo; Previous Post – </a>
{/block:PreviousPost}

{block:NextPost}
<a href="{NextPost}">Next Post &raquo;</a>
{/block:NextPost}
</center>
{/block:PermalinkPagination} <br>

{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>

{/block:PermalinkPage}

</div>
<!--End entry-->

{/block:Posts}

</div>
<!-- End autopagerize-page-element -->

</div>
<!--End posts-->

</div>
<!--End container-->

{block:ifNotInfiniteScroll}
<center>
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<span class="jump_page">
<a href="{PreviousPage}">«</a></span>
{/block:PreviousPage}
{block:JumpPagination length="4"}
{block:CurrentPage}
<span class="current_page">
{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<span class="jump_page"><a href="{URL}">{PageNumber}</a></span>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<span class="current_page">
<a href="{NextPage}">»</a></span>
{/block:NextPage}
</div>
{/block:Pagination}
</center><br>
{/block:ifNotInfiniteScroll}

<!--Credit (do not remove)-->


<a href="http://borntobewildthemes.tumblr.com"><div id="credits" title="theme KAWAII DREAMS by
borntobewildthemes">
<img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>

</body>

</html>

S-ar putea să vă placă și