The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Sidebar image on Tumblr is way too big
ArcticKimbo
post Jul 17 2014, 03:59 PM
Post #1





Group: Members
Posts: 1
Joined: 17-July 14
Member No.: 21,271



I have no idea how to make the image smaller to fit the little navigation box :angry:
Heres my theme html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--

shadow redux edit by steph tukut
(tukut.tumblr.com)
do not remove credit or redistribute

-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>




<!-- DEFAULT VARIABLES -->
<meta name="color:Background" content="#3b627e" />
<meta name="color:navigation" content="#3b627e" />
<meta name="color:Body" content="#3b627e" />
<meta name="color:navtext" content="#000" />
<meta name="color:link" content="#000" />
<meta name="color:linkhover" content="#797979" />

<meta name="font:Title" content="Arial" />
<meta name="font:Body" content="Arial" />
<meta name="font:Accent" content="Lucida Sans" />

<meta name="if:Show Tags" content="1" />
<meta name="if:Show Album Art on Audio Posts" content="1" />
<meta name="if:Enable Jump Pagination" content="0" />
<meta name="if:bgcover" content="0" />
<meta name="if:rounded" content="0" />
<meta name="if:dark" content="1" />
<meta name="if:light" content="0" />
<meta name="if:glow1" content="1" />
<meta name="if:glow2" content="0" />
<meta name="if:glow3" content="0" />
<meta name="if:glow4" content="0" />
<meta name="if:glow5" content="0" />
<meta name="if:glow6" content="0" />
<meta name="if:glow7" content="0" />
<meta name="if:shadow" content="1" />

<meta name="if:infinitescroll" content="1"/>



<meta name="image:SidebarImage" content="" />
<meta name="image:Background" content="" />


<!------------------------------------------------------
-->
<meta name="text:ImgLeft" content="-190" />
<meta name="text:ImgTop" content="5" />
<meta name="text:link 1 url" content="/" />
<meta name="text:link 2 url" content="/ask" />
<meta name="text:link 3 url" content="/archive" />
<meta name="text:link 4 url" content="" />
<meta name="text:link 5 url" content="" />
<meta name="text:link 1" content="home" />
<meta name="text:link 2" content="ask" />
<meta name="text:link 3" content="archive" />
<meta name="text:link 4" content="" />
<meta name="text:link 5" content="" />
<meta name="text:nav title" content="navigation" />
<meta name="text:sidebaropacity" content=".56" />
<meta name="text:postopacity" content=".56" />

{block:ifinfinitescroll}

<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
{/block:ifinfinitescroll}

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-116}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css">








body {
background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; {/block:ifbgcover}


{block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
margin: 0;
padding: 0;
font-family: {font:Body};
}

.clear {
clear: both;
height: 0px;
overflow: hidden;
}

a img {


}

#wrapper {
width: 850px;
margin: 0 auto;
}

#wrapper #title {
margin: 30px 260px;
color: {color:body};
font-size: 50px;
font-weight: bold;
font-family: {font:Title};
text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
letter-spacing: -1px;
}

#wrapper #title a {
color: {color:body};
text-decoration: none;
}

#wrapper #content {
width: 520px;
float: right;
}

#wrapper #content .post {

{block:ifshadow}
box-shadow:rgba(0,0,0,0.09)6px 6px; {/block:ifshadow}
{block:ifrounded}
-moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}







{block:ifdark} border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}


{block:iflight} border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}



{block:ifdark} background: rgba(0,0,0, {text:postopacity}); {/block:ifdark} {block:iflight} background: rgba(255,255,255, {text:postopacity}); {/block:iflight}




margin-top: 50px;
font-family: {font:Body};



padding: 8px;
position: relative;

{block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}

{block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
-moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}

{block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
-moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}

{block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
-webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
-moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}

{block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
-moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}

{block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
-moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}

{block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
-moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
}


