API tools faq
paste
elshel

Zayn Malik Theme

elshel
Jun 30th, 2014
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  9. <meta name="description" content="" />
  10. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  11.  
  12. <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=”text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <!------------
  19. META
  20. ------------->
  21. <meta name="if:Small Screen Version" content="0"/>
  22. <meta name="if:Show Post Info" content="0"/>
  23. <meta name="if:Show Note Count" content="1"/>
  24. <meta name="if:Show Post Date" content="0"/>
  25. <meta name="if:Show Tags" content="1"/>
  26.  
  27. <meta name="text:Link 1 URL" content=""/>
  28. <meta name="text:Link 1 Name" content=""/>
  29. <meta name="text:Link 2 URL" content=""/>
  30. <meta name="text:Link 2 Name" content=""/>
  31.  
  32. <meta name="color:Background" content="#fff"/>
  33. <meta name="color:Post Text" content="#5b5b5b"/>
  34. <meta name="color:Tags" content="#aa9e28"/>
  35. <meta name="color:Link Hover" content="#aea79f"/>
  36. <meta name="color:Accent 1" content="#cb2c30"/>
  37. <meta name="color:Accent 2" content="#2d1c2c"/>
  38. <meta name="color:Accent 3" content="#1d121d"/>
  39. <meta name="color:Accent 4" content="#a8cada"/>
  40. <meta name="color:Extra Link 1" content="#90424f"/>
  41. <meta name="color:Extra Link 2" content="#e2e2e2"/>
  42.  
  43.  
  44. <!-----------
  45. FONTS
  46. ------------>
  47. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  48.  
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/idxyunh/WDPn85vkw/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("[title]").style_my_tooltips({
  56. tip_follows_cursor: true,
  57. tip_delay_time:400,
  58. tip_fade_speed:300,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. #s-m-t-tooltip{
  69. z-index:10;
  70. margin: 20px 14px 7px 12px;
  71. padding: 8px 12px;
  72. background: {color:Tags};
  73. font-size: 8px;
  74. line-height: 120%;
  75. color: {color:Background};
  76. letter-spacing: +1px;
  77. text-transform: uppercase;
  78. }
  79.  
  80. body {
  81. font-family: helvetica;
  82. font-size: 11px;
  83. color: {color:Post Text};
  84. background-color: {color:Background};
  85. }
  86. a {
  87. color: {color:Post Text};
  88. text-decoration: none;
  89. -moz-transition-duration: 0.6s;
  90. -o-transition-duration: 0.6s;
  91. -webkit-transition-duration: 0.6s;
  92. transition-duration: 0.6s;
  93. }
  94. a:hover {
  95. color: {color:Link Hover};
  96. border-bottom: 1px solid {color:Tags};
  97. -moz-transition-duration: 0.7s;
  98. -o-transition-duration: 0.7s;
  99. -webkit-transition-duration: 0.7s;
  100. transition-duration: 0.7s;
  101. }
  102. blockquote {
  103. border-left: {color:Accent 4} 2px solid;
  104. padding-left: 5px;
  105. }
  106.  
  107.  
  108. .container {
  109. width:800px;
  110. margin: 10px auto;
  111. }
  112. .postcol {
  113. {block:IndexPage}
  114. height: 686px;
  115. {block:ifSmallScreenVersion}
  116. height: 450px;
  117. {/block:ifSmallScreenVersion}
  118. overflow-y: scroll;
  119. {/block:IndexPage}
  120. width: 500px;
  121. padding: 0 25px;
  122. margin: 25px auto;
  123. position: relative;
  124. z-index: 10000;
  125. }
  126. .posts {
  127. padding-bottom: 50px;
  128. margin: 15px auto;
  129. }
  130. .posts img {
  131. max-width: 100%;
  132. }
  133. /*BLOG STUFF*/
  134. .blog {
  135. width: 275px;
  136. font-family: Caslon;
  137. font-size: 38px;
  138. text-transform: uppercase;
  139. }
  140. .desc {
  141. font-family: helvetica;
  142. font-size: 11px;
  143. text-align: justify;
  144. }
  145. /*TOP LINKS*/
  146. .toplinks {
  147. background-color: {color:Background};
  148. width: 550px;
  149. margin: 0 auto;
  150. }
  151. .toplinks td {
  152. max-width: 184px;
  153. }
  154. .mainlinks {
  155. width: 50px;
  156. margin: 0 auto;
  157. }
  158. .home {
  159. background-color: {color:Accent 1};
  160. opacity: 0.8;
  161. width: 50px;
  162. height: 25px;
  163. margin: 0 auto 4px auto;
  164. position: relative;
  165. -moz-transition-duration: 0.7s;
  166. -o-transition-duration: 0.7s;
  167. -webkit-transition-duration: 0.7s;
  168. transition-duration: 0.7s;
  169. }
  170. .ask {
  171. background-color: {color:Accent 2};
  172. opacity: 0.8;
  173. width: 50px;
  174. height: 25px;
  175. margin: 0 auto 4px auto;
  176. position: relative;
  177. -moz-transition-duration: 0.7s;
  178. -o-transition-duration: 0.7s;
  179. -webkit-transition-duration: 0.7s;
  180. transition-duration: 0.7s;
  181. }
  182. .archive {
  183. background-color: {color:Accent 3};
  184. opacity: 0.7;
  185. width: 50px;
  186. height: 25px;
  187. margin: 0 auto 4px auto;
  188. position: relative;
  189. -moz-transition-duration: 0.7s;
  190. -o-transition-duration: 0.7s;
  191. -webkit-transition-duration: 0.7s;
  192. transition-duration: 0.7s;
  193. }
  194. .submit {
  195. background-color: {color:Accent 4};
  196. opacity: 0.7;
  197. width: 50px;
  198. height: 25px;
  199. margin: 0 auto 4px auto;
  200. position: relative;
  201. -moz-transition-duration: 0.7s;
  202. -o-transition-duration: 0.7s;
  203. -webkit-transition-duration: 0.7s;
  204. transition-duration: 0.7s;
  205. }
  206. .link1 {
  207. background-color: {color:Extra Link 1};
  208. opacity: 0.6;
  209. width: 50px;
  210. height: 25px;
  211. margin: 0 auto 4px auto;
  212. position: relative;
  213. -moz-transition-duration: 0.7s;
  214. -o-transition-duration: 0.7s;
  215. -webkit-transition-duration: 0.7s;
  216. transition-duration: 0.7s;
  217. }
  218. .link2 {
  219. background-color: {color:Extra Link 2};
  220. opacity: 0.5;
  221. width: 50px;
  222. height: 25px;
  223. margin: 0 auto 4px auto;
  224. position: relative;
  225. -moz-transition-duration: 0.7s;
  226. -o-transition-duration: 0.7s;
  227. -webkit-transition-duration: 0.7s;
  228. transition-duration: 0.7s;
  229. }
  230.  
  231. .home:hover, .ask:hover, .archive:hover, .submit:hover, .link1:hover, .link2:hover {
  232. opacity: 1;
  233. -moz-transition-duration: 0.5s;
  234. -o-transition-duration: 0.5s;
  235. -webkit-transition-duration: 0.5s;
  236. transition-duration: 0.5s;
  237. }
  238. /*QUOTE*/
  239. .quote {
  240. padding: 0 25px;
  241. }
  242. .quotetext_short {
  243. font-size: 24px;
  244. font-style: italic;
  245. }
  246. .quotetext_medium {
  247. font-size: 20px;
  248. font-style: italic;
  249. }
  250. .quotetext_long {
  251. font-size: 18px;
  252. font-style: italic;
  253. }
  254. .source {
  255. text-align: right;
  256. padding: 20px 0;
  257. }
  258.  
  259. /*LINK*/
  260. h2 {
  261. text-align: center;
  262. }
  263. /*CHAT*/
  264. .chat ul{
  265. list-style: none;
  266. }
  267. li .label {
  268. font-weight: bold;
  269. }
  270. /*PHOTO*/
  271. .photo img {
  272. max-width: 500px;
  273. margin: 0 auto;
  274. }
  275. /*AUDIO*/
  276. .cover {
  277. width: 110px;
  278. position: relative;
  279. z-index: 1;
  280. }
  281. .playbox {
  282. width: 250px;
  283. background-color: {color:Background};
  284. position: absolute;
  285. z-index: 11;
  286. margin-left: 115px;
  287. margin-top: 80px;
  288. opacity: 1;
  289. -moz-transition-duration: 0.6s;
  290. -o-transition-duration: 0.6s;
  291. -webkit-transition-duration: 0.6s;
  292. transition-duration: 0.6s;
  293. }
  294. .playbox:hover {
  295. opacity: 0.5;
  296. -moz-transition-duration: 0.7s;
  297. -o-transition-duration: 0.7s;
  298. -webkit-transition-duration: 0.7s;
  299. transition-duration: 0.7s;
  300. }
  301. .playbutton {
  302. width: 20px;
  303. overflow: hidden;
  304. position: relative;
  305. z-index: 11;
  306. }
  307. .audioinfo {
  308. text-align: center;
  309. width: 242px;
  310. height: 80px;
  311. left: 115px;
  312. top: -113px;
  313. padding: 8px 4px;
  314. position: relative;
  315. z-index: 10;
  316. }
  317. .song {
  318. font-family: helvetica;
  319. color: {color:Tags};
  320. text-transform: uppercase;
  321. font-size: 16px;
  322. }
  323. .album {
  324. font-size: 8px;
  325. text-transform: uppercase;
  326. letter-spacing: +1px;
  327. padding-top: 15px;
  328. }
  329. /*ASK*/
  330. .q {
  331. color: {color:Post Text};
  332. }
  333. #asker {
  334. color: {color:Accent 1};
  335. text-transform: uppercase;
  336. }
  337. /*NAVIGATION*/
  338. .footer {
  339. width: 550px;
  340. margin: 0 auto;
  341. font-size: 16px;
  342. -moz-transition-duration: 0.7s;
  343. -o-transition-duration: 0.7s;
  344. -webkit-transition-duration: 0.7s;
  345. transition-duration: 0.7s;
  346. }
  347. .footer a:hover {
  348. border-bottom: {color:Tags} 2px solid;
  349. -moz-transition-duration: 0.7s;
  350. -o-transition-duration: 0.7s;
  351. -webkit-transition-duration: 0.7s;
  352. transition-duration: 0.7s;
  353. }
  354. .footer td {
  355. width: 75px;
  356. }
  357. .footer img {
  358. max-width: 75px;
  359. display: block;
  360. margin: 0 auto;
  361. }
  362. .navback {
  363. text-align: right;
  364. }
  365. .navnext {
  366. text-align: left;
  367. }
  368. /*CREDIT*/
  369. #credit {
  370. font-size: 11px;
  371. text-align: center;
  372. }
  373. #credit a {
  374. color: {color:Tags};
  375. }
  376. /*TAGS*/
  377. .tags {
  378. margin-bottom: 25px;
  379. margin-top: 6px;
  380. border-top: 1px solid {color:Tags};
  381. text-transform: uppercase;
  382. {block:IndexPage}{block:IfNotShowPostInfo}opacity: 0;{/block:IfNotShowPostInfo}{/block:IndexPage}
  383. -moz-transition-duration: 0.7s;
  384. -o-transition-duration: 0.7s;
  385. -webkit-transition-duration: 0.7s;
  386. transition-duration: 0.7s;
  387. }
  388. .tags:hover {
  389. {block:IndexPage}{block:IfNotShowPostInfo}opacity: 0.8;{/block:IfNotShowPostInfo}{/block:IndexPage}
  390. -moz-transition-duration: 0.3s;
  391. -o-transition-duration: 0.3s;
  392. -webkit-transition-duration: 0.3s;
  393. transition-duration: 0.3s;
  394. }
  395. .tags a {
  396. color: {color:Tags};
  397. font-size: 8px;
  398. padding: 3px 6px 0 6px;
  399. -moz-transition-duration: 0.7s;
  400. -o-transition-duration: 0.7s;
  401. -webkit-transition-duration: 0.7s;
  402. transition-duration: 0.7s;
  403. }
  404. .tags a:hover {
  405. color: {color:Link Hover};
  406. -moz-transition-duration: 0.3s;
  407. -o-transition-duration: 0.3s;
  408. -webkit-transition-duration: 0.3s;
  409. transition-duration: 0.3s;
  410. }
  411. /*INFO*/
  412. .reblog {
  413. background-color: {color:Tags};
  414. color: {color:Background};
  415. padding-bottom: 2px;
  416. }
  417. .reblog a {
  418. color: {color:Background};
  419. }
  420. .reblog a:hover {
  421. color: {color:Post Text};
  422. }
  423. .date {
  424. color: {color:Tags};
  425. padding-left: 6px;
  426. }
  427. {block:ifShowPostDate}
  428. .date:hover .two {
  429. display: none;
  430. -moz-transition-duration: 0.6s;
  431. -o-transition-duration: 0.6s;
  432. -webkit-transition-duration: 0.6s;
  433. transition-duration: 0.6s;
  434. }
  435. .date:hover .one {
  436. display: inline;
  437. -moz-transition-duration: 0.6s;
  438. -o-transition-duration: 0.6s;
  439. -webkit-transition-duration: 0.6s;
  440. transition-duration: 0.6s;
  441. }
  442. {/block:ifShowPostDate}
  443. .date .one {
  444. display:none;
  445. -moz-transition-duration: 0.6s;
  446. -o-transition-duration: 0.6s;
  447. -webkit-transition-duration: 0.6s;
  448. transition-duration: 0.6s;
  449. }
  450. /*POST NOTES*/
  451. .postnotes ol {
  452. width: 500px;
  453. list-style: none;
  454. background-color: {color:Background};
  455. margin: 0 auto;
  456. }
  457. .postnotes li {
  458. background-color: {color:Background};
  459. color: {color:Post Text};
  460. }
  461. .postnotes li a {
  462. color: {color:Post Text};
  463. -moz-transition-duration: 0.6s;
  464. -o-transition-duration: 0.6s;
  465. -webkit-transition-duration: 0.6s;
  466. transition-duration: 0.6s;
  467. }
  468. .postnotes li a:hover {
  469. color: {color:Link Hover};
  470. -moz-transition-duration: 0.7s;
  471. -o-transition-duration: 0.7s;
  472. -webkit-transition-duration: 0.7s;
  473. transition-duration: 0.7s;
  474. }
  475. /*SCROLLBAR*/
  476. {block:IndexPage}
  477. ::-webkit-scrollbar-thumb:vertical {
  478. background-color: {color:Accent 1};
  479. height: 10px;
  480. }
  481. ::-webkit-scrollbar-thumb:horizontal {
  482. background-color: {color:Accent 1};
  483. height:10px!important;
  484. }
  485. ::-webkit-scrollbar {
  486. background-color: {color:Accent 4};
  487. height:8px;
  488. width:6px;
  489. }
  490. iframe#tumblr_controls {
  491. -webkit-transition: opacity 0.7s linear;
  492. opacity: 1;
  493. -webkit-transition: all 0.4s ease-out;
  494. -moz-transition: all 0.4s ease-out;
  495. transition: all 0.4s ease-out;
  496. right:3px !important;
  497. position: fixed !important;
  498. }
  499. {/block:IndexPage}
  500.  
  501.  
  502. {CustomCSS}
  503. </style>
  504. </head>
  505.  
  506.  
  507.  
  508. <body>
  509.  
  510.  
  511.  
  512. <div class="container">
  513. <table class="toplinks">
  514. <tr>
  515. <td><div class="desc">{Description}</div></td>
  516. <td>
  517. <div class="mainlinks">
  518. <a href="/"><div class="home" title="home"></div></a>
  519. {block:AskEnabled}<a href="/ask"><div class="ask" title="ask"></div></a>{/block:AskEnabled}
  520. <a href="/archive"><div class="archive" title="archive"></div></a>
  521. {block:SubmissionsEnabled}<a href="/submit"><div class="submit" title="submit"></div></a>{/block:SubmissionsEnabled}
  522. {block:ifLink1Name}<a href="{text:Link 1 URL}"><div class="link1" title="{text:Link 1 Name}"></div></a>{/block:ifLink1Name}
  523. {block:ifLink2Name}<a href="{text:Link 2 URL}"><div class="link2" title="{text:Link 2 Name}"></div></a>{/block:ifLink2Name}
  524. </div>
  525. </td>
  526. <td><div class="blog">{Title}</div></td>
  527. </tr>
  528. </table>
  529.  
  530.  
  531. <div class="postcol">
  532. {block:Posts}
  533. <div class="posts">
  534. {block:Text}
  535. {block:Title}{Title}{/block:Title}
  536. {Body}
  537. {/block:Text}
  538.  
  539. {block:Quote}
  540. <div class="quote">
  541. <div class="quotetext_{Length}"><span class="mark">"</span>{Quote}<span class="mark">"</span></div>
  542. {block:Source}<div class="source"> {Source}</div>{/block:Source}
  543. </div>
  544. {/block:Quote}
  545.  
  546. {block:Link}
  547. <h2><a class="link" href="{LinkURL}">{Name}</a></h2>
  548. {block:Description}{Description}{/block:Description}
  549. {/block:Link}
  550.  
  551. <div class="chat">
  552. {block:Chat}
  553. {block:Title}{Title}{/block:Title}
  554. <ul>{block:Lines}
  555. <li>{block:Label}<span class="label">{Label}</span>{/block:Label}
  556. {Line}</li>
  557. {/block:Lines}
  558. </ul>
  559. {/block:Chat}
  560. </div>
  561.  
  562. <div class="photo">
  563. {block:Photo}{LinkOpenTag}
  564. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  565. {LinkCloseTag}
  566. {block:Caption}{Caption}{/block:Caption}
  567. {/block:Photo}
  568. </div>
  569.  
  570. {block:Photoset}
  571. {Photoset-500}
  572. {block:Caption}{Caption}{/block:Caption}
  573. {/block:Photoset}
  574.  
  575. {block:Video}
  576. {Video-500}
  577. {block:Caption}{Caption}{/block:Caption}
  578. {/block:Video}
  579.  
  580. {block:AudioPlayer}
  581. <div class="playbox">{AudioPlayerWhite}</div>
  582. {block:AlbumArt}
  583. <img src="{AlbumArtURL}" class="cover">
  584. {/block:AlbumArt}
  585.  
  586. <div class="audioinfo">
  587. <span class="song"><strong>{block:TrackName}{TrackName}{/block:TrackName}</strong></span><br />
  588. <div class="album">
  589. {block:Album}{Album}-{/block:Album} {block:Artist}{Artist}-{/block:Artist} {block:PlayCount}{PlayCount}{/block:PlayCount}
  590. </div>
  591. </div>
  592. {/block:AudioPlayer}
  593.  
  594.  
  595. {block:Answer}
  596. <div class="question">
  597. <table style="padding: 5px 3px;">
  598. <tr>
  599. <td style="vertical-align:top;"><span id="asker"><strong>{Asker}:<br /></strong></span><span class="q">{Question}</span></td>
  600. </tr>
  601. </table>
  602. </div>
  603. {Answer}
  604. {/block:Answer}
  605.  
  606.  
  607. <div class="tags">
  608. {block:ifShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}
  609. <span class="reblog">
  610. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>+<a href="{ReblogRootURL}">SOURCE</a>{/block:RebloggedFrom}
  611. </span>
  612. {block:ifShowNoteCount}
  613. <span class="date">
  614. <a href="{Permalink}"><span class="one">{block:Date}{DayOfMonthWithZero} {ShortMonth} {Year}{/block:Date}</span><span class="two">{block:NoteCount}{NoteCount} notes{/block:Notecount}</span></a>
  615. </span>
  616. {/block:ifShowNoteCount}
  617. </div>
  618.  
  619.  
  620. </div><!--POST-->
  621. {/block:Posts}
  622.  
  623.  
  624.  
  625.  
  626. </div><!--POSTCOL-->
  627.  
  628.  
  629.  
  630. <table class="footer">
  631. <tr>
  632. <td><div class="navback">
  633. {block:Pagination}
  634. {block:PreviousPage}<a class="back" href="{PreviousPage}">-</a>{/block:PreviousPage}
  635. </div></td>
  636. <td id="credit">
  637. <a href="http://irrelevantdivision.tumblr.com">IDTHEMES</a></td>
  638. <td><div class="navnext">
  639. {block:NextPage}<a class="next" href="{NextPage}">+</a>{/block:NextPage}
  640. {/block:Pagination}
  641. </div>
  642. </td>
  643. </tr>
  644. </table>
  645.  
  646. <div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  647.  
  648. </div><!--CON-->
  649.  
  650.  
  651.  
  652. </body>
  653. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!