Actually Themes

<html>
<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,700|Lato|Chivo|Karla|Muli|Roboto:400,400italic,500,500italic|Inconsolata|Vollkorn:400italic,400|Playfair+Display:400,900,700italic|Cardo|Anonymous+Pro|Nunito' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Neucha" rel="stylesheet">

<head>

<title><$BlogPageTitle$></title>

<link href="http://38.media.tumblr.com/tumblr_m89gpaOOFt1qdlkyg.gif" rel="icon" type="image/x-icon"/>
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i|Hind:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<style type="text/css">
/* body
---------------------------------------------*/

body{
font-family:Karla;
font-size:12px;
margin:0;
line-height:23px;
color:#000;
letter-spacing:1px;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;

}

a{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color:#fff;
text-decoration:none;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}e

a:hover{
color:#eee;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.clear{
clear:both;
}

img{
margin-bottom:10px;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

::-webkit-scrollbar {
width:10px;
}

::-webkit-scrollbar-track {
background:#f9f9f9;
}

::-webkit-scrollbar-thumb {
background:#eee;
}


blockquote {
  -webkit-user-select: text;
    -moz-user-select: text;
    padding: 5px;
    border: 1px dashed pink;
    padding-left: 25px;
    background: url(http://4.bp.blogspot.com/-VIGEnipvWmc/T8wvMRpFMqI/AAAAAAAABjE/fPo8fBg-2Js/s1600/pink.png) repeat-y;
    background-size: 20px 20px;
    color: #aaa;
    -webkit-transition: all .4s ease-in-out!important;
    -moz-transition: all .4s ease-in-out!important;
    -o-transition: all .4s ease-in-out!important;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

blockquote:hover{
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:80px;
color:#000;
}

::-moz-selection {
background: #F9EDED;
color:#000;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

::selection {
background: #F9EDED;
color:#000;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}


/* Header
---------------------------------------------*/
.header{
background:url(https://s-media-cache-ak0.pinimg.com/originals/07/97/74/079774fc08385069775e065d3737306a.png) no-repeat;
width:100%;
height:500px;
background-position:center;
text-align:center;
padding-top:0px;
}

.header-text{
font-family: Karla;
width:80%;
color:#B38184;
font-weight:500;
padding:20px;
font-size:34px;
letter-spacing:10px;
line-height:100px;
border:0px solid #eee;
text-transform:none;
}


/* navigation
---------------------------------------------*/
.navigation-box{
background:#000;
width:100%;
padding:1%;
top:0px;
position:fixed;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.navigation-box a.navi{
font-family: Karla;
font-weight:300;
margin:15px;
width:70%;
font-size:12px;
letter-spacing:3px;
text-transform:uppercase;
color:#fff;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.navigation-box a:hover{
background: -moz-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(90deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
color:#000;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.navigation-box a.fa{
color:#a289a8;
font-size:13px;
margin-left:25px;
}

.navigation-box a.fa:hover{
color:#000;
}



/* About Me - Located at home page
---------------------------------------------*/
.about-me-section{
background:url(https://sites.google.com/site/blogpixiefreebies/downloads/actually_desktop.png);
background-position:50% 50%;
width:100%;
height:300px;
padding:1%;
margin-top:-45px;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.about-me-text{
font-family: Karla;
letter-spacing:2px;
padding:2%;
float:center;
width:46%;
color:#000;
font-weight:bold;
}

.about-me-section h2{
color:#000;
font-weight:bold;
letter-spacing:10px;
font-size:19px;
text-transform:uppercase;
text-align:center;
margin-bottom:20px;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}


/* Blog - thumbnail and all
---------------------------------------------*/
.blog-body-box{
width:85%;
text-align:center;
}

.blog-body-column{
width:29.33%;
padding:2%;
text-align:center;
float:left;
}

.excerpt{
overflow:hidden;
height:360px;
width:330px;
padding-bottom:10px;
font-family: Karla;
font-size:12px;
text-align:justify;
}

.excerpt img{
margin-bottom:5px;
max-width:100%;
max-height:100%;
}

.excerpt a{
margin:0!important;
}
.excerpt h2.home-post-title{
text-align:center;
line-height:23px;
border-bottom:1px solid #eee;
}

.excerpt h2.home-post-title span{
font-family: Karla;
font-size:13px;
text-align:center;
letter-spacing:3px;
font-weight:normal;
color:#000;
text-transform:uppercase;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.blog-body-column a.button{
margin-top:15px;
background: -moz-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(90deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
padding:1px;
width:120px;
font-size:10px;
letter-spacing:2px;
display:inline-block;
text-transform:uppercase;
color:#000;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.blog-body-column a.button:hover{
background:#FEFAFA;
color:#000;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

.button1{
width:85%;
padding:1.5%;
margin-top:30px;
border-top:1px dotted #ddd;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}
.button2{
width:97%;
padding:1.5%;
margin-top:15px;
margin-bottom:20px;
display:inline;
font-family:karla;
font-size:16px;
color:#000;
cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}

a.latest-entries-button{
display:block;
border:0px;
padding-bottom:4px;
margin:0px;
}

.date{
font-weight:normal;
text-transform:uppercase;
color:#000;
font-size:12px;
text-align:center;
margin-bottom:10px;
letter-spacing:3px;
}


/* Blog - Single Post
---------------------------------------------*/
.blog-single-post{
background:#fff;
width:80%;
border:0px dashed #eee;
text-align:justify;
padding:1%;
margin-top:-21px;
}

.blog-single-post .entry{
font-family:Karla;
font-size:12px;
width:61%;
padding:2%;
float:left;
border-right:1px solid #f9f9f9;
}

.blog-single-post .entry a{
margin:0!important;
margin-bottom:10px;
}
.blog-single-post .entry img{
max-width:100%;
max-height:100%;
}

h2.title{
font-size:14px;
color:#000;
display:block;
padding-left:22px;
letter-spacing:5px;
text-transform:uppercase;
margin:0;
margin-bottom:0px;
font-weight:normal;
text-align:center;
}


h3.date-header{
font-weight:normal;
text-transform:uppercase;
color:#DFC4C4;
font-size:12px;
text-align:center;
margin-bottom:20px;
margin-top:10px;
letter-spacing:4px;
border-bottom:1px solid #eee;
}

.blog-single-post .sidebar{
width:30.8%;
float:right;
padding:2%;
}

.blog-single-post .sidebar img{
max-width:100%;
max-height:100%;
}
p.blogger-labels{
background: -moz-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(0deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(90deg, rgba(255,244,242,1) 0%, rgba(246,246,246,1) 100%);
padding:2px;
border-top:0px dashed #eee;
text-align:center;
margin-top:30px;
}

.comment-icon blogger-comment-icon{
display:none
}

span.comment-icon{
display:none
}
.comment-count{
font-size:14px;
color:#888;
display:block;
padding-left:22px;
letter-spacing:10px;
text-transform:uppercase;
margin:0;
margin-bottom:20px;
font-weight:normal;
text-align:center;
margin-top:50px;
}

.username-comment{
margin-bottom:10px;
}

.comment-content{
border:1px solid #eee;
padding:2%;
}

.sidebar{
color:#6E6E6E;
}

.sidebar h2{
font-weight:normal;
font-size:13px;
text-transform:uppercase;
letter-spacing:4px;
text-align:center;
border-top:1px solid #eee;
line-height:1px;
margin:0;
margin-bottom:15px;
}

.sidebar h2 span{
background:#fff;
padding-left:20px;
padding-right:20px;
}


/* Footer
---------------------------------------------*/
.footer{
background: #000;
font-family: 'Hind', sans-serif;
text-transform:uppercase;
font-size:80%;
letter-spacing:4px;
padding:0.5%;
color:#fff;
}
/* Responsive - max 750px
------------------------------------------*/
@media only screen and (max-width: 750px) {

.header{
background-size:300%;
height:50%;
}

.excerpt{
width:100%;
}

.blog-body-box{
width:100%;
}

.blog-body-column{
width:98%;
padding:1%;
}

.blog-single-post{
width:100%;
padding:1%;

}
.blog-single-post .entry{
width:96%;
padding:2%;
}
.blog-single-post .sidebar{
width:96%;
padding:2%;
}
.button2{
display:block;
}

.about-me-section{
width:95%;
}
.about-me-pic{
width:100%;
}
.about-me-text{
padding:2%;
float:left;
width:96%;
color:#585858;
}

.about-me-section a.button{
width:80%;
}
}
/* Responsive - max 550px
------------------------------------------*/
@media only screen and (max-width: 550px) {
.navigation-box{
padding:0;
width:100%;
}
.navigation-box a.navi{
width:100%;
display:inblock;
padding:0;
}

.navigation-box a.fa{
margin-top:10px;
}
}

</style>

<style>
#text {
position:relative;
top:-190px;
left:10px;
font-size:14px;
font-family:karla;
line-height:20px;
font-style:normal;
width:280px;
text-align:center;
height:70px;
text-transform:uppercase;
color:#000;
background:#fff;
-webkit-transition: 0.2s;
opacity:0.5;
}

#text:hover {
background:#fff;
color:#000;
-webkit-transition: 0.2s;
opacity:.9;
}

</style>

</head>
<body>

<!------------------------------- start html ----------------------------------->
<!-----------------header-------------------->
<div class="header">


</div>


<!-----------------navigation-------------------->

<div class="navigation-box">
<left>
<a class="navi" href="">Home</a>
<a class="navi" href="">About</a>
<a class="navi" href="">Entry</a>
<a class="navi" href="">STUFF</a>
<a class="navi" href="">FRIENDS</a>
<a class="navi" href="">Follow</a>
<a class="navi" href="http://blogger.com/home" target="_blank" rel="nofollow" >Dashboard</a>
</left>


<div style="float:right; margin-right:60px;">
<a style="color:#fff;" href="" class="fa fa-tumblr" target="_blank"></a>
<a style="color:#fff;" href="" class="fa fa-instagram" target="_blank"></a>
<a style="color:#fff;" href="" class="fa fa-pinterest-p" target="_blank"></a>
<a style="color:#fff;" href="" class="fa fa-envelope" target="_blank"></a>
</div>
</div>


<!----------------- About Me - in home page-------------------->
<MainPage>
</br></br>
<center><div class="about-me-section">
<div class="about-me-text"><div id="main">
<h2>The Writer</h2>
<br/>
<div style="font-family: karla; font-size:12px; color:#000; letter-spacing:2px; padding:2px;">Assalamu'alaikum. Fifi Anggraeni. 22 y.o. Serang, Banten, Indonesia. "Allah memberikan apa yang kita butuhkan, bukan apa yang kita inginkan. Believe it!, Allah always with us, dimanapun, kapanpun, dan apapun yang sedang kita lakukan."</div>

<br/>

</div></div></div></div>
</center>

</MainPage>


<!----------------- Blog Post Thumbnail and Excerpt-------------------->
<MainPage>
</br></br></br>
<center><div style="color:#000; font-weight:800; text-align:center; font-family: Caveat; letter-spacing:3px; font-size:38px; text-transform:lowercase; ">LATEST POST</div></br>

<center>
<div class="blog-body-box">
<Blogger>

<div class="blog-body-column">
<div class="excerpt">
<h2 class="home-post-title"><span><BlogItemTitle>
<$BlogItemTitle$>
</BlogItemTitle></span></h2>
<$BlogItemBody$>
</div>
<a class="button" href="<$BlogItemPermalinkURL$>">Read More </a></div>
</Blogger>
<div class="clear"></div>
</div>

</center>
</MainPage>

<!----------------- Single Post -------------------->
<ItemPage>

<style>

@media only screen and (max-width: 750px) {

.button1{display:none;}

}

</style>

</br>
<center><div class="blog-single-post">
<div class="entry">

<Blogger>
<h2 class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h2>
<BlogDateHeader><h3 class="date-header"><$BlogDateHeaderDate$></h3>
</BlogDateHeader>
<$BlogItemBody$>
<br>
<br>
<br>
<br>

<center>
<div class="button2">
<div style="float: left; font-family: Neucha; font-size: 18px; font-weight:600;"><span class="fa fa-arrow-left"></span><a href=<$NewerPosts$>> Newest Posts</a></div>
<div style="float: right; font-family: Neucha; font-size: 18px; font-weight:600;"><a href=<$OlderPosts$>>Older Posts</a><span class="fa fa-arrow-right"></span></div>
</div>
</center>


<div class="comment-count"><$BlogItemCommentCount$> comments</div>
<blogitemcommentsenabled><a name="comments"></a>
<$CommentPager$><blogitemcomments>
<a name="<$BlogCommentAnchorName$>"></a><div class="username-comment"><$I18NCommentAuthorSaid$></div>
<div class="comment-content"><$BlogCommentBody$></div>
<$BlogCommentDeleteIcon$>
</blogItemComments>
<$CommentPager$>
<$BlogItemCreate$>

</Blogger>


</div>

<div class="sidebar">

<center>
<img src="https://i.pinimg.com/564x/15/f8/ad/15f8adf1c7342723a86c074bb19201ff.jpg" width="250" style="-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;padding:5px; border:4px solid #eee;"/><center/><div style="color:#000; text-align:center; font-family: Karla; letter-spacing:2px; font-size:12px;">Fifi Anggraeni, 22. A personal blog based in Indonesia. Enjoy your visit! ^^</div>
<br/>

<a style="padding:10px; color:#000;" href="" class="fa fa-tumblr" target="_blank"></a>
<a style="padding:10px; color:#000;" href="" class="fa fa-instagram" target="_blank"></a>
<a style="padding:10px; color:#000;" href="" class="fa fa-facebook" target="_blank"></a>
<a style="padding:10px; color:#000;" href="" class="fa fa-twitter" target="_blank"></a>
<a style="padding:10px; color:#000;" href="" class="fa fa-google-plus" target="_blank"></a>
<a style="padding:10px; color:#000;" href="" class="fa fa-pinterest-p" target="_blank"></a>
<a style="padding:10px; color:#000;" href="" class="fa fa-envelope" target="_blank"></a>

<br/><br/><br/>


<h2><span>Search This Blog</span></h2>
<br/>
<form action="/search" id="searchThis" method="get" style="display: inline;">
    <div style="text-align: center;">
    <input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #eee;  border: #eeeeee solid 1px; color: #bfbbbd; font-size: 11px; padding: 4px; width: 250px;" type="text" value="S e a r c h   h e r e" vinput="" /> <input id="searchButton" style="background: #F8E6E0; border: #ffffff solid 1px; color: #666; font-size: 11px; padding: 5px;letter-spacing:1px;" type="submit" value="Search" /></form></div>

<br/><br/>

</div>


<div class="clear"></div>
</div></center>
</ItemPage>
<!----------------- Older/ Newer Post -------------------->

<center>
<div class="button1">
<span style="float:right;"><olderposts><a href=<$OlderPosts$>><span class="fa fa-arrow-right"></span></a></a> </OlderPosts></span>
<span style="float:left;"><newerposts><a href=<$NewerPosts$>> <span class="fa fa-arrow-left"></span></a></NewerPosts></span>

</div>
</center>
<br/>

<!----------------- Footer - DO NOT REMOVE CREDIT -------------------->

<center><div class="footer">Template by <a href="http://fifianggrn.blogspot.co.id">Fifianggr</a></div></center>

<!----------------- 1st page -------------------->
<div id="home" style="display: none;">

<h2>The Writer</h2>

<div style="font-family: Karla; font-size:12px; color:#000; letter-spacing:2px; padding:2px;">Assalamu'alaikum. Fifi Anggraeni. 22 y.o. Serang, Banten, Indonesia. "Allah memberikan apa yang kita butuhkan, bukan apa yang kita inginkan. Believe it!, Allah always with us, dimanapun, kapanpun, dan apapun yang sedang kita lakukan."</div>
<br/>
<a style="padding:10px; color:#B38184;" href="" class="fa fa-tumblr" target="_blank"></a>
<a style="padding:10px; color:#B38184;" href="" class="fa fa-instagram"
target="_blank"></a>
<a style="padding:10px; color:#B38184;" href="" class="fa fa-facebook" target="_blank"></a>
<a style="padding:10px; color:#B38184;" href="" class="fa fa-twitter" target="_blank"></a>
<a style="padding:10px; color:#B38184;" href="" class="fa fa-google-plus" target="_blank"></a>
<a style="padding:10px; color:#B38184;" href="" class="fa fa-pinterest-p" target="_blank"></a>
<a style="padding:10px; color:#B38184;" href="" class="fa fa-envelope" target="_blank"></a>
<br/>
<br/>

<! ----- PLEASE CHANGE TO YOUR OWN SOCIAL MEDIAS LINK ------->

</div>

<!----------------- 2st page -------------------->
<div id="contact" style="display: none;">
<h2>CHAT HERE</h2>



</div>

<!----------------- 3st page -------------------->
<div id="archive" style="display: none;">
<h2>Archive</h2>
<div style="font-family: Karla; font-size:11px; padding-left:5px; height:200px; overflow-x:hidden; overflow-y:scroll; text-align:left;">
<BloggerPreviousItems>
<a class="latest-entries-button" href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$>
</a>
</BloggerPreviousItems>
</div>
</div>


</body>
</html>

<html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" rel="icon" type="image/x-icon"/> <title>actually</title> <!-- google fonts --> <link href="https://fonts.googleapis.com/css?family=Quicksand|Source+Sans+Pro" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"/> <link href='https://fonts.googleapis.com/css?family=Catamaran' rel='stylesheet'/> <style type="text/css"> /* body ----------------------------------------------- */ #navbar-iframe { display: none !important; } body { background:#fff; margin:0px; font-family: 'Quicksand', sans-serif; font-size: 13px; color: #444444; letter-spacing:1px; overflow-x:hidden;…