Advertisement
iamthemelocked

Iamthemelocked #148 - Integrity

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