Sidebar image on Tumblr is way too big |
Sidebar image on Tumblr is way too big |
ArcticKimbo |
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} |
Lo-Fi Version | Time is now: 28th March 2024 - 08:15 PM |