API tools faq
paste
Panzer_Themes

Side Picture Theme

Panzer_Themes
Jun 22nd, 2012
587
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.22 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ┏━━━┓╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋┏━━━━┳┓
  3. ┃┏━┓┃╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋┃┏┓┏┓┃┃
  4. ┃┗━┛┣━━┳━┓┏━━━┳━━┳━┓┗┛┃┃┗┫┗━┳━━┳┓┏┳━━┳━━┓
  5. ┃┏━━┫┏┓┃┏┓╋━━┃┃┃━┫┏┛╋╋┃┃╋┃┏┓┃┃━┫┗┛┃┃━┫━━┫
  6. ┃┃╋╋┃┏┓┃┃┃┃┃━━┫┃━┫┃╋╋╋┃┃╋┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ┗┛╋╋┗┛┗┻┛┗┻━━━┻━━┻┛╋╋╋┗┛╋┗┛┗┻━━┻┻┻┻━━┻━━┛
  8. Theme Made and copyrighted By PanzerThemes.Tumblr.com.
  9.  
  10. All themes are free for personal use! Please respect the credit and keep it in tact. You may make changes to the theme; however, that doesn't mean you created it. If you do remove the credit please place it in your FAQ or somewhere where your followers can be informed of creator.
  11. You will be reported if you do not follow the simple rules of using my themes. -->
  12.  
  13. <html lang="en">
  14. <head>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  19. <!-- DEFAULT VARIABLES -->
  20. <meta name="color:Background" content="#"/>
  21. <meta name="color:Text" content="#000"/>
  22. <meta name="color:Title" content="#000"/>
  23. <meta name="color:Link" content="#000"/>
  24. <meta name="color:Link Shadow" content=""/>
  25. <meta name="color:Hover" content="#"/>
  26. <meta name="color:Shadow" content="#">
  27. <meta name="image:Sidebar" content=""/>
  28. <meta name="image:Background" content="http://24.media.tumblr.com/tumblr_lpoleqVCM11qlap2no2_250.png"/>
  29. <meta name="image:Side Picture" content="">
  30. <meta name="if:Posts Dashed Border" content="1"/>
  31. <meta name="if:posts solid border" content="0"/>
  32. <meta name="if:Captions On" content="0"/>
  33. <meta name="if:show blog title" content="1"/>
  34. <meta name="if:Tiny Scrollbar" content="1"/>
  35. <meta name="if:link shadow" content="0"/>
  36. <meta name="if:Side Picture" content="0"/>
  37. <meta name="if:Bow Cursor" content="0"/>
  38. <meta name="if:Tiny Cursor" content="1"/>
  39. <meta name="text:Side Picture Height" content="3" />
  40. <meta name="text:Custom Link One" content="/" />
  41. <meta name="text:Custom Link One Title" content="link" />
  42. <meta name="text:Custom Link Two" content="/" />
  43. <meta name="text:Custom Link Two Title" content="link" />
  44. <meta name="text:Custom Link Three" content="/" />
  45. <meta name="text:Custom Link Three Title" content="link" />
  46. <meta name="text:Custom Link Four" content="/" />
  47. <meta name="text:Custom Link Four Title" content="link" />
  48.  
  49.  
  50. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  53.  
  54. <style type="text/css">
  55. iframe#tumblr_controls{position:fixed !important;}
  56.  
  57. {block:ifbowcursor}
  58. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_m2uldpZewn1qfamg6.gif), progress;}
  59. {/block:ifbowcursor}
  60.  
  61. {block:iftinycursor}
  62. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  63. {/block:iftinycursor}
  64.  
  65. {block:ifTinyScrollbar}
  66. ::-webkit-scrollbar {
  67. height:5px;
  68. width:5px;
  69. background-color:#ECECEC;
  70. border-left: 1px solid #C5C5C5;
  71. }
  72.  
  73. ::-webkit-scrollbar-thumb {
  74. border-top: 1px solid #303030;
  75. border-bottom: 1px solid #303030;
  76. border-left: 1px solid #4B4B4B;
  77. background-color:#474747;
  78. height:auto;
  79. }
  80. {/Block:ifTinyScrollbar}
  81.  
  82. body {
  83. margin:0px;
  84. background-color: {color:Background};
  85. background-image:url({image:Background});
  86. background-attachment: fixed;
  87. background-repeat: repeat;}
  88. body, div, p, textarea, submit, input{
  89. font-family: cambria;
  90. font-size: 11px;
  91. line-height:10px;
  92. letter-spacing:0px;
  93. color:{color:Text};
  94. }
  95.  
  96.  
  97.  
  98. p {
  99. margin:0px;
  100. margin-top:0px;
  101. }
  102.  
  103.  
  104. a:link, a:active, a:visited{
  105. color: {color:Link};
  106. text-decoration: none;
  107. }
  108.  
  109. a:hover {
  110. color:{color:Hover};
  111. text-decoration: none;
  112. -webkit-transition: color 0.3s ease-out;
  113. -moz-transition: color 0.3s ease-out;
  114. {block:iflinkshadow}text-shadow:2px 2px 4px {color:shadow};{/block:iflinkshadow}
  115. }
  116.  
  117. #mee{
  118. position:fixed !important;
  119. width:auto;
  120. height:auto;
  121. right:3px;
  122. top:26px;
  123. }
  124.  
  125. div#center{
  126. margin:auto;
  127. position:relative;
  128. width:840px;
  129. background-color:;
  130. overflow:auto;
  131. overflow-y:hidden;
  132. }
  133.  
  134. div#sidebar{
  135. position:fixed !important;
  136. width: 250px;
  137. height:auto;
  138. margin-top: 100px;
  139. margin-left: -100px;
  140. padding: 2px;
  141. line-height:11px;
  142. letter-spacing:0px;
  143. margin-bottom: 6px;
  144. background-color:white;
  145. font-family: cambria;
  146. font-size: 10px;
  147. line-height:11px;
  148. letter-spacing:0px;
  149. margin-bottom: 6px;
  150.  
  151. }
  152. #sidepic {
  153. width: 250px;
  154. }
  155.  
  156. #sidepic .desc{
  157. opacity: 0;
  158. background: white;
  159. text-align: center;
  160. width: 99%;
  161. height: 99%;
  162. position: absolute;
  163. -webkit-transition: opacity 0.5s linear;
  164. -webkit-transition: all 0.5s linear;
  165. -moz-transition: all 0.5s linear;
  166. transition: all 0.5s linear;
  167. }
  168.  
  169.  
  170. #sidepic:hover .desc{
  171. opacity: .9;
  172. -webkit-transition: opacity 0.5s linear;
  173. -webkit-transition: all 0.5s linear;
  174. -moz-transition: all 0.5s linear;
  175. transition: all 0.5s linear;
  176. }
  177.  
  178. .quote{
  179. font-size: 35px;
  180. font-family: 'amatic sc', cursive;
  181. line-height:38px;
  182. color:{color:blogtitle};
  183. text-align:center;
  184. position: fixed !important;
  185. width:300px;
  186. height:auto;
  187. text-shadow: 2px 2px 2px #888;
  188. background-color: transparent;
  189. padding: 2px;
  190. text-align:center;
  191. margin: 60px 0px 0px -188px;
  192. }
  193.  
  194. lions{
  195. font-family: cambria;
  196. color: {color:Link};
  197. text-shadow: 2px 2px 2px #888;
  198. font-size: 8px;
  199. font-weight: normal;
  200. letter-spacing: 2px;
  201. text-transform: uppercase;
  202. }
  203.  
  204. div#content{
  205. float:right;
  206. margin-right: 300px;
  207. width:350px;
  208. margin-top: 0px;
  209. padding:2px;
  210. padding-top: 0px;
  211. background: #fff;
  212. {block:ifpostssolidborder}border: 1px solid #aaa !important;{/block:ifpostssolidborder}
  213. {block:ifpostsdashedborder}border: 1px dashed #aaaaaa;{/block:ifpostsdashedborder}
  214. }
  215.  
  216. div#entry{
  217. background-color:;
  218. margin-top:px;
  219. padding-top:0px;
  220. padding-bottom:0px;
  221. }
  222.  
  223. .permalink{
  224. display: block;
  225. font-size: 10px;
  226. text-align: right;
  227. }
  228.  
  229. .permalink{
  230. font-family: cambria;
  231. text-transform:uppercase;
  232. font-size:8px;
  233. line-height:10px;
  234. display: block;
  235. text-align: right;
  236. text-decoration: none;
  237. }
  238.  
  239. small{font-size: 90%;}
  240.  
  241. #permalink {
  242. position: absolute;
  243. margin-top: 8px;
  244. margin-rigth: 1061px;
  245. opacity: 0;
  246. -webkit-transition: all .3s ease;
  247. -moz-transition: all .3s ease;
  248. -o-transition: all .3s ease;
  249. transition: all .3s ease;
  250. }
  251.  
  252. #entry:hover #permalink {
  253. margin-top: 8px;
  254. margin-left: 400px;
  255. opacity: 1;
  256. }
  257. #permalink {
  258. position: absolute;
  259. margin-top: 8px;
  260. margin-rigth: 1054px;
  261. opacity: 0;
  262. -webkit-transition: all .3s ease;
  263. -moz-transition: all .3s ease;
  264. -o-transition: all .3s ease;
  265. transition: all .3s ease;
  266. }
  267.  
  268. #entry:hover #permalink {
  269. margin-top: 8px;
  270. margin-left: 300px;
  271. opacity: 1;
  272. }
  273.  
  274. .perma{
  275. opacity: 0.0;
  276. filter: alpha(opacity = 0);
  277. margin-top: 0px;
  278. width: 60px;
  279. height: 30px;
  280. line-height: 30px;
  281. font-size: 9px;
  282. position:absolute;
  283. text-align: center;
  284. z-index:9999991;
  285. margin-top: 5px;
  286. margin-left: 100px;
  287. -webkit-transition: all .4s ease;
  288. -moz-transition: all .4s ease;
  289. -o-transition: all .4s ease;
  290. transition: all .4s ease;
  291. }
  292.  
  293. #entry:hover .perma {
  294. -webkit-transition: opacity 0.6s linear;
  295. opacity: 1;
  296. margin-top: 5px;
  297. margin-left: -2px;
  298. -webkit-transition: all .4s ease;
  299. -moz-transition: all .4s ease;
  300. -o-transition: all .4s ease;
  301. transition: all .4s ease;
  302. }
  303.  
  304. .countreblog {
  305. color: #FFFFFF;
  306. letter-spacing:1px;
  307. font-family: short stack;
  308. font-size:11px;
  309. line-height:15px;
  310. margin: 2px;
  311. margin-top: 1px;
  312. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  313. background-repeat:repeat;
  314. border:1px solid rgba(0,0,0,0.1);
  315. padding:3px 5px;
  316. padding-top: 3px;
  317. padding-bottom: 4px;
  318. height: 20px;
  319. -webkit-border-radius:2px;
  320. moz-border-radius:2px;
  321. -o-border-radius:2px;
  322. border-radius:2px;
  323. }
  324.  
  325. .countreblog a { color: #FFF; }
  326.  
  327. .perma{
  328. opacity: 0.0;
  329. filter: alpha(opacity = 0);
  330. margin-top: 0px;
  331. width: 60px;
  332. height: 30px;
  333. line-height: 30px;
  334. font-size: 9px;
  335. position:absolute;
  336. text-align: center;
  337. z-index:9999991;
  338. margin-top: 5px;
  339. margin-left: 100px;
  340. -webkit-transition: all .4s ease;
  341. -moz-transition: all .4s ease;
  342. -o-transition: all .4s ease;
  343. transition: all .4s ease;
  344. }
  345.  
  346. #entry:hover .perma {
  347. -webkit-transition: opacity 0.6s linear;
  348. opacity: 1;
  349. margin-top: 5px;
  350. margin-left: -2px;
  351. -webkit-transition: all .4s ease;
  352. -moz-transition: all .4s ease;
  353. -o-transition: all .4s ease;
  354. transition: all .4s ease;
  355. }
  356.  
  357. .likep {
  358. display: inline;
  359. width: 21px;
  360. float: right;
  361. height: 20px;
  362. margin-left:-4px;
  363. overflow: hidden;
  364. position: relative;
  365. z-index: 9999999;
  366. }
  367.  
  368. .rep img{
  369. width: 24px;
  370. height: 20px;
  371. line-height: 30px;
  372. display: inline;
  373. }
  374.  
  375.  
  376. #postnotes{
  377. text-align: justify;}
  378.  
  379. #postnotes blockquote{
  380. border: 0px;}
  381.  
  382.  
  383. .title{
  384. font-family: cambria
  385. font-size: 12px;
  386. line-height: 14px;
  387. color: {color:Title};
  388. font-weight: ;
  389. padding:0px 0px 0px 0px;
  390. }
  391.  
  392. .video embed, .post div.video object {width:250px !important; height:187px !important;}
  393.  
  394. blockquote{
  395. padding:0px 0px 2px 5px;
  396. margin:0px 0px 2px 1px;
  397. border-left: 1px dotted #555555;
  398. }
  399.  
  400. blockquote p, ul{
  401. margin:0px;
  402. padding:0px;
  403. }
  404.  
  405.  
  406. a img{border: 0px;}
  407.  
  408. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  409.  
  410. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  411. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  412.  
  413. .notes img{width:10px; position:relative; top:3px;}
  414.  
  415.  
  416.  
  417.  
  418. </style>
  419.  
  420. <link rel="shortcut icon" href="{Favicon}">
  421. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  422. <meta name="viewport" content="width=820" />
  423. </head>
  424. <body>
  425. <div id="mee">
  426. <a href="http://jagpanzer.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
  427. </div>
  428.  
  429.  
  430. <div id="cage">
  431. <div id="center">
  432. <div id="sidebar">
  433. <div id="sidepic">
  434. <div class="desc"><br>
  435. {Description}
  436. <br>
  437. <br>
  438. <lions style=”font-size: 8pt; letter-spacing: 1px; text-transform: uppercase;”>
  439. <a href="/">home</a> ∙
  440. <a href="/ask">message</a> ∙
  441.  
  442. {block:ifCustomLinkOneTitle} <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  443.  
  444. {block:ifCustomLinkTwoTitle} ∙ <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  445.  
  446. {block:ifCustomLinkThreeTitle} ∙ <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  447.  
  448. {block:ifCustomLinkFourTitle} ∙ <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle} </lions>
  449. <br>
  450. <br>
  451. </center>
  452. </div>
  453. </center>
  454. <a href="/"><img src="{image:sidebar}" width=250px></a>
  455. </div>
  456. </div>
  457.  
  458. {block:ifshowblogtitle}<div class="quote"><color="{color:blogtitle}"><a href="/">{Title}</a></font>
  459. </div>{/block:ifshowblogtitle}
  460.  
  461. <block:ifSidePicture><img src="{image:Side Picture}" style="position:fixed; bottom:{Text:Side Picture Height}px; right:5%; opacity:.9; z-index:100;"></block:ifSidePicture>
  462.  
  463. <div id="content">
  464. {block:Posts}
  465.  
  466. <div id="entry">
  467.  
  468. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span> {Asker}: {Question}&nbsp;</div><p>{Answer} <p align=right><a href="{Permalink}">{notecountwithlabel}</a></font></a></align>{/block:Answer}
  469.  
  470. {block:Text}{block:Title}<span class="title"><span style="font-size= 14px; letter-spacing: 1px; text-transform: uppercase;">{Title}</span>{/block:Title}<span class="body">{Body}</span><span class="permalink"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span>
  471. {/block:text}
  472.  
  473. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}<span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a>{/block:link}
  474.  
  475. {block:Photo}
  476. {LinkOpenTag}<div class="perma">
  477. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  478. </div>
  479. <div id="permalink">
  480. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/>{LinkCloseTag}{block:ifCaptionsOn}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptionson}
  481. {block:IndexPage}
  482. {/block:IndexPage}
  483. {/block:Photo}
  484.  
  485.  
  486. {block:Photoset}<div style="width:400px">{Photoset-400}</div></span>{/block:Photoset}
  487.  
  488. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> </span>{/block:Quote}
  489.  
  490. {block:Chat}<div style="background-color:{color:Quote background}; padding: 4px;">{block:Title}<span class="title">{Title}</span>{/block:Title}
  491. <ul class="chat">{block:Lines} <li class="user_{UserNumber}"> {block:Label}
  492. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  493. </ul></div>{block:IndexPage}<div style="float: right; width: auto; font-family: cambria;
  494. text-transform:uppercase;
  495. font-size:8px;
  496. line-height:10px;
  497. display: block;
  498. text-align: right;
  499. text-decoration: none;"><a href="{Permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}{/block:Chat}
  500.  
  501.  
  502. {block:Audio}
  503. <center><div style="width:160px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  504. {FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  505. {/block:Audio}
  506.  
  507. {block:Video}<center>
  508. <div class="video">{Video-250}</div></center>
  509. {block:Video}
  510.  
  511. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  512.  
  513. {block:PostNotes}{PostNotes}
  514. {/block:PostNotes}
  515. </div>
  516.  
  517. {/block:Posts}
  518. </center>
  519. </center>
  520.  
  521. </div></div>
  522.  
  523.  
  524. </div>
  525.  
  526.  
  527. </center>
  528. </body>
  529. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!