Advertisement
feiinho

Theme by iamthemelocked

May 12th, 2019
409
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--- Theme by iamthemelocked
  4. DO NOT REMOVE THE CREDIT
  5. DO NOT COPY
  6. DO NOT CLAIM AS YOUR OWN
  7. IF YOU DO THEN I´LL MAKE YOU INTO SHOES
  8. BIT NOT GOOD, ISN´T IT?--->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  11.  
  12. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  13. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  14.  
  15. <title>{block:TagPage}#{Tag} /// {/block:TagPage} {block:SearchPage}{lang:Search Results For SearchQuery} - {/block:SearchPage} {Title}</title>
  16.  
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  18.  
  19. <meta charset="utf-8">
  20. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  21.  
  22. <link rel="shortcut icon" href="{favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="image:Header Image" content=""/>
  27. <meta name="image:Sidebar Image" content=""/>
  28.  
  29. <meta name="image:Background Image" content="http://www.wallpaperidol.com/wp-content/uploads/2017/01/white-photo-background.jpg"/>
  30.  
  31. <meta name="if:250px Posts" content="0"/>
  32. <meta name="if:One Column" content="1"/>
  33. <meta name="if:Show Captions" content="1"/>
  34. <meta name="if:Infinite Scroll" content="0"/>
  35. <meta name="if:Background Image" content="0"/>
  36. <meta name="if:Transparent Posts" content="0"/>
  37. <meta name="if:5 Accent Colours" content="1"/>
  38. <meta name="if:Uppercase Text" content="1"/>
  39. <meta name="if:Black And White Posts" content="0"/>
  40. <meta name="if:Zooming Post Images" content="1"/>
  41. <meta name="if:Tiny Cursor" content="1">
  42. <meta name="if:Updates Tab" content="1"/>
  43.  
  44. <meta name="font:General Font" content="calibri" />
  45. <meta name="text:General Font Size" content="10px"/>
  46.  
  47. <meta name="color:Background" content="#fafafa"/>
  48. <meta name="color:Post Background" content="#ffffff"/>
  49. <meta name="color:Post Border" content="#f1f1f1"/>
  50. <meta name="color:Text" content="#8f8f8f"/>
  51. <meta name="color:Links" content="#232323"/>
  52. <meta name="color:Sidebar" content="#000000"/>
  53.  
  54. <meta name="color:Contra Accent" content="#f6f6f6"/>
  55.  
  56. <meta name="color:Accent 1" content="#df6c7a" />
  57. <meta name="color:Accent 2" content="#df9a6c" />
  58. <meta name="color:Accent 3" content="#e5de71" />
  59. <meta name="color:Accent 4" content="#8bea71" />
  60. <meta name="color:Accent 5" content="#97c5e0" />
  61. <meta name="color:Alternative Accent" content="#dddddd" />
  62.  
  63. <meta name="color:Scrollbar" content="#000000"/>
  64.  
  65. <meta name="text:Home Link" content="Index"/>
  66. <meta name="text:Message Link" content="Message"/>
  67. <meta name="text:Link1 Name" content="Link 1"/>
  68. <meta name="text:Link1 Url" content="http://"/>
  69. <meta name="text:Link2 Name" content="Link 2"/>
  70. <meta name="text:Link2 Url" content="http://"/>
  71. <meta name="text:Link3 Name" content="Link 3"/>
  72. <meta name="text:Link3 Url" content="http://"/>
  73. <meta name="text:Link4 Name" content="Link 4"/>
  74. <meta name="text:Link4 Url" content="http://"/>
  75. <meta name="text:Link5 Name" content="Link 5"/>
  76. <meta name="text:Link5 Url" content="http://"/>
  77. <meta name="text:Link6 Name" content="Link 6"/>
  78. <meta name="text:Link6 Url" content="http://"/>
  79. <meta name="text:Link7 Name" content="Link 7"/>
  80. <meta name="text:Link7 Url" content="http://"/>
  81. <meta name="text:Link8 Name" content="Link 8"/>
  82. <meta name="text:Link8 Url" content="http://"/>
  83.  
  84. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  85. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  86.  
  87. <!--- SPECIAL FONTS --->
  88.  
  89. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  90. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  91. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  92. <link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>
  93. <link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic,700italic|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  94. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  95. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  96.  
  97. <!--- SPECIAL FONTS --->
  98.  
  99. <style type="text/css">
  100.  
  101. /* basic styles */
  102.  
  103. /* --- SCROLLBAR ---*/
  104.  
  105. ::-webkit-scrollbar {background-color:{color:Background}; height:5px; width:4px}::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:40px;}::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:5px!important}
  106.  
  107. iframe#tumblr_controls {top:auto;right:0;bottom:2px;z-index:99999;opacity:.5!important;position:fixed!important;-webkit-transition:opacity .4s linear;transition:opacity .4s linear;}
  108.  
  109. iframe#tumblr_controls:hover {opacity:.67!important;}
  110.  
  111. /* --- SCROLLBAR ---*/
  112.  
  113. /* --- IMAGE EFFECT ---*/
  114.  
  115. .imgp {
  116. {block:ifNotTransparentPosts}background-color:{color:Post Background};{/block:ifNotTransparentPosts}{block:ifTransparentPosts}background-color:transparent;{/block:ifTransparentPosts}
  117. overflow:hidden;
  118. }
  119.  
  120. .imgp img {
  121. -webkit-transform: scale(1.00);
  122. -webkit-transition: all 1s ease;
  123. -moz-transition: all 1s ease;
  124. -o-transition: all 1s ease;
  125. -ms-transition: all 1s ease;
  126. transition: all 1s ease;
  127. }
  128.  
  129. {block:IfZoomingPostImages}
  130. .po:hover .imgp img {
  131. -webkit-transform: scale(1.3);
  132. }{/block:IfZoomingPostImages}
  133.  
  134. .pset {
  135. -webkit-transform: scale(1.0);
  136. -webkit-transition: all 1s ease;
  137. -moz-transition: all 1s ease;
  138. -o-transition: all 1s ease;
  139. -ms-transition: all 1s ease;
  140. transition: all 1s ease;
  141. }
  142.  
  143. {block:IfZoomingPostImages}
  144. .po:hover .pset {
  145. -webkit-transform: scale(1.15);
  146. }{/block:IfZoomingPostImages}
  147.  
  148. /* --- IMAGE EFFECT ---*/
  149.  
  150. /* --- BODY ---*/
  151.  
  152. #s-m-t-tooltip{
  153. position:absolute;
  154. margin-top: 15px;
  155. margin-left:15px;
  156. z-index:9999999999999;
  157. background:{color:Links};
  158. color:{color:Post Background};
  159. {block:IfUppercaseText}
  160. text-transform:uppercase;
  161. {/block:IfUppercaseText}
  162. {block:IfNotUppercaseText}
  163. text-transform:normal;
  164. {/block:IfNotUppercaseText}
  165. letter-spacing:0.5px;
  166. line-height:13px;
  167. font-family:{font:General Font};
  168. font-size:{text:General Font Size};
  169. max-width:300px;
  170. padding:2px 6px;
  171. -webkit-transition:all 0.4s;
  172. -moz-transition:all 0.4s;
  173. -ms-transition:all 0.4s;
  174. -o-transition:all 0.4s;
  175. transition:all 0.4s;
  176. }
  177.  
  178. body {
  179. color: {color:Text};
  180. background-color:{color:Background};
  181. {block:ifBackgroundImage}background-image:url({image:Background Image});
  182. background-position:center top;background-repeat:repeat;background-attachment:fixed;background-size:cover;{/block:ifBackgroundImage}
  183. font: 9px 'Trebuchet MS', sans-serif;
  184. font-family:'open sans', 'helvetica neue', arial, sans-serif;
  185. }
  186.  
  187. {block:IfTinyCursor}*, body, a, a:hover {cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;} {/block:IfTinyCursor}
  188.  
  189. b, strong {color:{color:Text};word-wrap:normal;}
  190. i, em {color: color:{color:Text};word-wrap:normal;}
  191. p {margin-top:5px;margin-bottom:5px}
  192. ol {list-style:normal;}
  193. ul {list-style:square;}
  194. small {font-family:{font:General Font};font-size:{text:General Font Size};}
  195. big {font-family:{font:General Font};font-size:{text:General Font Size};}
  196.  
  197. blockquote {
  198. padding-left:10px;
  199. margin-left:15px;
  200. margin-top:5px;
  201. border-left:1px solid {color:Post Border};
  202. }
  203.  
  204. a {
  205. font-weight:normal;
  206. word-wrap:initial;
  207. text-decoration:none;
  208. {block:IfUppercaseText}
  209. text-transform:uppercase;
  210. {/block:IfUppercaseText}
  211. {block:IfNotUppercaseText}
  212. text-transform:normal;
  213. {/block:IfNotUppercaseText}
  214. font-family:{font:General Font};
  215. font-size:{text:General Font Size};
  216. color:{color:Text};
  217. word-wrap: break-word;
  218. -moz-outline-style:none;
  219. -webkit-transition:all 0.5s;
  220. -moz-transition:all 0.5s;
  221. -ms-transition:all 0.5s;
  222. -o-transition:all 0.5s;
  223. transition:all 0.5s;
  224. }
  225.  
  226. a:hover {
  227. color:{color:Links};
  228. -moz-outline-style:none;
  229. -webkit-transition:all 0.5s;
  230. -moz-transition:all 0.5s;
  231. -ms-transition:all 0.5s;
  232. -o-transition:all 0.5s;
  233. transition:all 0.5s;
  234. }
  235.  
  236. .caption a, .text a, #tab11 a {
  237. padding:0px;
  238. color:{color:Text};
  239. position:relative;
  240. border-bottom:1px solid {color:Post Border};
  241. }
  242.  
  243. .caption a:before, .text a:before, #tab11 a:before{
  244. content:'';
  245. top:99%;
  246. width:0;
  247. height:1px;
  248. right:50%;
  249. background:{color:Links};
  250. position:absolute;
  251. transition:all .2s linear;
  252. -webkit-transition:all .2s linear;
  253. -moz-transition:all .2s linear;
  254. -o-transition:all .2s linear;
  255. }
  256.  
  257. .caption a:hover::before, .text a:hover::before, #tab11 a:hover::before{
  258. width:100%;
  259. right:0;
  260. }
  261.  
  262. h2 {
  263. font-family: 'Montserrat', sans-serif;
  264. font-size:14px;
  265. margin-top:-5px;
  266. line-height:12px;
  267. padding-bottom:3px;
  268. margin-bottom:-3px;
  269. border-bottom:1px solid {color:Post Border};
  270. color:{color:Links};
  271. -webkit-transition:all 0.5s;
  272. -moz-transition:all 0.5s;
  273. -ms-transition:all 0.5s;
  274. -o-transition:all 0.5s;
  275. transition:all 0.5s;
  276. }
  277.  
  278. h2:first-letter {color:{color:Accent 1};}
  279.  
  280. pre {
  281. white-space: pre-wrap;
  282. white-space: -moz-pre-wrap;
  283. white-space: -pre-wrap;
  284. white-space: -o-pre-wrap;
  285. word-wrap: break-word;
  286. font-family:inconsolata, consolas, monospace;
  287. }
  288.  
  289. pre a{font-size:{font:General Font Size};}
  290. .caption {text-align:left;display:block;}
  291. .caption img {width:50%;}
  292.  
  293. /* --- BODY ---*/
  294.  
  295. /* --- POST ENTRIES ---*/
  296.  
  297. #big {
  298. position:absolute;z-index:99;
  299. min-height:calc(100% - 200px);
  300. {block:ifNotBackgroundImage}background-color:{color:background};{/block:ifNotBackgroundImage}{block:ifBackgroundImage}background-color:transparent;{/block:ifBackgroundImage}
  301. right:0;margin-left:auto;margin-right:auto;top:190px;margin-bottom:50px;
  302. {block:IndexPage}{block:ifNotOneColumn}
  303. {block:if250pxPosts}width:1050px;left:-100px;{/block:if250pxPosts}
  304. {block:ifNot250pxPosts}width:1050px;left:-50px;{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}width:530px;left:-220px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:530px;left:-220px;{/block:PermalinkPage}
  305. }
  306.  
  307. .entries {
  308. position:relative;
  309. text-align:left;
  310. display:inline-block;
  311. margin:0px 55px 50px 0px;
  312. padding:0px 0px 0px 0px;
  313. {block:IndexPage}{block:ifNotOneColumn}
  314. {block:if250pxPosts}width:275px;{/block:if250pxPosts}
  315. {block:ifNot250pxPosts}width:425px;{/block:ifNot250pxPosts}
  316. {/block:ifNotOneColumn}{block:ifOneColumn}width:531px;margin-bottom:40px;{/block:ifOneColumn}{/block:IndexPage}
  317. {block:PermalinkPage}width:531px;{/block:PermalinkPage}
  318. }
  319.  
  320. .post {
  321. position:relative;
  322. padding:15px 15px 13px 15px;
  323. {block:ifNotTransparentPosts}background-color:{color:Post Background};{/block:ifNotTransparentPosts}{block:ifTransparentPosts}background-color:transparent;{/block:ifTransparentPosts}
  324. border:1px solid {color:Post Border};
  325. color:{color:Post Text};
  326. line-height:11px;
  327. {block:IfUppercaseText}
  328. text-transform:uppercase;
  329. {/block:IfUppercaseText}
  330. {block:IfNotUppercaseText}
  331. text-transform:normal;
  332. {/block:IfNotUppercaseText}
  333. font-family:{font:General Font};
  334. font-size:{text:General Font Size};
  335. {block:IfBlackandWhitePosts}
  336. -webkit-filter: grayscale(100%);
  337. -moz-filter: grayscale(100%);
  338. filter: grayscale(100%);
  339. -webkit-transition:all 0.5s;
  340. -moz-transition:all 0.5s;
  341. -ms-transition:all 0.5s;
  342. -o-transition:all 0.5s;
  343. transition:all 0.5s;
  344. }
  345.  
  346. .post:hover {
  347. -webkit-transition:all 0.5s;
  348. -moz-transition:all 0.5s;
  349. -ms-transition:all 0.5s;
  350. -o-transition:all 0.5s;
  351. transition:all 0.5s;
  352. -webkit-filter: grayscale(0%);
  353. -moz-filter: grayscale(0%);
  354. filter: grayscale(0%);
  355. {block:IfBlackandWhitePosts}
  356. }
  357.  
  358. .post img{width:100%;}
  359.  
  360. /* --- POST ENTRIES ---*/
  361.  
  362. /* --- SIDEBAR ---*/
  363.  
  364. #header {
  365. z-index:9999999;
  366. height:150px;
  367. display:block;
  368. overflow:hidden;
  369. background:{color:Sidebar};
  370. position:fixed;
  371. border-bottom:4px solid {color:Post Background};
  372. right:0;margin-left:auto;margin-right:auto;
  373. {block:IndexPage}{block:ifOneColumn}width:531px;left:-220px;margin-top:0px;{/block:ifOneColumn}{block:ifNotOneColumn}{block:if250pxPosts}width:982px;left:-239px;margin-top:0px;{/block:if250pxPosts}{block:ifNot250pxPosts}width:943px;left:-228px;margin-top:0px;{/block:ifNot250pxPosts}{block:ifNotOneColumn}{/block:IndexPage}
  374. {block:PermalinkPage}width:531px;left:-220px;margin-top:0px;{/block:PermalinkPage}
  375. }
  376.  
  377. #sidebar {
  378. z-index:9999999;
  379. height:100%;
  380. display:block;
  381. overflow:hidden;
  382. background:{color:Sidebar};
  383. position:fixed;
  384. border-bottom:4px solid {color:Post Background};
  385. right:0;margin-left:auto;margin-right:auto;
  386. {block:IndexPage}{block:ifOneColumn}width:250px;left:650px;margin-top:0px;{/block:ifOneColumn}
  387. {block:ifNotOneColumn}{block:if250pxPosts}width:250px;left:1080px;margin-top:0px;{/block:if250pxPosts}
  388. {block:ifNot250pxPosts}width:250px;left:1050px;margin-top:0px;{/block:ifNot250pxPosts}{block:ifNotOneColumn}{/block:IndexPage}
  389. {block:PermalinkPage}width:250px;left:650px;margin-top:0px;{/block:PermalinkPage}
  390. }
  391.  
  392. #image{
  393. position:relative;
  394. display:block;
  395. opacity:0.7;
  396. z-index:2;
  397. }
  398.  
  399. #image img{
  400. position:relative;
  401. {block:IndexPage}{block:ifOneColumn}width:532px;{/block:ifOneColumn}
  402. {block:ifNotOneColumn}{block:if250pxPosts}width:982px;{/block:if250pxPosts}
  403. {block:ifNot250pxPosts}width:950px;{/block:ifNot250pxPosts}{block:ifNotOneColumn}{/block:IndexPage}
  404. {block:PermalinkPage}width:532px;{/block:PermalinkPage}
  405. display:block;
  406. z-index:2;
  407. }
  408.  
  409. #images{
  410. position:relative;
  411. width:250px;
  412. height:auto;
  413. margin-top:191px;
  414. display:block;
  415. z-index:2;
  416. -webkit-transition:all 0.5s;
  417. -moz-transition:all 0.5s;
  418. -ms-transition:all 0.5s;
  419. -o-transition:all 0.5s;
  420. transition:all 0.5s;
  421. }
  422.  
  423. #one{
  424. width:65px;
  425. z-index:99;
  426. padding-bottom:0px;
  427. overflow:hidden;
  428. margin-top:0px;
  429. margin-left:15px;
  430. position:relative;
  431. display:inline-block;
  432. border:3px solid {color:Post Border};
  433. }
  434.  
  435. #two{
  436. width:65px;
  437. z-index:99;
  438. overflow:hidden;
  439. margin-top:0px;
  440. padding-bottom:0px;
  441. margin-left:0px;
  442. position:relative;
  443. display:inline-block;
  444. border:3px solid {color:Post Border};
  445. }
  446.  
  447. #three{
  448. width:65px;
  449. height:auto;
  450. z-index:99;
  451. overflow:hidden;
  452. margin-top:0px;
  453. margin-left:-1px;
  454. position:relative;
  455. display:inline-block;
  456. border:3px solid {color:Post Border};
  457. }
  458.  
  459. #links {
  460. margin-left:0px;
  461. margin-top:163px;
  462. width:250px;
  463. z-index:9999999999999999;
  464. height:15px;
  465. text-align:center;
  466. position:fixed;
  467. {block:IfUppercaseText}
  468. text-transform:uppercase;
  469. {/block:IfUppercaseText}
  470. {block:IfNotUppercaseText}
  471. text-transform:normal;
  472. {/block:IfNotUppercaseText}
  473. -webkit-transition:all 0.5s;
  474. -moz-transition:all 0.5s;
  475. -ms-transition:all 0.5s;
  476. -o-transition:all 0.5s;
  477. transition:all 0.5s;
  478. }
  479.  
  480. #links a{
  481. display:inline-block;
  482. font-family: 'Anton', sans-serif;
  483. line-height:11px;
  484. text-align:center;
  485. margin:2.5px;
  486. width:9px;height:9px;
  487. background:{color:Contra Accent};
  488. color:{color:Text};
  489. border:1px solid {color:Post Border};
  490. font-size:8px;
  491. -moz-transition:all 0.5s;
  492. -ms-transition:all 0.5s;
  493. -o-transition:all 0.5s;
  494. transition:all 0.5s;
  495. }
  496.  
  497. {block:IfNot5AccentColours}
  498. #links a {background:{color:Alternative Accent};}
  499. #links a:hover {background:{color:Sidebar};color:{color:Links};}
  500. {/block:IfNot5AccentColours}
  501.  
  502. {block:If5AccentColours}
  503. #links a:hover:nth-child(5n+1){background:{color:Accent 1};}
  504. #links a:hover:nth-child(5n+2){background:{color:Accent 2};}
  505. #links a:hover:nth-child(5n+3){background:{color:Accent 3};}
  506. #links a:hover:nth-child(5n+4){background:{color:Accent 4};}
  507. #links a:hover:nth-child(5n+5){background:{color:Accent 5};}
  508.  
  509. #links a:hover{
  510. color:{color:Contra Accent};
  511. -moz-transition:all 0.5s;
  512. -ms-transition:all 0.5s;
  513. -o-transition:all 0.5s;
  514. transition:all 0.5s;}
  515. {/block:If5AccentColours}
  516.  
  517. #title {
  518. padding:3px 2px;
  519. background:{color:Contra Accent};
  520. z-index:9999999;
  521. margin-bottom:8px;
  522. border:1px solid {color:Post Border};
  523. line-height:11px;
  524. display:block;
  525. width:211px;
  526. margin-top:12px;
  527. margin-left:15px;
  528. position:relative;
  529. letter-spacing:0.5px;
  530. text-align:center;
  531. font-family: 'Montserrat', sans-serif;
  532. font-size:11px;
  533. color:{color:Links};
  534. font-weight:bold;
  535. {block:IfUppercaseText}
  536. text-transform:uppercase;
  537. {/block:IfUppercaseText}
  538. {block:IfNotUppercaseText}
  539. text-transform:normal;
  540. {/block:IfNotUppercaseText}
  541. -webkit-transition:all 0.7s;
  542. -moz-transition:all 0.7s;
  543. -ms-transition:all 0.7s;
  544. -o-transition:all 0.7s;
  545. transition:all 0.7s;
  546. }
  547.  
  548. {block:If5AccentColours}#title:first-letter {color:{color:Accent 1};}{/block:If5AccentColours}{block:IfNot5AccentColours}#title:first-letter {color:{color:Alternative Accent};}{/block:IfNot5AccentColours}
  549.  
  550. #description {
  551. color:{color:Text};
  552. {block:IfUppercaseText}
  553. text-transform:uppercase;
  554. {/block:IfUppercaseText}
  555. {block:IfNotUppercaseText}
  556. text-transform:normal;
  557. {/block:IfNotUppercaseText}
  558. font-family:{font:General Font};
  559. font-size:{text:General Font Size};
  560. line-height:10.5px;
  561. position:fixed;
  562. width:216px;
  563. margin-left:15px;
  564. z-index:99999999999999999999999999999;
  565. text-align:justify;
  566. -moz-transition:all 0.5s;
  567. -ms-transition:all 0.5s;
  568. -o-transition:all 0.5s;
  569. transition:all 0.5s;
  570. }
  571.  
  572. /* --- PAGINATION ---*/
  573.  
  574. .pagination {
  575. position:fixed;
  576. display:block;
  577. bottom:25px;
  578. width:250px;
  579. overflow:hidden;
  580. text-align:center;
  581. z-index:9999999999999;
  582. color:{color:Links};
  583. {block:IndexPage}display:block;{/block:IndexPage}
  584. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  585. {block:IfInfiniteScroll}display:none;{block:IfInfiniteScroll}
  586. {block:IfNotInfiniteScroll}display:block;{block:IfNotInfiniteScroll}
  587. text-transform:uppercase;
  588. -webkit-transition:all 0.9s;
  589. -moz-transition:all 0.9s;
  590. -ms-transition:all 0.9s;
  591. -o-transition:all 0.9s;
  592. transition:all 0.9s;
  593. }
  594.  
  595. .pagination a{
  596. display:inline-block;
  597. color:{color:Links};
  598. background-color:{color:Contra Accent};
  599. border:1px solid {color:Post Border};
  600. margin:2px 1px;
  601. padding:1px 5px;
  602. text-align:center;
  603. font-family:'open sans', 'helvetica neue', arial, sans-serif;
  604. font-size:{text:General Font Size};}
  605.  
  606. .current {line-height:18px;border:1px solid {color:Post Border};font-size:{text:General Font Size};padding:0px 5px;margin:8px 1px;background-color:{color:Contra Accent};color:{color:Links};}
  607.  
  608. .pagination a:hover{padding:1px 70px;background-color:{color:Contra Accent};color:{color:Links};}
  609.  
  610. /* --- PAGINATION ---*/
  611.  
  612. /* --- SIDEBAR ---*/
  613.  
  614. /* --- INFO SECTION ---*/
  615.  
  616. #info {margin-top:0px;padding:4px;height:77px;
  617. margin-bottom:-87px;
  618. margin-left:-35px;width:17px;
  619. {block:ifNotOneColumn}text-align:center;{/block:ifNotOneColumn}
  620. {block:ifOneColumn}text-align:right;{/block:ifOneColumn}
  621. position:relative;display:block;z-index:0;border:1px solid {color:Post Border};{block:ifNotTransparentPosts}background-color:{color:Post Background};{/block:ifNotTransparentPosts}{block:ifTransparentPosts}background-color:transparent;{/block:ifTransparentPosts}}
  622.  
  623.  
  624. #info a {font-family: 'Anton', sans-serif;text-align:center;
  625. font-size:8px;line-height:14px;display:block;width:13px;height:13px;margin:2px;background:{color:Contra Accent};color:{color:Text};
  626. -webkit-transition:all 0.4s;
  627. -moz-transition:all 0.4s;
  628. -ms-transition:all 0.4s;
  629. -o-transition:all 0.4s;
  630. transition:all 0.4s;
  631. }
  632.  
  633. {block:IfBlackandWhitePosts}
  634. #info a {background:{color:Alternative Accent};}
  635. {/block:IfBlackandWhitePosts}
  636.  
  637. {block:IfNotBlackandWhitePosts}
  638. {block:If5AccentColours}
  639. #info a:hover:nth-child(5n+1){background:{color:Accent 1}}
  640. #info a:hover:nth-child(5n+2){background:{color:Accent 2};}
  641. #info a:hover:nth-child(5n+3){background:{color:Accent 3};}
  642. #info a:hover:nth-child(5n+4){background:{color:Accent 4};}
  643. #info a:hover:nth-child(5n+5){background:{color:Accent 5};}
  644. {/block:If5AccentColours}
  645.  
  646. {block:IfNot5AccentColours}
  647. #info a{background:{color:Alternative Accent};}
  648. {/block:IfNot5AccentColours}
  649. {/block:IfNotBlackandWhitePosts}
  650.  
  651. #info a:hover{color:{color:Contra Accent};padding:0px 6px;margin-left:-4px;
  652. -webkit-transition:all 0.4s;
  653. -moz-transition:all 0.4s;
  654. -ms-transition:all 0.4s;
  655. -o-transition:all 0.4s;
  656. transition:all 0.4s;
  657. }
  658.  
  659. .post-meta {
  660. margin-left:0px;
  661. margin-bottom:8px;
  662. display:block;
  663. width:auto;
  664. border:1px solid {color:Post Border};
  665. height:20px;
  666. background:{color:Links};
  667. z-index:99999999999999999999999999;
  668. }
  669.  
  670. .post-meta .type {
  671. float:left;
  672. padding:1px 8px;
  673. text-align:left;
  674. line-height:10px;
  675. }
  676.  
  677. .post-meta .type a {
  678. color:white;
  679. display:inline-block;
  680. text-align:left;
  681. font-family:{text:General Font};
  682. font-size:{text:General Font Size};
  683. margin:2px 1px 2px 1px;
  684. {block:IfUppercaseText}
  685. text-transform:uppercase;
  686. {/block:IfUppercaseText}
  687. {block:IfNotUppercaseText}
  688. text-transform:normal;
  689. {/block:IfNotUppercaseText}
  690. text-decoration: none;
  691. }
  692.  
  693. #button {
  694. display:inline-block;
  695. position:absolute;
  696. text-align:left;
  697. margin-top:1px;
  698. z-index:999999999999999999999;
  699. width:auto;
  700. -webkit-transition:all 0.5s;
  701. -moz-transition:all 0.5s;
  702. -ms-transition:all 0.5s;
  703. -o-transition:all 0.5s;
  704. transition:all 0.5s;
  705. }
  706.  
  707. #button a {
  708. display:inline-block;
  709. text-align:left;
  710. color:{color:Links};
  711. background:{color:Contra Accent};
  712. width:auto;
  713. padding:1px 5px;
  714. }
  715.  
  716. #button a:hover {
  717. -webkit-transition:all 0.5s;
  718. -moz-transition:all 0.5s;
  719. -ms-transition:all 0.5s;
  720. -o-transition:all 0.5s;
  721. transition:all 0.5s;
  722. background:transparent;
  723. color:{color:Contra Accent};
  724. }
  725.  
  726. .tags {
  727. display:block;margin-top:7px;margin-bottom:0px;
  728. border:1px solid {color:Post Border};
  729. height:auto;
  730. padding:0px 7px;
  731. background:{color:Post Background};
  732. {block:IndexPage}{block:ifNotOneColumn}text-align:center;{/block:ifNotOneColumn}{block:ifOneColumn}text-align:right;{/block:ifOneColumn}{/block:IndexPage}
  733. {block:PermalinkPage}text-align:right;{/block:PermalinkPage}
  734. position:relative;
  735. z-index:99;
  736. -webkit-transition:all 0.5s;
  737. -moz-transition:all 0.5s;
  738. -ms-transition:all 0.5s;
  739. -o-transition:all 0.5s;
  740. transition:all 0.5s;
  741. }
  742.  
  743. .tags a {
  744. font-family:{text:General Font};
  745. font-size:{text:General Font Size};
  746. font-style:normal;
  747. display:inline-block;
  748. line-height:12px;
  749. text-align:left;
  750. color:{color:Links};
  751. background:{color:Post Background};
  752. width:auto;
  753. margin:3px 2px;
  754. padding:0.5px 5px;
  755. text-align:right;
  756. text-transform:uppercase;}
  757.  
  758. {block:IfNot5AccentColours}
  759. .tags a:hover {background:{color:Alternative Accent};color:white;}
  760. {/block:IfNot5AccentColours}
  761.  
  762. {block:If5AccentColours}
  763. .tags a:hover:nth-child(5n+1)
  764. {color:{color:Contra Accent};background:{color:Accent 1};}
  765. .tags a:hover:nth-child(5n+2)
  766. {color:{color:Contra Accent};background:{color:Accent 2};}
  767. .tags a:hover:nth-child(5n+3)
  768. {color:{color:Contra Accent};background:{color:Accent 3};}
  769. .tags a:hover:nth-child(5n+4)
  770. {color:{color:Contra Accent};background:{color:Accent 4};}
  771. .tags a:hover:nth-child(5n+5)
  772. {color:{color:Contra Accent};background:{color:Accent 5};}
  773. {/block:If5AccentColours}
  774.  
  775. /* --- INFO SECTION ---*/
  776.  
  777. /* --- QUOTES ---*/
  778.  
  779. .quote {
  780. padding:0px;
  781. font-family: 'Montserrat', sans-serif;
  782. font-size:14px;
  783. text-align:right;
  784. color:{color:Links};
  785. }
  786.  
  787. .quote:first-letter{
  788. padding:0px;
  789. font-family: 'Montserrat', sans-serif;
  790. font-size:14px;
  791. text-transform:uppercase;
  792. color:{color:Links};
  793. }
  794.  
  795. .quote-source {
  796. text-align:right;
  797. margin-top:-3px;
  798. font-weight:bold;
  799. color:{color:Text};
  800. padding-top:5px;
  801. text-transform:uppercase;
  802. font-size:{font:General Font Size};
  803. font-family:{font:General Font};
  804. }
  805.  
  806. .quote-source a{
  807. text-align:right;
  808. font-weight:bold;
  809. text-transform:uppercase;
  810. font-size:{font:General Font Size};
  811. font-family:{font:General Font};
  812. }
  813.  
  814. /* --- QUOTES ---*/
  815.  
  816. /* --- CHATS ---*/
  817.  
  818. ul.chat {
  819. margin:0px;
  820. padding:0px;
  821. }
  822.  
  823. .chat li {
  824. list-style-type:none;
  825. margin-left:0px;
  826. padding:4px;
  827. }
  828.  
  829. .odd .label {
  830. color:{color:Accent 1};
  831. }
  832.  
  833. .even .label {
  834. color:{color:Accent 2};
  835. }
  836.  
  837. .label {
  838. font-weight:bold;
  839. text-transform:uppercase;
  840. letter-spacing:1px;
  841. font-size:{font:General Font Size};
  842. }
  843.  
  844. .chat li.odd {
  845. background-color:{color:Background};
  846. margin-bottom:1px;
  847. }
  848.  
  849. .chat li.even {
  850. background-color:{color:Post Background};
  851. opacity:1;
  852. margin-bottom:1px;
  853. }
  854.  
  855. /* --- CHATS ---*/
  856.  
  857. /* --- AUDIO PLAYER ---*/
  858.  
  859. #audio {
  860. position:relative;
  861. min-height:60px;}
  862.  
  863. #audioimage {
  864. width:60px;
  865. height:60px;
  866. position:absolute;
  867. z-index:2;}
  868.  
  869. #audioimage img {
  870. margin-left:0px;
  871. }
  872.  
  873. #audiobackground {
  874. margin-top:5px;
  875. margin-left:5px;
  876. width:50px;
  877. height:50px;
  878. z-index:3;
  879. position:absolute;
  880. opacity:0.3;
  881. background-color:white;
  882. -webkit-transition:all 0.6s ease-out;
  883. -moz-transition:all 0.6s ease-out;
  884. transition:all 0.6s ease-out;}
  885.  
  886. #audiobackground:hover {
  887. opacity:0.8;
  888. transform:rotate(360deg);
  889. -ms-transform:rotate(360deg);
  890. -webkit-transform:rotate(360deg);
  891. background-color:white;
  892. -webkit-transition:all 0.6s ease-out;
  893. -moz-transition:all 0.6s ease-out;
  894. transition:all 0.6s ease-out;}
  895.  
  896. #audioplayer {
  897. width:20px;
  898. height:20px;
  899. margin-top:11px;
  900. margin-left:11px;
  901. overflow:hidden;}
  902.  
  903. #audiobig {
  904. {block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}width:250px;{/block:if250pxPosts}{block:ifNot250pxPosts}width:400px;{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}width:500px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}
  905. height:52px;
  906. padding-top:8px;
  907. overflow:hidden;}
  908.  
  909. #audioinfo {
  910. font-size:{font:General Font Size};
  911. font-family:{font:General Font};
  912. color:{color:Text};
  913. text-transform:uppercase;
  914. {block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}width:170px;{/block:if250pxPosts}{block:ifNot250pxPosts}width:320px;{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}width:420px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:420px;{/block:PermalinkPage}
  915. display:inline-block;
  916. margin:0.5px;
  917. margin-left:73px;
  918. text-align:left;
  919. }
  920.  
  921. #audioinfo b{
  922. color:{color:Text};
  923. padding:0.5px 1px 0.5px 2px;
  924. -webkit-transition: all 0.6s;
  925. -moz-transition: all 0.6s;
  926. -ms-transition:all 0.6s;
  927. -o-transition: all 0.6s;
  928. transition: all 0.6s;
  929. }
  930.  
  931. #audioinfo:hover b{
  932. margin-left:20px;
  933. color:{color:Post Border};
  934. margin-right:4px;
  935. background:{color:Links};
  936. -webkit-transition: all 0.6s;
  937. -moz-transition: all 0.6s;
  938. -ms-transition:all 0.6s;
  939. -o-transition: all 0.6s;
  940. transition: all 0.6s;}
  941.  
  942. /* --- AUDIO PLAYER ---*/
  943.  
  944. /* --- QUESTIONS ---*/
  945.  
  946. #question {
  947. padding:10px 20px;
  948. border:2px solid {color:Links};
  949. }
  950.  
  951. #question:first-letter {color:{color:Accent 1};font-weight:bold;}
  952.  
  953. #asker {
  954. text-align:right;
  955. background:{color:Links};
  956. text-transform:uppercase;
  957. font-size:{font:General Font Size};
  958. font-family:{font:General Font};
  959. color:{color:Contra Accent};
  960. height:10px;
  961. margin-bottom:5px;
  962. padding-right:5px;
  963. line-height:9px;
  964. }
  965.  
  966. #asker a{
  967. text-align:right;
  968. color:white;
  969. font-weight: bold;
  970. font-size:{font:General Font Size};
  971. font-family:{font:General Font};
  972. text-transform:uppercase;
  973. }
  974.  
  975. #answer{padding-left:10px;}
  976.  
  977. /* --- QUESTIONS ---*/
  978.  
  979. /* --- PAGE PAGINATION ---*/
  980.  
  981. .pagepagination{
  982. position:absolute;
  983. width:530px;
  984. margin-top:65px;
  985. margin-left:0px;
  986. margin-right:auto;
  987. }
  988.  
  989. .pagepagination a{
  990. display:inline-block;
  991. color:#ffffff;
  992. {block:IfUppercaseText}
  993. text-transform:uppercase;
  994. {/block:IfUppercaseText}
  995. {block:IfNotUppercaseText}
  996. text-transform:normal;
  997. {/block:IfNotUppercaseText}
  998. font-family:calibri;
  999. font-size:10px;
  1000. text-decoration:none;
  1001. padding:0 2% 0 2%;
  1002. background:{color:Links};
  1003. }
  1004.  
  1005. .pagepagination a:hover {
  1006. color:{color:Links};
  1007. background:{color:Post Background};
  1008. -webkit-transition: all 0.6s;
  1009. -moz-transition: all 0.6s;
  1010. -ms-transition:all 0.6s;
  1011. -o-transition: all 0.6s;
  1012. transition: all 0.6s;
  1013. }
  1014.  
  1015. /* --- PAGE PAGINATION ---*/
  1016.  
  1017. /* --- NOTES ---*/
  1018.  
  1019. .pagenotes a {text-decoration:none;font-family:{font:General Font};background:none;color:{color:Links};}
  1020.  
  1021. ol.notes {
  1022. text-align:left;
  1023. font-size:10px;
  1024. font-family:{font:General Font};
  1025. height:auto;
  1026. font-weight:bold;
  1027. {block:IfUppercaseText}
  1028. text-transform:uppercase;
  1029. {/block:IfUppercaseText}
  1030. {block:IfNotUppercaseText}
  1031. text-transform:normal;
  1032. {/block:IfNotUppercaseText}
  1033. margin-top:40px;
  1034. list-style-type:upper-roman;
  1035. }
  1036.  
  1037. ol.notes li.note {
  1038. padding:5px;
  1039. color:{color:Links};
  1040. background:{color:Post Background};
  1041. border:1px solid {color:Post Border};
  1042. margin:2px 0px;
  1043. font-size:{font:General Font Size};
  1044. font-family:{font:General Font};
  1045. {block:IfUppercaseText}
  1046. text-transform:uppercase;
  1047. {/block:IfUppercaseText}
  1048. {block:IfNotUppercaseText}
  1049. text-transform:normal;
  1050. {/block:IfNotUppercaseText}
  1051. width:478px;
  1052. list-style-type:upper-roman;
  1053. -webkit-transition: all 0.6s;
  1054. -moz-transition: all 0.6s;
  1055. -ms-transition:all 0.6s;
  1056. -o-transition: all 0.6s;
  1057. transition: all 0.6s;
  1058. }
  1059.  
  1060. {block:IfNot5AccentColours}
  1061.  
  1062. ol.notes li.note:hover {
  1063. color:{color:Links};
  1064. box-shadow:inset 500px 0px 0px {color:Alternative Accent};
  1065. -webkit-transition: all 0.6s;
  1066. -moz-transition: all 0.6s;
  1067. -ms-transition:all 0.6s;
  1068. -o-transition: all 0.6s;
  1069. transition: all 0.6s;
  1070. }
  1071.  
  1072. {/block:IfNot5AccentColours}
  1073.  
  1074. {block:If5AccentColours}
  1075.  
  1076. ol.notes li.note:hover:nth-child(5n+1){color:white;box-shadow:inset 500px 0px 0px {color:Accent 1};}
  1077. ol.notes li.note:hover:nth-child(5n+2){color:white;box-shadow:inset 500px 0px 0px {color:Accent 2};}
  1078. ol.notes li.note:hover:nth-child(5n+3){color:white;box-shadow:inset 500px 0px 0px {color:Accent 3};}
  1079. ol.notes li.note:hover:nth-child(5n+4){color:white;box-shadow:inset 500px 0px 0px {color:Accent 4};}
  1080. ol.notes li.note:hover:nth-child(5n+5){color:white;box-shadow:inset 500px 0px 0px {color:Accent 5};}
  1081.  
  1082. {/block:If5AccentColours}
  1083.  
  1084. ol.notes li.note a{
  1085. font-size:{font:General Font Size};
  1086. font-family:{font:General Font};
  1087. {block:IfUppercaseText}
  1088. text-transform:uppercase;
  1089. {/block:IfUppercaseText}
  1090. {block:IfNotUppercaseText}
  1091. text-transform:normal;
  1092. {/block:IfNotUppercaseText}
  1093. }
  1094.  
  1095. li.note:hover a {
  1096. color:{color:Post Background};
  1097. -webkit-transition: all 0.6s;
  1098. -moz-transition: all 0.6s;
  1099. -ms-transition:all 0.6s;
  1100. -o-transition: all 0.6s;
  1101. transition: all 0.6s;
  1102. }
  1103.  
  1104. ol.notes li.note img.avatar {
  1105. width:0px;
  1106. height:0px;
  1107. }
  1108.  
  1109. /* --- NOTES ---*/
  1110.  
  1111. /* --- SELECTION ---*/
  1112.  
  1113. ::selection {
  1114. background-color:{color:Links};
  1115. color:{color:Contra Accent};
  1116. border-radius:2px;
  1117. padding:2px;
  1118. }
  1119.  
  1120. ::-moz-selection {
  1121. background-color:{color:Links};
  1122. color:{color:Contra Accent};
  1123. border-radius:2px;
  1124. padding:2px;
  1125. }
  1126.  
  1127. /* --- SELECTION ---*/
  1128.  
  1129. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1130.  
  1131. .credit, .credit a {
  1132. width:12px;
  1133. height:12px;
  1134. bottom:7px;
  1135. right:10px;
  1136. padding:2px;
  1137. font-size:8px;
  1138. letter-spacing:1px;
  1139. color:white;
  1140. z-index:1;
  1141. line-height:12px;
  1142. position:fixed;
  1143. display:block;
  1144. text-align:center;
  1145. font-family:calibri;
  1146. text-decoration:none;
  1147. text-transform:uppercase;
  1148. background-color:{color:Accent 1};
  1149. border:1px solid #cccccc;
  1150. z-index:999999999999999999999999999999999999999;
  1151. -webkit-transition: all 0.5s ease-in-out;
  1152. -moz-transition: all 0.5s ease-in-out;
  1153. -o-transition: all 0.5s ease-in-out;
  1154. transition: all 0.5s ease-in-out;
  1155. }
  1156.  
  1157. .credit a:hover {
  1158. -webkit-transition: all 0.5s ease-in-out;
  1159. -moz-transition: all 0.5s ease-in-out;
  1160. -o-transition: all 0.5s ease-in-out;
  1161. transition: all 0.5s ease-in-out;
  1162. background-color:black;
  1163. color:white;
  1164. transform:rotate(360deg);
  1165. -ms-transform:rotate(360deg);
  1166. -webkit-transform:rotate(360deg);}
  1167.  
  1168. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1169.  
  1170. /* --- UPDATES TAB ---*/
  1171. /* UPDATES TAB */
  1172.  
  1173. #tab15 {
  1174. position:fixed;
  1175. left:10px;
  1176. top:8px;
  1177. width:130px;
  1178. padding:10px;
  1179. z-index:99999999999999999999999999999;
  1180. font-size:{font:General Font Size};
  1181. font-family:{font:General Font};
  1182. {block:IfUppercaseText}
  1183. text-transform:uppercase;
  1184. {/block:IfUppercaseText}
  1185. {block:IfNotUppercaseText}
  1186. text-transform:normal;
  1187. {/block:IfNotUppercaseText}
  1188. }
  1189.  
  1190. #tab15 a{
  1191. text-decoration:none;
  1192. color:{color:Links};
  1193. -webkit-transition: all 0.5s ease-in-out;
  1194. -moz-transition: all 0.5s ease-in-out;
  1195. -o-transition: all 0.5s ease-in-out;
  1196. transition: all 0.5s ease-in-out;
  1197. }
  1198.  
  1199. #tab15 a:hover{
  1200. background:none;
  1201. color:{color:Alternative Accent};
  1202. -webkit-transition: all 0.5s ease-in-out;
  1203. -moz-transition: all 0.5s ease-in-out;
  1204. -o-transition: all 0.5s ease-in-out;
  1205. transition: all 0.5s ease-in-out;
  1206. }
  1207.  
  1208. .tab15textbox {
  1209. width:99px;
  1210. height:0px;
  1211. padding:0px 10px;
  1212. line-height:110%;
  1213. margin-left:5px;
  1214. margin-bottom:5px;
  1215. overflow:hidden;
  1216. border:1px solid {color:Post Border};
  1217. opacity:1;
  1218. background:{color:Post Background};
  1219. text-align:left;
  1220. -webkit-transition:0.5s;
  1221. -moz-transition:0.5s;
  1222. -ms-transition:0.5s;
  1223. -o-transition:0.5s;
  1224. transition:0.5s;
  1225. }
  1226.  
  1227. .click1 .tab15textbox {
  1228. opacity:1;
  1229. overflow:hidden;
  1230. padding:10px 10px;
  1231. height:120px;
  1232. }
  1233.  
  1234. .click1 #tab15line1 {
  1235. {block:IfNot5AccentColours}
  1236. background:{color:Alternative Accent};color:{color:Contra Accent};
  1237. {/block:IfNot5AccentColours}
  1238. {block:If5AccentColours}
  1239. background:{color:Accent 1};color:{color:Contra Accent};
  1240. {/block:If5AccentColours}
  1241. }
  1242.  
  1243. .click1 #tab15line2 {
  1244. {block:IfNot5AccentColours}
  1245. background:{color:Alternative Accent};color:{color:Contra Accent};
  1246. {/block:IfNot5AccentColours}
  1247. {block:If5AccentColours}
  1248. background:{color:Accent 2};color:{color:Contra Accent};
  1249. {/block:If5AccentColours}
  1250. }
  1251.  
  1252. .click1 #tab15line3 {
  1253. {block:IfNot5AccentColours}
  1254. background:{color:Alternative Accent};color:{color:Contra Accent};
  1255. {/block:IfNot5AccentColours}
  1256. {block:If5AccentColours}
  1257. background:{color:Accent 3};color:{color:Contra Accent};
  1258. {/block:If5AccentColours}
  1259. }
  1260.  
  1261. .click1 #tab15line4 {
  1262. {block:IfNot5AccentColours}
  1263. background:{color:Alternative Accent};color:{color:Contra Accent};
  1264. {/block:IfNot5AccentColours}
  1265. {block:If5AccentColours}
  1266. background:{color:Accent 4};color:{color:Contra Accent};
  1267. {/block:If5AccentColours}
  1268. }
  1269.  
  1270. .click1 #tab15line5 {
  1271. {block:IfNot5AccentColours}
  1272. background:{color:Alternative Accent};color:{color:Contra Accent};
  1273. {/block:IfNot5AccentColours}
  1274. {block:If5AccentColours}
  1275. background:{color:Accent 5};color:{color:Contra Accent};
  1276. {/block:If5AccentColours}
  1277. }
  1278.  
  1279. /* UPDATES TAB */
  1280.  
  1281. /* --- UPDATES TAB BOX 1 ---*/
  1282.  
  1283. #tab15line1 {
  1284. height:14px;
  1285. width:111px;
  1286. margin-top:0px;
  1287. display: inline-block;
  1288. float:left;
  1289. margin-bottom:3px;
  1290. line-height:14.5px;
  1291. margin-left:5px;
  1292. color:{color:Links};
  1293. text-align:left;
  1294. letter-spacing:1px;
  1295. background:{color:Post Background};
  1296. font-size:{font:General Font Size};
  1297. padding-left:6px;
  1298. border-left:4px solid {color:Links};
  1299. -webkit-transition:0.5s;
  1300. -moz-transition:0.5s;
  1301. -ms-transition:0.5s;
  1302. -o-transition:0.5s;
  1303. transition:0.5s;
  1304. }
  1305.  
  1306. #tab15line1:hover {
  1307. {block:IfNot5AccentColours}
  1308. box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};
  1309. {/block:IfNot5AccentColours}
  1310. {block:If5AccentColours}
  1311. box-shadow:inset 118px 0px 0 {color:Accent 1};color:{color:Contra Accent};
  1312. {/block:If5AccentColours}
  1313. -webkit-transition:0.5s;
  1314. -moz-transition:0.5s;
  1315. -ms-transition:0.5s;
  1316. -o-transition:0.5s;
  1317. transition:0.5s;
  1318. }
  1319.  
  1320. /* --- UPDATES TAB BOX 1 ---*/
  1321.  
  1322. /* --- UPDATES TAB BOX 2 ---*/
  1323.  
  1324. #tab15line2 {
  1325. height:14px;
  1326. width:111px;
  1327. margin-top:-2px;
  1328. display: inline-block;
  1329. float:left;
  1330. margin-bottom:3px;
  1331. line-height:14.5px;
  1332. margin-left:5px;
  1333. color:{color:Links};
  1334. text-align:left;
  1335. letter-spacing:1px;
  1336. background:{color:Post Background};
  1337. font-size:{font:General Font Size};
  1338. padding-left:6px;
  1339. border-left:4px solid {color:Links};
  1340. -webkit-transition:0.5s;
  1341. -moz-transition:0.5s;
  1342. -ms-transition:0.5s;
  1343. -o-transition:0.5s;
  1344. transition:0.5s;
  1345. }
  1346.  
  1347. #tab15line2:hover {
  1348. {block:IfNot5AccentColours}
  1349. box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};
  1350. {/block:IfNot5AccentColours}
  1351. {block:If5AccentColours}
  1352. box-shadow:inset 118px 0px 0 {color:Accent 2};color:{color:Contra Accent};
  1353. {/block:If5AccentColours}
  1354. -webkit-transition:0.5s;
  1355. -moz-transition:0.5s;
  1356. -ms-transition:0.5s;
  1357. -o-transition:0.5s;
  1358. transition:0.5s;
  1359. }
  1360.  
  1361. /* --- UPDATES TAB BOX 2 ---*/
  1362.  
  1363. /* --- UPDATES TAB BOX 3 ---*/
  1364.  
  1365. #tab15line3 {
  1366. height:14px;
  1367. width:111px;
  1368. margin-top:-2px;
  1369. display: inline-block;
  1370. float:left;
  1371. margin-bottom:3px;
  1372. line-height:14.5px;
  1373. margin-left:5px;
  1374. color:{color:Links};
  1375. text-align:left;
  1376. letter-spacing:1px;
  1377. background:{color:Post Background};
  1378. font-size:{font:General Font Size};
  1379. padding-left:6px;
  1380. border-left:4px solid {color:Links};
  1381. -webkit-transition:0.5s;
  1382. -moz-transition:0.5s;
  1383. -ms-transition:0.5s;
  1384. -o-transition:0.5s;
  1385. transition:0.5s;
  1386. }
  1387.  
  1388. #tab15line3:hover {
  1389. {block:IfNot5AccentColours}
  1390. box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};
  1391. {/block:IfNot5AccentColours}
  1392. {block:If5AccentColours}
  1393. box-shadow:inset 118px 0px 0 {color:Accent 3};color:{color:Contra Accent};
  1394. {/block:If5AccentColours}
  1395. -webkit-transition:0.5s;
  1396. -moz-transition:0.5s;
  1397. -ms-transition:0.5s;
  1398. -o-transition:0.5s;
  1399. transition:0.5s;
  1400. }
  1401.  
  1402. /* --- UPDATES TAB BOX 3 ---*/
  1403.  
  1404. /* --- UPDATES TAB BOX 4 ---*/
  1405.  
  1406. #tab15line4 {
  1407. height:14px;
  1408. width:111px;
  1409. margin-top:-2px;
  1410. display: inline-block;
  1411. float:left;
  1412. margin-bottom:3px;
  1413. line-height:14.5px;
  1414. margin-left:5px;
  1415. color:{color:Links};
  1416. text-align:left;
  1417. letter-spacing:1px;
  1418. background:{color:Post Background};
  1419. font-size:{font:General Font Size};
  1420. padding-left:6px;
  1421. border-left:4px solid {color:Links};
  1422. -webkit-transition:0.5s;
  1423. -moz-transition:0.5s;
  1424. -ms-transition:0.5s;
  1425. -o-transition:0.5s;
  1426. transition:0.5s;
  1427. }
  1428.  
  1429. #tab15line4:hover {
  1430. {block:IfNot5AccentColours}
  1431. box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};
  1432. {/block:IfNot5AccentColours}
  1433. {block:If5AccentColours}
  1434. box-shadow:inset 118px 0px 0 {color:Accent 4};color:{color:Contra Accent};
  1435. {/block:If5AccentColours}
  1436. -webkit-transition:0.5s;
  1437. -moz-transition:0.5s;
  1438. -ms-transition:0.5s;
  1439. -o-transition:0.5s;
  1440. transition:0.5s;
  1441. }
  1442.  
  1443. /* --- UPDATES TAB BOX 4 ---*/
  1444.  
  1445. /* --- UPDATES TAB BOX 5 ---*/
  1446.  
  1447. #tab15line5 {
  1448. height:14px;
  1449. width:111px;
  1450. margin-top:-2px;
  1451. display: inline-block;
  1452. float:left;
  1453. margin-bottom:3px;
  1454. line-height:14.5px;
  1455. margin-left:5px;
  1456. color:{color:Links};
  1457. text-align:left;
  1458. letter-spacing:1px;
  1459. background:{color:Post Background};
  1460. font-size:{font:General Font Size};
  1461. padding-left:6px;
  1462. border-left:4px solid {color:Links};
  1463. -webkit-transition:0.5s;
  1464. -moz-transition:0.5s;
  1465. -ms-transition:0.5s;
  1466. -o-transition:0.5s;
  1467. transition:0.5s;
  1468. }
  1469.  
  1470. #tab15line5:hover {
  1471. {block:IfNot5AccentColours}
  1472. box-shadow:inset 118px 0px 0 {color:Alternative Accent};color:{color:Contra Accent};
  1473. {/block:IfNot5AccentColours}
  1474. {block:If5AccentColours}
  1475. box-shadow:inset 118px 0px 0 {color:Accent 5};color:{color:Contra Accent};
  1476. {/block:If5AccentColours}
  1477. -webkit-transition:0.5s;
  1478. -moz-transition:0.5s;
  1479. -ms-transition:0.5s;
  1480. -o-transition:0.5s;
  1481. transition:0.5s;
  1482. }
  1483.  
  1484. /* --- UPDATES TAB ---*/
  1485.  
  1486. {CustomCSS}</style>
  1487.  
  1488. </head><body>
  1489.  
  1490. {block:IfUpdatesTab}
  1491.  
  1492. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  1493. <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  1494.  
  1495. <script>
  1496. $(document).ready(function(){
  1497. $(".updatesbox").click(function(){
  1498. $(this).toggleClass("click1");
  1499. });
  1500. });
  1501. </script>
  1502.  
  1503. <script>
  1504. $(document).ready(function(){
  1505. $("#updates").mouseleave(function(){
  1506. $(".updatesbox").removeClass("click1");
  1507. });
  1508. });
  1509. </script>
  1510.  
  1511. <div id="tab15">
  1512.  
  1513. <!-- UPDATES TAB BOX 1 START -->
  1514.  
  1515. <div class="updatesbox">
  1516. <a title="click">
  1517. <div id="tab15line1">Tab Box #1</div>
  1518. </a>
  1519. <div class="tab15textbox">
  1520. {block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 1}";><FONT COLOR=#FFFFFF>TAB BOX 1</FONT></div>{/block:If5AccentColours}
  1521. {block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 1</FONT></div>{/block:IfNot5AccentColours}</p>
  1522.  
  1523. This is where your text belongs.</p>
  1524. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.
  1525. New paragraph with < p > < / p > and a new line with < br > without the spaces</p>
  1526. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1527. </div>
  1528. </div>
  1529.  
  1530. <!-- UPDATES TAB BOX 1 END -->
  1531.  
  1532. <!-- UPDATES TAB BOX 2 START -->
  1533.  
  1534. <div class="updatesbox">
  1535. <a title="click">
  1536. <div id="tab15line2">Updates Tab #2</div>
  1537. </a>
  1538. <div class="tab15textbox">
  1539. {block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 2}";><FONT COLOR=#FFFFFF>TAB BOX 2</FONT></div>{/block:If5AccentColours}
  1540. {block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 2</FONT></div>{/block:IfNot5AccentColours}</p>
  1541.  
  1542. This is where your text belongs.</p>
  1543. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.
  1544. New paragraph with < p > < / p > and a new line with < br > without the spaces</p>
  1545. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1546. </div>
  1547. </div>
  1548.  
  1549. <!-- UPDATES TAB BOX 2 END -->
  1550.  
  1551. <!-- UPDATES TAB BOX 3 START -->
  1552.  
  1553. <div class="updatesbox">
  1554. <a title="click">
  1555. <div id="tab15line3">Tab Box #3</div>
  1556. </a>
  1557. <div class="tab15textbox">
  1558. {block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 3}";><FONT COLOR=#FFFFFF>TAB BOX 3</FONT></div>{/block:If5AccentColours}
  1559. {block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 3</FONT></div>{/block:IfNot5AccentColours}</p>
  1560.  
  1561. This is where your text belongs.</p>
  1562. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.
  1563. New paragraph with < p > < / p > and a new line with < br > without the spaces</p>
  1564. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1565. </div>
  1566. </div>
  1567.  
  1568. <!-- UPDATES TAB BOX 3 END -->
  1569.  
  1570. <!-- UPDATES TAB BOX 4 START -->
  1571.  
  1572. <div class="updatesbox">
  1573. <a title="click">
  1574. <div id="tab15line4">Updates Tab #4</div>
  1575. </a>
  1576. <div class="tab15textbox">
  1577. {block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 4}";><FONT COLOR=#FFFFFF>TAB BOX 4</FONT></div>{/block:If5AccentColours}
  1578. {block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 4</FONT></div>{/block:IfNot5AccentColours}</p>
  1579.  
  1580. This is where your text belongs.</p>
  1581. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.
  1582. New paragraph with < p > < / p > and a new line with < br > without the spaces</p>
  1583. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1584. </div>
  1585. </div>
  1586.  
  1587. <!-- UPDATES TAB BOX 4 END -->
  1588.  
  1589. <!-- UPDATES TAB BOX 5 START -->
  1590.  
  1591. <div class="updatesbox">
  1592. <a title="click">
  1593. <div id="tab15line5">Tab Box #5</div>
  1594. </a>
  1595. <div class="tab15textbox">
  1596. {block:If5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Accent 5}";><FONT COLOR=#FFFFFF>TAB BOX 5</FONT></div>{/block:If5AccentColours}
  1597. {block:IfNot5AccentColours}<div style="width:auto;text-align:center;line-height:8px;padding:4px;background-color:{color:Alternative Accent}";><FONT COLOR=#FFFFFF>TAB BOX 5</FONT></div>{/block:IfNot5AccentColours}</p>
  1598.  
  1599. This is where your text belongs.</p>
  1600. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s>.
  1601. New paragraph with < p > < / p > and a new line with < br > without the spaces</p>
  1602. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1603.  
  1604. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a>
  1605. </div>
  1606. </div>
  1607.  
  1608. <!-- UPDATES TAB BOX 5 END -->
  1609.  
  1610. </div>
  1611.  
  1612. {/block:IfUpdatesTab}
  1613.  
  1614.  
  1615. <div id="header">
  1616. <div id="image"><img src="{image:Header Image}"></div>
  1617. </div>
  1618.  
  1619. <div id="sidebar">
  1620. <div id="links">
  1621. <a href="/" title="{text:Home Link}"> · </a>
  1622. <a href="/ask" title="{text:Message Link}"> · </a>
  1623. <a href="{text:Link1 Url}" title="{text:Link1 Name}"> · </a>
  1624. <a href="{text:Link2 Url}" title="{text:Link2 Name}"> · </a>
  1625. <a href="{text:Link3 Url}" title="{text:Link3 Name}"> · </a>
  1626. <a href="{text:Link4 Url}" title="{text:Link4 Name}"> · </a>
  1627. <a href="{text:Link5 Url}" title="{text:Link5 Name}"> · </a>
  1628. <a href="{text:Link6 Url}" title="{text:Link6 Name}"> · </a>
  1629. <a href="{text:Link7 Url}" title="{text:Link7 Name}"> · </a>
  1630. <a href="{text:Link8 Url}" title="{text:Link8 Name}"> · </a>
  1631. </div>
  1632.  
  1633. <div id="images">
  1634. <div id="one"><img width="300%" src="{image:Sidebar Image}"></div>
  1635. <div id="two"><img width="300%" style="margin-left:-100%;" src="{image:Sidebar Image}"></div>
  1636. <div id="three"><img width="300%" style="margin-left:-200%;" src="{image:Sidebar Image}"></div></div>
  1637.  
  1638. <div id="title">{Title}</div>
  1639. <div id="description">{Description}</div>
  1640.  
  1641. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">Previous Page</a>{/block:PreviousPage}</br>{block:NextPage}<a href="{NextPage}">Next Page</a>{/block:NextPage}</div>{/block:Pagination} </div></div>
  1642.  
  1643. <div id="big">
  1644. <div id="content">
  1645.  
  1646. {block:Posts}
  1647. <article class="entries">
  1648.  
  1649.  
  1650. <!----- INFO SECTION ----->
  1651.  
  1652. {block:Date}<div id="info"><a href="{Permalink}" title="Posted: {DayofMonth}. {Month} {Year} | {TimeAgo}">1</a><a href="{Permalink}" title="{NoteCountWithLabel}">{block:NoteCount}2</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="From: {ReblogParentName}" target="blank">3</a>{/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source: {ReblogRootName}" target="blank">4</a>{/block:RebloggedFrom}{/block:Date}<a href="{ReblogURL}" title="Reblog" target="_blank">5</a></div>
  1653.  
  1654. <div class="post-meta"><div class="type"><div id="button">
  1655. <a href="{Permalink}">{block:Text}Text{/block:Text}{block:Photo}Photo{/block:Photo}{block:Photoset}Photoset{/block:Photoset}{block:Quote}Quote{/block:Quote}{block:Link}Link{/block:Link}{block:Chat}Chat{/block:Chat}{block:Video}Video{/block:Video}{block:Audio}Audio{/block:Audio}{block:Answer}Question{/block:Answer}</a> <a href="{Permalink}">Permalink</a></div></div>
  1656.  
  1657. </div>
  1658.  
  1659. <!----- INFO SECTION ----->
  1660.  
  1661. <div class="post">
  1662. <div class="po">
  1663.  
  1664. {block:ContentSource}
  1665. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1666. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1667. {/block:SourceLogo}
  1668. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1669. {/block:ContentSource}
  1670.  
  1671. <!----- TEXT / PHOTO / PHOTOSET ----->
  1672.  
  1673. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1674.  
  1675. {block:Photo}
  1676. {LinkOpenTag}<div class="imgp"><img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"/></div>{LinkCloseTag}{block:Caption}{block:ifShowCaptions}<span class="caption">{Caption}</span>{/block:ifShowCaptions}{/block:Caption}{/block:Photo}
  1677.  
  1678. {block:Photoset}
  1679. <div class="imgp"><div class="pset">{block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}{Photoset-250}{/block:if250pxPosts}{block:ifNot250pxPosts}{Photoset-400}{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}{Photoset-500}{/block:ifOneColumn}{/block:IndexPage}
  1680. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div></div>{block:Caption}{block:ifShowCaptions}<span class="caption">{Caption}</span>{/block:ifShowCaptions}{/block:Caption}{/block:Photoset}
  1681.  
  1682. <!----- TEXT / PHOTO / PHOTOSET ----->
  1683.  
  1684. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1685.  
  1686. {block:Quote}<div class="quote"><h2>{Quote}</h2></div>{block:Source}<div class="quote-source">{Source}</div>{/block:Source}{/block:Quote}
  1687.  
  1688. {block:Video}<div class="imgp"><div class="pset">{block:IndexPage}{block:ifNotOneColumn}{block:if250pxPosts}{Video-250}{/block:if250pxPosts}{block:ifNot250pxPosts}{Video-400}{/block:ifNot250pxPosts}{/block:ifNotOneColumn}{block:ifOneColumn}{Video-500}{/block:ifOneColumn}{block:IndexPage}
  1689. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div></div>
  1690. {block:Caption}{block:ifShowCaptions}
  1691. <span class="caption">{Caption}</span>
  1692. {/block:ifShowCaptions}{/block:Caption}{/block:Video}
  1693.  
  1694. {block:Link}<a href="{URL}" target="_blank" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1695.  
  1696. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}</p>{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;
  1697. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  1698.  
  1699. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1700.  
  1701. <!----- AUDIO POSTS ----->
  1702.  
  1703. {block:Audio}
  1704. <div id="audio">
  1705. <div id="audiobackground"><div id="audioplayer">{AudioPlayer}</div></div>
  1706. <img id="audioimage" style="max-width:60px;" img src="http://www.i2symbol.com/images/symbols/music/beamed_sixteenth_notes_u266C_icon_256x256.png"/>
  1707. {block:AlbumArt}<img id="audioimage" style="max-width:60px;" src="{AlbumArtURL}" />{/block:AlbumArt}<div id="audiobig">
  1708. {block:TrackName}<div id="audioinfo"><b>Track: </b>{TrackName}</div>{/block:TrackName}{block:Artist}<div id="audioinfo"><b>Artist: </b> {Artist}</div>{/block:Artist}{block:Album}<div id="audioinfo"><b>Album: </b>{Album}</div>{/block:Album}<div id="audioinfo"><b>Played: </b>{PlayCountWithLabel}</div>
  1709. </div></div>{block:ifshowcaptions}
  1710. <span class="caption">{Caption}</span>
  1711. {/block:ifshowcaptions}
  1712. {/block:Audio}
  1713.  
  1714. <!----- AUDIO POSTS ----->
  1715.  
  1716. <!----- ASKS POSTS ----->
  1717.  
  1718. {block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}</div></p><div id="answer">{Answer}</div>{/block:Answer}
  1719.  
  1720. <!----- ASKS POSTS ----->
  1721.  
  1722. </div></div>
  1723.  
  1724. <!----- INFO SECTION ----->
  1725.  
  1726. <!----- INFO SECTION ----->
  1727.  
  1728. <!----- PAGE PAGINATION ----->
  1729.  
  1730. <div class="pagepagination">
  1731. {block:PermalinkPagination}
  1732. {block:PreviousPost}
  1733. <a href="{PreviousPost}">⇚&nbsp;&nbsp;go to Previous Post</a>
  1734. {/block:PreviousPost}
  1735. {block:NextPost}
  1736. <a href="{NextPost}" style="position:absolute; right:0;">go to Next Post&nbsp;&nbsp;⇛</a>
  1737. {/block:NextPost}
  1738. {/block:PermalinkPagination}
  1739. </div>
  1740.  
  1741. <!----- PAGE PAGINATION ----->
  1742.  
  1743. {block:PermalinkPage}{block:HasTags}<div class="tags"><div style="width:510px;text-align:center;line-height:8px;margin-top:7px; padding:4px;background-color:{color:Links}";><FONT COLOR=#FFFFFF>TAGS:</FONT></div>{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
  1744.  
  1745. <!----- NOTES ----->
  1746.  
  1747. {block:PostNotes}
  1748. <div class="pagenotes">{PostNotes}</div>
  1749. {/block:PostNotes}
  1750.  
  1751. <!----- NOTES ----->
  1752.  
  1753. {block:IndexPage}{block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  1754.  
  1755. </article>{/block:Posts}</div>
  1756.  
  1757. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1758. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1759. {block:IfInfiniteScroll}
  1760. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1761. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1762. {/block:IfInfiniteScroll}
  1763.  
  1764. <script>
  1765. (function() {
  1766. var $tumblelog = $('#content');
  1767. {block:IfInfiniteScroll}
  1768. $tumblelog.infinitescroll({
  1769. navSelector : ".pagination",
  1770. nextSelector : ".pagination a:first",
  1771. itemSelector : "article",
  1772. bufferPx : 50,
  1773. done : "",
  1774. loading: {
  1775. finishedMsg: "<p> </p>",
  1776. img : " ",
  1777. msg: null,
  1778. msgText: "<p> </p>"
  1779. },
  1780. },
  1781. function( newElements ) {
  1782. var $newElems = $( newElements ).css({ opacity: 0 });
  1783. $newElems.imagesLoaded(function(){
  1784. $newElems.animate({ opacity: 1 });
  1785. $tumblelog.masonry( 'appended', $newElems);
  1786. });
  1787. }
  1788. );
  1789. {/block:IfInfiniteScroll}
  1790. $tumblelog.imagesLoaded( function(){
  1791. $tumblelog.masonry({
  1792. columnWidth: function( containerWidth ) {
  1793. return containerWidth / 100;
  1794. }
  1795. });
  1796. });
  1797. })();
  1798. </script><script>
  1799. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1800. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1801. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1802. s.parentNode.insertBefore(g,s)}(document,'script'));
  1803. </script>
  1804.  
  1805. <span class="credit">
  1806. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a></span>
  1807.  
  1808. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement