Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------------------------------------
- ------------------------------
- @BARBIE THEMES | TUMBLR
- ------------------------------
- Rules:
- +Please do not remove credit.
- +Do not steal the code or take parts of the codes and put them in your own theme.
- +Do not remove the credit completely or make them invisible, you may replace it to a visible place.
- ------------------------------------------------------------------------>
- <!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}
- <!--------DEFAULT VARIABLES-------->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#888888"/>
- <meta name="color:bold" content="#dccbe7"/>
- <meta name="color:italic" content="#bad8eb"/>
- <meta name="color:links" content="#cccccc"/>
- <meta name="color:link hover" content="#000000"/>
- <meta name="color:navigation" content="#f6f6f6"/>
- <meta name="color:nav links" content="#dccbe7"/>
- <meta name="color:nav links hover" content="#000000"/>
- <meta name="color:border links" content="#eeeeee"/>
- <meta name="color:scrollbar" content="#dccbe7"/>
- <meta name="color:questions" content="#f6f6f6"/>
- <meta name="color:BG links" content="#ffffff"/>
- <meta name="color:title" content="#dccbe7"/>
- <meta name="color:posts background" content="#ffffff"/>
- <meta name="color:border posts" content="#eeeeee"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:link 1 title" content="link"/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2 title" content="link"/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3 title" content="link"/>
- <meta name="text:link 3 url" content=""/>
- <!----------------SCRIPTS---------------->
- <link href="http://static.tumblr.com.http.s32.wbprx.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com.http.s32.wbprx.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com.http.s32.wbprx.com/5omyijl/RZtn2yg9v/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>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*----------SCROLLBAR---------*/
- ::-webkit-scrollbar {
- background-color: {color:scrollbar bg};
- height:8px;
- width:5px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:50px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar bg};
- height:8px;
- }
- /*----------TOOLTIPS---------*/
- #s-m-t-tooltip {
- max-width:300px;
- margin:15px;
- padding:5px;
- border:1px solid #eeeeee;
- border-radius:0px;
- background:#ffffff;
- color:{color:text};
- z-index:999999;
- font-size:7px;
- font-style:none;
- letter-spacing:2px;
- font-family:arial;
- text-transform:uppercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.0);
- }
- /*----------BASICS---------*/
- body {
- background:{color:background};
- color:{color:text};
- font-family:arial;
- font-size:10px;
- line-height:140%;
- margin:0;
- text-align:left;
- }
- b {
- font-weight:bold;
- color:{color:bold};
- }
- i {
- font-weight:arial;
- color:{color:italic};
- }
- small {
- font-size:11px;
- }
- a {
- color:{color:links};
- text-decoration:none;
- }
- a:hover {
- color:{color:link hover};
- transition:1s;
- -webkit-transition:1s;
- -moz-transition:1s;
- -o-transition:1s;
- }
- img {
- opacity:1;
- text-decoration:none;
- }
- h1 {
- font-size:14px;
- font-weight:bold;
- font-family:arial;
- line-height:150%;
- text-transform:uppercase;
- }
- blockquote {
- padding:10px;
- background:#eee;
- width:480px;
- overflow: hidden;
- border-left:2px solid #ccc;
- margin-left:0px;
- }
- /*----------HEADER---------*/
- .navigation {
- width:1400px;
- background:{color:navigation};
- margin-left:calc(50% - 700px);
- position:fixed;
- margin-top:-85px;
- }
- .links {
- text-align:center;
- padding:15px;
- text-transform:uppercase;
- font-size:12px;
- font-family:calibri;
- margin-left:225px;
- margin-top:2px;
- }
- .links a {
- color:{color:nav links};
- margin-right:40px;
- letter-spacing: 0px;
- border:2px dotted {color:border links};
- padding:10px;
- background:{color:BG links};
- display:inline-block;
- width:80px;
- height:20px;
- }
- .links a:hover {
- color:{color:link hover};
- background:{color:navigation};
- }
- /*----------SIDEBAR---------*/
- .sidebar {
- position:fixed;
- width:350px;
- margin-top:90px;
- margin-left:130px;
- }
- .sideimg img {
- width:245px;
- padding:0px;
- }
- .cat {
- padding:20px;
- border:0px double {color:borders};
- margin-bottom:50px;
- background:transparent;
- }
- /*EDIT TITLE*/
- .title {
- font-family: serif;
- font-size: 25px;
- text-align: left;
- font-style: italic;
- text-transform: lowercase;
- font-weight: bold;
- margin-left:50px;
- color:{color:title};
- }
- .description {
- width:215px;
- margin-left:50px;
- margin-top:20px;
- text-align:justify;
- font-weight:normal;
- line-height:100%;
- font-family: tahoma;
- font-style:normal;
- font-size:10px;
- padding-top:0px;
- border:0px solid {color:border description};
- padding:10px;
- background-color:transparent;
- border-left:2px solid #ccc;
- }
- /*----------PAGINATION---------*/
- #pagination {
- position:fixed;
- width:515px;
- text-align:center;
- font-weight:bold;
- margin-top:15px;
- margin-left:2px;
- font-family:arial;
- font-size:14px;
- letter-spacing:4px;
- text-transform:uppercase;
- font-style:normal;
- z-index:100;
- background-color:#fff;
- bottom:0px;
- padding:10px;
- border-top:0px
- solid #000;
- border-left:2px solid #eee;
- }
- /*----------POSTS---------*/
- .entries {
- margin-top:80px;
- width:500px;
- margin-left:500px;
- background:{color:background};
- }
- .posts {
- width:500px;
- margin-bottom:55px;
- background:{color:posts background};
- padding:20px;
- border:1px dotted {color:border posts};
- }
- /*----------CHAT---------*/
- .chat {
- line-height:150%;
- list-style:none;
- }
- .line.odd {
- padding:10px;
- background:#f8f8f8;
- }
- .line.even {
- padding:10px;
- }
- .label {
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:1px;
- font-weight:bold;
- }
- /*----------INFO POST---------*/
- .info {
- padding:10px;
- text-transform:uppercase;
- border-top:1px solid #eee;
- margin-top:25px;
- }
- .tags {
- margin-left:10px;
- margin-top:-5px;
- }
- .tags a {
- margin-right:10px;
- letter-spacing:1px;
- }
- /*----------CREDIT---------*/
- .credit, .credit a {
- width:25px;
- height:10px;
- bottom:10px;
- right:20px;
- padding:4px;
- font-size:8px;
- letter-spacing:0px;
- color:#ff8d8d;
- line-height:8px;
- position:fixed;
- text-align:center;
- color:{color:Tags Text Colour};
- font-family:arial;
- text-transform:uppercase;
- background-color:transparent;
- border:0px; solid {color:Border};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .credit a:hover {
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- </style>
- </head>
- <body>
- <div class="navigation">
- <div class="links">
- <a href="/">Index</a>
- <a href="/ask">Message</a>
- <a href="{text:link 1 url}">{text:link 1 title}</a>
- <a href="{text:link 2 url}">{text:link 2 title}</a>
- <a href="{text:link 3 url}">{text:link 3 title}</a>
- </div>
- </div>
- <div class="container">
- <div class="sidebar">
- <div class="title">{Title}</div>
- <div class="cat">
- <div class="cti"></div>
- <center><div class="sideimg"><img src="{image:sidebar}"></div></center>
- <div class="description">{Description}</div>
- </div>
- </div>
- </div>
- <div class="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}
- <h1>{block:Title}{Title}{/block:Title}</h1>
- {Body}{/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <h2>"{Quote}"</h2>
- <div align="right">
- {block:Source}<h1>-{Source}</h1>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="chat"> {block:Lines}
- <li class="line {Alt}"> {block:Label}
- <span class="label"> {Label}</span>
- {/block:Label}{Line}</li> {/block:Lines}</div>
- {/block:Chat}
- {block:Audio}
- <div class="audio_container">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <br>
- <div style="border-radius:0px;
- border: 0px double #ddd; margin:
- 3px; margin-top: -2px; min-height:40px;
- padding: 3px; background:{color:questions};
- box-shadow: 0px 0px 1px 1px #eee;">
- <img src="{AskerPortraitURL-40}" width="40"
- align="left" style="margin-right:3px;
- box-shadow: 0px 0px 0px 0px #eee;
- border-radius: 0px;"/>
- <askk>{Asker}</askk>: {Question}<br></div>
- <div style="font-family:
- arial; font-size: 10px;">
- {Answer}
- </div>
- {/block:Answer}
- <div class="info">
- {block:Date}
- <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
- {/block:Date}
-
- <a href="{Permalink}">{NoteCount}</a>
-
- <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
- <font style="float:right">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
- {block:ContentSource}
- <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- </font style>
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Posts}
- {block:ContentSource}
- <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
- width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <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}
- </div>
- {/block:Pagination}</div>
- </div>
- <span class="credit">
- <a href="http://barbie-themes.tumblr.com/" target="_blank" title="CREDIT"> BTHEMES ♥ </a>
- </span>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement