API tools faq
paste
Advertisement
waltzy

theme 2 with square links

waltzy
Jan 16th, 2012
2,819
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.29 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!-- Theme #2 designed by waltzy.tumblr.com. Please do not redistribute, remove the attribution, or claim as your own. Do not take out the credit link or move it to a different page!
  4. Changes:
  5. - added sidebar on right option
  6. - this is the square link variant
  7. - added title option
  8. - audio update
  9. -->
  10. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  14.  
  15.  
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <!-- default variables -->
  21. <meta name="font:Body" content="Trebuchet MS" />
  22. <meta name="image:Sidebar" content="" />
  23. <meta name="image:Sidebar 2" content="" />
  24. <meta name="image:Sidebar 3" content="" />
  25. <meta name="image:Background" content="" />
  26. <meta name="image:Background Tile" content="" />
  27. <meta name="color:Background" content="#000000" />
  28. <meta name="color:Post Background" content="#1f1f1f" />
  29. <meta name="color:Post Footer" content="#111111" />
  30. <meta name="color:Ask Background" content="#111111" />
  31. <meta name="color:Post Text" content="#eeeeee" />
  32. <meta name="color:Title Text" content="#eeeeee" />
  33. <meta name="color:Other Text" content="#eeeeee" />
  34. <meta name="color:Link" content="#008cff" />
  35. <meta name="color:Link Hover" content="#f3690D" />
  36. <meta name="color:Sidebar Link" content="#008cff" />
  37. <meta name="color:Sidebar Link Hover" content="#f3690D" />
  38. <meta name="text:Google Analytics" content="" />
  39. <meta name="if:Link Animation" content="1" />
  40. <meta name="if:Resize Sidebar Images" content="1" />
  41. <meta name="if:Sidebar On Right" content="1" />
  42. <meta name="text:Group 1 Label" content="Navigation" />
  43. <meta name="text:Link 1 Text" content="home" />
  44. <meta name="text:Link 1 URL" content="/" />
  45. <meta name="text:Link 2 Text" content="ask" />
  46. <meta name="text:Link 2 URL" content="/ask" />
  47. <meta name="text:Link 3 Text" content="archive" />
  48. <meta name="text:Link 3 URL" content="/archive" />
  49. <meta name="text:Link 4 Text" content="" />
  50. <meta name="text:Link 4 URL" content="" />
  51. <meta name="text:Link 5 Text" content="" />
  52. <meta name="text:Link 5 URL" content="" />
  53. <meta name="text:Link 6 Text" content="" />
  54. <meta name="text:Link 6 URL" content="" />
  55. <meta name="text:Group 2 Label" content="More Links" />
  56. <meta name="text:Group 2 Link 1 Text" content="" />
  57. <meta name="text:Group 2 Link 1 URL" content="" />
  58. <meta name="text:Group 2 Link 2 Text" content="" />
  59. <meta name="text:Group 2 Link 2 URL" content="" />
  60. <meta name="text:Group 2 Link 3 Text" content="" />
  61. <meta name="text:Group 2 Link 3 URL" content="" />
  62. <meta name="text:Group 2 Link 4 Text" content="" />
  63. <meta name="text:Group 2 Link 4 URL" content="" />
  64. <meta name="text:Group 2 Link 5 Text" content="" />
  65. <meta name="text:Group 2 Link 5 URL" content="" />
  66.  
  67. <meta name="text:Pages Label" content="Pages" />
  68.  
  69.  
  70.  
  71. <style type="text/css">
  72. body {
  73. background-color: {color:Background};
  74. color: {color:Post Text};
  75. font-family: {font:Body};
  76. background-image: url('{image:Background}'), url('{image:Background Tile}');
  77. background-repeat: no-repeat, repeat;
  78. background-attachment: fixed;
  79. word-wrap: break-word;
  80. }
  81.  
  82.  
  83. .reblog-post {
  84. font-size: .8em;
  85. }
  86.  
  87.  
  88. {block:IfNotSidebarOnRight}
  89. .sidebar {
  90. left: 5px;
  91. }
  92. .sidebar-true {
  93. left: 150px;
  94. }
  95. #linksidebar {
  96. text-align: right;
  97. }
  98.  
  99. div#main {
  100. left: 430px;
  101. }
  102. .datebox{
  103. float: right;
  104. text-align: left;
  105. margin-right: -210px; /* equal to -( width of datebox + 10) */
  106. padding-left: 5px;
  107. }
  108.  
  109. body {
  110. background-position: bottom right !important;
  111. }
  112. {/block:IfNotSidebarOnRight}
  113.  
  114.  
  115. {block:IfSidebarOnRight}
  116. .sidebar {
  117. right: 0px;
  118. }
  119. .sidebar-true {
  120. right: 150px;
  121. }
  122. #linksidebar {
  123. right: 0px;
  124. margin-right: -8px;
  125. text-align: left;
  126. }
  127. .minibar {
  128. padding-left: 10px;
  129. }
  130.  
  131. div#main {
  132. right: 430px;
  133. }
  134. .datebox{
  135. float:left;
  136. margin-left: -210px; /* equal to -( width of datebox + 10) */
  137. text-align: right;
  138. }
  139. .datebox-color {
  140. margin: 0 0 0 auto; /* align to right */
  141. }
  142.  
  143. body {
  144. background-position: bottom left!important;
  145. }
  146. {/block:IfSidebarOnRight}
  147.  
  148.  
  149. .minibar {
  150. margin-top: 0px;
  151. margin-bottom: 0px;
  152. width: 140px;
  153. overflow: hidden;
  154. }
  155.  
  156.  
  157.  
  158. .sidebar {
  159. top: 20px;
  160. padding: 0px;
  161. position: fixed;
  162. color: {color:Sidebar Text};
  163. font-size: .95em;
  164. }
  165.  
  166. .sidebar-image {
  167. width: 420px;
  168. text-align: center;
  169. margin: 10px;
  170. margin-bottom: 0px;
  171. padding-bottom: 0px;
  172. }
  173. .sidebar-image img {
  174. {block:IfResizeSidebarImages}max-height: 200px;
  175. max-width: 125px;{/block:IfResizeSidebarImages}
  176. border: 5px {color:Post Footer} solid;
  177. }
  178. .sidebar-true {
  179. position: absolute;
  180. width: 270px;
  181. margin: 0px;
  182. margin-top: 10px;
  183. text-align: center;
  184. }
  185. .sidebar-color {
  186. -moz-border-radius: 15px;
  187. border-radius: 15px;
  188. -moz-border-top-right-radius: 0px;
  189. -moz-border-bottom-left-radius: 0px;
  190. border-top-right-radius: 0px;
  191. border-bottom-left-radius: 0px;
  192. }
  193.  
  194. #linksidebar h3 {
  195. margin-top: 0px;
  196. margin-bottom: 0px;
  197. font-size: 1em;
  198. line-height: 16px;
  199. padding-top: 0px;
  200. padding-left: 5px;
  201. padding-bottom: 5px;
  202.  
  203. }
  204. .sidebar h3 a:link, .sidebar h3 a:visited {
  205. color: {color:Other Text};
  206. transition: all .5s linear;
  207. -webkit-transition: all .5s linear;
  208. -moz-transition: all .5s linear;
  209. }
  210. h3.title a:link, h3.title a:visited {
  211. color: {color:Title Text};
  212. transition: all .5s linear;
  213. -webkit-transition: all .5s linear;
  214. -moz-transition: all .5s linear;
  215. }
  216. .sidebar h3 a:hover, .sidebar h3 a:active, h3.title a:hover, h3.title a:active {
  217. color: {color:Link Hover};
  218. transition: all .5s linear;
  219. -webkit-transition: all .5s linear;
  220. -moz-transition: all .5s linear;
  221. }
  222.  
  223. .title {
  224. margin-top: 5px;
  225. text-align: center;
  226. max-width: 420px;
  227. }
  228.  
  229. .sidebar h3 {
  230.  
  231. margin-bottom: 0px;
  232. font-weight: normal;
  233.  
  234. font-family: century gothic, sans serif;
  235. text-transform: uppercase;
  236. font-size: 22px;
  237. letter-spacing: 1px;
  238. }
  239. #description {
  240. text-align: left;
  241. margin-top: 0px;
  242. padding-top: 0px;
  243. padding-bottom: 5px;
  244. background-color: {color:Post Background};
  245. -moz-border-top-left-radius: 15px;
  246. border-top-left-radius: 15px;
  247. }
  248.  
  249. div#main {
  250. width: 540px;
  251. position: absolute;
  252.  
  253.  
  254. top: 0px;
  255. padding-top: 10px;
  256. padding-left: 10px;
  257. padding-right: 20px;
  258. margin: 0px;
  259. min-height: 100%;
  260. height: auto !important;
  261. height: 100%;
  262.  
  263. }
  264. html, body {
  265. height: 100%;
  266. }
  267.  
  268. .pagination {
  269. text-align: center;
  270. text-transform: uppercase;
  271. font-size: .9em;
  272. color: {color:Post Text};
  273. padding: 3px;
  274. }
  275. .sidebar-footer {
  276. margin-top: 0px;
  277. background-color: {color:Post Footer};
  278. -moz-border-bottom-right-radius: 15px;
  279. border-bottom-right-radius: 15px;
  280. min-height: 20px;
  281. }
  282. #next, #prev {
  283. font-size: 5em;
  284. position: fixed;
  285. }
  286.  
  287. #next, #prev {
  288. top: 280px;
  289. }
  290. #next {
  291. right: 4px;
  292. }
  293. #prev {
  294. left: 7px;
  295. }
  296. #description {
  297. padding: 10px;
  298. margin-top: 0px;
  299. font-size: .8em;
  300. }
  301. .post {
  302. margin-top: 0px;
  303. margin-bottom: 40px;
  304. padding: 0px;
  305.  
  306.  
  307. }
  308. .post h3 {
  309. margin-top: 0px;
  310. }
  311. .post-body {
  312. background-color: {color:Post Background};
  313. margin: 0px;
  314. padding: 10px;
  315.  
  316. {block:IfNotSidebarOnRight}
  317. -moz-border-top-left-radius: 15px;
  318. border-top-left-radius: 15px;
  319. {/block:IfNotSidebarOnRight}
  320.  
  321.  
  322. {block:IfSidebarOnRight}
  323. -moz-border-top-right-radius: 15px;
  324. border-top-right-radius: 15px;
  325. {/block:IfSidebarOnRight}
  326. }
  327.  
  328.  
  329. .tag:not(:last-child):after {
  330. content: ",";
  331. }
  332.  
  333. a, a:link, a:visited, a:active, a:hover {
  334. color: {color:Link};
  335. text-decoration: none;
  336. transition: all .5s linear;
  337. -webkit-transition: all .5s linear;
  338. -moz-transition: all .5s linear;
  339. }
  340. a:hover {
  341. color: {color:Link Hover};
  342. transition: all .35s linear;
  343. -webkit-transition: all .35s linear;
  344. -moz-transition: all .35s linear;
  345. }
  346. a img, a:visited img, a:active img {
  347. border: 2px solid {color:Link};
  348. }
  349. a:hover img, a:active img {
  350. border: 2px solid {color:Link Hover};
  351. }
  352. .imgbox {
  353. text-align: center;
  354. }
  355. .chat ul {
  356. margin-left: 0px;
  357. padding-left: 0px;
  358. margin-top: 0px;
  359. margin-bottom: 5px;
  360. }
  361. .chat li {
  362. list-style-type: none;
  363. padding: 5px;
  364. border: 1px solid {color:Post Footer};
  365. margin-top: 0px;
  366. margin-bottom: -1px;
  367. }
  368. .chat li:nth-child(odd)
  369. {
  370. background-color: {color:Post Footer};
  371. }
  372. .chat .label {
  373. font-weight: bold;
  374. }
  375. .audio, .photo, .video {
  376. padding-top: 15px;
  377. }
  378. .audio-wrapper {
  379. display: inline-block;
  380. vertical-align: top;
  381. }
  382. .albumart {
  383. border: 5px solid {color:Post Footer};
  384. max-width: 70px;
  385. margin-right: 10px;
  386. }
  387. .playcount {
  388. font-size: .8em;
  389. font-style: italic;
  390. }
  391. .video-center {
  392. text-align: center;
  393. }
  394. .photoset {
  395. padding-top: 10px;
  396. }
  397. .quote {
  398. padding-top: 0px;
  399. margin-top: 0px;
  400. }
  401.  
  402. .answer {
  403. clear: both;
  404. }
  405.  
  406. .question {
  407. margin-left: 10px;
  408. margin-right: 10px;
  409. margin-top: 5px;
  410. padding: 10px;
  411. float: left;
  412. width: 400px;
  413. border: 0px;
  414. background-color: {color:Ask Background};
  415.  
  416. }
  417.  
  418. .triangle-right {
  419. position:relative;
  420. -webkit-border-radius:10px;
  421. -moz-border-radius:10px;
  422. border-radius:10px;
  423. }
  424.  
  425. .triangle-right:after {
  426. content:"";
  427. position:absolute;
  428. bottom:-20px; /* value = - border-top-width - border-bottom-width */
  429. left:50px; /* controls horizontal position */
  430. border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  431. border-style:solid;
  432. border-color: {color:Ask Background} transparent;
  433. /* reduce the damage in FF3.0 */
  434. display:block;
  435. width:0;
  436. }
  437.  
  438. /* Variant : top
  439. ------------------------------------------ */
  440.  
  441. .triangle-right.top:after {
  442. top:-20px; /* value = - border-top-width - border-bottom-width */
  443. right:50px; /* controls horizontal position */
  444. bottom:auto;
  445. left:auto;
  446. border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  447. border-color:transparent {color:Ask Background};
  448. }
  449.  
  450.  
  451. .asker {
  452. padding-left: 5px;
  453. }
  454. .ask img.asker-image {
  455. float: left;
  456. border: 5px solid {color:Post Footer};
  457. vertical-align: middle;
  458. }
  459.  
  460. h3 {
  461. margin-bottom: 10px;
  462. }
  463.  
  464. .curlyquote {
  465. padding: 0 10% 0 10%;
  466. padding-top: -40px;
  467. font-family: Georgia, serif;
  468. border: 0px;
  469. margin-bottom: 15px;
  470. }
  471. .curlyquote:before, .curlyquote:after {
  472. display: block;
  473. font-family: Georgia, serif;
  474. font-size: 350%;
  475. }
  476. .curlyquote:before {
  477. content: '\201C';
  478. margin-left: -10%;
  479. height: 10px;
  480. }
  481. .curlyquote:after {
  482. content: '\201D';
  483. margin-left: 100%;
  484. margin-top: -33px;
  485. height: 0px;
  486. }
  487.  
  488. .post-body p:last-child {
  489. padding-bottom: 0px;
  490. margin-bottom: 0px;
  491. }
  492. .post-footer {
  493. text-align: left;
  494. margin-0px;
  495. padding: 5px;
  496. padding-left: 10px;
  497. padding-right: 10px;
  498. font-size: .6em;
  499. min-height: 8px;
  500. background-color: {color:Post Footer};
  501.  
  502.  
  503. {block:IfNotSidebarOnRight}
  504. -moz-border-bottom-right-radius: 15px;
  505. border-bottom-right-radius: 15px;
  506. {/block:IfNotSidebarOnRight}
  507.  
  508. {block:IfSidebarOnRight}
  509. -moz-border-bottom-left-radius: 15px;
  510. border-bottom-left-radius: 15px;
  511. {/block:IfSidebarOnRight}
  512. }
  513. .post-source {
  514. font-size: .8em;
  515. }
  516.  
  517. .quote {
  518. font-size: 20px;
  519. }
  520. .textpost-title {
  521. margin-top: 0px;
  522. }
  523. .text, .link {
  524. margin-top: 0px;
  525. }
  526.  
  527. .quote .source {
  528. font-size: 12px;
  529. }
  530. .caption {
  531. margin: 0px;
  532. padding: 0px;
  533. }
  534.  
  535. div.title {
  536. margin-bottom: 5px;
  537. padding-bottom: 0px;
  538. width: 280px;
  539. }
  540.  
  541. #linksidebar {
  542. position: absolute;
  543. margin-top: 10px;
  544. padding-left: 0px;
  545. padding-right: 10px;
  546. }
  547.  
  548. .portrait-image {
  549. padding: 0px;
  550. margin: 5px;
  551. vertical-align: middle;
  552. display: table-cell;
  553. border: 1px solid {color:Sidebar Text};
  554. }
  555. #portrait-block {
  556. float: left;
  557. display: block;
  558. margin-left: 5px;
  559. }
  560.  
  561. .datebox{
  562. width: 200px;
  563. font-size: 12px;
  564. text-transform: uppercase;
  565. color: {color:Other Text};
  566. }
  567. .datebox-color {
  568. text-align: center;
  569. width: 80px;
  570. padding: 5px;
  571. background-color: {color:Post Background};
  572. margin-bottom: 7px;
  573. opacity: .7;
  574. -webkit-transition: all .35s linear;
  575. -moz-transition: all .35s linear;
  576. }
  577. .datebox-color:hover {
  578. opacity: 1;
  579. -webkit-transition: all .35s linear;
  580. -moz-transition: all .35s linear;
  581. }
  582. /*.datebox-color:nth-child(2) {
  583. opacity: .8;
  584. }*/
  585.  
  586. .datebox:hover{;
  587. -webkit-transition: all .35s linear;
  588. -moz-transition: all .35s linear;
  589. }
  590.  
  591.  
  592. {block:IfLinkAnimation}
  593. body .minibar ul {
  594. display:block;
  595. }
  596.  
  597. body.loaded .minibar ul {
  598. display:none;
  599. }
  600. {/block:IfLinkAnimation}
  601.  
  602. #navigation ul {
  603. display: block;
  604. }
  605.  
  606.  
  607. ul.linkbar {
  608. list-style-type:none;
  609. margin:0;
  610. padding:5px;
  611. padding-top: 0px;
  612. padding-bottom: 10px;
  613.  
  614. -moz-border-radius: 5px;
  615. border-radius: 5px;
  616. }
  617.  
  618.  
  619.  
  620. ul.linkbar li{
  621. width: 100%;
  622. margin: 0px;
  623. margin-bottom: 1px;
  624. }
  625.  
  626.  
  627.  
  628. ul.linkbar li a {
  629. margin: 0;
  630. /* font-family: Georgia, serif; */
  631. display: block;
  632. color: {color:Sidebar Link};
  633.  
  634.  
  635. {block:IfSidebarOnRight}
  636. padding-left: 7px;
  637. border-left: 10px solid {color:Sidebar Link};
  638. {/block:IfSidebarOnRight}
  639.  
  640. {block:IfNotSidebarOnRight}
  641. padding-right: 7px;
  642. border-right: 10px solid {color:Sidebar Link};
  643. {/block:IfNotSidebarOnRight}
  644.  
  645.  
  646. -webkit-transition: all .35s linear;
  647. -moz-transition: all .35s linear;
  648. text-transform: lowercase;
  649. font-size: .7em;
  650. }
  651.  
  652.  
  653. ul.linkbar li a:hover {
  654. color: {color:Sidebar Link Hover};
  655. font-style: italic;
  656.  
  657.  
  658. {block:IfNotSidebarOnRight}
  659. border-right: 32px solid {color:Sidebar Link Hover};
  660. padding-left: -15px;
  661. {/block:IfNotSidebarOnRight}
  662.  
  663. {block:IfSidebarOnRight}
  664. padding-right: -15px;
  665. border-left: 32px solid {color:Sidebar Link Hover};
  666. {/block:IfSidebarOnRight}
  667.  
  668.  
  669. -webkit-transition: all .35s linear;
  670. -moz-transition: all .35s linear;
  671. }
  672.  
  673.  
  674.  
  675.  
  676.  
  677. .theme-credit {
  678. margin-top: 0px;
  679. font-size: .6em;
  680. text-align: center;
  681. }
  682.  
  683. .theme-credit a:link, .theme-credit a:visited{
  684. color: {color:Sidebar Link};
  685. -webkit-transition: all .35s linear;
  686. -moz-transition: all .35s linear;
  687. }
  688.  
  689. .theme-credit a:hover, .theme-credit a:active{
  690. color: {color:Sidebar Link Hover};
  691. -webkit-transition: all .35s linear;
  692. -moz-transition: all .35s linear;
  693. }
  694.  
  695.  
  696. blockquote {
  697. position: relative;
  698. border-left: 2px solid #777;
  699. margin-top: 5px;
  700. margin-bottom: 5px;
  701. padding-left: 5px;
  702. margin-left: 10px;
  703. margin-right: 0px;
  704. padding-right: 0px;
  705. }
  706.  
  707. p {
  708. margin-top: 10px;
  709. margin-bottom: 10px;
  710. }
  711.  
  712. .text blockquote p:first-child {
  713. margin-top: -7px;
  714. }
  715.  
  716. blockquote img {
  717. max-width: 100%;
  718. }
  719.  
  720.  
  721. .opacity {
  722. opacity: .8;
  723. -webkit-transition: opacity .35s linear;
  724. -moz-transition: opacity .35s linear;
  725. }
  726. .opacity:hover {
  727. opacity: 1;
  728. -webkit-transition: opacity .35s linear;
  729. -moz-transition: opacity .35s linear;
  730. }
  731. .clear {
  732. clear: both;
  733. height: 0px;
  734. margin: 0px;
  735. padding: 0px;
  736. }
  737. .avatar, a:hover .avatar,a:active .avatar {
  738. border: 0px;
  739. }
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746. </style>
  747.  
  748.  
  749.  
  750. <style type="text/css">{CustomCSS}</style>
  751.  
  752.  
  753. {block:IfGoogleAnalytics}
  754.  
  755. <script type="text/javascript">
  756.  
  757.  
  758. var _gaq = _gaq || [];
  759. _gaq.push(['_setAccount', '{text:Google Analytics}']);
  760. _gaq.push(['_setDomainName', 'tumblr.com']);
  761. _gaq.push(['_trackPageview']);
  762.  
  763. (function() {
  764. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  765. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  766. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  767. })();
  768.  
  769. </script>
  770. {/block:IfGoogleAnalytics}
  771. </head>
  772. <body>
  773.  
  774. {block:IfLinkAnimation}
  775. <script type="text/javascript">
  776.  
  777. $(document).ready(function() {
  778. $('body').addClass('loaded');
  779. });
  780. </script>
  781. {/block:IfLinkAnimation}
  782. <div class="sidebar">
  783.  
  784. <div class="sidebar-image">
  785. {block:IfSidebarImage}<img src="{image:Sidebar}" />{/block:IfSidebarImage}
  786. {block:IfSidebar2Image} <img src="{image:Sidebar 2}" /> {/block:IfSidebar2Image}
  787. {block:IfSidebar3Image}<img src="{image:Sidebar 3}" /> {/block:IfSidebar3Image}
  788. </div>
  789.  
  790. <h3 class="title"><a href="/">{Title}</a></h3>
  791.  
  792. <div id="linksidebar">
  793.  
  794.  
  795. <div class="minibar" id="navigation">
  796. <h3><a href="#">navigation</a></h3>
  797. <ul id="nav" class="linkbar shownMinibar">
  798. <!-- <li class="sidebar-link"><a href="/">home</a> -->
  799.  
  800.  
  801. {block:IfLink1URL}<li><a href="{text:Link 1 URL}">{text:Link 1 Text}</a></li>{/block:IfLink1URL}
  802. {block:IfLink2URL}<li><a href="{text:Link 2 URL}">{text:Link 2 Text}</a></li>{/block:IfLink2URL}
  803. {block:IfLink3URL}<li><a href="{text:Link 3 URL}">{text:Link 3 Text}</a></li>{/block:IfLink3URL}
  804. {block:IfLink4URL}<li><a href="{text:Link 4 URL}">{text:Link 4 Text}</a></li>{/block:IfLink4URL}
  805. {block:IfLink5URL}<li><a href="{text:Link 5 URL}">{text:Link 5 Text}</a></li>{/block:IfLink5URL}
  806. {block:IfLink6URL}<li><a href="{text:Link 6 URL}">{text:Link 6 Text}</a></li>{/block:IfLink6URL}
  807.  
  808. </ul>
  809. </div>
  810.  
  811. <div class="minibar">
  812. <h3 class="minibarHeader"><a href="#">{text:Group 2 Label}</a></h3>
  813. <ul class="linkbar">
  814. {block:IfGroup2Link1URL}<li><a href="{Text:Group 2 Link 1 URL}">{Text:Group 2 Link 1 Text}</a></li>{/block:IfGroup2Link1URL}
  815. {block:IfGroup2Link2URL}<li><a href="{Text:Group 2 Link 2 URL}">{Text:Group 2 Link 2 Text}</a></li>{/block:IfGroup2Link2URL}
  816. {block:IfGroup2Link3URL}<li><a href="{Text:Group 2 Link 3 URL}">{Text:Group 2 Link 3 Text}</a></li>{/block:IfGroup2Link3URL}
  817. {block:IfGroup2Link4URL}<li><a href="{Text:Group 2 Link 4 URL}">{Text:Group 2 Link 4 Text}</a></li>{/block:IfGroup2Link4URL}
  818. {block:IfGroup2Link5URL}<li><a href="{Text:Group 2 Link 5 URL}">{Text:Group 2 Link 5 Text}</a></li>{/block:IfGroup2Link5URL}
  819. </ul>
  820. </div>
  821.  
  822.  
  823. <div class="minibar" id="pages">
  824. {block:HasPages}
  825. <h3><a href="#">{text:Pages Label}</a></h3>
  826. <ul class="linkbar">
  827. {block:Pages}<li class="sidebar-link"><a href="{URL}">{Label}</a></li>{/block:Pages}
  828. </ul>
  829. {/block:HasPages}
  830.  
  831.  
  832. </div>
  833.  
  834.  
  835. </div>
  836.  
  837.  
  838.  
  839. <div class="sidebar-true">
  840.  
  841.  
  842. <div class="sidebar-color">
  843.  
  844. {block:Description}
  845. <div id="description">{Description}</div>
  846. {/block:Description}
  847.  
  848. <div class="sidebar-footer">
  849. {block:Pagination}<div class="pagination">
  850. {block:PreviousPage}
  851. <a href="{PreviousPage}">Prev</a>
  852. {/block:PreviousPage}
  853.  
  854. {block:JumpPagination length="5"}
  855.  
  856.  
  857.  
  858. {block:CurrentPage}
  859. <span class="current_page">{PageNumber}</span>
  860. {/block:CurrentPage}
  861.  
  862. {block:JumpPage}
  863. <a class="jump_page" href="{URL}">{PageNumber}</a>
  864. {/block:JumpPage}
  865. {/block:JumpPagination}
  866. /&nbsp;{TotalPages}
  867. {block:NextPage}
  868. <a href="{NextPage}">Next</a>
  869. {/block:NextPage}
  870. </div> {/block:Pagination}
  871.  
  872. </div>
  873. </div>
  874. <div class="theme-credit"><a href="http://waltzy.tumblr.com">theme by waltzy</a></div>
  875. </div>
  876. </div>
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886. <div id="main">
  887.  
  888.  
  889. {block:Posts}
  890.  
  891. <div class="post">
  892. <article>
  893.  
  894.  
  895. {block:Date}
  896. <div class="datebox">
  897.  
  898. {block:NoteCount} <div class="datebox-color"><a href="{Permalink}">
  899. <div class="note-count"> {NoteCount} &hearts;</div></a></div>{/block:NoteCount}
  900.  
  901. <div class="datebox-color">
  902. <a href="{Permalink}"> <span class="date">
  903. {block:NewDayDate}<span class="time">{12Hour}:{Minutes} {AmPm}</span><br /><span class="day"><span class="day-of-month">{DayOfMonth}</span> <span class="month">{ShortMonth}</span> <span class="year">{Year}</span>
  904. {/block:NewDayDate}
  905. {block:SameDayDate}<span class="time">{12Hour}:{Minutes} {AmPm}</span>{/block:SameDayDate}
  906. </span></a>
  907. </div>
  908.  
  909.  
  910. <span class="post-source">{block:RebloggedFrom}
  911. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  912. <br />
  913. {/block:RebloggedFrom}
  914.  
  915. {block:ContentSource}orig.
  916. <a href="{SourceURL}">
  917. {SourceTitle} </a></span><br />{/block:ContentSource}
  918.  
  919. <span class="reblog-post"><a href="{ReblogURL}">reblog post</a><br />
  920.  
  921. </div>
  922.  
  923. {/block:Date}
  924.  
  925.  
  926.  
  927. {block:Text}
  928. <div class="post-body text">
  929. {block:Title}
  930. <h3 class="textpost-title"><a href="{Permalink}">{Title}</a></h3>
  931. {/block:Title}
  932.  
  933. {Body}
  934. </div>
  935. {/block:Text}
  936.  
  937.  
  938.  
  939. {block:Photo}
  940. <div class="post-body photo">
  941. <div class="imgbox"> {block:HighRes} <a href="{PhotoURL-HighRes}"> {/block:HighRes}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:HighRes} </a>{/block:HighRes}</div>
  942.  
  943. {block:Caption}
  944. <span class="caption">{Caption}</span>
  945. {/block:Caption}
  946. </div>
  947. {/block:Photo}
  948.  
  949. {block:Photoset}
  950. <div class="post-body photoset">
  951. <div class="imgbox">{Photoset-500}</div>
  952.  
  953. {block:Caption}
  954. <span class="caption">{Caption}</span>
  955. {/block:Caption}
  956. </div>
  957. {/block:Photoset}
  958.  
  959. {block:Quote}
  960. <div class="post-body quote">
  961. <blockquote class="curlyquote">{Quote}</blockquote>
  962.  
  963. {block:Source}
  964. <br /><span class="source">{Source}</span><br />
  965. {/block:Source}
  966. </div>
  967. {/block:Quote}
  968.  
  969. {block:Link}
  970. <div class="post-body link">
  971. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  972.  
  973. {block:Description}
  974. <span class="description">{Description}</span>
  975. {/block:Description}
  976. </div>
  977. {/block:Link}
  978.  
  979. {block:Chat}
  980. <div class="post-body chat">
  981. {block:Title}
  982. <h3><a href="{Permalink}">{Title}</a></h3>
  983. {/block:Title}
  984.  
  985. <ul class="chat">
  986. {block:Lines}
  987. <li class="{Alt} user_{UserNumber}">
  988. {block:Label}
  989. <span class="label">{Label}</span>
  990. {/block:Label}
  991.  
  992. {Line}
  993. </li>
  994. {/block:Lines}
  995. </ul>
  996. </div>
  997. {/block:Chat}
  998.  
  999. {block:Video}
  1000. <div class="post-body video">
  1001. <div class="video-center">{Video-500}</div>
  1002.  
  1003. {block:Caption}
  1004. <span class="caption">{Caption}</span>
  1005. {/block:Caption}
  1006. </div>
  1007. {/block:Video}
  1008.  
  1009. {block:Audio}
  1010. <div class="post-body audio">
  1011. {block:AlbumArt}
  1012. <img src="{AlbumArtURL}" class="albumart"/>
  1013. {/block:AlbumArt}
  1014. <div class="audio-wrapper">{AudioPlayerBlack}
  1015. <span class="playcount">{PlayCountWithLabel}</span></div>
  1016. {block:Caption}
  1017. <br /><div class="caption">{Caption}</div>
  1018. {/block:Caption}
  1019.  
  1020. </div>
  1021. {/block:Audio}
  1022.  
  1023. {block:Answer}
  1024. <div class="post-body ask">
  1025. <img src="{AskerPortraitURL-40}" class="asker-image" />
  1026. <span class="asker">{Asker}</span>
  1027. <blockquote class="question triangle-right top">{Question}</blockquote>
  1028. <div class="answer">{Answer}</div>
  1029. </div>
  1030. {/block:Answer}
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. <div class="post-footer">
  1038. {block:HasTags} <span class="tags">
  1039.  
  1040. {block:Tags}
  1041. <a class="tag" href="/tagged/{tag}">{Tag}</a>
  1042. {/block:Tags}
  1043.  
  1044. </span> {/block:HasTags}
  1045.  
  1046.  
  1047.  
  1048. </div><!-- post footer -->
  1049. </article>
  1050. </div><!-- post block -->{/block:Posts}
  1051.  
  1052.  
  1053.  
  1054. {block:PostNotes} <div class="notes">{PostNotes} </div>{/block:PostNotes}
  1055.  
  1056.  
  1057.  
  1058. </div> <!-- div main-->
  1059.  
  1060.  
  1061. {block:Pagination}
  1062. {block:PreviousPage}
  1063. <a href="{PreviousPage}" id="prev">&laquo;</a>
  1064. {/block:PreviousPage}
  1065.  
  1066. {block:NextPage}
  1067. <a href="{NextPage}" id="next">&raquo;</a>
  1068. {/block:NextPage}
  1069. {/block:Pagination}
  1070.  
  1071.  
  1072. {block:IfLinkAnimation}
  1073. <script type="text/javascript">
  1074.  
  1075. $(".minibar h3 a").click(function ()
  1076. {
  1077. $(".shownMinibar").slideUp();
  1078. $(".shownMinibar").removeClass("shownMinibar");
  1079. $(this).parent().siblings(".linkbar").addClass("shownMinibar");
  1080. $(".shownMinibar").slideDown();
  1081. });
  1082.  
  1083. </script> {/block:IfLinkAnimation}
  1084.  
  1085.  
  1086. </body>
  1087. </html>
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!