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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--IMAGES-->
- <meta name="image:Background" content="">
- <meta name="image:Sidebar" content="">
- <!--COLORS-->
- <meta name="color:Background" content="#f6f6f6">
- <meta name="color:Post" content="#ffffff">
- <meta name="color:Border post" content="#eeeeee">
- <meta name="color:Text" content="#aaaaaa">
- <meta name="color:BOLD" content="#eeeeee">
- <meta name="color:ITALIC" content="#ffb3b3">
- <meta name="color:Link" content="#ffb3b3">
- <meta name="color:Link Hover" content="#000000">
- <meta name="color:Sidebar" content="#ffffff">
- <meta name="color:Description" content="#cccccc">
- <meta name="color:Title" content="#eeeeee">
- <meta name="color:Title Hover" content="#aaaaaa">
- <meta name="color:Sidebar Link" content="#cccccc">
- <meta name="color:Sidebar Link Hover" content="#ffb3b3">
- <meta name="color:Sidebar Link BG" content="#ffffff">
- <meta name="color:Sidebar Link BG Hover" content="#ffb3b3">
- <meta name="color:Border links" content="#eeeeee">
- <meta name="color:Scrollbar" content="#cccccc">
- <meta name="color:Scrollbar BG" content="#fff">
- <meta name="color:Text Post Title" content="#cccccc">
- <meta name="color:Link Post" content="#eeeeeee">
- <meta name="color:Link Post Hover" content="#666666">
- <meta name="color:Questions" content="#eeeeee"/>
- <!--TEXT-->
- <meta name="text:Link 1" content="Link 1">
- <meta name="text:Link 1 URL" content="/">
- <meta name="text:Link 2" content="Link 2">
- <meta name="text:Link 2 URL" content="/">
- <meta name="text:Link 3" content="Link 3">
- <meta name="text:Link 3 URL" content="/">
- <!--OPTIONS (0 means the option is OFF-->
- <meta name="if:400 Post" content="0">
- <meta name="if:Captions" content="1">
- <meta name="if:TagsWithHovereffect" content="1">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <style type="text/css">
- /*SCROLLBAR*/
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:Scrollbar};
- height: 30px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:Scrollbar};
- width: 30px;
- }
- ::-webkit-scrollbar {
- background-color:{color:Scrollbar BG};
- height: 5px;
- width: 5px;
- }
- <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- @font-face {
- font-family: "economica";
- src: url('https://dl.dropboxusercontent.com.https.s19.wbprx.com/u/81174604/economica-regular.ttf');
- }
- .nav {
- display:none!important;
- }
- /*ENTIRE PAGE*/
- body {
- left: 0px;
- background-attachment: fixed;
- background-image: url('{image:Background}');
- background-color: {color:Background};
- color: {color:Text};
- font-family: cambria;
- font-size: 11px;
- }
- /*LINKS*/
- a:link, a:active, a:visited {
- text-decoration: none;
- color: {color:Link};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- /*LINK HOVER*/
- a:hover {
- color: {color:Link Hover};
- }
- /*FOLLOW/REBLOG/LIKE/DASH BUTTON*/
- iframe#tumblr_controls{
- position: fixed;
- right: 0px;
- top: 0px;
- opacity: 0.8;
- }
- /*BOLD*/
- b, strong, .strong {
- color: {color:BOLD};
- }
- /*ITALICS*/
- i, em, .em {
- color: {color:ITALIC};
- }
- blockquote {
- border-left: 2px solid {color:Text};
- padding: 3px 5px;
- margin: 0;
- margin-top: 20px;
- margin-bottom: 20px;
- margin-left: 25px;
- background-color:#f6f6f6;
- }
- /*SIDEBAR*/
- #sidecont {
- position: fixed;
- width: 120px;
- padding: 10px;
- margin-left: 310px;
- margin-top: 30px;
- }
- #sidebar {
- width: 120px;
- border: 10px solid {color:Sidebar};
- background: {color:Sidebar};
- }
- #sidebar img {
- width:120px;
- height:120px;
- }
- .desc {
- margin-top: 7px;
- color: {color:Description};
- font-family: Calibri;
- font-size: 11px;
- text-align:center;
- border-bottom:1px solid #eee;
- }
- /*TITLE*/
- #title {
- width: 200px;
- padding: 0px 10px;
- text-align: center;
- font-family: 'Segoe Script';
- font-size: 23px;
- margin-bottom: 5px;
- margin-left:-50px;
- }
- #title a {
- color: {color:Title};
- }
- #title a:hover {
- color: {color:Title Hover};
- }
- /*NAVIGATION*/
- #nav {
- font-family:calibri;
- width: 190px;
- margin-left: -100px;
- margin-top: -180px;
- }
- .navi {
- display: inline-block; /*keeps it in a row*/
- text-align: left;
- background-color: {color:Sidebar Link BG};
- width: 90px;
- height:20px;
- line-height: 15px;
- text-align:center;
- margin-bottom: 7px;
- margin-right: 8px;
- border-bottom:2px solid {color:Border links};
- text-transform: UPPERCASE;
- }
- .navi a {
- color: {color:Sidebar Link};
- background-color: {color:Sidebar Link BG};
- }
- .navi a:hover {
- letter-spacing:2px;
- font-style:italic;
- color: {color:Sidebar Link Hover};
- }
- /*POST CONTAINER*/
- #content {
- margin-left: 500px;
- margin-top: 50px;
- margin-bottom: 50px;
- padding:0px;
- {block:if400Post}
- width: 420px;
- {/block:if400Post}
- {block:ifnot400Post}
- width: 520px;
- {/block:ifnot400Post}
- }
- /*POSTS*/
- .posts {
- {block:if400Post}
- width: 400px;
- {/block:if400Post}
- {block:ifnot400Post}
- width: 500px;
- {/block:ifnot400Post}
- background: {color:Post};
- color: {color:Text};
- font-family: Calibri;
- font-size: 11px;
- margin-bottom: 20px;
- padding: 19px;
- border:4px double {color:Border post};
- margin:38px;
- }
- /*POST TITLES*/
- .posttitle {
- font-family: cambria;
- font-size: 20px;
- border-bottom:1px dotted #eee;
- color: {color:Text Post Title};
- }
- /*LINK TITLES*/
- .posttitle a {
- color: {color:Link Post};
- }
- .posttitle a:hover{
- color: {color:Link Post Hover};
- }
- /*AUDIO POST*/
- .cover {
- position:relative;
- z-index:1;
- max-width:100px;
- padding:10px;
- float:left;
- }
- .playbutton {
- width:20px;
- height:30px;
- overflow:hidden;
- position:relative;
- z-index:2;
- }
- .playbox {
- background-color:#000;
- position:absolute;
- z-index:2;
- padding:15px 24px 13px 16px;
- margin-top:30px;
- margin-left:30px;
- opacity:0.5;
- }
- .trackdetails {
- padding:10px;
- width:auto;
- height:100px;
- margin-top:10px;
- margin-left:100px;
- }
- /*ANSWER*/
- .question {
- position: relative;
- left: 0px;
- top: 0px;
- padding: 15px;
- width: auto;
- min-height: 30px;
- font-style: italic;
- letter-spacing: 1px;
- color: #ffffff;
- background:{color:Questions};
- }
- .question img {
- float: left;
- padding: 5px;
- background-color: #fff;
- margin-right: 10px;
- margin-bottom: 10px;
- margin-top: -5px;
- }
- .question a {
- color: {color:linkshover};
- }
- .answer {
- display: block;
- padding: 20px;
- background-color: #f9f9f9;
- -webkit-margin-before: 0em;
- -webkit-margin-after: 1em;
- -webkit-margin-start: 0px;
- -webkit-margin-end: 0px;
- }
- /*CAPTION*/
- .caption {
- line-height: 12px;
- text-align: left;
- margin-top: -5px;
- }
- /*PERMALINK*/
- .details {
- color: {color:Font};
- font-size: 9px;
- font-weight: normal;
- text-align: center;
- padding-left: 8px;
- padding-right: 5px;
- }
- .details a {
- color: {color:Link};
- font-weight: normal;
- text-decoration: none;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- .details a:hover {
- color: {color:Link Hover};
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- .details_top {
- font-size: 8px;
- font-family: calibri;
- text-transform: uppercase;
- font-weight: normal;
- text-align: left;
- letter-spacing: 0px;
- border-top: 2px solid {color:post};
- padding: 4px 0px 4px 8px;
- margin-top: 4px;
- {/block:if400Post}
- {block:ifnot400Post}
- width: 500px;
- {/block:ifnot400Post}
- }
- .like_reblog_bottons {
- float: right;
- display: -moz-inline-box;
- text-align: right;
- padding-left: 3px;
- margin-top: 14px;
- margin-right: 6px;
- }
- .like_button {
- margin-top: -3px;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- opacity: 0.7;
- }
- .like_button:hover {
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- opacity: 0.9;
- }
- .reblog_button {
- margin-top: -15px;
- margin-right: 16px;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- opacity: 0.7;
- }
- .reblog_button:hover {
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- opacity: 0.9;
- }
- .tags {
- font-style: italic;
- text-align: left;
- margin-top: -2px;
- text-transform: lowercase;
- {/block:if400Post}
- {block:ifnot400Post}
- width: 500px;
- {/block:ifnot400Post}
- {block:IfTagsWithHovereffect}
- opacity: 0;
- {/block:IfTagsWithHovereffect}
- }
- .tags a {
- color: {color:Tag Font};
- margin-right: 4px;
- }
- .tags a:hover {
- background: {color:Tag Link Bg};
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- .notes {
- font-size: 10px;
- font-style: none;
- letter-spacing: 1px;
- margin-top: 18px;
- margin-left: -10px;
- }
- ol.notes, .notes li {
- list-style: none;
- }
- ol.notes li.note img.avatar {
- display: none;
- }
- ol.notes li.note blockquote {
- font-color: {color:Font};
- margin: 2px 0px 3px 15px;
- }
- ol.notes li.note blockquote a {
- font-color: {color:Font};
- text-decoration: none;
- }
- ol.notes li.note .answer_content {
- font-color: {color:Font};
- }
- .x {
- position: fixed;
- color: {color:Font};
- text-align: center;
- text-transform: uppercase;
- bottom: 8px;
- right: 8px;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- .x a {
- font-family: calibri;
- font-size: 8px;
- }
- .x:hover {
- background: #f1f1f1;
- padding: 6px;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- </style>
- <body>
- {block:IndexPage}
- <div class="nav">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">previous</a> ·
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IndexPage}
- <div id="sidecont">
- <div id="title"><a href="/">{Title}</a></div>
- <div id="sidebar">
- <a href="/"><img src="{image:Sidebar}"></a>
- {block:Description}
- <div class="desc">{Description}</div>
- {/block:Description}
- {block:Pagination}
- <center>
- <br>
- {block:PreviousPage}
- <a class="jump_page" href="{PreviousPage}">« back</a> 
- {/block:PreviousPage}
- {block:NextPage}
- <a class="jump_page" href="{NextPage}">next »</a>
- {/block:NextPage}
- </center>
- {/block:Pagination}
- </div>
- <div id="nav">
- <div class="navi"><a href="/">Home</a></div>
- <div class="navi"><a href="/ask">Ask</a></div>
- <div class="navi"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
- <div class="navi"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
- <div class="navi"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
- <div class="navi"><a href="https://barbie-themes.tumblr.com/">Theme</a></div>
- </div>
- </div>
- <div id="content">
- {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}
- <div class="posts">
- {block:Text}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>
- {block:if400Post}
- <img src="{PhotoURL-400}" width="400px">
- {/block:if400Post}
- {block:ifnot400Post}
- <img src="{PhotoURL-500}" width="500px">
- {/block:ifnot400Post}
- {block:IndexPage}
- {block:ifCaptions}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:ifCaptions}
- {block:ifnotCaptions}
- <div style="margin-bottom: -3px;"></div>
- {/block:ifnotCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- </center>
- {/block:Photo}
- {block:Photoset}
- {block:if400Post}
- {Photoset-400}
- {/block:if400Post}
- {block:ifnot400Post}
- {Photoset-500}
- {/block:ifnot400Post}
- {block:IndexPage}
- {block:ifCaptions}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:ifCaptions}
- {block:ifnotCaptions}
- <div style="margin-bottom: -3px;"></div>
- {/block:ifnotCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <h2>"{Quote}"</h2>
- <div align="right">
- {block:Source}<h1>-{Source}</h1>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="posttitle"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div style="margin-top: -8px;"></div>
- {Description}
- <div style="margin-bottom: -8px;"></div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}<br>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- {block:if400Post}
- {Video-400}
- {/block:if400Post}
- {block:ifnot400Post}
- {Video-500}
- {/block:ifnot400Post}
- {block:IndexPage}
- {block:ifCaptions}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:ifCaptions}
- {block:ifnotCaptions}
- <div style="margin-bottom: -4px;"></div>
- {/block:ifnotCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div style="margin-bottom: -3px;"></div>
- {block:Caption}
- <div class="caption">
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Audio}
- <div class="playbox"><div class="playbutton">
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- </div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="trackdetails"><br>
- {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
- {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
- <b>PLAYS:</b> {FormattedPlayCount}</div>
- {block:IndexPage}
- {block:ifCaptions}
- {block:if400Post}
- {block:Caption}
- <div class="caption"> <div style="margin-top:0px;"></div>
- {Caption}
- <div style="margin-bottom: -10px;"></div>
- </div>
- {/block:Caption}
- {/block:if400Post}
- {block:ifnot400Post}
- {block:Caption}
- <div class="caption"> <div style="margin-top:0px;"></div>
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:ifnot400Post}
- {/block:ifCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption"> <div style="margin-top:0px;"></div>
- {Caption}
- <div style="margin-bottom: -8px;"></div>
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-30}"> {Asker} Asked: {Question}
- </div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="details_top">
- Posted <a href="{Permalink}">{TimeAgo}</a> on {Month} {DayOfMonth}
- {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- {block:ContentSource}· <a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
- {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="like_reblog_bottons">
- <div class="like_botton">{LikeButton size="15"}</div>
- <div class="reblog_botton">{ReblogButton size="15"}</div>
- </div>
- </div>
- <div class="details">
- {block:HasTags}
- <div class="tags">
- <img src="https://media.tumblr.com/e9774a0e3c7e8b3b6ce5e91767e566c2/tumblr_inline_mqz9fmAhYn1qz4rgp.png" alt="" />
- tags {block:Tags} #<a href="/tagged/{Tag}">
- {Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- </div>
- {/block:Date}
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement