Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------------------------------------
- ------------------------------
- @BARBIE THEMES | TUMBLR 2021
- ------------------------------
- Rules:
- +THHEME: MINIMALISM
- +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.
- +Creating themes since 2014
- +Any questions do not hesitate to ask
- http://Barbie-themes.tumblr.com
- ------------------------------------------------------------------------>
- <!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="#f6f6f6"/>
- <meta name="color:text" content="#cccccc"/>
- <meta name="color:bold" content="#ff8d8d"/>
- <meta name="color:italic" content="#000000"/>
- <meta name="color:description" content="#cccccc"/>
- <meta name="color:links" content="#ff8d8dc"/>
- <meta name="color:link hover" content="#ffffff"/>
- <meta name="color:link BG hover" content="#000000"/>
- <meta name="color:border links" content="#cccccc"/>
- <meta name="color:scrollbar" content="#222222"/>
- <meta name="color:posts background" content="#ffffff"/>
- <meta name="color:text" 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="https://static.tumblr.com.http.s32.wbprx.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="https://ajax.googleapis.com.http.s32.wbprx.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://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='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*----------SCROLLBAR---------*/
- ::-webkit-scrollbar {
- background-color: {color:background};
- height:8px;
- width:5px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:50px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:background};
- 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:11px;
- 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:#f6f6f6;
- width:480px;
- overflow: hidden;
- border-left:2px solid #eee;
- margin-left:0px;
- }
- /*----------SIDEBAR---------*/
- .sidebar {
- position:fixed;
- width:250px;
- margin-top:130px;
- margin-left:90px;
- }
- .sideimg img {
- width:100px;
- height:100px;
- border-radius:500px;
- border:4px color:{color:border-sidebarimage};
- padding:0px;
- margin-left:195px;
- margin:-30px;
- }
- .cat {
- padding:0px;
- margin-bottom:25px;
- background:{color:background};
- border-radius:10px 10px 0px 0px;
- }
- .description {
- text-align:justify;
- padding:10px;
- margin-left:15px;
- margin-top:15px;
- font-size:10px;
- font-style:calibri;
- line-height:110%;
- color:{color:description};
- }
- .projects {
- padding:5px;
- text-align:left;
- margin-top:0px;
- }
- .projects img {
- padding:5px;
- width:160px;
- height:100px;
- float:left;
- margin-right:10px;
- border:1px solid #eee;
- margin-left:15px;
- }
- .pinfo {
- margin-top:125px;
- width:220px;
- text-align:center;
- margin-left:-30px;
- line-height:110%;
- font-style:calibri;
- }
- .date {
- float:left;
- padding:10px;
- margin-right:10px;
- text-transform:uppercase;
- font-weight:bold;
- width:150px;
- margin-left:10px;
- text-align:center;
- }
- .e {
- padding:10px;
- }
- .affiliates {
- width:250px;
- padding:5px;
- text-align:left;
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- margin-top:20px;
- margin-left:-30px;
- }
- .affiliates img {
- padding:5px;
- width:50px;
- height:50px;
- border-radius:50px;
- }
- .off a {
- display:block;
- padding:10px;
- border-bottom:1px dotted {color:border links};
- text-transform:uppercase;
- font-size:10px;
- height:10px;
- width:139px;
- margin-left:40px;
- }
- .off a:hover {
- margin-left:5px;
- font-style:italic;
- background:{color:link BG hover};
- }
- /*----------PAGINATION---------*/
- .pagi {
- position: absolute;
- float: left;
- z-index: 10;
- width:100px;
- margin-left: 653px;
- margin-top: -58px;
- padding-top: 5px;
- font-weight:bold;
- font-size: 15px;
- }
- .jump_page {
- padding: 3px;
- background-color: {color:posts background};
- }
- .current_page {
- color: {color:accent};
- }
- /*----------POSTS---------*/
- .entries {
- margin-top:55px;
- width:500px;
- margin-left:415px;
- background:{color:background};
- }
- .posts {
- width:500px;
- margin-bottom:70px;
- background:{color:posts background};
- padding:20px;
- border-radius:10px 0px 10px 0px;
- }
- /*----------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;
- }
- /*----------ASK---------*/
- .ask {
- text-align:left;
- background: #f6f6f6;
- margin:7px 0px 5px 66px;
- padding:10px;
- position: relative;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:2px;
- }
- .ask p {
- margin:1px 0px;
- }
- .ask span {
- display:block;
- position:absolute;
- width:1px;
- height:1px;
- font-size: 0;
- line-height: 1px;
- left:-10px;
- top:10px;
- border-top:7px solid transparent;
- border-bottom:7px solid transparent;
- border-right:10px solid #f6f6f6;
- }
- .askborder {
- float: left;
- margin: 1px 4px 0 0;
- padding: 2px;
- background:{color:background};
- border-radius:5px;
- }
- #questions {
- background:{color:posts background};
- color: {color:text};
- padding:2px;
- margin-top: 6px;
- margin-bottom:2px;
- font-family:trebuchet ms;
- font-size:10px;
- text-transform:lowercase;
- border-bottom:1px {color:text};
- text-align:center;
- }
- #questions a {
- color:{color:text}
- }
- /*----------INFO POST---------*/
- #info {
- width:500px;
- text-align:center;
- font-family:'trebuchet ms';
- margin-top:3px;
- margin-left:px;
- letter-spacing:1px;
- font-size:7px;
- font-style:none;
- padding:1px;
- line-height:10px;
- text-transform:uppercase;
- border-top:1px solid;
- border-color:#eee;
- }
- #info a {
- text-align:center;
- color:{color:Post Links};
- }
- #info a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:Hover}
- }
- ol.notes {
- padding:0px;
- margin:35px 0px 0px -20px;
- list-style-type:none;
- }
- ol.notes li.note {
- padding:10px;
- }
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- margin-right:10px;
- width:18px;
- height:18px;
- border:4px solid #fff;
- padding:0px;
- }
- ol.notes li.note span.action {
- font-weight:none;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- padding:4px 10px;
- margin:10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration:none;
- }
- #tags {
- float:center;
- width:489px;
- margin-top:-7px;
- margin-left:-5px;
- text-align:center;
- font-size:7px;
- padding:5px;
- font-size:8px;
- opacity:1;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s
- color:{color:Post Links};
- }
- #tags a {
- letter-spacing:0px;
- font-size:8px;
- text-align:center;
- font-family:'CALIBRI';
- text-decoration:none;
- display:inline-block;
- color:#ddd;
- }
- #tags a:hover {
- background-color:#fff;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:Hover};
- }
- /*----------CREDIT---------*/
- .credit {
- font-size:11px;
- position:fixed;
- font-style:arial;
- bottom:5px;
- right:15px;
- z-index:10;
- text-align:right;
- letter-spacing:0px;
- padding:2px;
- font-weight:bold;
- }
- .credit a {
- color:{color:links};
- text-decoration:none;
- }
- .credit a:hover {
- color:{color:links hover};
- text-decoration:none;
- background-color:#000;
- padding:10px;
- }
- </style>
- </head>
- <!-- this is jquery it makes the theme work, leave this alone -->
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="https://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
- <!-- this is a hosted font from google -->
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
- <!-- font awesome to change the font awesome icons go to http://fontawesome.io/icons/ -->
- <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <body>
- <div class="links">
- </div>
- </div>
- <div class="container">
- <div class="sidebar">
- <div class="cat">
- <center><div class="sideimg"><img src="{image:sidebar}"></div></center>
- <div class="description">{Description}</div>
- </div>
- <div class="cat">
- <div class="off">
- <a href="/">HOME <i class="fa fa-home" style="float:right; color:{color:links};"></i></a>
- <a href="/ask">ASK <i class="fa fa-envelope" style="float:right; color:{color:links};"></i></a>
- <a href="{text:link 1 url}">{text:link 1 title} <i class="fa fa-heart" style="float:right; color:{color:links};"></i></a>
- <a href="{text:link 2 url}">{text:link 2 title} <i class="fa fa-leaf" style="float:right; color:{color:links};"></i></a>
- <a href="{text:link 3 url}">{text:link 3 title} <i class="fa fa-tag" style="float:right; color:{color:links};"></i></a>
- </div>
- </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}
- <left>{block:AlbumArt}
- <img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}
- <span class="audio">{AudioPlayerWhite}</left></span>
- <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}<img src="{AskerPortraitURL-40}"
- align="center" class="askborder">
- <div class="ask"><span></span>
- {Asker}: {Question} </div>{Answer}
- {/block:Answer}
- <div id="info">
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
- {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
- and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
- {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
- with {NoteCountWithLabel}</a>
- {block:HasTags}<div id="tags">
- {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}
- </div>{block:HasTags}
- </div>
- </div>
- {/block:Posts}
- <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- <br><br><br><br>
- </div>
- </div>
- <div class="pagi">
- {block:Pagination}
- {block:PreviousPage}<a class="current_page" href="{PreviousPage}">‹</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a class="jump_page" href="{NextPage}">›</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- {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 class="credit">
- <a title="CREDIT" href="https://barbie-themes.tumblr.com/" target="_blank">BTHEMES © </a></div>
- </body>
Add Comment
Please, Sign In to add comment