API tools faq
paste
Advertisement
sarahcaths

theme 9 | chasing the light

sarahcaths
Oct 26th, 2012
24,592
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. THEME © SARAHCATHS.TUMBLR.COM | "CHASING THE LIGHT" #9
  17.  
  18. + Do not steal any portion of this code, or use this code as a base.
  19. + Feel free to edit anything, but do not remove the credit.
  20. + If you have any questions or concerns, just contact me!
  21. + Thanks for using my theme! :) Hope you enjoy it!
  22.  
  23. ---->
  24.  
  25. <!-- VARIABLES -->
  26.  
  27. <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/4L6mc78li/tumblr_ltqq73kh5g1qhvdofo3_100.png"/>
  28. <meta name="image:Content Background" content=""/>
  29. <meta name="image:Header Background" content=""/>
  30. <meta name="image:Sidebar Image" content="" />
  31.  
  32. <meta name="if:Display Tags" content="1" />
  33.  
  34. <meta name="color:Background" content="#E8E8E8" />
  35. <meta name="color:Text" content="#5e5d5c" />
  36. <meta name="color:Bold" content="#807a7a" />
  37. <meta name="color:Italic" content="#a72d61" />
  38. <meta name="color:Link" content="#666565" />
  39. <meta name="color:Content BG" content="#e1e9eb" />
  40. <meta name="color:Content Border" content="#fcfdfd" />
  41. <meta name="color:Content Text Shadow" content="#fdfdfd" />
  42. <meta name="color:Info BG" content="#d0e9ec" />
  43. <meta name="color:Info Border" content="#adcace" />
  44. <meta name="color:Body Dark Shadow" content="#c0c0c0" />
  45. <meta name="color:Header BG" content="#d0e9ec" />
  46.  
  47. <meta name="text:Text Size" content="11px" />
  48.  
  49. <meta name="text:Link 1 URL" content="http://" />
  50. <meta name="text:Link 1" content="Link 1" />
  51. <meta name="text:Link 2 URL" content="http://" />
  52. <meta name="text:Link 2" content="Link 2" />
  53. <meta name="text:Link 3 URL" content="http://" />
  54. <meta name="text:Link 3" content="Link 3" />
  55. <meta name="text:Link 4 URL" content="http://" />
  56. <meta name="text:Link 4" content="Link 4" />
  57. <meta name="text:Link 5 URL" content="http://" />
  58. <meta name="text:Link 5" content="Link 5" />
  59.  
  60. <meta name="text:Hidden Link 1 URL" content="http://" />
  61. <meta name="text:Hidden Link 1" content="Link 1" />
  62. <meta name="text:Hidden Link 2 URL" content="http://" />
  63. <meta name="text:Hidden Link 2" content="Link 2" />
  64. <meta name="text:Hidden Link 3 URL" content="http://" />
  65. <meta name="text:Hidden Link 3" content="Link 3" />
  66.  
  67. <style type="text/css">
  68.  
  69. /* MAIN */
  70.  
  71. body {
  72. background-color:{color:Background};
  73. background-image: url('{image:Background}');
  74. color:{color:Text};
  75. font-family: calibri;
  76. font-size: {text:Text Size};
  77. margin: 0px;
  78. padding: 0px;}
  79.  
  80. a:link, a:active {
  81. text-decoration:none;
  82. color: {color:Link}; }
  83.  
  84. a:visited {
  85. text-decoration:none;
  86. color: {color:Link}; }
  87.  
  88. a:hover {
  89. text-decoration:none;
  90. color: {color:Italic};}
  91.  
  92. b, strong, .strong {color:{color:Bold};font-weight:bold;}
  93.  
  94. blockquote {
  95. border-left:2px solid {color:Text};
  96. padding-left:6px; }
  97.  
  98. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  99.  
  100. i, em, .em {color:{color:Italic};}
  101.  
  102.  
  103. /* CREDIT -- DON'T REMOVE! */
  104.  
  105. #cred {
  106. font-size:8px;
  107. letter-spacing:1px;
  108. opacity:0.3;
  109. font-weight:bold;
  110. color: #000000;
  111. font-family: calibri;
  112. background-color: #FFFFFF;
  113. padding:4px;
  114. border:1px dashed #514a4d;
  115. text-transform:uppercase;
  116. bottom:10px;
  117. right:10px;
  118. position:fixed;
  119. text-decoration:none;}
  120.  
  121. #cred a:link, #cred a:active, #cred a:visited, #cred a:hover {
  122. color:#000000;
  123. text-decoration:none;
  124. border:0;}
  125.  
  126.  
  127. #cred:hover {
  128. font-size:8px;
  129. letter-spacing:1px;
  130. font-weight:bold;
  131. color: #000000;
  132. opacity:1.0;
  133. font-family: calibri;
  134. background-color: #FFFFFF;
  135. padding:4px;
  136. border:1px dashed #514a4d;
  137. text-transform:uppercase;
  138. bottom:10px;
  139. right:10px;
  140. position:fixed;
  141. text-decoration:none;
  142. -webkit-transform: rotate(10deg);
  143. -moz-transform: rotate(10deg);
  144. -o-transform: rotate(10deg);
  145. -ms-transform: rotate(10deg);
  146. transform: rotate(10deg);
  147. -webkit-transition: all 0.9s ease-in-out;
  148. -moz-transition: all 0.9s ease-in-out;
  149. -o-transition: all 0.9s ease-in-out;
  150. transition: all 0.9s ease-in-out;}
  151.  
  152.  
  153. /* TITLES */
  154.  
  155. .ttitle {
  156. font-size:25px;
  157. font-style:italic;
  158. color:{color:Text};
  159. font-family: 'Open Sans Condensed', sans-serif;}
  160.  
  161. /* TOP NAVIGATION */
  162.  
  163. .topnav {
  164. width:800px;
  165. height:50px;
  166. text-align:center;
  167. margin-left:270px;
  168. margin-top:-53px; }
  169.  
  170. .topnav a {
  171. height:31px;
  172. width:80px;
  173. margin-left:30px;
  174. text-shadow:none;
  175. text-align:center;
  176. padding:12px 15px 11px 15px;
  177. text-transform:uppercase;
  178. text-decoration:none;
  179. font-family: 'Open Sans Condensed', sans-serif;
  180. font-size:20pt;
  181. display:inline-block;
  182. color:{color:Content Border};
  183. text-shadow:0px 0px 5px {color:Bold};
  184. -webkit-transition: opacity 0.3s linear;
  185. -webkit-transition: all 0.3s ease-out;
  186. -moz-transition: all 0.3s ease-out;
  187. transition: all 0.3s ease-out;}
  188.  
  189. .topnav a:hover {
  190. color:{color:Bold};
  191. text-shadow:0px 0px 2px {color:Content BG};
  192. font-size:25pt;
  193. font-style:none;
  194. height:31px;
  195. padding:5px 15px 11px 15px;
  196. -webkit-transition: opacity 0.3s linear;
  197. -webkit-transition: all 0.3s ease-out;
  198. -moz-transition: all 0.3s ease-out;
  199. transition: all 0.3s ease-out;}
  200.  
  201. /* CONTENT */
  202.  
  203. .header {
  204. width:110%;
  205. height:62px;
  206. z-index: 1000;
  207. background-image: url('{image:Header Background}');
  208. background-color: {color:Header BG};
  209. border:4px solid {color:Content Border};
  210. border-right:none;
  211. box-shadow:{color:Body Dark Shadow} 0px 0px 6px;
  212. background-repeat:repeat;
  213. position:fixed;
  214. margin:0;
  215. top:-3px;
  216. left:-10px; }
  217.  
  218. #titleimg {
  219. width:260px;
  220. height:55px;
  221. text-transform:lowercase;
  222. text-align:center;
  223. letter-spacing:-2px;
  224. text-shadow: {color:Content Text Shadow} 1px 1px 1px;
  225. font-size:50px;
  226. color:{color:Bold};
  227. font-family: 'Open Sans Condensed', sans-serif;
  228. margin-left:50px;
  229. font-style:none;
  230. margin-top:0px;
  231. -webkit-transition: opacity 0.3s linear;
  232. -webkit-transition: all 0.3s ease-out;
  233. -moz-transition: all 0.3s ease-out;
  234. transition: all 0.3s ease-out;}
  235.  
  236. #titleimg a {
  237. color:{color:Bold};
  238. opacity:0.6;
  239. font-style:none;}
  240.  
  241. #titleimg:hover {
  242. -webkit-transform: rotate(-10deg);
  243. -moz-transform: rotate(-10deg);
  244. -o-transform: rotate(-10deg);
  245. -ms-transform: rotate(-10deg);
  246. transform: rotate(-10deg);
  247. -webkit-transition: opacity 0.3s linear;
  248. -webkit-transition: all 0.3s ease-out;
  249. -moz-transition: all 0.3s ease-out;
  250. transition: all 0.3s ease-out;}
  251.  
  252. .contentwhole {
  253. width:520px;
  254. margin-top:100px;
  255. margin-bottom:50px;
  256. margin-left:550px;
  257. height:100%;}
  258.  
  259. .content {
  260. width: 500px;
  261. height: auto;
  262. padding:10px;
  263. margin-top:20px;
  264. background-image:url('{image:Content Background}');
  265. text-shadow: {color:Content Text Shadow} 1px 1px 1px;
  266. background-repeat:no-repeat;
  267. background-position:bottom;
  268. background-color: {color:Content BG};
  269. box-shadow: {color:Content Text Shadow} 0px 0px 4px;
  270. border:6px solid {color:Content Border};}
  271.  
  272. .info {
  273. height:20px;
  274. padding-top:10px;
  275. float:center;
  276. margin-bottom:10px;
  277. opacity:0.8;
  278. text-align:left;
  279. font-size:8px;
  280. font-family:arial;
  281. letter-spacing:1px;
  282. color:{color:Link};
  283. background-color:{color:Info BG};
  284. border-top: 1px solid {color:Info Border};
  285. border-bottom: 1px solid {color:Info Border};
  286. width: 500px;
  287. text-transform:uppercase;
  288. transition-duration: 0.6s;
  289. -moz-transition-duration: 0.6s;
  290. -webkit-transition-duration: 0.6s;
  291. -o-transition-duration: 0.6s; }
  292.  
  293. .info a {
  294. font-size:8px;
  295. padding:20px;}
  296.  
  297. .info:hover {
  298. opacity:1.0;
  299. transition-duration: 0.6s;
  300. -moz-transition-duration: 0.6s;
  301. -webkit-transition-duration: 0.6s;
  302. -o-transition-duration: 0.6s; }
  303.  
  304. .reblogged {
  305. margin:2px; }
  306.  
  307. #pagination {
  308. width:350px;
  309. left:60px;
  310. position:fixed;
  311. top:470px;
  312. font-size:20px;
  313. margin-left:50px;
  314. text-align:center;
  315. margin:20px;}
  316.  
  317. #pagination a {
  318. text-decoration:none;
  319. background-color:{color:Content BG};
  320. background-image:url('{image:Content Background}');
  321. border:1px solid {color:Content Border};
  322. box-shadow: {color:Content Text Shadow} 0px 0px 4px;
  323. background-repeat:no-repeat;
  324. background-position:bottom;
  325. padding:2px 4px 2px 4px;
  326. color:{color:Text};}
  327.  
  328. #pagination a:hover {
  329. background-color:{color:Bold};
  330. background-image:none;
  331. color:{color:Content Border};}
  332.  
  333. /* SIDEBAR */
  334.  
  335.  
  336. #sidebar {
  337. width:420px;
  338. position:fixed;
  339. top:120px;
  340. text-align:left;
  341. background-color:transparent;
  342. padding: 2px 0px 2px 0px;
  343. left:0px;
  344. height:auto;}
  345.  
  346.  
  347. .hiddenlinks {
  348. z-index:20000;
  349. width:260px;
  350. height:60px;
  351. top:370px;
  352. float:left;
  353. left:280px;
  354. opacity:0.0;
  355. text-align:justify;
  356. padding:5px;
  357. position:fixed;
  358. overflow:auto;
  359. border:0;
  360. transition-duration: 0.6s;
  361. -moz-transition-duration: 0.6s;
  362. -webkit-transition-duration: 0.6s;
  363. -o-transition-duration: 0.6s;}
  364.  
  365. .hiddenlinks a {
  366. height:30px;
  367. border:2px solid {color:Content BG};
  368. margin-left:5px;
  369. text-shadow:none;
  370. text-align:center;
  371. padding:12px;
  372. text-transform:uppercase;
  373. text-decoration:none;
  374. border:1px solid {color:Content Border};
  375. font-family: 'Open Sans Condensed', sans-serif;
  376. background-color:{color:Content BG};
  377. background-image:url('{image:Content Background}');
  378. background-repeat:no-repeat;
  379. background-position:bottom;
  380. font-size:12pt;
  381. display:inline-block;
  382. color:{color:Content Border};
  383. text-shadow:0px 0px 5px {color:Bold};
  384. -webkit-transition: opacity 0.6s linear;
  385. -webkit-transition: all 0.6s ease-out;
  386. -moz-transition: all 0.6s ease-out;
  387. transition: all 0.6s ease-out;}
  388.  
  389. .hiddenlinks a:hover {
  390. color:{color:Bold};
  391. background-color:{color:Content Border};
  392. background-image:none;
  393. -webkit-transition: opacity 0.6s linear;
  394. -webkit-transition: all 0.6s ease-out;
  395. -moz-transition: all 0.6s ease-out;
  396. transition: all 0.6s ease-out;}
  397.  
  398. .hover:hover .hiddenlinks {
  399. opacity:1.0;
  400. top:410px;
  401. transition-duration: 0.6s;
  402. -moz-transition-duration: 0.6s;
  403. -webkit-transition-duration: 0.6s;
  404. -o-transition-duration: 0.6s;}
  405.  
  406.  
  407.  
  408. .sidebartext {
  409. width:340px;
  410. height:230px;
  411. top:150px;
  412. z-index:0;
  413. float:left;
  414. left:90px;
  415. opacity:0.0;
  416. text-align:justify;
  417. padding:5px;
  418. position:fixed;
  419. overflow:auto;
  420. background-color:{color:Content BG};
  421. background-image:url('{image:Content Background}');
  422. background-repeat:no-repeat;
  423. background-position:bottom;
  424. box-shadow: {color:Content Text Shadow} 0px 0px 4px;
  425. border:6px solid {color:Content Border};
  426. transition-duration: 0.6s;
  427. -moz-transition-duration: 0.6s;
  428. -webkit-transition-duration: 0.6s;
  429. -o-transition-duration: 0.6s;}
  430.  
  431. .hover:hover .sidebartext {
  432. opacity:1.0;
  433. left:170px;
  434. transition-duration: 0.6s;
  435. -moz-transition-duration: 0.6s;
  436. -webkit-transition-duration: 0.6s;
  437. -o-transition-duration: 0.6s;}
  438.  
  439. .sidebarimg {
  440. width:295px;
  441. z-index:1000;
  442. height:295px;
  443. margin:10px;
  444. margin-left:100px;
  445. -moz-border-radius: 290px;
  446. border-radius: 290px;
  447. margin-bottom:10px;
  448. opacity:1.0;
  449. overflow:auto;
  450. box-shadow: {color:Content Text Shadow} 0px 0px 4px;
  451. border:10px solid {color:Content Border};
  452. transition-duration: 0.6s;
  453. -moz-transition-duration: 0.6s;
  454. -webkit-transition-duration: 0.6s;
  455. -o-transition-duration: 0.6s;}
  456.  
  457.  
  458. .hover:hover .sidebarimg {
  459. opacity:1.0;
  460. margin:10px;
  461. transition-duration: 0.6s;
  462. -moz-transition-duration: 0.6s;
  463. -webkit-transition-duration: 0.6s;
  464. -o-transition-duration: 0.6s;}
  465.  
  466.  
  467. .hover:hover .sidebarimg {
  468. -webkit-transform: rotate(360deg);
  469. -moz-transform: rotate(360deg);
  470. -o-transform: rotate(360deg);
  471. -ms-transform: rotate(360deg);
  472. transform: rotate(360deg);
  473. transition-duration: 0.6s;
  474. -moz-transition-duration: 0.6s;
  475. -webkit-transition-duration: 0.6s;
  476. -o-transition-duration: 0.6s;}
  477.  
  478. .lW { float: left; clear: left; height: 15px; }
  479. .rW { float: right; clear: right; height: 15px; }
  480.  
  481.  
  482. .quote {
  483. font-family: 'Open Sans Condensed', sans-serif;
  484. font-style:italic;
  485. font-size: 20px;
  486. color:{color:Bold};
  487. text-align: justify;
  488. width:80%;
  489. margin:auto;
  490. letter-spacing: 0px;
  491. line-height: 25px;
  492. text-transform: none; }
  493.  
  494.  
  495. .source {
  496. font-family: 'Open Sans Condensed', sans-serif;
  497. font-style:italic;
  498. font-size: 10px;
  499. text-align: justify;
  500. letter-spacing: 1px;
  501. line-height: 12px;
  502. text-align:right;
  503. text-transform: none;
  504. text-indent: 15px; }
  505.  
  506. /* AUDIO POSTS */
  507.  
  508. .playbutton {
  509. width: 20px;
  510. height: 20px;
  511. overflow: hidden;
  512. position: relative;
  513. opacity:0.5;
  514. left:60px;
  515. top:60px;
  516. z-index: 2; }
  517.  
  518. .cover {
  519. position: relative;
  520. z-index: 1;
  521. width:150px;
  522. height:150px;
  523. margin:5px;
  524. box-shadow:{color:Body Dark Shadow} 0px 0px 7px; }
  525.  
  526. .playbox:hover {
  527. opacity:0.8; }
  528.  
  529. .playbox {background-color: #FFFFFF;
  530. position: absolute;
  531. z-index: 2;
  532. opacity:0.5;
  533. width:150px;
  534. height:150px;
  535. margin-left:5px;
  536. margin-top:5px;}
  537.  
  538. .playbutton:hover {
  539. opacity:1.0; }
  540.  
  541. .audiocaption {
  542. width:300px;
  543. opacity:0.5;
  544. height:100px;
  545. margin:10px;
  546. overflow:auto;
  547. padding:10px;
  548. font-size:8pt; }
  549.  
  550. /* ASK QUESTIONS */
  551.  
  552. .question {
  553. background-color:{color:Info BG};
  554. position:relative;
  555. width:94%;
  556. height: relative;
  557. text-align:justify;
  558. padding:10px;
  559. box-shadow:{color:Body Dark Shadow} 0px 0px 7px; }
  560.  
  561. .question:after, .arrow_box:before {
  562. right: 100%; border: solid transparent;
  563. content: " ";
  564. height: 0;
  565. width: 0;
  566. position: absolute;
  567. pointer-events: none; }
  568.  
  569. .question:after {
  570. border-color: rgba(240, 240, 240, 0);
  571. border-right-color: {color:Info BG};
  572. border-width: 30px; top: 50%;
  573. margin-top: -30px; }
  574.  
  575. .question:before {
  576. border-color: rgba(152, 158, 166, 0);
  577. border-right-color: {color:Info BG};
  578. border-width: 36px; top: 50%;
  579. margin-top: -36px; }
  580.  
  581. .answer {
  582. background-color:transparent;
  583. margin:0px;
  584. padding:10px;
  585. margin-top:0px;}
  586.  
  587. .asker {
  588. width:64px;
  589. height:64px;
  590. position:relative;
  591. opacity:0.6;
  592. margin:10px;
  593. border:3px solid #FFFFFF;
  594. transition-duration: 0.6s;
  595. -moz-transition-duration: 0.6s;
  596. -webkit-transition-duration: 0.6s;
  597. -o-transition-duration: 0.6s;}
  598.  
  599. .asker:hover {
  600. opacity:1.0;
  601. transition-duration: 0.6s;
  602. -moz-transition-duration: 0.6s;
  603. -webkit-transition-duration: 0.6s;
  604. -o-transition-duration: 0.6s;}
  605.  
  606.  
  607. {block:ifDisplayTags}
  608. /* TAGS */
  609.  
  610. .tags {
  611. opacity:0.0;
  612. padding-top:10px;
  613. text-transform:uppercase;
  614. transition-duration: 0.6s;
  615. -moz-transition-duration: 0.6s;
  616. -webkit-transition-duration: 0.6s;
  617. -o-transition-duration: 0.6s;}
  618.  
  619. .content:hover .tags{
  620. opacity:1.0;
  621. transition-duration: 0.6s;
  622. -moz-transition-duration: 0.6s;
  623. -webkit-transition-duration: 0.6s;
  624. -o-transition-duration: 0.6s;}
  625.  
  626. .tags a {
  627. opacity:0.4;
  628. padding:10px;
  629. transition-duration: 0.6s;
  630. -moz-transition-duration: 0.6s;
  631. -webkit-transition-duration: 0.6s;
  632. -o-transition-duration: 0.6s;}
  633.  
  634. .tags a:hover {
  635. opacity:1.0;
  636. transition-duration: 0.6s;
  637. -moz-transition-duration: 0.6s;
  638. -webkit-transition-duration: 0.6s;
  639. -o-transition-duration: 0.6s;}
  640. {/block:ifDisplayTags}
  641.  
  642.  
  643.  
  644. /* FONTS */
  645.  
  646. @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
  647.  
  648. </style>
  649. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
  650.  
  651. <script type="text/javascript">
  652. WebFontConfig = {
  653. google: { families: [ 'Open+Sans+Condensed:300,300italic,700:latin' ] }
  654. };
  655. (function() {
  656. var wf = document.createElement('script');
  657. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  658. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  659. wf.type = 'text/javascript';
  660. wf.async = 'true';
  661. var s = document.getElementsByTagName('script')[0];
  662. s.parentNode.insertBefore(wf, s);
  663. })(); </script>
  664.  
  665.  
  666.  
  667. </head>
  668. <body>
  669.  
  670. <div id="cred">
  671. <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SARAHCATHS+</a>
  672. </div> <!-- END CREDIT (DO NOT REMOVE!) -->
  673.  
  674.  
  675. <div class="header">
  676. <div id="titleimg">
  677. <div align="center">
  678. <a href="/">{Title}</a>
  679. </div> <!-- END DIV CENTER -->
  680. </div> <!-- END TITLE IMG -->
  681. <div class="topnav">
  682. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  683. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  684. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  685. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  686. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  687. </div> <!-- END TOPNAV -->
  688. </div> <!-- END HEADER -->
  689.  
  690. <div class="hover">
  691. <div class="hiddenlinks">
  692. <a href="{text:Hidden Link 1 URL}">{text:Hidden Link 1}</a>
  693. <a href="{text:Hidden Link 2 URL}">{text:Hidden Link 2}</a>
  694. <a href="{text:Hidden Link 3 URL}">{text:Hidden Link 3}</a>
  695. </div> <!-- END HIDDEN LINKS -->
  696.  
  697.  
  698. <div class="sidebartext">
  699. <div class="lW" style="width:110px;"></div>
  700. <div class="lW" style="width:125px;"></div>
  701. <div class="lW" style="width:135px;"></div>
  702. <div class="lW" style="width:140px;"></div>
  703. <div class="lW" style="width:145px;"></div>
  704. <div class="lW" style="width:150px;"></div>
  705. <div class="lW" style="width:155px;"></div>
  706. <div class="lW" style="width:160px;"></div>
  707. <div class="lW" style="width:160px;"></div>
  708. <div class="lW" style="width:155px;"></div>
  709. <div class="lW" style="width:155px;"></div>
  710. <div class="lW" style="width:150px;"></div>
  711. <div class="lW" style="width:145px;"></div>
  712. <div class="lW" style="width:138px;"></div>
  713. <div class="lW" style="width:130px;"></div>
  714. {Description}
  715. </div>
  716.  
  717.  
  718.  
  719. <div id="sidebar">
  720. <div align="left">
  721. <img src="{image:Sidebar Image}" class="sidebarimg" />
  722. </div> <!-- END SIDE INFO -->
  723. </div> <!-- END SIDE IMG -->
  724. </div> <!-- END DIV LEFT -->
  725. </div> <!-- END SIDEBAR -->
  726. </div> <!-- END HOVER -->
  727. <div id="pagination">
  728. {block:Pagination}
  729. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  730. {block:JumpPagination length="8"}{block:CurrentPage}
  731. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  732. {/block:CurrentPage}
  733. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  734. {/block:JumpPagination}
  735. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  736. {/block:Pagination}
  737. </div> <!-- END PAGINATION -->
  738.  
  739.  
  740. <div class="contentwhole">
  741. {block:Posts}
  742.  
  743. <div class="content">
  744. <div class="info">
  745. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}">via</a>
  746.  
  747. <a href="{ReblogRootURL}" title="source © {ReblogRootName}">source</a>{/block:RebloggedFrom}
  748.  
  749. <a href="{ReblogURL}" target="_blank" title="reblog this post!">reblog</a>
  750.  
  751.  
  752. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  753. {block:NoteCount}with {NoteCountWithLabel} → {/block:NoteCount}</a>
  754. </div> <!--END INFO -->
  755.  
  756. {block:Text}
  757. {block:Title}
  758. <a href="{Permalink}" class="ttitle">{Title}</a>
  759. {/block:Title}
  760. {Body}
  761. {/block:Text}
  762.  
  763. {block:Photo}
  764. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  765. {block:Caption}{Caption}{/block:Caption}
  766. {/block:Photo}
  767.  
  768. {block:Photoset}
  769. {Photoset-500}
  770. {block:Caption}{Caption}{/block:Caption}
  771. {/block:Photoset}
  772.  
  773. {block:Quote}
  774. <div class="quote">{Quote}</div>
  775. <p>
  776. <div class="source">{block:Source}- {Source}{/block:Source}</div>
  777. {/block:Quote}
  778.  
  779. {block:Link}
  780. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  781. {block:Description} {Description} {/block:Description}
  782. {/block:Link}
  783.  
  784. {block:Chat}
  785. {block:Title} {Title} {/block:Title}
  786. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  787.  
  788. {/block:Lines}
  789. {/block:Chat}
  790.  
  791.  
  792. {block:Audio}
  793. <table><tr><td width="20%" vAlign="middle">
  794. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  795. {block:AlbumArt}
  796. <img src="{AlbumArtURL}" class="cover">
  797. {/block:AlbumArt}
  798. </td><td width="80%" vAlign="middle">
  799. {block:Caption}
  800. <div class="audiocaption">
  801. {Caption}
  802. </div>
  803. {/block:Caption}
  804. </td></tr></table>
  805. {/block:Audio}
  806.  
  807. {block:Video}
  808. {Video-500}
  809. {block:Caption}{Caption}{/block:Caption}
  810. {/block:Video}
  811.  
  812. {block:Answer}
  813. <table><tr><td width="20%"><img src="{AskerPortraitURL-64}" class="asker" /></td><td width="80%">
  814. <div class="question">
  815. {Question}</div></td></tr></table>
  816. <div class="answer">{Answer}</div>
  817. {/block:Answer}
  818.  
  819. {block:ifDisplayTags}
  820. <div class="tags">
  821. {block:HasTags}{block:Tags}
  822. <a href="{TagURL}">#{Tag}</a>
  823. {/block:Tags}{/block:HasTags}
  824. </div>
  825. {/block:ifDisplayTags}
  826.  
  827.  
  828.  
  829. {block:PermalinkPage}
  830. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  831. {block:PostNotes}
  832. {PostNotes}
  833. {/block:PostNotes}
  834. {/block:PermalinkPage}
  835.  
  836.  
  837.  
  838. </div> <!-- END CONTENT -->
  839.  
  840. {/block:Posts}
  841. </div> <!-- END CONTENT WHOLE -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!