The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> someone check my html code! PLEASE, Cant move my sidebar away a bit and background wont display
Rei
post Nov 21 2014, 01:42 PM
Post #1





Group: Members
Posts: 1
Joined: 21-November 14
Member No.: 21,835
Well ,hello.
I really,really need help with my tumblr.I usually would always play around with html but this never happened before.I added some things on the sidebar and it worked perfectly and when i tried adding http://tinypic.com/view.php?pic=24ot84h&s=6#.VG96McnoPcs this html code for my cursor,everything got f**ked ,__, ...My background disappeared ,turned white aand my sidebar and all its content got completely stuck to the left border.

I tried lots of websites for help and ended up messing it up even more. |: I really don't know what to do and i can't seem to find the background i used in the first place...Could anyone help me out with this?...My blog http://reirei-bakka.tumblr.com/ aand this is the whole html code:


<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lte-ie8"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7 lte-ie8"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8 lte-ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<!--
==========================================================================
____ ___ __ __
/\ _`\ __ /\_ \ /\ \/\ \ __
\ \ \L\ \\_\ __ _ __\//\ \ \ \ \ \ \ ___ /\_\ ___ ___
\ \ ,__//\ \/\ \/'\ /'__`\\ \ \ \ \ \ \ \ /' _ `\/\ \ / __`\/' _ `\
\ \ \/ \ \ \/> <//\ __/ \_\ \_ \ \ \_\ \/\ \/\ \ \ \/\ \L\ \\ \/\ \
\ \_\ \ \_\\_/\_\ \____\/\____\ \ \_____\ \_\ \_\ \_\ \____/ \_\ \_\
\/_/ \/_///\/_/\/____/\/____/ \/_____/\/_/\/_/\/_/\/___/ \/_/\/_/
==========================================================================
Effector v4.4.0
Updated: August 14, 2014
Website: https://www.pixelunion.net
Themes: http://tumblr.com/themes/by/pixelunion-themes
==========================================================================
-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=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="color:Background" content="#e6ebea"/>
<meta name="color:Colored Area Text" content="#fffadc"/>
<meta name="color:Colored Area Text Shadow" content="#bf4402"/>
<meta name="color:Inside Link" content="#f55b2c"/>
<meta name="color:Inside Link Hover" content="#fff7a5"/>
<meta name="color:Main Theme" content="#f55b2c"/>
<meta name="color:Outside Link" content="#f55b2c"/>
<meta name="color:Outside Link Hover" content="#131313"/>
<meta name="color:Outside Text" content="#616566"/>
<meta name="font:Inside Heading" content="Helvetica Neue, Arial, sans-serif"/>
<meta name="font:Inside Text" content="Georgia, serif"/>
<meta name="font:Outside Heading" content="Helvetica Neue, Arial, sans-serif"/>
<meta name="font:Outside Text" content="Helvetica Neue, Arial, sans-serif"/>
<meta name="image:Background" content=""/>
<meta name="image:Banner" content=""/>
<meta name="image:Large Sidebar Portrait" content=""/>
<meta name="image:Logo" content=""/>
<meta name="if:Align Top Menu Left" content="0"/>
<meta name="if:Automatic Headings" content="0"/>
<meta name="if:Blog Title in Page Header" content="0"/>
<meta name="if:Blog Title in Sidebar" content="0"/>
<meta name="if:Blog Title in Top bar" content="1"/>
<meta name="if:Centered Layout" content="1"/>
<meta name="if:Collapse Notes" content="1"/>
<meta name="if:Content Width 500" content="0"/>
<meta name="if:Content Width 600" content="0"/>
<meta name="if:Content Width 700" content="1"/>
<meta name="if:Custom Photosets" content="1"/>
<meta name="if:Fixed Background" content="0"/>
<meta name="if:Fixed Top Bar" content="1"/>
<meta name="if:Hide Sidebar" content="0"/>
<meta name="if:Infinite Scrolling" content="0"/>
<meta name="if:Invert" content="0"/>
<meta name="if:Invert Top Bar" content="0"/>
<meta name="if:Large Social Icons" content="1"/>
<meta name="if:Left Sidebar" content="0"/>
<meta name="if:Logo in Top bar" content="0"/>
<meta name="if:Fullscreen Background" content="0"/>
<meta name="if:Pages In Top Bar" content="0"/>
<meta name="if:Rounded Post Corners" content="0"/>
<meta name="if:Scale Images" content="1"/>
<meta name="if:Search Box In Sidebar" content="0"/>
<meta name="if:Show About Heading" content="1"/>
<meta name="if:Show Blogs I Follow" content="0"/>
<meta name="if:Show Description" content="1"/>
<meta name="if:Show Group Blog Info" content="0"/>
<meta name="if:Show Instagram" content="0"/>
<meta name="if:Show Likes" content="0"/>
<meta name="if:Show Likes in Sidebar" content="0"/>
<meta name="if:Show Pages Heading" content="1"/>
<meta name="if:Show Portrait" content="0"/>
<meta name="if:Show Random Post Icon" content="0"/>
<meta name="if:Show Social Icons Widget" content="0"/>
<meta name="if:Show Tweets" content="1"/>
<meta name="if:Show Twitter Profile" content="1"/>
<meta name="if:Top Menu With Labels" content="0"/>
<meta name="text:Behance Username" content=""/>
<meta name="text:Cargo URL" content=""/>
<meta name="text:Copyright Text" content=""/>
<meta name="text:Default Search Text" content="Search"/>
<meta name="text:Delicious Username" content=""/>
<meta name="text:Disqus Shortname" content=""/>
<meta name="text:Dribbble Username" content=""/>
<meta name="text:FFFFound Username" content=""/>
<meta name="text:Facebook Username" content=""/>
<meta name="text:Flickr Username" content=""/>
<meta name="text:Forrst Username" content=""/>
<meta name="text:Foursquare Username" content=""/>
<meta name="text:GetClicky Site ID" content=""/>
<meta name="text:Google Analytics Web Property ID" content=""/>
<meta name="text:Google URL" content=""/>
<meta name="text:Grooveshark Username" content=""/>
<meta name="text:Instagram Username" content=""/>
<meta name="text:Instagram Heading" content="Instagram"/>
<meta name="text:Instagram Access Token" content=""/>
<meta name="text:Instagram Count Max 4" content="4"/>
<meta name="text:Lastfm Username" content=""/>
<meta name="text:Liked Posts Heading" content="I Dig These Posts"/>
<meta name="text:Linkedin Profile URL" content=""/>
<meta name="text:Myspace Friend ID" content=""/>
<meta name="text:Num Tweets Max 4" content="4"/>
<meta name="text:Pinboard Username" content=""/>
<meta name="text:Pinterest Username" content=""/>
<meta name="text:Rdio Username" content=""/>
<meta name="text:Rows of Followed Avatars" content="3"/>
<meta name="text:Skype Username" content=""/>
<meta name="text:Social Icons Heading" content="Me, Elsewhere"/>
<meta name="text:Soundcloud Username" content=""/>
<meta name="text:Tagline" content=""/>
<meta name="text:Twitter Heading" content="Twitter"/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Vimeo Username" content=""/>
<meta name="text:Xbox Live Profile URL" content=""/>
<meta name="text:Youtube Username" content=""/>
<meta name="text:github Username" 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}

<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
<link rel="stylesheet" href="http://static.tumblr.com/xgwqnql/MF5lbpkr4/jquery.fancybox-1.3.1.css" media="screen"/>


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


<script type="text/javascript"><script type="text/javascript">
tumblrUsername = '{PlaintextName}';
searchValue = "{text:Default Search Text}";
themeColor = "{color:Main Theme}";
{block:IfContentWidth500}contentWidth = 500;{/block:IfContentWidth500}
{block:IfContentWidth600}contentWidth = 600;{/block:IfContentWidth600}
{block:IfContentWidth700}contentWidth = 700;{/block:IfContentWidth700}
{block:IfCustomPhotosets}customPhotosets = true;{/block:IfCustomPhotosets}
{block:IndexPage}{block:IfInfiniteScrolling}infiniteScroll = true;{/block:IfInfiniteScrolling}{/block:IndexPage}
{block:IfCollapseNotes}collapseNotes = true;{/block:IfCollapseNotes}
{block:IfDisqusShortname}
disqusEnabled = true;
disqusShortname = "{text:Disqus Shortname}";
{/block:IfDisqusShortname}
twitterUsername = "{block:Twitter}{TwitterUsername}{/block:Twitter}";
{block:IfFixedTopBar}fixedBar = true;{/block:IfFixedTopBar}
{block:IfShowTweets}{block:Twitter}
showTweets = true;
{block:IfNumTweetsMax4}numTweets = parseInt({text:Num Tweets Max 4});{/block:IfNumTweetsMax4}
{block:IfShowTwitterProfile}showTwitterProfile = true;{/block:IfShowTwitterProfile}
{/block:Twitter}{/block:IfShowTweets}
var showInstagram = false;
{block:IfShowInstagram}showInstagram = true;{/block:IfShowInstagram}
var accessToken = '{text:Instagram Access Token}';
var instaCount = '{text:Instagram Count Max 4}';
{block:IfShowBlogsIFollow}
{block:Following}
showFollowing = true;
{block:IfRowsOfFollowedAvatars}followedRows = parseInt({text:Rows Of Followed Avatars});{/block:IfRowsofFollowedAvatars}
{/block:Following}
{/block:IfShowBlogsIFollow}
{block:IfShowLikes}{block:Likes}showLikes = true;{/block:Likes}{/block:IfShowLikes}
{block:PermalinkPage}isPermalink = true;{/block:PermalinkPage}
photosets = {};
</script><script type="text/javascript">
/*tweaked by 1dcursors.tumblr.com*/
/*DO NOT STEAL OR REMOVE THIS TAGS*/
var snowmax=35
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
var snowtype=new Array("Times","Arial","Times","Verdana")
var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=30
var snowminsize=8
var snowingzone=1
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size+'px';
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].style.zIndex=1000
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+'px';
snow[i].style.top=snow[i].posy+'px';
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
snow[i].style.top=snow[i].posy+'px';

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</SCRIPT>
<style type="text/css">body {
font-family:{font:Outside Text};
color:{color:Outside Text};
background-color:{color:Background}
{block:IfBackgroundImage}background-image:url({IfBackgroundImage});
background-repeat:repeat;
{block:IfFixedBackground}background-attachment:fixed;
{/block:IfFixedBackground}{/block:IfBackgroundImage}
.blog-tile,
#sidebar h1,
#sidebar h2,
#sidebar h3,
#footer h1,
#footer h2,
#footer h3 {
font-family:{font:Outside Heading};
}

.copy {
font-family:{font:Inside Text};
}
.copy h1,
.copy h2,
.copy h3,
.copy h4,
.copy h5,
.copy h6,
.auto-headings .copy p:first-child strong:first-child,
#notes h2,
#disqus h2,
.speaker {
font-family:{font:Inside Heading};
}

#tabs #tabs-nav h2 span.active {
background:{color:Background};
}

{block:IfInvert}
.pinned .menu a {
color:#fff;
color:rgba(255,255,255,0.8);
}
.pinned .blog-title a,
.pinned .menu a:hover,
.pinned .pages a,
#sideba.pages a,
#banner .blog-title a,
#sidebar .blog-title a,
#twitter h3,
#sidebar h2,
#footer h2,
#footer-end a,
.more-likes,
.like_link a,
#pagination .nextprev a,
.page-sep {
color: #fff;
}
{/block:IfInvert}

{block:IfFullscreenBackground}
body {
background-attachment:fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
{/block:IfFullscreenBackground}

/* Main Theme Color */
.colored-panel,
.type-answer .user-question,
.pages a:hover,
.invert .fixed .pages a:hover,
.invert .pinned .pages a:hover,
.invert #sidebar .pages a:hover,
.more-likes:hover,
.invert-topbar .fixed .pages a:hover,
.like_link a:hover,
.type-photoset .navi a:hover,
#pagination .nextprev a:hover,
#group-members li span,
#followed li span {
background-color:{color:Main Theme};
}
.corners .tl {
border-left-color: {color:Main Theme};
}
.corners .tr {
border-right-color: {color:Main Theme};
}
.corners .bl,
.corners .br {
border-bottom-color:{color:Main Theme};
}
#group-members li span:after,
#followed li span:after {
border-top-color:{color:Main Theme};
}

/* Outside Link Color */
a, #footer-end a:hover {
color:{color:Outside Link};
}

/* Outside Link Hover */
a:hover {
color:{color:Outside Link Hover};
}

/* Inside Link Color */
.copy a,
.copy li:before,
.type-chat .speaker,
.no-touch #notes-toggle:hover,
.touch #notes-toggle.up,
ol.notes a,
#disqus a {
color:{color:Inside Link};
}

.copy a:hover,
ol.notes a:hover {
border-color:{color:Inside Link};
}
.copy .post-title a:hover,
.copy a:hover,
ol.notes a:hover,
#dsq-comments a:hover,
#dsq-options a:hover {
background-color:{color:Inside Link Hover};
}

.no-touch #notes-toggle:hover .icon,
.touch #notes-toggle.up .icon,
.photo-btns a:hover,
#back-to-top .icon {
background-color:{color:Inside Link};
}

/* Colored Area */
.colored-panel,
.colored-panel a,
.colored-panel a:hover,
.colored-panel .user-question,
.pages a:hover,
.invert-topbar .fixed .pages a:hover,
.invert #sidebar .pages a:hover,
.more-likes:hover,
.like_link a:hover,
#pagination .nextprev a:hover,
#group-members li span,
#followed li span {
color:{color:Colored Area Text};
}

/* Colored Area Text Shadow */
.type-quote .quote-text,
.type-audio .audio-meta,
.type-answer .user-question,
.pages a:hover,
.more-likes:hover,
.like_link a:hover,
#pagination .nextprev a:hover,
#group-members li span,
#followed li span {
text-shadow:1px 1px {color:Colored Area Text Shadow};
}

ol.notes li.tumblelog_{PlaintextName} {
background-color:#fbfbfb;
}
ol.notes li.tumblelog_{PlaintextName} .action {
font-weight:bold;
}
#page, .inner {
margin:{block:IfCenteredLayout}0 auto{/block:IfCenteredLayout}{block:IfNotCenteredLayout}0 0 0 40px{/block:ifNotCenteredLayout};
}

{CustomCSS}
</style>

<script src="http://static.tumblr.com/hugxd2w/6Cpm8gh20/modernizr.2.6.1.min.js"></script>
</head>
<body<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':24,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Oceans','url':'https://www.youtube.com/watch?v=OPjX_U0ND8M'}]}" ></script>
<!-- SCM Music Player script end -->

<body
class="{block:IfContentWidth500}content-500 {/block:IfContentWidth500}{block:IfContentWidth600}content-600 {/block:IfContentWidth600}{block:IfContentWidth700}content-700 {/block:IfContentWidth700}{block:IndexPage}{block:IfInfiniteScrolling}infscroll {/block:IfInfiniteScrolling}{/block:IndexPage}{block:IfInvert}invert {/block:IfInvert}{block:IfInvertTopBar}invert-topbar {/block:IfInvertTopBar}{block:IfTopMenuWithLabels}menu-labels {/block:IfTopMenuWithLabels}{block:IfAlignTopMenuLeft}menu-left {/block:IfAlignTopMenuLeft}{block:IfRoundedPostCorners}round-corners {/block:IfRoundedPostCorners}{block:IfLargeSocialIcons}lg-icons {/block:IfLargeSocialIcons}{block:IfAutomaticHeadings}auto-headings {/block:IfAutomaticHeadings}{block:IfScaleImages}scale-images {/block:IfScaleImages}{block:PermalinkPage}singular {/block:PermalinkPage}{block:IfHideSidebar}hide-sidebar{/block:IfHideSidebar}">
<div id="header" class="pinned">
<div class="inner">
{block:IfLogoInTopBar}
{block:IfLogoImage}<a href="/" title="{Title}" class="logo"><img src="{image:Logo}" alt="Logo" /></a>{/block:IfLogoImage}
{/block:IfLogoInTopBar}

{block:IfNotBlogTitleInPageHeader}
<h1 class="blog-title{block:IfNotBlogTitleInTopBar} hidden{/block:IfNotBlogTitleInTopBar}"><a href="/">{Title}</a></h1>
{/block:IfNotBlogTitleInPageHeader}

{block:IfPagesInTopBar}
{block:HasPages}
<ul class="pages">
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
</ul>
{/block:HasPages}
{/block:IfPagesInTopBar}

{block:IfNotSearchBoxInSidebar}
<div id="search">
<form id="search-form" method="get" action="/search">
<input type="text" name="q" value="{block:IfDefaultSearchText}{text:Default Search Text}{/block:IfDefaultSearchText}" />
</form>
</div>
{/block:IfNotSearchBoxInSidebar}
<ul class="menu">
{block:IfShowRandomPostIcon}<li><a class="random" href="/random"{block:IfNotTopMenuWithLabels} title="{lang:Random post}"{/block:IfNotTopMenuWithLabels}><span class="icon"></span><span class="label">{lang:Random}</span></a></li>{/block:IfShowRandomPostIcon}
<li><a class="archives" href="/archive"{block:IfNotTopMenuWithLabels} title="Archive"{/block:IfNotTopMenuWithLabels}><span class="icon"></span><span class="label">{lang:Archive}</span></a></li>
<li><a class="rss" href="{RSS}"{block:IfNotTopMenuWithLabels} title="{lang:RSS feed}"{/block:IfNotTopMenuWithLabels}><span class="icon"></span><span class="label">{lang:RSS}</span></a></li>
{block:AskEnabled}<li><a class="ask" href="/ask"{block:IfNotTopMenuWithLabels} title="{AskLabel}"{/block:IfNotTopMenuWithLabels}><span class="icon"></span><span class="label">{AskLabel}</span></a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a class="submit" href="/submit"{block:IfNotTopMenuWithLabels} title="{SubmitLabel}"{/block:IfNotTopMenuWithLabels}><span class="icon"></span><span class="label">{SubmitLabel}</span></a></li>{/block:SubmissionsEnabled}
</ul>
</div><!-- .inner -->
<div class="shadow"><span></span></div>
</div><!-- /#header -->

<!-- PAGE -->
<div id="page" class="{block:IfLeftSidebar}left-sidebar{/block:IfLeftSidebar}{block:IfNotLeftSidebar}right-sidebar{/block:IfNotLeftSidebar} clearfix">

{block:IfBannerImage}
<div class="banner">
<a href="/"title="{Title}"><img id="banner" src="{image:Banner}" alt="banner"/></a>
</div>
{block:IfBannerImage}

{block:IfNotBannerImage}
{block:IfBlogTitleInPageHeader}
<div class="banner textual">
<h1 class="blog-title"><a href="/">{Title}</a></h1>
{block:IfTagline}<p class="tagline">{text:Tagline}</p>{/block:IfTagline}
</div>
{/block:IfBlogTitleInPageHeader}
{/block:IfNotBannerImage}

<div id="content">

<!-- BEGIN POSTS -->
{block:Posts}
<article id="post-{postID}" class="post
{block:Text}type-text {/block:Text}
{block:Photo}type-photo {/block:Photo}
{block:Photoset}type-photoset {/block:Photoset}
{block:Quote}type-quote {/block:Quote}
{block:Link}type-link {/block:Link}
{block:Chat}type-chat {/block:Chat}
{block:Video}type-video {/block:Video}
{block:Audio}type-audio {/block:Audio}
{block:Answer}type-answer {/block:Answer}
{block:Tags}tag_{URLSafeTag} {/block:Tags}">

{block:Text}
<div class="post-panel">
<div class="copy">
{block:Title}<h2 class="post-title">{Title}</h2>{/block:Title}
{Body}
</div>
{/block:Text}
{block:Photo}
<div class="post-panel">
<div class="media">
<div class="photo-panel">

{block:IfContentWidth500}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:IfContentWidth500}

{block:IfNotContentWidth500}
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:IfNotContentWidth500}

<div class="photo-btns">
{block:HighRes}{/block:IfNotContentWidth500}
<a class="lightbox" href="{PhotoURL-HighRes}">Pop-up</a>
{/block:HighRes}
<a class="photo-url" href="{PhotoURL-HighRes}">View Separately</a>
</div>

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

{block:Photoset}

{block:IfCustomPhotosets}
<div class="post-panel">
<div class="media">
<div id="photoset-{PostID}" class="slides">
{block:Photos}
<div class="photo-panel">
<a class="photo" href="{PhotoURL-HighRes}" rel="gallery-{PostID}">
{block:IfContentWidth500}<img src="{PhotoURL-500}"> {/block:IfContentWidth500}
{block:IfNotContentWidth500}<img src="{PhotoURL-HighRes}">{/block:IfNotContentWidth500}
</a>
<div class="photo-btns">
<a class="lightbox" href="#">Pop-up</a>
<a class="photo-url" href="{PhotoURL-HighRes}">View Separately</a>
</div>
</div>
{/block:Photos}
</div><!-- close PHOTOSET -->
<div class="navi"><a href="#" class="prev"><span>Previous</span></a><a href="#" class="next"><span>Next</span></a></div>
</div><!-- close MEDIA -->

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

{block:IfNotCustomPhotosets}
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">

{block:Photos}
<div class="photo-data">
<div class="pxu-photo">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-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="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
<span class="zoom">Zoom</span>
</a>
<span class="info">Info</span>
</div>
</div>
{/block:Photos}

</div><!-- close SLIDESHOW -->

<div class="post-panel">

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

{/block:Photoset}

{block:Quote}
<div class="colored-panel">
<blockquote class="quote-text">{Quote}</blockquote>
</div>
<div class="post-panel">
<div class="quote-nipple"></div>
{block:Source}<div class="copy">{Source}</div>{/block:Source}
{/block:Quote}

{block:Link}
<div class="post-panel">
<div class="copy">
<h2 class="post-title"><a href="{URL}" {Target}>{Name}<span class="icon"></span></a></h2>
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div class="post-panel">
<div class="copy">
{block:Title}
<h2 class="post-title">{Title}</h2>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="speaker">{Label}</span>
{/block:Label}
<span class="says">{Line}</span>
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}

{block:Video}
<div class="post-panel">
<div class="media loading">
{Video-500}
{block:IfInfiniteScrolling}
{block:IndexPage}<div class="js-string hidden">{JSVideo-500}</div>{/block:IndexPage}
{/block:IfInfiniteScrolling}
</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Audio}
{block:AudioEmbed}<div class="spotify">{AudioEmbed-500}</div>{/block:AudioEmbed}
<div class="post-panel">
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Answer}
<div id="post-{PostID}" class="post type-answer">
<div class="colored-panel">
<h2 class="user-question"><span>Q:</span>{Question}</h2>
</div>
<div class="post-panel">
<div class="quote-nipple"></div>
<div class="copy">
<div class="question-asker">
<img src="{AskerPortraitURL-24}" width="24" height="24" alt=""/> {Asker}
</div>
<div class="answer">{Answer}</div>
</div>
{/block:Answer}

{block:ContentSource}
<div class="copy source">
<p>{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a></p>
</div>
{/block:ContentSource}

{block:Date}
<div class="meta">
<ul class="meta-list">

{block:HasTags}
<li class="tags">
<ul class="tag-list">
{block:Tags}
<li><a href="{TagURL}">#{Tag}</a></li>
{/block:Tags}
</ul>
</li>
{/block:HasTags}

{block:IfShowGroupBlogInfo}<li class="post-author"><img alt="{PostAuthorName} Avatar" src="{PostAuthorPortraitURL-16}"> Posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></li>{/block:IfShowGroupBlogInfo}

<li class="date{block:RebloggedFrom}-reblogged{/block:RebloggedFrom}">
<a href="{Permalink}" title="{ShortDayOfWeek}. {Month} {DayOfMonth}, {Year} @ {12Hour}:{Minutes} {AmPm}">
<span class="icon"></span>{TimeAgo}
</a>
{block:RebloggedFrom} <em>&gt;</em> <a class="reblogged-from" href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
</li>

{block:NoteCount}<li class="notes"><a href="{Permalink}#notes"><span class="icon"></span>{NoteCount}</a></li>{/block:NoteCount}

{block:IfDisqusShortname}
<li class="comments hidden">
<a id="dsq-{PostID}" href="{Permalink}#disqus_thread">
<span class="icon"></span>Comments
</a>
</li>
{/block:IfDisqusShortname}

<li class="permalink"><a href="{Permalink}"><span class="icon"></span>{lang:Permalink}</a></li>

</ul><!--/.meta-list -->

<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://plus.google.com/share?url={Permalink}" class="share-google">Google+</a></div>
</div>
</div>
</div><!-- /.meta -->
{/block:Date}

{block:PermalinkPage}
{block:NoteCount}
<div id="notes">
<h2>{NoteCount} Notes<span class="sep">/</span>
<a id="notes-toggle" href="#"><span class="label">Hide</span><span class="icon up"></span></a></h2>
{PostNotes}
</div><!-- /.notes -->
{/block:NoteCount}

{block:Date}
{block:IfDisqusShortname}
<!-- DISQUS COMMENTS -->
<div id="disqus">
<h2>{lang:Recent comments}</h2>
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_identifier = {PostID};
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqusShortname + '.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:DisqusShortname}">comments powered by Disqus.</a></noscript>
{lang:Blog comments powered by Disqus 2}
</div><!-- /#disqus -->
{/block:IfDisqusShortname}
{/block:Date}
{/block:PermalinkPage}

</div><!-- /.post-panel -->
<div class="post-shadow"></div>
</article><!-- /.post -->
{/block:Posts}
<!-- END POSTS -->

{block:NoSearchResults}
<div class="post type-text not-found">
<div class="post-panel">
<div class="copy">
<h2 class="post-title">{lang:Sorry no posts found}</h2>
<p>{lang:No search results for SearchQuery 2}</p>
</div>
</div>
<div class="post-shadow"></div>
</div>
{/block:NoSearchResults}

{block:Pagination}
<div id="pagination">
<div class="current-page">{lang:Page CurrentPage of TotalPages 2}</div>
<div class="nextprev">
{block:PreviousPage}<a class="prev" href="{PreviousPage}">{/block:PreviousPage}<span>&larr; {lang:Newer}</span>{block:PreviousPage}</a>{/block:PreviousPage} <span class="sep">&bull;</span>
{block:NextPage}<a class="next" href="{NextPage}">{/block:NextPage}<span>{lang:Older} &rarr;</span>{block:NextPage}</a>{/block:NextPage}
</div>
</div><!--/#pagination -->
{/block:Pagination}

{block:PermalinkPagination}
<div id="pagination">
<div class="nextprev">
{block:NextPost}<a class="prev" href="{NextPost}">{/block:NextPost}<span>&larr; {lang:Previous}</span>{block:NextPost}</a>{/block:NextPost} <span class="sep">&bull;</span>
{block:PreviousPost}<a class="next" href="{PreviousPost}">{/block:PreviousPost}<span>{lang:Next} &rarr;</span>{block:PreviousPost}</a>{/block:PreviousPost}
</div>
</div><!--/#pagination -->
{/block:PermalinkPagination}

</div><!-- /#content -->

{block:IfNotHideSidebar}<!-- SIDEBAR -->
<div id="sidebar">
<div id="blog-info" class="side-box">
{block:IfNotLogoInTopBar}
{block:IfLogoImage}<p><a href="/" title="{Title}"><img id="logo" src="{image:Logo}" alt="Logo" /></a></p>{/block:IfLogoImage}
{/block:IfNotLogoInTopBar}

{block:IfBlogTitleInSidebar}
<h1 class="blog-title"><a href="/">{Title}</a></h1>
{/block:IfBlogTitleInSidebar}

{block:IfLargeSidebarPortraitImage}
<p><a href="/"><img class="large-portrait" src="{image:Large Sidebar Portrait}" alt="Portrait/Logo"/></a></p>
{/block:IfLargeSidebarPortraitImage}

{block:IfShowDescription}
<div class="description">
{block:IfShowAboutHeading}<h2>{lang:About}</h2>{/block:IfShowAboutHeading}
{block:IfShowPortrait}<img class="portrait" src="{PortraitURL-64}" alt="Avatar"/>{/block:IfShowPortrait}
{Description}
</div><!--/.description-->
{/block:IfShowDescription}
</div><!--/#blog-info -->

{block:IfSearchBoxInSidebar}
<div id="search"><!-- // Begin Current Moon Phase HTML © CalculatorCat.com // --><div style="width:185px"><div style="padding:2px;background-color:#000000;border: 1px solid #000000"><div style="padding:13px;padding-bottom:4px;padding-top:10px;border: 1px solid #AFB2D8" align="center"><div style="padding-bottom:5px;color:#FFFFFF;font-family:arial,helvetica,sans-serif;font-size:9.1px;letter-spacing:.3em;font-weight:bold">CURRENT MOON</div><embed allowScriptAccess="never" src="http://www.moonmodule.com/cs/ccm_h1.swf" FlashVars="lg=en&hs=2&tf=24hr&scs=1&tc=FFFFFF&df=std&dfd=1&bgc=000000&mc=000000&js=1&msp=0&u=cc" quality="high" width="151" height="65" bgcolor="#000000" name="ccm_mph_mod" align="middle" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><div style="padding-top:4px" align="center"><a href="http://www.calculatorcat.com/moon_phases/moon_phases.phtml" target="cc_moon_ph" style="font-size:10px;font-family:arial,verdana,sans-serif;color:#7F7F7F;text-decoration:underline;background:#000000;border:none;"><span style="color:#7F7F7F">lunar phase</span></a></div></div></div></div><!-- // end moon phase HTML // -->
<form id="search-form" method="get" action="/search">
<span class="left"></span>
<input type="text" name="q" value="{block:IfDefaultSearchText}{text:Default Search Text}{/block:IfDefaultSearchText}" />
<span class="right"></span>
</form>
</div>
{/block:IfSearchBoxInSidebar}

{block:IfNotPagesInTopBar}
{block:HasPages}
<div class="side-box ruled-top">
{block:IfShowPagesHeading}<h2>{lang:Pages}</h2>{/block:IfShowPagesHeading}
<ul class="pages">
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
</ul>
</div>
{/block:HasPages}
{/block:IfNotPagesInTopBar}

{block:IfShowSocialIconsWidget}
<div class="side-box ruled-top">
{block:IfSocialIconsHeading}<h2>{text:Social Icons Heading}</h2>{/block:IfSocialIconsHeading}
<ul id="socialize">
{block:IfDribbbleUsername}<li class="dribbble"><a href="http://dribbble.com/players/{text:Dribbble Username}" title="{text:Dribbble Username} on Dribbble">{text:Dribbble Username} on Dribbble</a></li>{/block:IfDribbbleUsername}
{block:IfBehanceUsername}<li class="behance"><a href="http://www.behance.net/{text:Behance Username}" title="{text:Behance Username} on Behance">{text:Behance Username} on Behance</a></li>{/block:IfBehanceUsername}
{block:IfCargoURL}<li class="cargo"><a href="{text:Cargo URL}" title="My Cargo Collective Site">My Cargo Collective Site</a></li>{/block:IfCargoURL}
{block:IfForrstUsername}<li class="forrst"><a href="http://forrst.com/people/{text:Forrst Username}" title="{text:Forrst Username} on Forrst">{text:Forrst Username} on Forrst</a></li>{/block:IfForrstUsername}
{block:IfFFFFoundUsername}<li class="ffffound"><a href="http://ffffound.com/home/{text:FFFFound Username}/found/" title="{text:FFFFound Username} on FFFFound">{text:FFFFound Username} on FFFFound</a></li>{/block:IfFFFFoundUsername}
{block:IfTwitterUsername}<li class="twitter"><a href="http://www.twitter.com/{text:Twitter Username}" title="@{text:Twitter Username} on Twitter">@{text:Twitter Username} on Twitter</a></li>{/block:IfTwitterUsername}
{block:IfFacebookUsername}<li class="facebook"><a href="http://www.facebook.com/{text:Facebook Username}" title="Facebook Profile">Facebook Profile</a></li>{/block:IfFacebookUsername}
{block:IfVimeoUsername}<li class="vimeo"><a href="http://www.vimeo.com/{text:Vimeo Username}" title="{text:Vimeo Username} on Vimeo">{text:Vimeo Username} on Vimeo</a></li>{/block:IfVimeoUsername}
{block:IfYoutubeUsername}<li class="youtube"><a href="http://www.youtube.com/{text:Youtube Username}" title="{text:Youtube Username} on Youtube">{text:Youtube Username} on Youtube</a></li>{/block:IfYoutubeUsername}
{block:IfFlickrUsername}<li class="flickr"><a href="http://www.flickr.com/photos/{text:Flickr Username}" title="{text:Flickr Username} on Flickr">{text:Flickr Username} on Flickr</a></li>{/block:IfFlickrUsername}
{block:IfDeliciousUsername}<li class="delicious"><a href="http://www.delicious.com/{text:Delicious Username}" title="{text:Delicious Username} on Delicious">{text:Delicious Username} on Delicious</a></li>{/block:IfDeliciousUsername}
{block:IfPinboardUsername}<li class="pinboard"><a href="http://pinboard.in/u:{text:Pinboard Username}" title="{text:Pinboard Username} on Pinboard">{text:Pinboard Username} on Pinboard</a></li>{/block:IfPinboardUsername}
{block:IfPinterestUsername}<li class="pinterest"><a href="http://pinterest.com/{text:Pinterest Username}" title="{text:Pinterest Username} on Pinterest">{text:Pinterest Username} on Pinterest</a></li>{/block:IfPinterestUsername}
{block:IfLastfmUsername}<li class="lastfm"><a href="http://www.last.fm/user/{text:Lastfm Username}" title="{text:Lastfm Username} on Last.fm">{text:Lastfm Username} on Last.fm</a></li>{/block:IfLastfmUsername}
{block:IfMyspaceFriendID}<li class="myspace"><a href="http://www.myspace.com/{text:Myspace Friend ID}" title="Myspace Profile">Myspace Profile</a></li>{/block:IfMyspaceFriendID}
{block:IfSoundcloudUsername}<li class="soundcloud"><a href="http://soundcloud.com/{text:Soundcloud Username}" title="{text:Soundcloud Username} on Soundcloud">{text:Soundcloud Username} on Soundcloud</a></li>{/block:IfSoundcloudUsername}
{block:IfGroovesharkUsername}<li class="grooveshark"><a href="http://grooveshark.com/#/{text:Grooveshark Username}" title="{text:Grooveshark Username} on Grooveshark">{text:Grooveshark Username} on Grooveshark</a></li>{/block:IfGroovesharkUsername}
{block:IfRdioUsername}<li class="rdio"><a href="http://www.rdio.com/#/people/{text:Rdio Username}" title="{text:Rdio Username} on Rdio">{text:Rdio Username} on Rdio</a></li>{/block:IfRdioUsername}
{block:IfFoursquareUsername}<li class="foursquare"><a href="http://foursquare.com/{text:Foursquare Username}" title="{text:Foursquare Username} on Foursquare">{text:Foursquare Username} on Foursquare</a></li>{/block:IfFoursquareUsername}
{block:IfGoogleURL}<li class="google"><a href="{text:Google URL}" title="Google">Google</a></li>{/block:IfGoogleURL}
{block:IfSkypeUsername}<li class="skype"><a href="skype:{text:Skype Username}?userinfo" title="My Skype Info">My Skype Info</a></li>{/block:IfSkypeUsername}
{block:IfLinkedinProfileURL}<li class="linkedin"><a href="{text:Linkedin Profile URL}" title="Linkedin Profile">Linkedin Profile</a></li>{/block:IfLinkedinProfileURL}
{block:IfGithubUsername}<li class="github"><a href="http://github.com/{text:github Username}" title="{text:github Username} on github">{text:github Username} on github</a></li>{/block:IfGithubUsername}
{block:IfXboxLiveProfileURL}<li class="xbox"><a href="{text:Xbox Live Profile URL}" title="Xbox Live Profile">Xbox Live Profile</a></li>{/block:IfXboxLiveProfileURL}
{block:IfInstagramUsername}<li class="instagram"><a href="http://instagram.com/{text:Instagram Username}" title="{text:Instagram Username} on Instagram">{text:Instagram Username} on Instagram</a></li>{/block:IfInstagramUsername}
</ul>
</div>
{/block:IfShowSocialIconsWidget}

<div id="tabs">
<div id="tabs-nav">
{block:IfShowTweets}{block:Twitter}<h2><span id="tab-twitter" class="active">{block:IfTwitterHeading}{text:Twitter Heading}{/ block:IfTwitterHeading}{block:IfNotTwitterHeading}Twitter{block:IfNotTwitterHead
ing}</span></h2>{/block:Twitter}{/block:IfShowTweets}
{block:IfShowInstagram}{block:IfInstagramAccessToken}<h2><span id="tab-instagram">{block:IfInstagramHeading}{text:Instagram Heading}{/block:IfInstagramHeading}{block:IfNotInstagramHeading}Instagram{/block:IfNotInstagramHeading}</span></h2>{/block:IfInstagramAccessToken}{/block:IfShowInstagram}
</div>

{block:IfShowTweets}
{block:Twitter}
<div id="twitter" class="side-box tab">
<p class="loading-text">loading tweets&hellip;</p>
</div>
{/block:Twitter}
{/block:IfShowTweets}

{block:IfShowInstagram}
{block:IfInstagramAccessToken}
<div id="instagram" class="side-box tab">
<p
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

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

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 26th April 2024 - 04:53 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC