API tools faq
paste
Advertisement
sarahcaths

theme 11 | good vibes

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