#wrapper #content .post:hover {
{block:ifshadow} box-shadow:rgba(0,0,0,0.09)0px 0px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;

{/block:ifshadow}
}












#wrapper #content .post .media {
text-align: center;
margin-bottom: 10px;
}

#wrapper #content .post .quotebg {
font-family: georgia, serif;
font-size: 60px;
color: white;
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
position: absolute;
top: 26px;
left: 10px;
}

#wrapper #content .post .quote {


{block:ifdark}
background: rgba(0,0,0, 0.1); {/block:ifdark} {block:iflight}
background: rgba(255,255,255, 0.1); {/block:iflight}
border: 1px solid rgba(255,255,255, 0.4);




{block:ifrounded}
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; {/block:ifrounded}
/* background: #eaeaea; */

float: center;
color: {color:body};
padding: 5px 5px 5px 25px;
}

#wrapper #content .post .quote.short { font-size: 15px;
line-height: 20px;
}

#wrapper #content .post .quote.medium { font-size: 15px;
line-height: 20px;
}

#wrapper #content .post .quote.long {
font-size: 15px;
line-height: 20px;
}

#wrapper #content .post .quote_source *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote_source *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .quote *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .copy {
color: {color:body};
padding: 10px;
font-size: 13px;
line-height: 15px;
}

#wrapper #content .post .copy a {
color: {color:link};
text-decoration: none;
}#wrapper #content .post .copy a:hover {
color: {color:linkhover};
text-decoration: underline;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#wrapper #content .post .copy p {
margin: 10px 0 0 0;
padding: 0;
}

#wrapper #content .post .copy pre {
margin: 10px 0px 10px 0px;
padding: 10px;
background-color: {color:body};
font: normal 11px Courier, monospace;
overflow: auto;
}

#wrapper #content .post .copy > p:first-child {
margin-top: 0;
}

#wrapper #content .post .copy img {
max-width: 100%;

}

#wrapper #content .post .audio { {block:ifrounded}
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; {/block:ifrounded}
{block:ifdark} background: rgba(0,0,0, 0.2);
/* background: #eaeaea; */
border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark} {block:iflight} background: rgba(255,255,255, 0.2);
/* background: #eaeaea; */
border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}
float: center;
padding: 7px;
margin-bottom: 10px;
}

#wrapper #content .post .audio .player {
float: right;
opacity: .5;

}

#wrapper #content .post .audio .player .audio_player embed {
border: 1px solid rgba(0,0,0, 0.2);

}



#wrapper #content .post .audio .meta {
padding: 8px 13px;
height: 13px;
float: left;
color:{color:body};
font-family: {font:Accent};
font-size: 11px;
text-transform: lowercase;
}

#wrapper #content .post .audio .meta a {
color: {color:body};
text-decoration: none;
}

#wrapper #content .post .album_art {
text-align: center;
}

#wrapper #content .post .question {
color: {color:body};
font-size: 12px;
border: 1px solid rgba(255,255,255, 0.2);
{block:ifdark} background: rgba(0,0,0, 0.1); {/block:ifdark}{block:iflight} background: rgba(255,255,255, 0.1); {/block:iflight}
margin: 0 0 15px 0;
padding: 15px 20px;
position: relative;
}



#wrapper #content .post .asker_container {
margin: 0 0 20px 24px;
}

#wrapper #content .post .asker_container img {
margin: 0 12px -7px 0;
}

#wrapper #content .post .asker_container a.asker {
color: {color:Body};
}

#wrapper #content .post .title {
color: {color:body};
font-size: 16px;
font-weight: bold;
padding: 10px 10px 0 10px;
}

#wrapper #content .post img {
max-width: 520px;

/* border: 1px solid rgba(255,255,255, 0.4); */
{block:ifrounded}
-moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
}

#wrapper #content .post .chat {


{block:ifrounded}
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
{block:ifdark} background-color: rgba(0,0,0, 0.1); border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
{block:iflight} background-color: rgba(255,255,255, 0.1); border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}
/* border-left: 5px solid #dedddd;
margin: 10px 10px 0 10px; */
font-size: 12px;
} #wrapper #content .post .chat:hover {

{block:ifdark} background-color: rgba(0,0,0, 0.2); {/block:ifdark} {block:iflight} background-color: rgba(255,255,255, 0.2); {/block:iflight}
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#wrapper #content .post .chat .lines {
margin-left: 1px;
}

#wrapper #content .post .chat .lines .line {
/* background-color: #eaeaea;*/
color: {color:body};
margin-bottom: 1px;
padding: 3px 5px;
}

#wrapper #content .post .chat .lines .line.even {
/* background-color: gray; */
}

#wrapper #content .post .link {
margin: 4px 0 2px 0;
font-size: 14px;
line-height: 25px;
}

#wrapper #content .post .link a {
{block:ifrounded}
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
{block:ifdark} background: rgba(0,0,0, 0.06);
border: 1px solid rgba(0,0,0, 0.17);
{/block:ifdark}

{block:iflight} background: rgba(255,255,255, 0.06);
border: 1px solid rgba(255,255,255, 0.17);{/block:iflight}


/* background: #eaeaea; */

color: {color:link};
padding: 5px 7px;
}

#wrapper #content .post .link a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}



#wrapper #content .post .footer {

{block:ifrounded}
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
border: 1px solid rgba(255,255,255, 0.2);

{block:ifdark} background-color: rgba(0,0,0, 0.2); {/block:ifdark}
{block:iflight} background-color: rgba(255,255,255, 0.4); {/block:iflight}
font-family: {font:Accent};
font-size: 11px;
color: {color:body};
padding: 1px 3px;
margin-top: -1px;
}

#wrapper #content .post .footer.for_permalink:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#wrapper #content .post .footer .date {
width: 60%;
float: left;
color: {color:body};
}

#wrapper #content .post .footer .notes {
width: 33%;
float: right;
text-align: right;
color: {color:body};
}

#wrapper #content .post .footer .notes a {
ccolor: {color:body};
}

#wrapper #content .post .footer .tags a {
color: {color:body};
text-decoration: underline;
}

#wrapper #content .post .footer .tags .tag-commas:last-child {
display: none;
}

#wrapper #content .post .footer.with_source_url .tags {
max-width: 330px;
float: left;
}

#wrapper #content .post .footer.with_source_url .source_url {color: {color:body};
float: right;
max-width: 160px;
overflow: hidden;
white-space: nowrap;

}

#wrapper #content .post .footer.with_source_url .source_url img {
vertical-align: top;
-moz-opacity: 0.5;
opacity: 0.5;
}

#wrapper #content .post .footer.with_source_url .source_url:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
}


#wrapper #content .post a {
color: #6e7173;
text-decoration: none;
}

#wrapper #content .post .copy blockquote {
margin: 10px 0px 10px 10px;
padding-left: 15px;

{block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
}

#wrapper #content .post .copy blockquote blockquote {
{block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
}

#wrapper #content .post .copy blockquote blockquote blockquote {
{block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote {
{block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
{block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
{block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
}

#wrapper #content .bottom {
/* background: url('http://media.tumblr.com/31883fd7db787497d019ae8011bde4b0/tumblr_inline_mr7tle0hPi1qz4rgp.gif') top center no-repeat transparent;
width: 513px; */
height: 30px;
margin: 0 auto;
}

#wrapper #content #navigation {
text-align: right;
padding-bottom: 35px;
text-transform: lowercase;
}

#wrapper #content #navigation a {
border: 1px solid #7e7c7c;
{block:ifrounded}
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
background-color: rgba(0,0,0, 0.4);
color: #fff;
padding: 5px 10px;
text-decoration: none;
margin-left: 25px;
}

#wrapper #content #navigation a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#wrapper #content #navigation.jump_pagination {}

#wrapper #content #navigation.jump_pagination a {
margin: 0 0 0 4px;
}

#wrapper #content #navigation.jump_pagination .current_page {
color: {color:body};
background-color: rgba(255,255,255, {text:postopacity});
border: 2px solid #fff;
padding: 3px 8px;
margin: 0 0 0 4px;
cursor: default;
}

#wrapper #content #navigation.jump_pagination .jump_page {}

#wrapper #content .post .notecontainer {
background: ;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: {font:Accent};
font-size: 11px;
color: {color:body};
margin-top: 10px;
margin-bottom: -10px;
}

#wrapper #content .post .notecontainer a {
color: {color:link};
text-decoration: underline;
}

#wrapper #content .post .notecontainer ol.notes {
padding: 0px 0 10px 0;
list-style-type: none;
font-size: 11px;
}

#wrapper #content .post .notecontainer ol.notes li.note {
padding: 10px 10px 0 10px;
}

#wrapper #content .post .notecontainer ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

#wrapper #content .post .notecontainer ol.notes li.note span.action {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note .answer_content {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote {
border-left: 2px solid #fff;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote a {
text-decoration: none;
}

#wrapper #content #searchresults {
color: #fff;
margin: 0 0 15px 0;
text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
font-family: {font:Body};
font-size: 20px;
}

#wrapper #content #searchresults .search_query {
font-weight: bold;
}

#wrapper #content #searchresults .search_query:before {
content:'“';
}

#wrapper #content #searchresults .search_query:after {
content:'”';
}

#wrapper #sidebar {

margin-top: 140px;
position:fixed;
width: 100px;
float: left;
color: {color:body};
font-family: {font:Accent}
}

<span style=”width40; height:20;”></span>

#wrapper #sidebar a {
color: {color:Background};
}

#wrapper #sidebar #top {
margin-top: 3px;
{block:ifshadow}
box-shadow:rgba(0,0,0,0.09)6px 6px; {/block:ifshadow}

{block:ifrounded}
-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}

/*butternut*/
{block:ifdark}
background: rgba(0,0,0, {text:sidebaropacity});
border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
{block:iflight}
background: rgba(255,255,255, {text:sidebaropacity});
border: 1px solid rgba(255,255,255, {text:sidebaropacity}); {/block:iflight}

padding: 10px 10px;
{block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}

{block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
-moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}

{block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
-moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}

{block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
-webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
-moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}

{block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
-moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}

{block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
-moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}

{block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
-moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
}

#wrapper #sidebar #top:hover {


{block:ifshadow}
box-shadow:rgba(0,0,0,0.09)0px 0px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
/*heyoy */
{/block:ifshadow}
}

#wrapper #sidebar #top #pages {
margin-bottom: 15px;
font-size: 12px;
}

#wrapper #sidebar #top #pages.ask_and_submit {
display: none;
{block:AskEnabled}display: block;{/block:AskEnabled}
{block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
}

#wrapper #sidebar #top #pages a.page {
border: 1px solid #696969;
background: rgba(0,0,0, 0.07);
display: block;
float: left;
color: {color:body};
padding: 4px 5px;
margin: 0 5px 5px 0;
}

#wrapper #sidebar #top #pages a.page:last-child {
margin-right: 0;
}

#wrapper #sidebar #top #pages a.page:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#wrapper #sidebar #top #description {
font-size: 11px;
position: relative;

line-height: 12px;
}

#wrapper #sidebar #top #description a {
color: {color:link};

}

#wrapper #sidebar #top #description a:hover {
color: {color:linkhover};
text-decoration: underline;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}



#wrapper #sidebar #top .content {
margin-top: 2px;
padding: 7px 10px;
background: #eaeaea;
color: #fff;
font-size: 11px;
overflow: hidden;
}

#wrapper #sidebar #top a {
text-decoration: none;
}

#wrapper #sidebar #top #following-avatars.content {
padding: 4px;
}

#wrapper #sidebar #top #following-avatars.content a img {
margin: 5px;
}

#wrapper #sidebar #top #buttons {
padding: 20px 0 0 0;
}

#wrapper #sidebar #top #buttons .button {
width: 20%;
height: 10px;
float: left;
background: left center no-repeat transparent;
padding: 2px 0 0 30px;
font-size: 14px;
}

#wrapper #sidebar #top #buttons a {
color: {color:Background};
text-decoration: none;
}

#wrapper #sidebar #top #buttons div {
padding-bottom: 10px;
}

#wrapper #sidebar #top #buttons .button#button-rss {
background-image: url('http://media.tumblr.com/31883fd7db787497d019ae8011bde4b0/tumblr_inline_mr7tle0hPi1qz4rgp.gif');
text-transform: capitalize;
}

#wrapper #sidebar #top #buttons .button#button-random {
background-image: url('http://media.tumblr.com/31883fd7db787497d019ae8011bde4b0/tumblr_inline_mr7tle0hPi1qz4rgp.gif');
}

#wrapper #sidebar #top #buttons .button#button-archive {
background-image: url('http://media.tumblr.com/31883fd7db787497d019ae8011bde4b0/tumblr_inline_mr7tle0hPi1qz4rgp.gif');
}

#wrapper #sidebar #top #buttons .button#button-mobile {
background-image: url('http://media.tumblr.com/31883fd7db787497d019ae8011bde4b0/tumblr_inline_mr7tle0hPi1qz4rgp.gif');
}

#wrapper #sidebar #bottom {
}

#wrapper #sidebar #copyright {
text-align: center;
color: #fff;
font-size: 12px;
margin-bottom: 10px;
}

#wrapper #sidebar #copyright a {
color: #fff;
margin-left: 15px;
}




</style>
<!--[if lt IE 7.]>
<style type="text/css">
#wrapper #sidebar #bottom {
background: transparent;
}

#wrapper #sidebar #top #avatar {
background: none;
}

#wrapper #sidebar #top #avatar img {
border: 5px solid #f1f1f1;
}

#wrapper #sidebar #top .heading#followontumblr {
background-image: none;
text-indent: 0;
}

#wrapper #sidebar #top .heading#twitter {
background-image: none;
}

#wrapper #sidebar #top .heading#following {
background-image: none;
}

#wrapper #content .post .audio .player {
float: none;
}

#wrapper #content .post .audio .meta {
display: none;
float: none;
}
</style>
<![endif]-->

<!--[if lt IE 8.]>
<style type="text/css">
#wrapper #content .bottom {
background: transparent;
}

#wrapper #content .post .footer {
background: transparent;
color: #000;
}

#wrapper #content .post .audio {
float: none;
background: transparent;
}

#wrapper #content .post .notecontainer .notes {
padding: 0;
margin: 0;
}
</style>
<![endif]-->
<style type="text/css">{CustomCSS}</style>


