sarahcaths

theme 9 | chasing the light

Oct 26th, 2012
23,079
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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 -->
RAW Paste Data