Advertisement
skynotte

nt-zinn

Jun 26th, 2014
1,871
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.71 KB | None | 0 0
  1.  
  2.  
  3. <html lang="en">
  4.  
  5. <!----
  6. ZINN THEME MADE BY NOTTE-THEMES.TUMBLR.COM <- DO NOT REMOVE!
  7. PLEASE DO NOT REMOVE CREDIT BUTTON!
  8.  
  9. background in preview from subtlepatterns.com
  10. header background from http://www.patterncooler.com
  11.  
  12. Be proud of who made your theme, keep the credit!
  13.  
  14. Follow my rules in my terms of use, enjoy the theme and be sure to report any errors you may find directly to the theme creator. You have plenty of customization options so please look at them before you attempt to alter anything.
  15.  
  16. -->
  17. <head>
  18.  
  19. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  20.  
  21.  
  22. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  23. <title>{title}</title>
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="Description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Niconne|Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  29.  
  30. <meta name="apple-mobile-web-app-capable" content="yes">
  31. <meta name="viewport" content="width=device-width; initial-scale=1.0">
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  34. <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
  35. <script type="text/javascript">
  36. $('.post').fitVids();
  37. </script>
  38.  
  39. <!-- ------ DEFAULT VARIABLES ------ -->
  40.  
  41. <meta name="color:Header Background" content="#5b909b"/>
  42. <meta name="color:Background" content="#f0f1f1" />
  43. <meta name="color:Title" content="#ffffff" />
  44. <meta name="color:Main Links" content="#e9c1b4" />
  45.  
  46. <meta name="color:Scrollbar" content="#080808" />
  47. <meta name="color:Scrollbar Background" content="#f9f9f9" />
  48.  
  49. <meta name="color:Post Background" content="#f9f9f9" />
  50. <meta name="color:Text" content="#534e4d" />
  51. <meta name="color:Bold" content="#e6c8c4" />
  52. <meta name="color:Post Link" content="#ffb5ac" />
  53. <meta name="color:Italic" content="#92829b" />
  54. <meta name="color:Chat Line" content="#e9e8e8"/>
  55.  
  56. <meta name="color:Notes Text" content="#ffffff" />
  57. <meta name="color:Date Background" content="#332033" />
  58. <meta name="color:Note Count Background" content="#5b909b" />
  59. <meta name="color:Like Reblog Background" content="#ecbbab" />
  60.  
  61. <meta name="color:Tags Text" content="#eecbc6" />
  62. <meta name="color:Tags Text Hover" content="#ecb8b0" />
  63.  
  64. <meta name="color:Sidebar Background" content="#f6f6f6"/>
  65. <meta name="color:Sidebar Text" content="#53465b"/>
  66.  
  67. <meta name="color:Description Title Background" content="#332033"/>
  68. <meta name="color:Description Title" content="#f6f6f6"/>
  69.  
  70. <meta name="color:Navigation Title Background" content="#5b909b" />
  71. <meta name="color:Navigation Title" content="#ffffff" />
  72. <meta name="color:Navigation Links" content="#53465b" />
  73. <meta name="color:Navigation Links Background" content="#e7ebec" />
  74.  
  75. <meta name="color:Pagination" content="#c88980"/>
  76.  
  77. <meta name="image:Header Background" content="" />
  78. <meta name="image:Background" content="" />
  79. <meta name="image:Icon" content="{IconImage}" />
  80.  
  81. <meta name="text:Description Title" content="Description" />
  82. <meta name="text:Navigation Title 1" content="Navigation 1" />
  83. <meta name="text:Navigation Title 2" content="" />
  84. <meta name="text:Navigation Title 3" content="" />
  85. <meta name="text:Extra Block Title" content="Extra Block" />
  86. <meta name="text:Extra Block Text" content="put any sort of items you would like in this box. Each block will appear once you give the block a title name, and as such they will disappear once you delete their title." />
  87.  
  88. <meta name="text:Link1" content="" />
  89. <meta name="text:Link1 URL" content="http://"/>
  90. <meta name="text:Link2" content="" />
  91. <meta name="text:Link2 URL" content="http://"/>
  92. <meta name="text:Link3" content="" />
  93. <meta name="text:Link3 URL" content="http://"/>
  94. <meta name="text:Link4" content="" />
  95. <meta name="text:Link4 URL" content="http://"/>
  96. <meta name="text:Link5" content="" />
  97. <meta name="text:Link5 URL" content="http://"/>
  98. <meta name="text:Link6" content="" />
  99. <meta name="text:Link6 URL" content="http://"/>
  100. <meta name="text:Link7" content="" />
  101. <meta name="text:Link7 URL" content="http://"/>
  102. <meta name="text:Link8" content="" />
  103. <meta name="text:Link8 URL" content="http://"/>
  104. <meta name="text:Link9" content="" />
  105. <meta name="text:Link9 URL" content="http://"/>
  106. <meta name="text:Link10" content="" />
  107. <meta name="text:Link10 URL" content="http://"/>
  108. <meta name="text:Link11" content="" />
  109. <meta name="text:Link11 URL" content="http://"/>
  110. <meta name="text:Link12" content="" />
  111. <meta name="text:Link12 URL" content="http://"/>
  112. <meta name="text:Link13" content="" />
  113. <meta name="text:Link13 URL" content="http://"/>
  114. <meta name="text:Link14" content="" />
  115. <meta name="text:Link14 URL" content="http://"/>
  116. <meta name="text:Link15" content="" />
  117. <meta name="text:Link15 URL" content="http://"/>
  118. <meta name="text:Link16" content="" />
  119. <meta name="text:Link16 URL" content="http://"/>
  120. <meta name="text:Link17" content="" />
  121. <meta name="text:Link17 URL" content="http://"/>
  122. <meta name="text:Link18" content="" />
  123. <meta name="text:Link18 URL" content="http://"/>
  124.  
  125. <meta name="if:Show Caption" content="0" />
  126. <meta name="if:Show Archive Link" content="1" />
  127. <meta name="if:White Reblog Icons" content="1" />
  128. <meta name="if:Show Tags" content="1" />
  129. <meta name="if:Title Shadows" content="1" />
  130.  
  131. <meta name="if:Stretch Background Image" content="0" />
  132. <meta name="if:Infinite Scrolling" content="1" />
  133. <meta name="if:Categorize Links" content="0" />
  134.  
  135. <style type="text/css">
  136.  
  137. /* -------------- SCROLLBAR --------------- */
  138.  
  139. ::-webkit-scrollbar {
  140. width: 10px;
  141. background-color: {color:Scrollbar Background};
  142. }
  143.  
  144. ::-webkit-scrollbar-thumb {
  145. background-color: {color:Scrollbar};
  146. }
  147.  
  148.  
  149.  
  150. /* -------------- CONTENT --------------- */
  151.  
  152. #wrapper{
  153. margin: 0 auto;
  154. text-align: left;
  155. width: 950px;
  156. }
  157.  
  158. img {display:block;}
  159.  
  160. *{margin:0;}
  161.  
  162. p{margin-bottom:8px;}
  163.  
  164. body{
  165. color:{color:Text};
  166. font-family: "Trebuchet MS", Verdana, sans-serif;
  167. font-size:.7em;
  168. line-height:150%;
  169. overflow-x:hidden;
  170. background-color: {color:Background};
  171. background-image: url('{image:Background}');
  172. background-attachment: fixed;
  173. {block:ifStretchBackgroundImage}
  174. background-size:100% 100%;
  175. {/block:ifStretchBackgroundImage}
  176. }
  177.  
  178. #cent a, a{
  179. text-decoration:none;
  180. outline:none;
  181. -moz-outline-style:none;
  182. color: {color:Post Link};
  183. -webkit-transition: all 0.3s ease-in-out;
  184. -moz-transition: all 0.3s ease-in-out;
  185. -o-transition: all 0.3s ease-in-out;
  186. transition: all 0.3s ease-in-out;
  187. -webkit-backface-visibility: hidden;
  188. }
  189.  
  190. #cent a:hover, a:hover{color: {color:Post Link Hover};}
  191. #cent b, strong{color: {color:Bold};}
  192. #cent i, em{color: {color:Italic};}
  193.  
  194. blockquote {
  195. border-left: 3px solid {color:Notes Background};
  196. padding-left: 3px;
  197. padding-right: 1px;
  198. margin-left: 20px;
  199. }
  200.  
  201.  
  202. .title{
  203. color: {color:bold};
  204. padding:5px;
  205. font-size: 18px;
  206. margin-bottom:30px;
  207. text-align:right;
  208. text-transform:uppercase;
  209. line-height: 100%;
  210. letter-spacing: 1px;
  211. }
  212.  
  213. .chat .chat1 {margin-left: 0px;}
  214. .chat .chat1 .chat2 {
  215. background: {color:Chat Line};
  216. margin-bottom: 1px;
  217. padding: 5px;
  218. font-size: 11px;
  219. }
  220. .chat .chat1 .chat2.even {background: {color:Post Background};}
  221. .chat .chat1 .chat2 span{
  222. font-weight: bold;
  223. text-transform: uppercase;
  224. }
  225.  
  226. .link{
  227. font-size: 14px;
  228. letter-spacing:1px;
  229. text-transform:uppercase;
  230. color:{color:Post Link};
  231. border-bottom: 1px dashed {color:Post Link};
  232. padding:13px;
  233. font-style:italic;
  234. margin-bottom:10px;
  235. }
  236.  
  237. #cent img{display: block; max-width: 100%;}
  238.  
  239. #cent{
  240. height:auto;
  241. text-align:left;
  242. position:absolute;
  243. overflow:hidden;
  244. margin-top:50px;
  245. margin-left:10px;
  246. }
  247.  
  248. /* -------------- PERMALINK PAGE --------------- */
  249.  
  250. ol.notes {
  251. padding: 0px;
  252. margin-top: 10px;
  253. list-style-type: none;
  254. width: 500px;
  255. letter-spacing: 1px;
  256. font-size:10px;
  257. }
  258.  
  259. ol.notes li.note {
  260. text-align: left;
  261. letter-spacing: 1px;
  262. padding: 10px 30px;
  263. margin-bottom:5px;
  264. background-color: {color:Post Background};
  265. background-image: url('{image:PostBgImage}');
  266. background-attachment: fixed;
  267. }
  268.  
  269. ol.notes li.note img.avatar {
  270. display: inline-block;
  271. float: left;
  272. margin-right: 10px;
  273. }
  274.  
  275. #permaNotes{
  276. text-align:center;
  277. margin-top: 10px;
  278. padding:50px;
  279. width: 400px;
  280. background-color: {color:Post Background};
  281. background-image: url('{image:PostBgImage}');
  282. background-attachment: fixed;
  283. }
  284.  
  285. /* -------------- POSTS --------------- */
  286.  
  287. .post{
  288. overflow:hidden;
  289. background-color: {color:Post Background};
  290. background-image: url('{image:PostBgImage}');
  291. background-attachment: fixed;
  292. padding: 50px;
  293. width: 400px;
  294. }
  295.  
  296. /* -------------- PERMALINK/TAGS--------------- */
  297.  
  298. .perma, .tagss{
  299. overflow:hidden;
  300. font-size:16px;
  301. width:500px;
  302. }
  303.  
  304. .perma{
  305. list-style-type: none;
  306. color: {color:Notes Text};
  307. letter-spacing:2px;
  308. padding:0px;
  309. background-color:{color:Note Count Background};
  310. {block:ifNotShowTags}
  311. margin-bottom:30px;
  312. {/block:ifNotShowTags}
  313. display: inline-block;
  314. }
  315.  
  316. .perma li {
  317. display: table-cell;
  318. padding:20px 30px;
  319. float: left;
  320. vertical-align: middle;
  321. align-items: center;
  322. height:40px;
  323. margin:0px;
  324. }
  325.  
  326.  
  327. .perma img{display:inline-block !important; border:3px solid {color:Notes Border};}
  328.  
  329. .date{background-color:{color:Date Background};}
  330. .noteCount{background-color:{color:Note Count Background}; line-height:40px; width:191px;}
  331. .likereblog{background-color:{color:Like Reblog Background}; line-height:60px; padding-top:15px !important; padding-bottom:25px !important; float:right !important;}
  332.  
  333.  
  334. .tagss{
  335. letter-spacing:1px;
  336. color: {color:Tags Text};
  337. text-align:center;
  338. padding: 10px 0px 0px 0px;
  339. {block:ifNotShowTags}
  340. display:none;
  341. {/block:ifNotShowTags}
  342. }
  343.  
  344. #cent .perma a{color: {color:Notes Text}; font-style: none;}
  345. #cent .perma a:hover{color: {color:Notes Text};}
  346. #cent .tagss a{color: {color:Tags Text};}
  347. #cent .tagss a:hover{color: {color:Tags Text Hover};}
  348.  
  349. /* -------------- HEADER --------------- */
  350.  
  351. header{
  352. background-color:{color:Header Background};
  353. background-image: url('{image:Header Background}');
  354. background-attachment: fixed;
  355. width:100%;
  356. top:0;
  357. left:0;
  358. }
  359.  
  360. /* -------------- TITLE --------------- */
  361.  
  362. #headerttl, #headerttl a, #headerttl a:hover{
  363. font-size:48px;
  364. line-height:120%;
  365. font-family: 'Niconne', cursive;
  366. padding:25px;
  367. text-align:center;
  368. {block:ifTitleShadows}
  369. text-shadow: #222 3px 2px 0px;
  370. {/block:ifTitleShadows}
  371. color:{color:Title} !important;
  372. }
  373.  
  374. /* -------------- SIDEBAR--------------- */
  375.  
  376. #sidebar{
  377. width:300px;
  378. margin-left:600px;
  379. margin-top:50px;
  380. position:absolute;
  381. }
  382.  
  383. .blocks{
  384. background-color:{color:Sidebar Background};
  385. color:{color:Sidebar Text};
  386. padding:30px;
  387. margin-bottom:27px;
  388. }
  389.  
  390. #sidebar h3{
  391. font-size:15px;
  392. padding:15px;
  393. text-align:center;
  394. }
  395.  
  396. /* -------------- DESCRIPTION --------------- */
  397.  
  398. #descrip{padding:15px;}
  399.  
  400. /* -------------- LINKS --------------- */
  401.  
  402. #topnav{text-align:right;
  403. padding-right:40px;
  404. background: rgba(0, 0, 0, .4);
  405. }
  406.  
  407. #topnav a{
  408. color:{color:Main Links};
  409. padding:20px;
  410. display:inline-block;
  411. font-size:15px;
  412. letter-spacing:-1.2px;
  413. text-transform:uppercase;
  414. font-family: 'Ubuntu', sans-serif;
  415. {block:ifTitleShadows}
  416. text-shadow: #222 1px 1px 0px;
  417. {/block:ifTitleShadows}
  418. background: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 50%); /* For Safari 5.1 to 6.0 */
  419. background: -o-linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 50%); /* For Opera 11.1 to 12.0 */
  420. background: -moz-linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 50%); /* For Firefox 3.6 to 15 */
  421. background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 50%); /* Standard syntax */
  422. background-size: 200% 100%;
  423. background-position:right bottom;
  424.  
  425. }
  426.  
  427. #topnav a:hover{
  428.  
  429. background-position:left bottom;
  430. );
  431. -webkit-backface-visibility: hidden;
  432. }
  433.  
  434.  
  435. .sidenav a{
  436. margin-top:3px;
  437. display:block;
  438. color:{color:Navigation Links};
  439. font-size:10px;
  440. text-align:center;
  441. letter-spacing:1px;
  442. font-style:italic;
  443. padding:8px;
  444. background-color:{color:Navigation Links Background};
  445. white-space: pre-wrap; /* css-3 */
  446. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  447. white-space: -pre-wrap; /* Opera 4-6 */
  448. white-space: -o-pre-wrap; /* Opera 7 */
  449. word-wrap: break-word; /* Internet Explorer 5.5+ */
  450. }
  451.  
  452. .sidenav a:hover{
  453. color:{color:Navigation Title};
  454. background-color:{color:Navigation Title Background};
  455. }
  456.  
  457. /* -------------- ICON --------------- */
  458.  
  459. {block:ifIconImage}
  460. #icon{
  461. width:100%;
  462. margin-bottom:15px;
  463. }
  464. {/block:ifIconImage}
  465.  
  466. /* -------------- PAGINATION --------------- */
  467.  
  468. .pagination{
  469. margin-top:20px;
  470. font-size:12px;
  471. width:500px;
  472. position:relative;
  473. text-align:center;
  474. color:{color:Pagination};
  475. border-top:1px solid {color:Dividers};
  476. {block:IfInfiniteScrolling}
  477. display: none;
  478. {/block:IfInfiniteScrolling}
  479. }
  480. .pagination a{
  481. color:{color:Pagination} !important;
  482. display:inline-block;
  483. margin:0px 2px;
  484. display:-moz-inline-stack;
  485. line-height:100%;
  486. padding:20px;
  487. }
  488.  
  489.  
  490. .pagination a:hover{opacity:0.7; color:{color:Pagination} !important;}
  491.  
  492.  
  493. /* -------------- CUSTOM CSS --------------- */
  494.  
  495. {CustomCSS}
  496.  
  497.  
  498. /* -------------- VIEW FOR PHONES --------------- */
  499.  
  500. @media only screen and (max-width: 767px){
  501. #topnav a { width:100%; font-size:1.5em; text-align:center; letter-spacing:1px; }
  502. body { font-size:.8em; width:100%; }
  503. #wrapper{ width:100% }
  504. .post { width:80%; padding:20px; margin:10px auto; overflow:hidden; }
  505. #cent { position:relative; padding:0px; }
  506. img { max-width:100%; }
  507. .perma{ width:88%; margin-top:-10px; margin-left:6%; margin-right:6%; float:none; position:relative; background-color:{color:Date Background}; }
  508. .likereblog, .tagss{display:none !important;}
  509. .noteCount, .date{background:none; width:auto;}
  510. .noteCount{float:right !important;}
  511. #permaNotes{width:80%; padding:20px; margin:10px auto;}
  512. ol.notes{ width:90%; padding:0px; margin:10px auto; }
  513. #headerttl a { font-size:.8em; }
  514. #sidebar{position:relative; margin:50px auto; width:85%;}
  515. .pagination{width:90%; margin:10px auto;}
  516. }
  517.  
  518. @media only screen and (min-width: 846px) and (max-width:900px){
  519. #sidebar{margin-left:550px}
  520. }
  521.  
  522. @media only screen and (min-width: 767px) and (max-width:845px){
  523. #sidebar{margin-left:516px; width:250px;}
  524. .blocks{padding:5px;}
  525. }
  526.  
  527. </style>
  528.  
  529.  
  530. {block:IfInfiniteScrolling}
  531. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  532. {/block:IfInfiniteScrolling}
  533.  
  534. </head>
  535. <body>
  536.  
  537. <header>
  538. <div id="headerttl"><a href="/">{Title}</a></div>
  539.  
  540. <div id="topnav">
  541. <a href="/">Index</a>
  542. {block:AskEnabled}<a href="/ask" title="ask">Message</a>{/block:AskEnabled}
  543. {block:SubmissionsEnabled}<a href="/submit" title="submit">Submit</a>{/block:SubmissionsEnabled}
  544. {block:ifShowArchiveLink}<a href="/archive" title="archive">Archive</a>{/block:ifShowArchiveLink}
  545. <a href="http://notte-themes.tumblr.com" title="theme credit">Theme</a>
  546. </div>
  547. </header>
  548.  
  549. <div id="wrapper">
  550.  
  551. <div id="sidebar">
  552. {block:ifIconImage}
  553. <img src="{image:Icon}" id="icon" />
  554. {/block:ifIconImage}
  555. {block:ifDescriptionTitle}
  556. <h3 style="background-color:{color:Description Title Background};
  557. color:{color:Description Title};">{text:Description Title}</h3>
  558. <div class="blocks">
  559. <div id="descrip">{Description}</div>
  560. </div>
  561. {/block:ifDescriptionTitle}
  562. {block:ifCategorizeLinks}
  563. {block:ifNavigationTitle1}
  564. <h3 style="background-color:{color:Navigation Title Background}; color:{color:Navigation Title};">{text:Navigation Title 1}</h3>
  565. <div class="blocks">
  566. <div class="sidenav">
  567. {block:ifLink1}<a href="{text:Link1 URL}" id="{text:Link1}">{text:Link1}</a>{/block:ifLink1}
  568. {block:ifLink2}<a href="{text:Link2 URL}" id="{text:Link2}">{text:Link2}</a>{/block:ifLink2}
  569. {block:ifLink3}<a href="{text:Link3 URL}" id="{text:Link3}">{text:Link3}</a>{/block:ifLink3}
  570. {block:ifLink4}<a href="{text:Link4 URL}" id="{text:Link4}">{text:Link4}</a>{/block:ifLink4}
  571. {block:ifLink5}<a href="{text:Link5 URL}" id="{text:Link5}">{text:Link5}</a>{/block:ifLink5}
  572. {block:ifLink6}<a href="{text:Link6 URL}" id="{text:Link6}">{text:Link6}</a>{/block:ifLink6}
  573. {block:HasPages}{block:Pages}<a href="{URL}" id="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  574. </div>
  575. </div>
  576. {/block:ifNavigationTitle1}
  577. {block:ifNavigationTitle2}
  578. <h3 style="background-color:{color:Navigation Title Background}; color:{color:Navigation Title};">{text:Navigation Title 2}</h3>
  579. <div class="blocks">
  580. <div class="sidenav">
  581. {block:ifLink7}<a href="{text:Link7 URL}" id="{text:Link7}">{text:Link7}</a>{/block:ifLink7}
  582. {block:ifLink8}<a href="{text:Link8 URL}" id="{text:Link8}">{text:Link8}</a>{/block:ifLink8}
  583. {block:ifLink9}<a href="{text:Link9 URL}" id="{text:Link9}">{text:Link9}</a>{/block:ifLink9}
  584. {block:ifLink10}<a href="{text:Link10 URL}" id="{text:Link10}">{text:Link10}</a>{/block:ifLink10}
  585. {block:ifLink11}<a href="{text:Link11 URL}" id="{text:Link11}">{text:Link11}</a>{/block:ifLink11}
  586. {block:ifLink12}<a href="{text:Link12 URL}" id="{text:Link12}">{text:Link12}</a>{/block:ifLink12}
  587. </div>
  588. </div>
  589. {/block:ifNavigationTitle2}
  590. {block:ifNavigationTitle3}
  591. <h3 style="background-color:{color:Navigation Title Background}; color:{color:Navigation Title};">{text:Navigation Title 3}</h3>
  592. <div class="blocks">
  593. <div class="sidenav">
  594. {block:ifLink13}<a href="{text:Link13 URL}" id="{text:Link13}">{text:Link13}</a>{/block:ifLink13}
  595. {block:ifLink14}<a href="{text:Link14 URL}" id="{text:Link14}">{text:Link14}</a>{/block:ifLink14}
  596. {block:ifLink15}<a href="{text:Link15 URL}" id="{text:Link15}">{text:Link15}</a>{/block:ifLink15}
  597. {block:ifLink16}<a href="{text:Link16 URL}" id="{text:Link16}">{text:Link16}</a>{/block:ifLink16}
  598. {block:ifLink17}<a href="{text:Link17 URL}" id="{text:Link17}">{text:Link17}</a>{/block:ifLink17}
  599. {block:ifLink18}<a href="{text:Link18 URL}" id="{text:Link18}">{text:Link18}</a>{/block:ifLink18}
  600. </div>
  601. </div>
  602. {/block:ifNavigationTitle3}
  603. {/block:ifCategorizeLinks}
  604.  
  605. {block:ifNotCategorizeLinks}{block:ifNavigationTitle1}
  606. <h3 style="background-color:{color:Navigation Title Background}; color:{color:Navigation Title};">{text:Navigation Title 1}</h3>
  607. <div class="blocks">
  608. <div class="sidenav">
  609. {block:ifLink1}<a href="{text:Link1 URL}" id="{text:Link1}">{text:Link1}</a>{/block:ifLink1}
  610. {block:ifLink2}<a href="{text:Link2 URL}" id="{text:Link2}">{text:Link2}</a>{/block:ifLink2}
  611. {block:ifLink3}<a href="{text:Link3 URL}" id="{text:Link3}">{text:Link3}</a>{/block:ifLink3}
  612. {block:ifLink4}<a href="{text:Link4 URL}" id="{text:Link4}">{text:Link4}</a>{/block:ifLink4}
  613. {block:ifLink5}<a href="{text:Link5 URL}" id="{text:Link5}">{text:Link5}</a>{/block:ifLink5}
  614. {block:ifLink6}<a href="{text:Link6 URL}" id="{text:Link6}">{text:Link6}</a>{/block:ifLink6}
  615. {block:ifLink7}<a href="{text:Link7 URL}" id="{text:Link7}">{text:Link7}</a>{/block:ifLink7}
  616. {block:ifLink8}<a href="{text:Link8 URL}" id="{text:Link8}">{text:Link8}</a>{/block:ifLink8}
  617. {block:ifLink9}<a href="{text:Link9 URL}" id="{text:Link9}">{text:Link9}</a>{/block:ifLink9}
  618. {block:ifLink10}<a href="{text:Link10 URL}" id="{text:Link10}">{text:Link10}</a>{/block:ifLink10}
  619. {block:ifLink11}<a href="{text:Link11 URL}" id="{text:Link11}">{text:Link11}</a>{/block:ifLink11}
  620. {block:ifLink12}<a href="{text:Link12 URL}" id="{text:Link12}">{text:Link12}</a>{/block:ifLink12}
  621. {block:ifLink13}<a href="{text:Link13 URL}" id="{text:Link13}">{text:Link13}</a>{/block:ifLink13}
  622. {block:ifLink14}<a href="{text:Link14 URL}" id="{text:Link14}">{text:Link14}</a>{/block:ifLink14}
  623. {block:ifLink15}<a href="{text:Link15 URL}" id="{text:Link15}">{text:Link15}</a>{/block:ifLink15}
  624. {block:ifLink16}<a href="{text:Link16 URL}" id="{text:Link16}">{text:Link16}</a>{/block:ifLink16}
  625. {block:ifLink17}<a href="{text:Link17 URL}" id="{text:Link17}">{text:Link17}</a>{/block:ifLink17}
  626. {block:ifLink18}<a href="{text:Link18 URL}" id="{text:Link18}">{text:Link18}</a>{/block:ifLink18}
  627. {block:HasPages}{block:Pages}<a href="{URL}" id="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  628. </div>
  629. </div>
  630. {/block:ifNavigationTitle1}{/block:ifNotCategorizeLinks}
  631. {block:ifExtraBlockTitle}
  632. <h3 style="background-color:{color:Description Title Background};
  633. color:{color:Description Title};">{text:Extra Block Title}</h3>
  634. <div class="blocks">
  635. <div id="descrip">{text:Extra Block Text}</div>
  636. </div>
  637. {/block:ifExtraBlockTitle}
  638. </div>
  639.  
  640. <div id="cent">
  641.  
  642.  
  643.  
  644.  
  645. {block:ifInfiniteScrolling}<div class = "autopagerize_page_element" >{/block:ifInfiniteScrolling}
  646.  
  647. {block:Posts}
  648.  
  649. <div class="post">
  650.  
  651.  
  652. {block:Title}<div class="title">{Title}</div>{/block:Title}
  653.  
  654.  
  655. {block:Text}
  656. {Body}
  657. {/block:Text}
  658.  
  659.  
  660. {block:Photo}
  661. {LinkOpenTag}
  662. {block:IndexPage}
  663. <a href="{permalink}"> <!-- link -->
  664. {/block:IndexPage}
  665.  
  666. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
  667.  
  668. {block:IndexPage}
  669. </a>
  670. {/block:IndexPage}
  671. {LinkCloseTag}
  672. {/block:Photo}
  673.  
  674.  
  675. {block:Panorama}
  676. {LinkOpenTag}
  677. <a href="{permalink}"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></a>
  678. {LinkCloseTag}
  679. {/block:Panorama}
  680.  
  681.  
  682. {block:Photoset}
  683.  
  684. {Photoset-400}
  685.  
  686. {/block:Photoset}
  687.  
  688.  
  689. {block:Quote}
  690. <div style="padding:5px;">
  691. <div style="position:absolute; opacity:0.2; color: {color:Italic}; font-size: 70px; line-height:100%;">&ldquo;</div>
  692. <div style="color: {color:Italic}; text-align: left; font-size: 15px; margin-top:5px; padding:10px; line-height:170%;">{Quote}</div>
  693.  
  694. <div align="right" style="font-size: 11px; padding-top: 2px;">
  695. {block:Source}-{Source}{/block:Source}
  696. </div></div>
  697. {/block:Quote}
  698.  
  699.  
  700. {block:Video}
  701.  
  702. {VideoEmbed-400}<br />
  703. {PlayCountWithLabel}
  704.  
  705. {/block:Video}
  706.  
  707.  
  708. {block:Link}
  709. <div style="padding:5px;">
  710. <div class="link">
  711. <a href="{URL}" {Target}>{Name} →</a>
  712. </div><br>
  713. {block:Description}{Description}{/block:Description}
  714. </div>
  715. {/block:Link}
  716.  
  717.  
  718. {block:Chat}
  719. <div class="chat">
  720. <div class="chat1">
  721. {block:Lines}
  722. <div class="chat2 {Alt}">
  723. {block:Label}
  724. <b>{Label}</b>
  725. {/block:Label}
  726. {Line}</div>
  727. {/block:Lines}
  728. </div>
  729. </div>
  730. {/block:Chat}
  731.  
  732.  
  733. {block:Audio}
  734.  
  735. {block:AudioEmbed}
  736. {AudioEmbed-400}
  737. {/block:AudioEmbed}
  738.  
  739. {/block:Audio}
  740.  
  741.  
  742. {block:Answer}
  743. <div style="display:inline-block; width:100%;">
  744. <img src="{AskerPortraitURL-30}" style="float:left; margin-right:10px; border: 10px solid {color:chatLine}; margin-left:15px;"/>
  745.  
  746. <div style="text-align:left;"><span style="font-family: {font:Body Font}; font-size:9px; letter-spacing: 1px;"> {Asker} </span></div>
  747.  
  748. <div style="font-size: 11px; line-height:110%; padding:5px; border-top: 1px solid {color:chatLine}; letter-spacing:1px;">{Question}</div>
  749. </div>
  750. {block:Answerer}
  751. <div style="display:inline-block; width:100%; margin-top:50px;">
  752. <img src="{AnswererPortraitURL-30}" style="float:right; margin-left:10px; border: 10px solid {color:chatLine}; margin-right:15px;"/>
  753.  
  754. <div style="text-align:right;"><span style="font-family: {font:Body Font}; font-size:9px; letter-spacing: 1px;"> {Answerer} </span></div>
  755.  
  756. <div style="font-size: 11px; line-height:110%; padding:5px; border-top: 1px solid {color:chatLine}; text-align:right; letter-spacing:1px;">{Answer}</div>
  757. </div>
  758. {/block:Answerer}
  759.  
  760. <div style="margin-top:40px;">{Replies}</div>
  761.  
  762. {/block:Answer}
  763.  
  764. {block:ifShowCaption}{block:Caption}<br /><br />{Caption}{/block:Caption}{/block:ifShowCaption}
  765.  
  766. {block:PermalinkPage}
  767. <br /><br />
  768. {block:ifNotShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifNotShowCaption}
  769. {/block:PermalinkPage}
  770.  
  771. </div><!-- END POSTS -->
  772.  
  773. <!-- START PERMA PAGE -->{block:PermalinkPage}
  774.  
  775. <div id="permaNotes">
  776. {block:Date}
  777. Posted {TimeAgo}{/block:Date} {block:NoteCount}
  778. with {NoteCountWithLabel}
  779. {/block:NoteCount}
  780. {block:RebloggedFrom}
  781. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  782. <br />
  783. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  784. <br />{/block:RebloggedFrom}
  785. {block:HasTags}<br><br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  786. <br><br>
  787. {/block:HasTags}
  788.  
  789. </div>
  790.  
  791. {block:PostNotes}{PostNotes}{/block:PostNotes}
  792. {/block:PermalinkPage}<!-- END PERMA PAGE -->
  793.  
  794.  
  795. <!-- START INDEX NOTES -->{block:IndexPage}
  796.  
  797. <ul class="perma">
  798. <li class="date"><a href="{Permalink}">{block:Date}
  799. <span style="font-size:9px;">{ShortMonth}</span> <br />{DayOfMonth}{/block:Date}</a></li>
  800. <li class="noteCount"><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></li>
  801. {block:ifNotWhiteReblogIcons}
  802. <li class="likereblog">{ReblogButton color="black"}</li>
  803. {/block:ifNotWhiteReblogIcons}
  804. {block:ifWhiteReblogIcons}
  805. <li class="likereblog">{ReblogButton color="white"}</li>
  806. {/block:ifWhiteReblogIcons}
  807.  
  808. {block:ifNotWhiteReblogIcons}
  809. <li class="likereblog">{LikeButton color="black"}</li>
  810. {/block:ifNotWhiteReblogIcons}
  811. {block:ifWhiteReblogIcons}
  812. <li class="likereblog">{LikeButton color="white"}</li>
  813. {/block:ifWhiteReblogIcons}
  814. </ul>
  815.  
  816. {block:HasTags}
  817. <div class="tagss {select:Tags style}">
  818. {block:Tags}<span style="font-size: 10px;"><a href="{TagURL}">#{Tag}&nbsp;</a></span> {/block:Tags}</div>
  819. {/block:HasTags}
  820.  
  821. {/block:IndexPage}<!-- END INDEX NOTES -->
  822.  
  823. <div style="margin-bottom:40px;"><br /></div>
  824.  
  825. {/block:Posts}
  826.  
  827.  
  828. {block:IndexPage}<div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="float:left !important;">Previous Page</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next" style="float:right !important;">Next Page</a>{/block:NextPage}{/block:Pagination}
  829. </div>{/block:IndexPage}
  830.  
  831. {block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  832. </div><!-- END CENT -->
  833.  
  834. </div>
  835.  
  836. </body>
  837. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement