Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- _ _ _
- | | (_) | |
- | | ____ _ _ __ _ _ _| | __
- | |/ / _` | |/ _` | | | | |/ /
- | < (_| | | (_| | |_| | <
- |_|\_\__,_|_|\__, |\__,_|_|\_\
- __/ |
- |___/
- Dear Diary theme by Kaiguk (http://kaiguk.tumblr.com/)
- Okay look, you should understand to follow the rules by not claiming this theme as yours, using as a base, moving the credit , combining shit from others and mine to make your own, or editing to make it look like I didn't make the shit, but I did.
- Making themes is hard work, so I don't need you or anyone else fucking up my ideas because you don't have a brain of your own. Are you that lazy to use actual base codes and learn to make themes? Damn, that's a shame.
- Anyways, to everyone that is actually going to put good use of this theme, happy using.
- If you have any questions, please ask me ^^
- -->
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="if:ShowCaptions" content="0"/>
- <meta name="if:BigSideImage" content="0"/>
- <meta name="if:InfiniteScroll" content="0"/>
- <meta name="color:Bold" content="#ff7d7d"/>
- <meta name="color:Italic" content="#c3d847"/>
- <meta name="color:Underline" content="#4dbce9"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#888888"/>
- <meta name="color:Link" content="#f9737d"/>
- <meta name="color:Hover" content="#666666"/>
- <meta name="color:Big border" content="#444444"/>
- <meta name="color:Border" content="#cccccc"/>
- <meta name="color:Sidebar border" content="#eeeeee"/>
- <meta name="color:Sidebar icon border" content="#eeeeee"/>
- <meta name="color:Sidebar bg" content="#f6f6f6"/>
- <meta name="color:Title" content="#f9737d"/>
- <meta name="color:Title bg" content="#eeeeee"/>
- <meta name="color:Icons" content="#f6f6f6"/>
- <meta name="color:Post bg 1" content="#ffbabf"/>
- <meta name="color:Post bg 2" content="#f6f6f6"/>
- <meta name="color:Post links" content="#ffffff"/>
- <meta name="color:caption bg" content="#fbfbfb"/>
- <meta name="color:caption border" content="#f6f6f6"/>
- <meta name="color:caption" content="#cccccc"/>
- <meta name="color:Linktitlebg" content="#eeeeee"/>
- <meta name="color:Linktitletext" content="#888888"/>
- <meta name="color:Selection bg" content="#ffd3d6"/>
- <meta name="color:Selection text" content="#888888"/>
- <meta name="color:Scrollbar" content="#6b6d6d"/>
- <meta name="image:Big Sidebar" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:Title" content="Dear Diary" />
- <meta name="text:Icon Desc" content="girl bye" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Text" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Text" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Text" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 Text" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 5 Text" content="" />
- <meta name="text:Link 6" content="" />
- <meta name="text:Link 6 Text" content="" />
- </head>
- <body>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar {
- height:4px;
- width:4px;
- padding-left:3px;
- background-color:{color:background};
- }
- body {
- background-color: {color:Background};
- background-image:url('{image:background}');
- background-attachment:fixed;
- font-family: courier;
- font-size: 9px;
- line-height: 200%;
- color: {color:text};
- }
- a{
- color: {color:Link};
- text-decoration: none;
- font-weight: normal;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;}
- a:hover {
- color: {color:Hover};
- text-decoration: none;
- font-weight: normal;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- b,strong{
- color:{color:bold};
- }
- i,em{
- color:{color:italic};
- }
- u{
- color:{color:underline};
- }
- blockquote {
- padding-left: 5px;
- color: {color:text};
- border-left: 1px solid{color:border};
- }
- ul {
- list-style-type: square;
- }
- .border{
- top:0px;
- left:300px;
- background:{color:Big border};
- border-top:80px solid {color:title bg};
- width:900px;
- height:50px;
- position:fixed;
- z-index:1;
- }
- .sideborder1{
- top:0px;
- left:280px;
- width:20px;
- height:100%;
- background:{color:Big border};
- position:fixed;
- }
- .sideborder2{
- top:0px;
- left:1200px;
- width:20px;
- height:100%;
- background:{color:Big border};
- position:fixed;
- }
- .topicons{
- margin-left:0px;
- margin-top:20px;
- position:fixed;
- }
- .topicons a{
- margin-left:19px;
- font-size:15px;
- letter-spacing:1px;
- word-spacing:1px;
- text-align:center;
- color:{color:toplink};
- }
- .topicons a:hover{
- color:{color:hover};
- }
- .topfont{
- width:300px;
- font-size:11px;
- margin-left:530px;
- margin-top:20px;
- position:fixed;
- }
- .sidebarholder {
- width: 170px;
- height:100%;
- top:0px;
- left:0px;
- margin-top:130px;
- margin-left: 300px;
- padding: 65px;
- background:{color:sidebar bg};
- border-right:10px solid {color:sidebar border};
- line-height: 12px;
- position:fixed;
- }
- .sidebar{
- margin-top:-5px;
- margin-left:-15px;
- position:fixed;
- }
- .sidebar img {
- width:96px;
- height:96px;
- background:{color:Sidebar Icon Border};
- margin-left:70px;
- margin-top:10px;
- padding:10px;
- float:right;
- position:fixed;
- }
- {block:IfBigSideImage}
- .bigsidebar{
- width:200px;
- margin-left:-30px;
- margin-bottom:40px;
- }
- .bigsidebar img{
- width:200px;
- border:3px solid {color:Sidebar border};
- padding:20px;
- }
- {/block:IfBigSideImage}
- {block:IfNotBigSideImage}
- .bigsidebar{
- display:none;
- }
- .bigsidebar img{
- display:none;
- }
- .sidebar{
- margin-top:200px;
- margin-left:-15px;
- position:fixed;
- }
- {/block:IfNotBigSideImage}
- .desc {
- width:155px;
- height:70px;
- margin-left:10px;
- margin-top:10px;
- line-height:150%;
- color:{color:text};
- font-size:9.5px;
- padding:10px;
- text-align:justify;
- text-transform:uppercase;
- overflow:auto;
- position:fixed;
- }
- .sidelinks {
- width:65px;
- margin-top:10px;
- margin-bottom:5px;
- border-right:1px solid {color:border};
- }
- .sidelinks a {
- font-size:8.5px;
- letter-spacing: 1px;
- padding:3px;
- text-align:right;
- display: block;
- margin-bottom:2px;
- text-transform: uppercase;
- height: 12px;
- -webkit-transition:all 0.2s ease-out;
- -moz-transition:all 0.2s ease-out;
- transition:all 0.2s ease-out;
- }
- .sidelinks a:hover {
- letter-spacing:3px;
- -webkit-transition:all 0.2s ease-out;
- -moz-transition:all 0.2s ease-out;
- transition:all 0.2s ease-out;
- }
- {block:IfNotInfiniteScroll}
- #pagination {
- width:200px;
- margin-left: 10px;
- margin-top: 120px;
- position: relative;
- text-align: center;
- letter-spacing:1px;
- text-transform: lowercase;
- font-weight:bold;
- font-family: courier;
- font-size: 11px;
- position:fixed;
- }
- #pagination a {
- padding:5px;
- }
- {/block:IfNotInfiniteScroll}
- {block:IfShowCaptions}
- #captions {
- margin-top: 10px;
- padding:5px;
- text-align:left;
- background: {color:Caption bg};
- border: 1px solid {color:Caption border};
- color:{color:Caption};
- }
- {/block:IfShowCaptions}
- {block:IfNotShowCaptions}
- #captions {
- display:none;
- }
- {/block:IfNotShowCaptions}
- #question {
- width:500px;
- padding-bottom:5px;
- font-style:italic;
- border-bottom:1px solid {color:border};
- }
- #asker {
- width:500px;
- letter-spacing:1px;
- }
- .player {
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- background:white;
- }
- .audioinfo {
- margin-left:50px;
- }
- #posts {
- width: 500px;
- margin-top: 70px;
- margin-left: 600px;
- background:{color:post bg 1};
- padding:50px;
- }
- .post {
- margin: auto;
- margin-top: 60px;
- width: 500px;
- border:1px solid {color:border};
- padding: 10px;
- background: {color:post bg 2};
- font-size: 11px;
- }
- .postinfo {
- width:500px;
- text-align:right;
- font-family:courier;
- font-size:11px;
- margin-left:20px;
- text-transform:uppercase;
- margin-top:5px;
- margin-bottom:1px;
- }
- .postinfo a {
- color:{color:Post links};
- }
- .postinfo a:hover {
- color:{color:hover};
- }
- #permacon {
- padding:20px;
- font-size:11px;
- text-align:justify;
- line-height:15px;
- margin-top:10px;
- height:auto;
- background:{color:post bg 2};
- }
- .note li {
- list-style-type:none;
- padding:10px 25px 10px 25px;
- text-align:left;
- margin:0px;
- border-bottom:1px solid {color:border};
- line-height:140%;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .notes img {
- display:none!important;
- }
- #ani {
- position:fixed;
- left:10px;
- bottom:10px;
- text-transform:uppercase;
- font-size:15px;
- letter-spacing:1px;
- padding:5px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- ::selection {
- background:{color:selection bg};
- color:{color:selection text};
- }
- #s-m-t-tooltip {
- z-index: 9999;
- background: {color:LinkTitleBG};
- font-size: 9.5px;
- line-height: 11px;
- font-family:courier;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: {color:LinkTitleText};
- max-width: 150px;
- word-wrap: break-word;
- padding: 6px;
- display: block;
- margin: 24px 14px 7px 12px;
- -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
- -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
- box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
- }
- #scrollToTop:link, #scrollToTop:visited {
- display:none;
- position:fixed;
- bottom: 10px;
- right:10px;
- }
- {CustomCSS}
- </style>
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:IfInfiniteScroll}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <a href="javascript:;" id="scrollToTop" title="top"><i class="fa fa-chevron-up fa-3x"></i>
- </a>
- </head>
- <body>
- <div class="border">
- <div style="width:900px; position:fixed;font-family:cambria; font-size:80px; color:{color:title}; font-style:italic; margin-top:-38px;">{text:title}</div>
- <div class="topicons">
- <a href="/"><i style="color:{color:icons};"class="fa fa-refresh fa-lg" title="home"></i></a>
- <a href="/ask"><i style="color:{color:icons};" class="fa fa-envelope-o fa-lg" title="message"></i></a>
- <a href="/archive"><i style="color:{color:icons};" class="fa fa-folder-open fa-lg" title="past"></i></a>
- </div>
- <div class="topfont">You are viewing
- <i style="color:{color:icons};" class="fa fa-user"></i>
- <a style="color:{color:title}" href="/" title="{title}">{Name}</a>
- </div>
- </div>
- <div class="sidebarholder">
- <div class="bigsidebar">
- <div class="bigsidebarimage">
- <img src="{image:Big Sidebar}">
- </div>
- </div>
- <div class="sidebar">
- <div class="sidebarimage">
- <img src="{image:Sidebar}" title="{text:Icon Desc}">
- </div>
- <div class="sidelinks">
- <a href="{text:Link 1}">{text:Link 1 Text}</a>
- <a href="{text:Link 2}">{text:Link 2 Text}</a>
- <a href="{text:Link 3}">{text:Link 3 Text}</a>
- <a href="{text:Link 4}">{text:Link 4 Text}</a>
- <a href="{text:Link 5}">{text:Link 5 Text}</a>
- <a href="{text:Link 6}">{text:Link 6 Text}</a>
- </div>
- <div class="desc">{Description}</div>
- {block:IfNotInfiniteScroll}
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}{block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}{/block:Pagination}
- </div>
- {/block:IfNotInfiniteScroll}
- </div>
- </div>
- <div class="sideborder1"></div>
- <div class="sideborder2"></div>
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- {block:Text}
- <div class="post text">
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:IndexPage}
- {block:Caption}
- <div id="captions">{Caption}</div>
- {/block:Caption}
- {/block:IndexPage}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <div style="margin-bottom: 5px;">
- {Photoset-500}
- {block:IndexPage}
- {block:Caption}
- <div id="captions">{Caption}</div>
- {/block:Caption}
- {/block:IndexPage}
- </div>
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <div style="color: {color:title}; font-size: 50px; line-height: 30px; float: left;">❝</div> {Quote}
- {Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <h1><a href="{URL}" class="link" {Target}>{Name} →</a></h1>
- {block:Description}
- {Description}
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- <div style="margin-bottom: 5px;">
- {block:Title}
- <a href="{Permalink}">{Title}</a>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label"><b>{Label}</b></span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- <div style="margin-top: 0px;">
- <center>{Video-500}</center>
- {block:IndexPage}
- {block:Caption}
- <div id="captions">{Caption}</div>
- {/block:Caption}
- {/block:IndexPage}
- </div></div>
- {/block:Video}
- {block:Audio}
- <div class="post">
- <div style="margin-top:15px;" class="player">{AudioPlayerWhite}</div><div class="audioinfo">
- <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<p>
- <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p>
- <b>Plays:</b> {PlayCount}
- </a></div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post">
- <div id="question">
- <img src="{AskerPortraitURL-24}">
- <span id="asker">{Asker} asked:<br></span><div style="border-top:1px dashed {color:border};">{Question}</div></div>
- <div style=" width:500px; color{color:text}; font-size:11px;">{Answer}</div>
- </div>
- {/block:Answer}
- {block:Indexpage}
- <div class="postinfo"><a href="{Permalink}">{DayofMonth} {ShortMonth} {Year}</a> @ <a href="{Permalink}">{12Hour} : {Minutes} {AMPM}</a>
- </div>
- {/block:Indexpage}
- {block:Permalinkpage}
- {block:Date}
- <div class="post">
- <div id="permacon">
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
- <img src="http://static.tumblr.com/3yblkz0/bWKn2c3l1/plan.png">
- <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
- {block:NoteCount}
- <img src="http://media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png">
- <b>Notes:</b> {NoteCount}<br>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
- <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
- <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
- {/block:ContentSource}
- {block:HasTags}
- <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
- <b>Tagged:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {block:Date}
- <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- </div>
- </div>
- {/block:Permalinkpage}
- {/block:Posts}
- </div>
- </div>
- <div id="ani">
- <a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement