The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help needed with Tumblr theme
mnou89
post Aug 4 2015, 07:02 AM
Post #1





Group: Members
Posts: 1
Joined: 4-August 15
Member No.: 23,215



Hi all.

I need some help with my Tumblr code. How do I get the background of my first panel (profile) white instead of black? And how do I change the fonts?

Link: http://presqueparisiennemanou.tumblr.com

Code:

-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>{Title}{block:TagPage} &bull; Posts Tagged &lsquo;{Tag}&rsquo;{/block:TagPage}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}</title>

{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}

<meta name="viewport" content="width = device-width, initial-scale = 1.0,maximum-scale = 1.0" />


<link href="http://static.tumblr.com/7szwxy7/GHkmm3bie/style.css" media="screen" rel="stylesheet" type="text/css" />


<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link rel="shortcut icon" href="{Favicon}" />

<!-- TUMBLR OPTIONS -->

<!-- Images -->
<meta name="image:Avatar" content="http://static.tumblr.com/7szwxy7/BF0mm2vlb/default-avatar.png">
<meta name="image:Background" content="http://static.tumblr.com/7szwxy7/eLImm2vlr/default-background.jpg">

<!-- Highlight Color -->
<meta name="color:Highlight" content="#fe544a"/>
<meta name="color:Background" content="#cccccc"/>

<!-- Display Options -->
<meta name="if:Alternate Profile Icon" content="0" />
<meta name="if:Always Display Menu" content="1" />
<meta name="if:Display Profile" content="1" />
<meta name="if:Display Likes" content="0" />
<meta name="if:Display Twitter Feed" content="0"/>
<meta name="if:Display Flickr Feed" content="0"/>
<meta name="if:Display Instagram Feed" content="0"/>
<meta name="if:Display Post Authors" content="0"/>
<meta name="if:Expanded Profile First" content="0" />
<meta name="if:Set Blog as First Page" content="0" />
<meta name="if:Use Facebook Comments" content="0"/>
<meta name="if:Use Disqus Comments" content="0"/>
<meta name="if:Enable Scroll Bar" content="0"/>

<!-- Text Fields -->
<meta name="text:Profile Subtitle" content="" />
<meta name="text:Profile Short Intro" content="" />
<meta name="text:Profile About Me" content="More About Me" />

<!-- Social Media -->
<meta name="text:Facebook Username" content="" />
<meta name="text:Facebook API ID" content="" />
<meta name="text:Vimeo Username" content="" />
<meta name="text:Flickr User ID" content="" />
<meta name="text:Flickr Photoset ID" content="" />
<meta name="text:Lastfm Username" content="" />
<meta name="text:Dribbble Username" content="" />
<meta name="text:Skype Username" content="" />
<meta name="text:Facebook Username" content="" />
<meta name="text:Google Plus URL" content="" />
<meta name="text:Github Username" content="" />
<meta name="text:Youtube Username" content="" />
<meta name="text:Linkedin Profile URL" content="" />
<meta name="text:Svpply Username" content="" />
<meta name="text:Rdio Username" content="" />
<meta name="text:Foursquare Username" content="" />
<meta name="text:Instagram Access Token" content="" />
<meta name="text:Pinterest Username" content="" />
<meta name="text:Disqus Shortname" content="" />
<meta name="text:Google Analytics Shortcode" content="" />

<!-- FACEBOOK OPEN GRAPH -->
<!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>-->

<meta property="og:site_name" content="{Title}"/>

{block:PermalinkPage}

<meta property="og:url" content="{Permalink}"/>
<meta property="og:type" content="article"/>

{block:Posts}
{block:Text}
{block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}
<meta property="og:description" content="{PlaintextBody}"/>
{/block:Text}

{block:Photo}
<meta property="og:image" content="{PhotoURL-500}"/>
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Photo}

{block:Photoset}
{block:Photos}
<meta property="og:image" content="{PhotoURL-500}"/>
{/block:Photos}
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Photoset}

{block:Quote}
<meta property="og:title" content="{PlaintextQuote}"/>
<meta property="og:description" content="{PlaintextSource}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Quote}

{block:Link}
<meta property="og:title" content="{PlaintextName}"/>
<meta property="og:description" content="{PlaintextDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Link}

{block:Chat}
<meta property="og:title" content="{PlaintextTitle}"/>
<meta property="og:description" content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} &bull; {/block:Lines}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Chat}

