Maybe.

12.01.2017 Theme 01 : Maybe.

2017年1月12日星期四 @ 04:05

终于啊，发布了自己的模版

这个模版属于比较唯美简单
那些唯美的图片素材都是自己ps取出的
想要什么素材或者是要求设计模版的话
还是有什么不明白的想问的
随时都可以留言在CBOX里要求哦
如果喜欢的话就尽情的用吧
可是用之前一定要留言在CBOX里通知一声哦
好让我有动力继续设计下一个模版哦
严禁取走Credit哦
因为做一个Theme真的很花时间和精神哦

希望大家喜欢啦

歌曲是Alina Baraz & Galimatias - Maybe

<html>
<head>
<title>Maybe. </title>
<link rel="shortcut icon" href="http://static.tumblr.com/0cdn90j/ZjQobhv98/snowshoe-cat.png" />

<!-------------------------------

*******THIS IS CREDIT******
Dreamer Theme 01 | Maybe.

---Don't Steal---
---Don't Claim As Your Own Code---
---Always Keep Credit Intact---

Any question?
www.emma-thegoldfish.blogspot.my

-------------------------------------->

::-webkit-scrollbar {
    width: 6px;height: 5px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    height: 0px;
    display: block;
    background-color: white;
}
::-webkit-scrollbar-track-piece {
    background-color: white;
    
}
::-webkit-scrollbar-thumb:vertical {
    height: 3px;
    background-color: #EBC7BC;
    
}

/* ---GENERAL--- */

@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic|Ubuntu+Condensed|Inconsolata:400,700|Montserrat:400,700);

body {
margin: 0;
background:url('https://secure.static.tumblr.com/7dec3a3708da693b08461cb95bd5ab18/l6yqo8t/tbgnv3j8q/tumblr_static_tumblr_static_elu127c9eqogg0wk4w4wsosc8_640.png');
background-repeat:repeat;
background-color:ffffff;
word-wrap: break-word;
color:#000000;
font-family:'Inconsolata';
font-size:12px;
line-height:160%;
overflow:hidden;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtp-dZs6BqfIAahkDmPWsXxsu6yLNrvXXonvtR6F6iPfFr5s_vRoZ8fUzpiN_w5kHfG02t-QUOnzLAqxyjYxV9Hz21qlTgXGFhSeM_R-LHq557Civiu8KIxGxKNbCmjQVfrxD2UFahKgB9/s1600/02.gif), progress;
}

a {
color:#b6bdc1;
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;    
transition: all .2s ease-in-out;
}
 
a:hover {
color:#3e3e3e;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;    
transition: all .2s ease-in-out;
}

h1 {
font-size:12px;
text-transform:uppercase;
font-weight:lighter;
letter-spacing:2px;
background:#f0f6f8;
padding:10px;
margin-top:0px;
text-align:center;
}
 
b, strong {
    color:;
    font-weight:bold;
}
 
i, em {
    color:#000000;
}

p {
    margin-top:0px;
    margin-bottom:8px;
}

/* ---SIDEBAR--- */

#sidebar {
background-color: #ffffff;
border:5px solid #EBC7BC;
padding:5px;
width:250px;
position: fixed !important;
top: 540px;
left: 80px;
}

.title{
border:4px solid #ffffff;
padding:8px;
text-transform:uppercase;
letter-spacing:5px;
font-size:30px;
color:#ffffff;
margin-bottom:10px;
position: fixed !important;
top: 120px;
left: 145px;
z-index:9;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}

.title:hover{
border:4px solid #eeeeee;
color:#FCE6E6;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}

.description{
border:1px solid #eee;
padding:3px;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
margin-top:10px;
}

.descriptions{
padding:3px;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
margin-top:10px;
text-align:center;
}

/* ---NAVI--- */

.navigations{
position:relative;
display:inline-block;
margin-top:10px;
margin-right:10px;
}
 
.navigation{
border:1px solid #eee;
padding:3px;
color:#000000;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
margin-top:10px;
position:relative;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}

.navigation:hover{
color:#ffffff;
background:#EBC7BC;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
transition: all .4s;
}

/* ---POST--- */

#container {
position:fixed;
margin-left:auto;
margin-right:0px;
margin-top:120px;
margin-bottom:100px;
width:calc((250px + 110px) * 3);
height:calc((250px + 110px) * 3);
max-width:100%;
max-height:100%;
}

#entries {
color: #4b3a5b;
word-wrap: normal;
word-break: normal;
margin-top: -70px;
margin-bottom: 100px;
margin-left: 150px;
margin-right: auto;
}

