Advertisement
sarahcaths

theme 8 | closed walls

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