{block:Audio}
<meta property="og:title" content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/>
<meta property="og:description" content="{PlaintextCaption}"/>
{block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}
{/block:Audio}

{block:Video}
{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
{/block:Video}

{block:Answer}
<meta property="og:title" content="{PlaintextQuestion}"/>
<meta property="og:description" content="{PlaintextAnswer}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:Answer}

{/block:Posts}

{/block:PermalinkPage}

{block:IndexPage}
<meta property="og:title" content="{Title}"/>
<meta property="og:type" content="blog"/>
<meta property="og:description" content="{MetaDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:IndexPage}

<!-- Facebook Comments -->
{block:IfUseFacebookComments}{block:IfFacebookUsername}<meta property="fb:admins" content="{text:Facebook Username}"/>{/block:IfFacebookUsername}
{block:IfFacebookAPIID}<meta property="fb:app_id" content="{text:Facebook API ID}"/>{/block:IfFacebookAPIID}{/block:IfUseFacebookComments}

<script>
var displayTwitter = false;
{block:IfDisplayTwitterFeed}{block:Twitter}displayTwitter = true;{/block:Twitter}{/block:IfDisplayTwitterFeed}
var displayFlickr = false;
{block:IfDisplayFlickrFeed}displayFlickr = true;{/block:IfDisplayFlickrFeed}
var flickrSpecific = false;
{block:IfFlickrPhotosetID}flickrSpecific = true; var flickrPhotoset = '{text:Flickr Photoset ID}'{/block:IfFlickrPhotosetID}
var displayInstagram = false;
{block:IfDisplayInstagramFeed}displayInstagram = true;{/block:IfDisplayInstagramFeed}
var displayAsk = false;
{block:AskEnabled}displayAsk = true;{/block:AskEnabled}
var displaySubmit = false;
{block:SubmissionsEnabled}displaySubmit = true;{/block:SubmissionsEnabled}
{block:Twitter}var twitterUser = '{TwitterUsername}';{/block:Twitter}
{block:IfFlickrUserID}var flickrID = '{text:Flickr User ID}';{/block:IfFlickrUserID}
{block:IfInstagramAccessToken}var instaToken = '{text:Instagram Access Token}';{/block:IfInstagramAccessToken}
var expandedProfile = false;
{block:IfExpandedProfileFirst}expandedProfile = true{/block:IfExpandedProfileFirst}
var blogURL = document.location.hostname;
var indexPage = false;
{block:IndexPage}indexPage = true;{/block:IndexPage}
var disqusEnabled = false;
{block:IfUseDisqusComments}{block:IfDisqusShortname}disqusEnabled = true;{/block:IfDisqusShortname}{/block:IfUseDisqusComments}
</script>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="http://static.tumblr.com/hugxd2w/q99m7dr08/html5.js"><\/script>')</script>
<![endif]-->

<style>
{block:IfBackgroundImage}
html {
background: url('{image:Background}') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
html.lt-ie9 {
background: none;
}
{/block:IfBackgroundImage}

{block:IfNotBackgroundImage}
html { background-color: {color:Background}; }
{/block:IfNotBackgroundImage}

::-moz-selection { background: {color:Highlight}; }
::selection { background: {color:Highlight}; }
a, a:visited, a:hover, #instagram #instagram-photos .instagram-photo aside .caption a, #instagram #instagram-photos .instagram-photo aside .caption a:hover, #blog .more-posts, #twitter .more-tweets, #flickr .more-flickr, #instagram .more-instagram, #blog article #notes ol li a.more_notes_link {
color: {color:Highlight};
}
blockquote { border-left: 2px solid {color:Highlight}; }
#main-navigation li.active a { background: url('http://static.tumblr.com/hugxd2w/saZm94lpc/main-nav-stencils.png') {color:Highlight}; }
#profile .read-more span:hover { border-bottom: 1px solid {color:Highlight}; }
#blog article.type-link h1 .link-arrow { background: url('http://static.tumblr.com/hugxd2w/GITm94gel/link-arrow.png') no-repeat {color:Highlight}; }

{block:IfEnableScrollBar}
div.scroll-wrap.active {
overflow-y:auto;
width:100%;
}
{/block:IfEnableScrollBar}

{CustomCSS}

</style>
</head>
<body class="{block:IfAlwaysDisplayMenu}menu-on {/block:IfAlwaysDisplayMenu}{block:PermalinkPage}permalink {/block:PermalinkPage}">
<img src="{image:Background}" id="ie-bg" alt="">

<div id="wrapper">

<div id="inner-track">
{block:IndexPage}
{block:IfDisplayProfile}<div class="scroll-wrap {block:IfNotSetBlogasFirstPage}{block:IndexPage}active{/block:IndexPage}{/block:IfNotSetBlogasFirstPage}" id="profile">
<div id="profile-box" class="content {block:IfExpandedProfileFirst}expanded{block:IfExpandedProfileFirst}">
<div id="top-half" class="{block:IfNotProfileSubtitle}no-sub {/block:IfNotProfileSubtitle}{block:IfNotProfileShortIntro}no-short {/block:IfNotProfileShortIntro}">
{block:IfAvatarImage}<div id="avatar" style="background: url('{image:Avatar}') center center no-repeat; background-size: 250px auto;"></div>{/block:IfAvatarImage}

<h1 id="title">{Title}</h1>
{block:IfProfileSubtitle}<h2 id="sub-title">{text:Profile Subtitle}</h2>{block:IfProfileSubtitle}

{block:IfProfileShortIntro}<p id="short-intro">{text:Profile Short Intro}</p>{/block:IfProfileShortIntro}
</div><!-- close TOP HALF -->

<p class="read-more"><span>{text:Profile About Me}</span></p>

<ul id="social-icons" class="clearfix">
{block:Twitter}
<li><a class="twitter" href="http://www.twitter.com/{TwitterUsername}" title="@{TwitterUsername} on Twitter">Twitter</a></li>
{/block:Twitter}
{block:IfPinterestUsername}
<li><a class="pinterest" href="http://pinterest.com/{text:Pinterest Username}/" title="{text:Pinterest Username} on Pinterest">Pinterest</a></li>
{/block:IfPinterestUsername}
{block:IfFacebookUsername}
<li><a class="facebook" href="http://www.facebook.com/{text:Facebook Username}" title="Facebook Profile">Facebook</a></li>
{/block:IfFacebookUsername}
{block:IfVimeoUsername}
<li><a class="vimeo" href="http://www.vimeo.com/{text:Vimeo Username}" title="{text:Vimeo Username} on Vimeo">Vimeo</a></li>
{/block:IfVimeoUsername}
{block:IfYoutubeUsername}
<li><a class="youtube" href="http://www.youtube.com/{text:Youtube Username}" title="{text:Youtube Username} on Youtube">YouTube</a></li>
{/block:IfYoutubeUsername}
{block:IfFlickrUserID}
<li><a class="flickr" href="http://www.flickr.com/photos/{text:Flickr User ID}" title="{text:Flickr User ID} on Flickr">Flickr</a></li>
{/block:IfFlickrUserID}
{block:IfLastfmUsername}
<li><a class="lastfm" href="http://www.lastfm.com/user/{text:Lastfm Username}" title="{text:Lastfm Username} on Last.fm">Last.fm</a></li>
{/block:IfLastfmUsername}
{block:IfDribbbleUsername}
<li><a class="dribbble" href="http://dribbble.com/players/{text:Dribbble Username}" title="{text:Dribbble Username} on Dribbble">Dribbble</a></li>
{/block:IfDribbbleUsername}
{block:IfSkypeUsername}
<li><a class="skype" href="skype:{text:Skype Username}?userinfo" title="My Skype Info">Skype</a></li>
{/block:IfSkypeUsername}
{block:IfGooglePlusURL}
<li><a class="google-plus" href="{text:Google Plus URL}" title="Google+ Profile">Google+</a></li>
{/block:IfGooglePlusURL}
{block:IfLinkedinProfileURL}
<li><a class="linkedin" href="{text:Linkedin Profile URL}" title="Linkedin Profile">LinkedIn</a></li>
{/block:IfLinkedinProfileURL}
{block:IfSvpplyUsername}
<li><a class="svpply" href="http://svpply.com/{text:Svpply Username}" title="{text:Svpply Username} on Svpply">Svpply</a></li>
{/block:IfSvpplyUsername}
{block:IfRdioUsername}
<li><a class="rdio" href="http://www.rdio.com/#/people/{text:Rdio Username}" title="{text:Rdio Username} on Rdio">Rdio</a></li>
{/block:IfRdioUsername}
{block:IfFoursquareUsername}
<li><a class="foursquare" href="http://foursquare.com/{text:Foursquare Username}" title="{text:Foursquare Username} on Foursquare">FourSquare</a></li>
{/block:IfFoursquareUsername}
{block:IfGithubUsername}
<li><a class="github" href="http://www.github.com/{text:Github Username}" title="{text:Github Username} on Github">Github</a></li>
{/block:IfGithubUsername}
</ul><!-- close SOCIAL ICONS -->


<div id="description">{block:Description}
<p>{Description}</p>
{/block:Description}</div><!-- close DESCRIPTION -->

<span class="close">Close</span>

</div><!-- close PROFILE -->
</div><!--close SCROLL WRAP -->{/block:IfDisplayProfile}{/block:IndexPage}

<div class="scroll-wrap {block:IfNotDisplayProfile}active {/block:IfNotDisplayProfile}{block:PermalinkPage}active {/block:PermalinkPage}{block:IfSetBlogasFirstPage}active{/block:IfSetBlogasFirstPage}" id="blog">
<div class="content panel">
<header class="clearfix">
<h1><a href="/#blog">Blog</a></h1>

<ul class="links">
{block:PermalinkPage}{block:Posts}{block:Date}<li class="blog-search"><a href="#">Search by Tag</a></li>{block:Date}{block:Posts}{/block:PermalinkPage}
{block:IndexPage}<li class="blog-search"><a href="#">Search by Tag</a></li>{/block:IndexPage}
<li><a href="/archive">{lang:Archive}</a></li>
<li><a href="{RSS}">{lang:RSS}</a></li>
</ul>

{block:PermalinkPage}{block:Posts}{block:Date}<div id="tumblr-search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Tag Search"/>
</form>
<span>Close</span>
</div>{/block:Date}{/block:Posts}{/block:PermalinkPage}
{block:IndexPage}<div id="tumblr-search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Tag Search"/>
</form>
<span>Close</span>
</div>{/block:IndexPage}

<div class="switcher">
<span class="previous-panel"><img alt="{lang:Previous}" src="http://static.tumblr.com/hugxd2w/rAkm79zgn/panel-arrow-left.png"></span>
<span class="next-panel"><img alt="{lang:Next}" src="http://static.tumblr.com/hugxd2w/A3zm79zgy/panel-arrow-right.png"></span>
</div>
</header>
<section id="posts">
{block:TagPage}<div class="results">
<p>{lang:Posts tagged Tag 3}</p>
</div>{/block:TagPage}
{block:SearchPage}<div class="results">
<p>There are {SearchResultCount} posts tagged with '<a href="/search/{SearchQuery}">{SearchQuery}</a>'</p>

{block:NoSearchResults}<p>Sorry, we couldn't find any posts matching your search term. Please try a different search.</p>{/block:NoSearchResults}
</div>{/block:SearchPage}

{block:Posts}
<article class="{block:Text}type-text {/block:Text}{block:Photoset}type-photoset {/block:Photoset}{block:Photo}type-photo {/block:Photo}{block:RebloggedFrom}type-reblogged {/block:RebloggedFrom}{block:Quote}type-quote {/block:Quote}{block:Link}type-link {/block:Link}{block:Chat}type-chat {/block:Chat}{block:Audio}type-audio {/block:Audio}{block:Video}type-video {/block:Video}{block:Answer}type-ask {/block:Answer}{block:Date}has-date{/block:Date}" id="{PostID}" {block:RebloggedFrom}data-reblog="{ReblogRootPortraitURL-128}"{/block:RebloggedFrom}{block:NotReblog}data-portrait="{PostAuthorPortraitURL-128}"{/block:NotReblog}>

{block:Text}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<div class="clearfix">{Body}</div>
{/block:Text}

{block:Photo}
<div class="single-photo">
<div class="photo">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" data-clickthrough="{LinkURL}" data-highres="{PhotoURL-HighRes}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif}>
</div>
<div class="icons">
<a class="view" rel="post-{PostID}" href="{PhotoURL-HighRes}"><span class="zoom">{lang:Zoom}</span></a>
{block:Exif}<span class="info">Info</span>{/block:Exif}
</div>
</div>
<div class="clearfix">{block:Caption}{Caption}{/block:Caption}</div>
{/block:Photo}

{block:Photoset}
<div class="photo-slideshow" data-layout="{PhotosetLayout}">

{block:Photos}
<div class="photo-data">
<div class="photo">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
</div>
<div class="icons">
<a class="view" rel="post-{PostID}" href="{PhotoURL-HighRes}"><span class="zoom">{lang:Zoom}</span></a>
<span class="info">Info</span>
</div>
</div>
{/block:Photos}
</div><!-- close SLIDESHOW -->

<div class="clearfix">{block:Caption}{Caption}{/block:Caption}</div>

{/block:Photoset}


{block:Quote}
<blockquote class="quote">{Quote}</blockquote>

{block:Source}<p class="clearfix">{Source}</p>{/block:Source}
{/block:Quote}


{block:Link}
<h1 class="link-title"><a href="{URL}" target="{Target}">{Name}</a><a href="{URL}" target="{Target}" class="link-arrow"></a></h1>
<div class="clearfix">{block:Description}{Description}{/block:Description}</div>
{/block:Link}


{block:Chat}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<div class="lines">{block:Lines}
<p class="line-{Alt}">{block:Label}<span>{Label}</span><br>{/block:Label} {Line}</p>
{/block:Lines}</div>
{/block:Chat}


{block:Audio}
{block:AudioPlayer}
{block:AlbumArt}<div class="album" style="background: url({AlbumArtURL}) no-repeat; background-size:cover;"></div>{/block:AlbumArt}
<div class="song-info">
{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
{block:Artist}<h2>{Artist}</h2>{/block:Artist}
{block:Album}<h3>{Album}</h3>{/block:Album}
<div class="player">
{AudioPlayerWhite}
</div>
</div>
<p class="data">{block:ExternalAudio}<a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio} {block:PlayCount} <span class="play-count">{PlayCountWithLabel}</span>{/block:PlayCount}</p>
{/block:AudioPlayer}

{block:AudioEmbed}
<div class="spotify">
{AudioEmbed-500}
</div>
{/block:AudioEmbed}

<div class="clearfix">{block:Caption}{Caption}{/block:Caption}</div>
{/block:Audio}


{block:Video}
<div class="video">{Video-500}</div>
<div class="clearfix">{block:Caption}{Caption}{/block:Caption}</div>
{/block:Video}


{block:Answer}
<img class="avatar" alt="" src="{AskerPortraitURL-40}">

<p class="first">{lang:Asker asked 2}:</p>

<blockquote>{Question}</blockquote>

<p class="me"><strong>I answered:</strong></p>

<div class="answer clearfix">
{Answer}
</div>
{/block:Answer}

{block:Date}
<aside class="meta">
{block:IfDisplayPostAuthors}<p><span class="post-author"><strong><a href="{PostAuthorURL}">{PostAuthorName}</a></strong> posted on</span> <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> {block:RebloggedFrom}<em>via</em> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</p>{/block:IfDisplayPostAuthors}
<ul>
{block:IfNotDisplayPostAuthors}<li><a class="date {block:RebloggedFrom}with-via{/block:RebloggedFrom}" href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> {block:RebloggedFrom}<em>via</em> <a class="via" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</li>{/block:IfNotDisplayPostAuthors}
{block:NoteCount}<li><a class="notes" href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
{block:IfUseFacebookComments}<li><a class="comments" href="{Permalink}"><fb:comments-count href="{Permalink}"></fb:comments-count> comments</a></li>{/block:IfUseFacebookComments}
{block:IfNotUseFacebookComments}{block:IfUseDisqusComments}{block:IfDisqusS​ho
rtname}<li><a class="comments" href="{Permalink}#disqus_thread">comments</a></li>{/block:IfDisqusShortname}{/block:IfUseDisqusComments}{/block:IfNotUseFacebookComments}
{block:HasTags}<li><span class="tags" href="#">Tags</span></li>{/block:HasTags}
</ul>
{block:HasTags}<div class="tags-wrapper">
<ul class="list-tags">
{block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}
</ul>
</div>{/block:HasTags}

<div class="share">
<span class="toggle">Share</span>
<div class="widget">
<div class="short-link">
<p>{lang:Short URL}<br>
<input type="text" readonly="" value="{ShortURL}"></p>
</div>
<div class="share-links"><a target="_new" href="https://twitter.com/intent/tweet?url={ShortURL}" class="share-twitter">Twitter</a><a target="_new" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" class="share-facebook">Facebook</a><a target="_new" href="http://pinterest.com/pin/create/button/?url={Permalink}&media=" class="share-pinterest">Pinterest</a><a target="_new" href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}" class="share-google">Google+</a></div>
</div>
</div>
</aside>
{/block:Date}

{block:PermalinkPage}{block:Date}
{block:IfUseFacebookComments}
<div id="comments">
<h2><fb:comments-count href="{Permalink}"></fb:comments-count> comments</h2>

<div class="fb-comments" data-href="{Permalink}" data-num-posts="2" data-width="460"></div>
</div>
{/block:IfUseFacebookComments}
{block:IfNotUseFacebookComments}
{block:IfUseDisqusComments}
{block:IfDisqusShortname}
<div id="comments">
<div id="disqus_thread"></div>
<script type="text/javascript">
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
{/block:IfDisqusShortname}
{/block:IfUseDisqusComments}
{/block:IfNotUseFacebookComments}
{block:NoteCount}<div id="notes"><h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
{block:PostNotes}{PostNotes}</div>{/block:PostNotes}
{/block:Date}{/block:PermalinkPage}
</article>
{/block:Posts}