</head>
<body>
<div id="wrapper">
<!-- <div id="title">
<a href="/">
{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
</a>
</div>-->

<div id="content">

{block:SearchPage}
{block:SearchResults}
<div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
{/block:SearchResults}

{block:NoSearchResults}
<div id="searchresults">{lang:No search results for SearchQuery 2}</div>
{/block:NoSearchResults}
{/block:SearchPage}

{block:ifinfinitescroll} <div class="autopagerize_page_element">{/block:ifinfinitescroll}
{block:Posts}





{block:ContentSource}

<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"

width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />

{/block:SourceLogo}

{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->

{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}


<div class="post">

{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Photo}

{block:Video}
<div class="media">{Video-500}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Audio}

{block:AudioEmbed}
{AudioEmbed}
{/block:AudioEmbed}

{block:AudioPlayer}
{block:IfShowAlbumArtOnAudioPosts}
{block:AlbumArt}
<div class="album_art">
<img src="{AlbumArtURL}" style="width: 200px;" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
</div>
{/block:AlbumArt}
{/block:IfShowAlbumArtOnAudioPosts}

<div class="audio">
<div class="player">{AudioPlayerWhite}</div>
<div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
<div class="clear"></div>
</div>
{/block:AudioPlayer}

<div class="clear"></div>

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

{/block:Audio}

{block:Quote}
<div class="quote {Length}">{Quote}</div>
<div class="copy">
<div class="quotebg">“</div>
{block:Source}
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:20px;">—</td>
<td valign="top" class="quote_source">
{Source}
</td>
</tr>
</table>
{/block:Source}
</div>
{/block:Quote}

{block:Text}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="copy">{Body}</div>
{/block:Text}

{block:Answer}
<div class="question">
<div class="nipple"></div>
{Question}
</div>
<div class="asker_container"><img src="{AskerPortraitURL-16}">{Asker}</div>
<div class="copy">{Answer}</div>
{/block:Answer}

{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chat">
<div class="lines">
{block:Lines}
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
{/block:Lines}
</div>
</div>
<div class="clear"></div>
<div style="height:10px;"></div>
{/block:Chat}

{block:Link}
<div class="link"><a href="{URL}" {Target}>{Name} »</a></div>
{block:Description}<div class="copy">{Description}</div>{/block:Description}
{/block:Link}

{block:Date}
<a href="{Permalink}">
<div class="footer for_permalink">
<div class="date">
{block:Reblog}
{TimeAgo} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}
{/block:Reblog}

{block:NotReblog}
{TimeAgo}
{/block:NotReblog}
</div>
<div class="notes">{block:NoteCount}{NoteCount} ♥{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}•{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
<div class="clear"></div>
</div>
</a>
{/block:Date}

<div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
display:none;
{block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
{block:ContentSource}display:block;{/block:ContentSource}
">
{block:IfShowTags}
{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
{/block:IfShowTags}

{block:ContentSource}
<a href="{SourceURL}" class="source_url">
{lang:Source}:
{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
</a>
{/block:ContentSource}

<div class="clear"></div>
</div>

{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

{block:IfDisqusShortname}
{block:Permalink}
<div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
</div>
<div style="text-align:right; margin-top:5px;">
{lang:Blog comments powered by Disqus 2}
</div>
{/block:Permalink}
{/block:IfDisqusShortname}

</div>
<div class="bottom"></div>
{/block:Posts}


{block:ifinfinitescroll} </div>{/block:ifinfinitescroll}
{block:ifnotinfinitescroll}
{block:Pagination}
<div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
{block:PreviousPage}<a href="{PreviousPage}">← {lang:Previous}</a>{/block:PreviousPage}

{block:IfEnableJumpPagination}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}

{/block:JumpPagination}
{/block:IfEnableJumpPagination}

{block:NextPage}<a href="{NextPage}">{lang:Next page} →</a>{/block:NextPage}
</div>
{/block:Pagination}{/block:ifnotinfinitescroll}


</div>

<div id="sidebar">



<div style="position:absolute; left:{text:ImgLeft}px; top:{text:ImgTop}px; z-index: 999;">

<a href="/">

<img style="border: 0;" src="{image:SidebarImage}" title="{STIG•MA•TO•PHILIA}" />

</a>



</div>



<div id="top">



<div id="description"><center>{Description}</center></div>
<br>
<center>
<select onChange="location=this.options[this.selectedIndex].value;" style="font:12px calibri;
margin-left: 1px;
color:{color:navtext};



background-color: {color:navigation};


{block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}

{block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
-moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}

{block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
-moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}

{block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
-webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
-moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}

{block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
-webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
-moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}

{block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
-moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}

{block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
-webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
-moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}



-webkit-appearance: none;text-align:center;margin-top:2px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;">
<option value="">{text:nav title}</option><option value="/">home</option>{/block:iflink1}
{block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
{block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
{block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
{block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
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: 18th March 2024 - 11:49 PM