#post {
background-color: #fcfcfc;
color: #4b3a5b;
font-family:'Inconsolata';
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
word-wrap: normal;
word-break: normal;
width: 650px;
height:650px;
padding: 20px;
border-top: 5px solid #EBC7BC;
border-left: 5px solid #EBC7BC;
border-right: 5px solid #EBC7BC;
border-bottom: 5px solid #EBC7BC;
height:650px;
overflow: auto;
}
    
#post:hover #tags {
opacity: 1;
}

.main-title{
margin-top:1px;
text-align:left;
font-family:'Inconsolata';
text-transform: uppercase;
font-size: 14px;
color: #4b3a5b; 
letter-spacing:2px;  
margin: 0px 0px 0px 0px;
border-bottom: #ddd 3px double;
padding:5px;
}

.sec-title{
text-align:right;
letter-spacing: 5px;
font-family:'Inconsolata';
text-transform: uppercase;
font-size: 8px;
text-transform: uppercase;
padding: 0px;
margin-bottom:-0px;
margin-top:3px;
color:#4b3a5b;
}

.a1 {
letter-spacing: 2px;
font-family:'Inconsolata';
text-transform: uppercase;
font-size: 11px;
text-transform: uppercase;
padding: 5px;
color: #fff; 
display: inline-block;
letter-spacing:1px;  
background-color: #424242;
letter-spacing:2px;  
margin-left: 0px;
padding-bottom: -4px;
}

.a2 {
letter-spacing: 3px;
font-family:'Inconsolata';
text-transform: uppercase;
font-size: 11px;
text-transform: uppercase;
text-align:right;
padding-top: 5px;
padding-right: 20px;
margin-bottom:5px;
margin-top:0px;
color:#666;
}

.mainbox{
background-color: #fcfcfc;
color: #4b3a5b;
font-size: 12px;
word-wrap: normal;
word-break: normal;
width: 840px;
padding: 20px;
border-top: 1px solid #9678a5;
border-left: 1px solid #9678a5;
border-right: 1px solid #9678a5;
border-bottom: 1px solid #9678a5;
}

#avatar img {
padding: 0px;
margin-top: 0px;
width: 300px;
}

.chan{
display:inline-block;
width: 100px;
padding:3px;
margin:5px;
font-family:'Inconsolata';
font-size:10px;
text-align:center;
Text-decoration:none;
text-transform:uppercase;
color:#ffffff;
background:#EBC7BC;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
transition: all .4s;
}

.chan:hover{
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
transition: all .4s;
color:#EBC7BC;
background:#ffffff;
}

.chans{
border:1px solid #eee;
padding:3px;
color:#000000;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
margin-top:10px;
position:relative;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}

.chans:hover{
color:#ffffff;
background:#EBC7BC;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
transition: all .4s;
}

/* ---BLOCKQUOTE--- */

blockquote {
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
border-left:5px solid #dddddd;
margin:5px;
-WEBKIT-TRANSITION:ALL 0.9S ease-in;
-MOZ-TRANSITION:ALL 0.9S ease-in;
-O-TRANSITION:ALL 0.9S ease-in;
 }

blockquote:hover{
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
border-left:5px solid #EBC7BC;
margin:5px;
-WEBKIT-TRANSITION:ALL 0.9S ease-in;
-MOZ-TRANSITION:ALL 0.9S ease-in;
-O-TRANSITION:ALL 0.9S ease-in;
}

/* ---NUMBER LIST--- */

ul#label-list {
display:inline;
}

ul, li {
list-style-type: hiragana;
font-size: 13px;
color: #bddeea;
margin-top: -5px;
}

</style>
</head>

<div class="title">
Maybe</div>
<div style="position: fixed;top: 7px; left: 5px;z-index:0;">
<img style=";width: 395px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQI_TzToNKtRuxzw460ss4PnYUkgjDlKCjdwq0Sw1FRiV5OaG-G3yyuHDkNk_r-KXWus4M4h74Bc-JTBPs5BGQYoPUXpDU1ffGPCUvSLoo5rYTu5H8USoJblftTd01kH1fon3aCMDHcil/s1600/64bc91cb7c6f09a3de95800ef7d9d1f8.png">
</div>
<div style="position: fixed;top: 530px; left: 100px;">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://s85.youmaker.com/other/2017/1-12/mp3301636303bc8240a148d04631b70084b5779eb81a85.mp3&t0=Maybe.&total=10" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>
<div id="sidebar">
<center>
<div class="description">
Hi. This is my first theme. You can briefly write something about you in here.<br>
</div>
<div class="navigations">

<a class="navigation" onClick="document.getElementById('entries').innerHTML=document.getElementById('diary').innerHTML">Diary</a>

<a class="navigation" onClick="document.getElementById('entries').innerHTML=document.getElementById('profile').innerHTML">Profile</a>

<a class="navigation" onClick="document.getElementById('entries').innerHTML=document.getElementById('stuff').innerHTML">Stuff</a>

<a class="navigation" onClick="document.getElementById('entries').innerHTML=document.getElementById('affie').innerHTML">Beloved</a>

<a class="navigation" onClick="document.getElementById('entries').innerHTML=document.getElementById('chat').innerHTML">Chat</a>
<br>
<a class="navigation" style="font-weight: normal;" href="http://www.blogger.com">Home</a>
<a class="navigation" style="font-weight: normal;" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID HERE">+ Follow</a>
    </div>
<div class="descriptions">
Theme : 01 Maybe.<br>
Credit : <a class="chans" href="emma-thegoldfish.blogspot.com/">TheDreamer</a><br>
Material :  <a class="chans" href="http://dreamer-freebies.blogspot.com/">Dreamer Freebies</a>
</div>
</div>
</div>
<div id="container" class="masonry" style="position: relative; height: 100px;">
<div id="entries">
<blogger>
<div id="post">
<div class="main-title">
 <$BlogItemTitle$> </div>
<div class="sec-title">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
<br><br>

<$BlogItemBody$>
</div>
</blogger></div>
<div id="entries">
<div class="post">
<div id="diary" style="display:none;">
<div id="post">
<blogger>
<div class="main-title">
 <$BlogItemTitle$> </div>
<div class="sec-title">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
<br><br>

<$BlogItemBody$>

</div>
</blogger>
</div>
</div>
</div>
</div>
<div id="entries">
<div class="post">
<div id="profile" style="display:none">
<div id="post">
<div class="main-title">
EMMA THE DREAMER</div>
<div class="a2">
who loves peony</div>
<br>
<center>
<div id="avatar">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Jitjp7FtJmuaKS5mombmGPUCdcCtc2adpdhQrgJso7Biv1Q8AdGFRU_mtlpbDCxOCRDTfO5yvppusS4d8CO8a3woxkVinl1G_iOhELVHeETj4hLUMeAyffSEvbiNR3lHXRY3ahy3j1py/s1600/1dfa13b5e9cfeb5fdea17f0ce8a1728a.png">
</div>
</center>
<br>
WRITE SOMETHING ABOUT YOURSELF HERE

</div>
</div>
<div id="entries">
<div class="post">
<div id="stuff" style="display:none">
<div id="post">
<div class="main-title">
 Stuff </div>
<div class="a2">
Tutos&FreeBs</div>
<br>
<center>
<div id="avatar">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Jitjp7FtJmuaKS5mombmGPUCdcCtc2adpdhQrgJso7Biv1Q8AdGFRU_mtlpbDCxOCRDTfO5yvppusS4d8CO8a3woxkVinl1G_iOhELVHeETj4hLUMeAyffSEvbiNR3lHXRY3ahy3j1py/s1600/1dfa13b5e9cfeb5fdea17f0ce8a1728a.png">
</div>
</center>
<p ALIGN=left>
WRITE SOMETHING HERE
</p>
<br><br>
<center>
AGREE? MOVE ON THEN
<br>
<a class="chan" href="http://dreamer-tutorial.blogspot.com/">TUTORIAL</a> / 
<a class="chan" href="http://dreamer-freebies.blogspot.com/">FREEB</a> 
</center>
</div>
</div>
<div id="entries">
<div class="post">
<div id="affie" style="display:none">
<div id="post">
<div class="main-title">
 My friend </div>
<div class="a2">
Don't Be Shy to Exchange Your Link With Me</div>
<br>
<center>
<div id="avatar">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Jitjp7FtJmuaKS5mombmGPUCdcCtc2adpdhQrgJso7Biv1Q8AdGFRU_mtlpbDCxOCRDTfO5yvppusS4d8CO8a3woxkVinl1G_iOhELVHeETj4hLUMeAyffSEvbiNR3lHXRY3ahy3j1py/s1600/1dfa13b5e9cfeb5fdea17f0ce8a1728a.png">
</div>
</center>
<br>
<center>
<a class="chan" href="">Next</a>
<a class="chan" href="">Next</a>
<a class="chan" href="">Next</a>
<a class="chan" href="">Next</a>
<a class="chan" href="">Next</a>

</td>
</center>
</div>
</div>
<div id="entries">
<div class="post">
<div id="chat" style="display:none">
<div id="post">
<div class="main-title">
 ChatBox<img src="http://static.tumblr.com/0cdn90j/ZjQobhv98/snowshoe-cat.png"></div>
<div class="a2">
Leave a message</div>
<br>

<center>
<div style="background:url() repeat; border:2px double #EBC7BC;padding:5px;width:550px;">
YOUR CHATBOX CODE HERE
</center>
</div>
</div>
</div>
</div>
</body>
</html>

代码在这里哦，直接Copy全部Paste在修改模版HTML的Textarea里面就大功告成了