</section>

{block:IndexPage}
<div class="more-posts">
{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
<span>{lang:Load more posts}</span>
</div>
{/block:IndexPage}

</div><!-- close BLOG -->
<div class="back-to-top"><span>Back to Top</span></div>
</div><!--close SCROLL WRAP -->

{block:IndexPage}{block:IfDisplayTwitterFeed}{block:Twitter}<div class="scroll-wrap" id="twitter">
<div class="content panel">
<header class="clearfix">
<h1>Twitter</h1>

<div class="switcher">
<span class="previous-panel"><img alt="{lang:Previous}" src="http://static.tumblr.com/hugxd2w/rAkm79zgn/panel-arrow-left.png"></span>
<span class="next-panel"><img alt="{lang:Next}" src="http://static.tumblr.com/hugxd2w/A3zm79zgy/panel-arrow-right.png"></span>
</div>
</header>

<div id="twitter-info" class="clearfix">

</div>

<div id="tweets">

</div>

</div><!-- close TWITTER -->
<div class="back-to-top"><span>Back to Top</span></div>
</div><!--close SCROLL WRAP -->{/block:Twitter}{/block:IfDisplayTwitterFeed}{/block:IndexPage}

{block:IndexPage}{block:IfDisplayLikes}<div class="scroll-wrap" id="tumblr-likes">
<div class="content panel">
<header class="clearfix">
<h1>{lang:Likes}</h1>

<ul class="links">
<li><a href="http://www.tumblr.com/liked/by/{Plaintextname}">See More Likes</a></li>
</ul>

<div class="switcher">
<span class="previous-panel"><img alt="{lang:Previous}" src="http://static.tumblr.com/hugxd2w/rAkm79zgn/panel-arrow-left.png"></span>
<span class="next-panel"><img alt="{lang:Next}" src="http://static.tumblr.com/hugxd2w/A3zm79zgy/panel-arrow-right.png"></span>
</div>
</header>
{Likes width="560"}
</div><!-- close LIKES -->
<div class="back-to-top"><span>Back to Top</span></div>
</div><!--close SCROLL WRAP -->{/block:IfDisplayLikes}{/block:IndexPage}

{block:IndexPage}{block:AskEnabled}<div class="scroll-wrap" id="ask">
<div class="content panel">
<header class="clearfix">
<h1>{AskLabel}</h1>

<div class="switcher">
<span class="previous-panel"><img alt="{lang:Previous}" src="http://static.tumblr.com/hugxd2w/rAkm79zgn/panel-arrow-left.png"></span>
<span class="next-panel"><img alt="{lang:Next}" src="http://static.tumblr.com/hugxd2w/A3zm79zgy/panel-arrow-right.png"></span>
</div>
</header>

<div class="iframe-holder">

</div>
</div><!-- close ASK -->
<div class="back-to-top"><span>Back to Top</span></div>
</div><!--close SCROLL WRAP -->{/block:AskEnabled}{/block:IndexPage}

{block:IndexPage}{block:SubmissionsEnabled}<div class="scroll-wrap" id="submit">
<div class="content panel">
<header class="clearfix">
<h1>{SubmitLabel}</h1>

<div class="switcher">
<span class="previous-panel"><img alt="{lang:Previous}" src="http://static.tumblr.com/hugxd2w/rAkm79zgn/panel-arrow-left.png"></span>
<span class="next-panel"><img alt="{lang:Next}" src="http://static.tumblr.com/hugxd2w/A3zm79zgy/panel-arrow-right.png"></span>
</div>
</header>

<div class="iframe-holder">

</div>
</div><!-- close SUBMIT -->
<div class="back-to-top"><span>Back to Top</span></div>
</div><!--close SCROLL WRAP -->{/block:SubmissionsEnabled}{/block:IndexPage}

{block:IndexPage}{block:IfDisplayFlickrFeed}{block:IfFlickrUserID}<div class="scroll-wrap" id="flickr">
<div class="content panel">
<header class="clearfix">
<h1>Flickr</h1>

<div class="switcher">
<span class="previous-panel"><img alt="{lang:Previous}" src="http://static.tumblr.com/hugxd2w/rAkm79zgn/panel-arrow-left.png"></span>
<span class="next-panel"><img alt="{lang:Next}" src="http://static.tumblr.com/hugxd2w/A3zm79zgy/panel-arrow-right.png"></span>
</div>
</header>

<div id="flickr-info" class="clearfix">

</div>

<div id="flickr-photos">

</div>

<div class="more-flickr">
<span>Load More Photos</span>
</div>
</div><!-- close FLICKR -->
<div class="back-to-top"><span>Back to Top</span></div>
</div><!--close SCROLL WRAP -->{/block:IfFlickrUserID}{/block:IfDisplayFlickrFeed}{/block:IndexPage}

{block:IndexPage}{block:IfDisplayInstagramFeed}{block:IfInstagramAccessToke​n}
<div class="scroll-wrap" id="instagram">
<div class="content panel">
<header class="clearfix">
<h1>Instagram</h1>

<div class="switcher">
<span class="previous-panel"><img alt="{lang:Previous}" src="http://static.tumblr.com/hugxd2w/rAkm79zgn/panel-arrow-left.png"></span>
<span class="next-panel"><img alt="{lang:Next}" src="http://static.tumblr.com/hugxd2w/A3zm79zgy/panel-arrow-right.png"></span>
</div>
</header>

<div id="instagram-info" class="clearfix">

</div>

<div id="instagram-photos">

</div>

<div class="more-instagram">
<span>Load More Photos</span>
</div>
</div><!-- close INSTAGRAM -->

<div class="back-to-top"><span>Back to Top</span></div>
</div><!--close SCROLL WRAP -->{/block:IfInstagramAccessToken}{/block:IfDisplayInstagramFeed}{/block:IndexPage}

</div><!-- innner track-->

</div><!-- close WRAPPER -->

<div id="bottom-bar">

<div id="main-nav-wrapper">
<ul id="main-navigation" {block:PermalinkPage}{block:Posts}{block:Date}class="post-permalink"{/block:Date}{/block:Posts}{/block:PermalinkPage}>
{block:IndexPage}
{block:IfNotAlwaysDisplayMenu}<li class="close"><span>Close</span></li>{/block:IfNotAlwaysDisplayMenu}
{block:IfDisplayProfile}<li class="profile {block:IfAlternateProfileIcon}house {/ block:IfAlternateProfileIcon}{block:IfNotSetBlogasFirstPage}{block:IndexPage}act
​ive{/block:IndexPage}{/block:IfNotSetBlogasFirstPage}"><a href="#profile"><span>Profile</span></a></li>{/block:IfDisplayProfile}
<li class="blog {block:PermalinkPage}active {/block:PermalinkPage}{block:IfSetBlogasFirstPage}active{/block:IfSetBlogasFirstPage}"><a href="#blog"><span>Blog</span></a></li>
{block:IfDisplayTwitterFeed}{block:Twitter}<li class="twitter"><a href="#twitter"><span>Twitter</span></a></li>{/block:Twitter}{/block:IfDisplayTwitterFeed}
{block:IfDisplayLikes}<li class="tumblr-likes"><a href="#tumblr-likes"><span>{lang:Likes}</span></a></li>{/block:IfDisplayLikes}
{block:AskEnabled}<li class="ask"><a href="#ask"><span>{AskLabel}</span></a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li class="submit"><a href="#submit"><span>{SubmitLabel}</span></a></li>{/block:SubmissionsEnabled}
{block:IfDisplayFlickrFeed}{block:IfFlickrUserID}<li class="flickr"><a href="#flickr"><span>Flickr</span></a></li>{/block:IfFlickrUserID}{/block:IfDisplayFlickrFeed}
{block:IfDisplayInstagramFeed}{block:IfInstagramAccessToken}<li class="instagram"><a href="#instagram"><span>Instagram</span></a></li>{/block:IfInstagramAccessToken}{/block:IfDisplayInstagramFeed}
{/block:IndexPage}
{block:PermalinkPage}
<li class="back-home"><a href="/">Back</a></li>
{/block:PermalinkPage}
{block:HasPages}<li class="pages"><span>{lang:Pages}</span>
<ul>
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
</ul>
</li>{/block:HasPages}
</ul>
</div><!-- close MAIN NAVIGATION -->

<div id="nav-toggle">
<span>Open</span>
</div>

<div id="pixel-union"><p><a href="http://www.pixelunion.net">Vanity</a> by <a href="http://www.pixelunion.net"><span>Pixel Union</span></a></p></div>
</div><!-- close BOTTOM BAR -->


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="http://static.tumblr.com/hugxd2w/s4om61ic8/jquery-1.7.2.min.js"><\/script>')
</script>


<script src="http://static.tumblr.com/7szwxy7/DuMmm3bi0/script.js" type="text/javascript"></script>


{block:IfGoogleAnalyticsShortcode}<script>
var _gaq=[['_setAccount','{text:Google Analytics Shortcode}'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>{/block:IfGoogleAnalyticsShortcode}

{block:IfUseFacebookComments}<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=274529755961033";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>{/block:IfUseFacebookComments}
{block:IfNotUseFacebookComments}{block:IfUseDisqusComments}{block:IfDisqusS​ho
rtname}<script type="text/javascript">
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>{/block:IfDisqusShortname}{/block:IfUseDisqusComments}{/block:IfNotUseFacebookComments}

{block:IfDisplayTwitterFeed}{block:Twitter}
<script>
function recent_tweets(data){ window.twitterData = data; }
</script>
<script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}{/block:IfDisplayTwitterFeed}

<script type="text/javascript">var themeTitle = "Vanity Theme";
var url = "http://vanity-theme.tumblr.com";
(function() {
var pxu = document.createElement('script'); pxu.type = 'text/javascript'; pxu.async = true; pxu.src = 'http://cdn.pixelunion.net/customize/pxucm.js';
var isCustomize = (window.location.href.indexOf('/customize_preview_receiver.html') >= 0);
var isDemo = (window.location.href.indexOf(url) >= 0);
(isCustomize || isDemo) && ((document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pxu));
})();</script>

<!-- Google Code for Sale Conversion Page -->
<!-- =============================================== -->
<script type="text/javascript">

var pxuConversionLabel = "ex5HCJmipgIQ58Wg4gM";
var pxuDemoURL = "vanity-theme.tumblr.com";

var pxuIsDemo = (window.location.href.indexOf(pxuDemoURL) != -1);
var pxuTriggerConversion = (document.referrer.indexOf(pxuConversionLabel) != -1);

if (pxuTriggerConversion && !pxuIsDemo) {
/* <![CDATA[ */
var google_conversion_id = 1011360487;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = pxuConversionLabel;
var google_conversion_value = 40;
/* ]]> */
}

</script>

<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">
</script>

<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1011360487/?value=40&amp;label=ex5HCJmipgIQ58Wg4gM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>
<!-- =============================================== -->
<!-- =============================================== -->

</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 4 2015, 08:12 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 19,780
Joined: 9-August 06
Member No.: 6



Looks like it mainly is this rule in http://static.tumblr.com/7szwxy7/GHkmm3bie/style.css.

QUOTE
#profile-box{background:#111111;padding:50px 80px 60px;width:400px;margin-bottom:135px;font-size:14px;line-height:22px;z-index:10;box-sizing:content-box;position:relative}


But you probably also want to make changes to these rules.

CODE
#top-half{border-bottom:1px solid #1d1d1d;background:#111111;position:relative;z-index:10;margin-bottom:15px}


CODE
#title,#sub-title{text-align:center;color:#ffffff;line-height:1}


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 3rd August 2021 - 05:48 AM