API tools faq
paste
elshel

Niall Horan ! theme (horizontal)

elshel
Jun 26th, 2014
1,652
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--------NIALL HORAN !---------
  3. MADE BY irrelevantdivision.tumblr.com
  4. --------------------------------
  5. last update (m/d/y): 11/30/15
  6.  
  7. rules of usage:
  8. -DO NOT REMOVE CREDIT
  9. -DO NOT USE AS A BASE, THEN CLAIM AS YOUR OWN
  10. -DO NOT REDISTRIBUTE
  11.  
  12. JUST DON'T BECAUSE I WILL FIND YOU BUT THE COPS WON'T FIND YOUR BODY
  13. THANKS
  14.  
  15. horizontal from: http://alturl.com/u5e4g
  16.  
  17. ------------------------------->
  18. <html>
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  24. <meta name="description" content="" />
  25. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,300' rel='stylesheet' type='text/css'>
  28. <link href="//fonts.googleapis.com/css?family=Pacifico:400" rel="stylesheet" type="text/css">
  29.  
  30. <meta name="if:Always Show Description" content="1"/>
  31. <meta name="if:Hanging Title" content="1"/>
  32. <meta name="if:Show Note Count" content="1"/>
  33. <meta name="if:Show Reblog Link" content="0"/>
  34. <meta name="if:Uppercase" content="1"/>
  35.  
  36. <meta name="text:Title Font" content="Pacifico"/>
  37. <meta name="color:Main Color" content="#000"/>
  38. <meta name="color:Main Color 2" content="#fff"/>
  39. <meta name="color:Accent 1" content="#e1612f"/>
  40. <meta name="color:Accent 2" content="#00af16"/>
  41.  
  42. <meta name="image:Header Image" content="https://31.media.tumblr.com/b59f4399921919269767824eb4a00ff8/tumblr_n7i9sdxRZf1rm1fjeo2_r3_250.png"/>
  43.  
  44. <meta name="text:Link 1 URL" content="http://"/>
  45. <meta name="text:Link 1 Name" content=""/>
  46. <meta name="text:Link 2 URL" content="http://"/>
  47. <meta name="text:Link 2 Name" content=""/>
  48. <meta name="text:Link 3 URL" content="http://"/>
  49. <meta name="text:Link 3 Name" content=""/>
  50. <meta name="text:Link 4 URL" content="http://"/>
  51. <meta name="text:Link 4 Name" content=""/>
  52.  
  53. <style>
  54.  
  55. @font-face {
  56. font-family: "never let go";
  57. src: url(http://static.tumblr.com/idxyunh/HTrn7ncbe/neverletgo.ttf);
  58. }
  59. body {
  60. font-family: arial;
  61. }
  62. a {
  63. text-decoration: none;
  64. color: {color:Accent 1};
  65. -moz-transition-duration: 0.6s;
  66. -o-transition-duration: 0.6s;
  67. -webkit-transition-duration: 0.6s;
  68. transition-duration: 0.6s;
  69. }
  70. a:hover {
  71. color: {color:Accent 2};
  72. -moz-transition-duration: 0.6s;
  73. -o-transition-duration: 0.6s;
  74. -webkit-transition-duration: 0.6s;
  75. transition-duration: 0.6s;
  76. }
  77. .sidebar {
  78. width: 100%;
  79. height: 250px;
  80. background-color: {color:Main Color};
  81. position: fixed;
  82. z-index: 100;
  83. top: 0;
  84. left: 0;
  85. }
  86. .sidebar img {
  87. width: auto;
  88. max-height: 250px;
  89. position: fixed;
  90. z-index: 100;
  91. top: 0;
  92. left: 200px;
  93. }
  94. .title {
  95. font-family: {text:Title Font};
  96. font-size: 72px;
  97. color: {color:Main Color};
  98. top: 222px;
  99. margin-left: 440px;
  100. {block:ifNotHangingTitle}color: {color:Main Color 2};
  101. top: 174px;
  102. padding-left: 452px;{/block:ifNotHangingTitle}
  103. position: fixed;
  104. z-index: 102;
  105. }
  106. /*BLOG INFO*/
  107. .desc {
  108. {block:ifNotAlwaysShowDescription}opacity: 0;{/block:ifNotAlwaysShowDescription}
  109. width: 450px;
  110. margin: 80px 460px;
  111. font-size: 10px;
  112. letter-spacing: +1px;
  113. text-align: justify;
  114. color: {color:Main Color 2};
  115. position: fixed;
  116. z-index: 1000;
  117. -moz-transition-duration: 0.7s;
  118. -o-transition-duration: 0.7s;
  119. -webkit-transition-duration: 0.7s;
  120. transition-duration: 0.7s;
  121. }
  122. .mainlinks {
  123. font-size: 10px;
  124. }
  125. {block:ifNotAlwaysShowDescription}
  126. .desc:hover {
  127. opacity: 1;
  128. -moz-transition-duration: 0.4s;
  129. -o-transition-duration: 0.4s;
  130. -webkit-transition-duration: 0.4s;
  131. transition-duration: 0.4s;
  132. }
  133. {/block:ifNotAlwaysShowDescription}
  134. .container {
  135. margin-top: 270px;
  136. }
  137. td {
  138. vertical-align: top;
  139. }
  140. /*.postcol {
  141. {block:IndexPage}
  142. width: 200%;
  143. {/block:IndexPage}
  144. {block:PermalinkPage}
  145. width: 100%;
  146. {/block:PermalinkPage}
  147. max-height: 700px;
  148. margin-top: 270px;
  149. border: 1px solid #000;
  150. }*/
  151. .posts {
  152. width: 500px;
  153. position: relative;
  154. {block:PermalinkPage}
  155. margin-left: auto;
  156. margin-right: auto;
  157. {/block:PermalinkPage}
  158. margin-bottom: 5px;
  159. padding: 5px 25px;
  160. letter-spacing: +1px;
  161. font-size: 10px;
  162. {block:IndexPage}
  163. max-height: 550px;
  164. overflow: scroll;
  165. {/block:IndexPage}
  166. }
  167. .posts li {
  168. list-style: circle;
  169. }
  170. .posts img {
  171. margin: auto;
  172. }
  173. .posts blockquote {
  174. border-left: 2px solid {color:Accent 2};
  175. padding-left: 6px;
  176. }
  177. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  178. /*DATE/TIME*/
  179. .date {
  180. opacity: 0.7;
  181. font-size: 10px;
  182. margin-bottom: 6px;
  183. margin-top: 2px;
  184. text-align: center;
  185. {block:ifUppercase}text-transform: uppercase;{/block:ifUppercase}
  186. }
  187. /*NAVIGATION*/
  188. .minicon {
  189. {block:IndexPage}
  190. width: 100%;
  191. height: 75px;
  192. left: 0;
  193. bottom: 0;
  194. position: fixed;
  195. background-color: #000;
  196. text-align: center;
  197. {/block:IndexPage}
  198. {block:PermalinkPage}
  199. width: 500px;
  200. margin: 0 auto 10px auto;
  201. {/block:PermalinkPage}
  202. }
  203. .navigation {
  204. font-size: 10px;
  205. {block:IndexPage}
  206. position: fixed;
  207. width: 100%;
  208. margin: 10px auto;
  209. {/block:IndexPage}
  210. }
  211. .current_page {
  212. color: {color:Main Color 2};
  213. background-color: {color:Main Color};
  214. border: solid 1px {color:Main Color 2};
  215. margin: 0 -1px;
  216. padding: 1px 5px 1px 6px;
  217. }
  218. .jump_page {
  219. color: {color:Main Color};
  220. background-color: {color:Main Color 2};
  221. border: solid 1px {color:Main Color 2};
  222. margin: 0 -1px;
  223. padding: 1px 5px 1px 6px;
  224. -moz-transition-duration: 0.4s;
  225. -o-transition-duration: 0.4s;
  226. -webkit-transition-duration: 0.4s;
  227. transition-duration: 0.4s;
  228. }
  229. .jump_page:hover {
  230. color: {color:Main Color 2};
  231. background-color: {color:Main Color};
  232. -moz-transition-duration: 0.4s;
  233. -o-transition-duration: 0.4s;
  234. -webkit-transition-duration: 0.4s;
  235. transition-duration: 0.4s;
  236. }
  237. .next {
  238. color: {color:Accent 1};
  239. border: solid 1px {color:Accent 1};
  240. padding: 0 10px;
  241. margin: 0 50px;
  242. }
  243. .next:hover {
  244. color: {color:Main Color 2};
  245. border: solid 1px {color:Main Color 2};
  246. }
  247. .back {
  248. color: {color:Accent 2};
  249. border: solid 1px {color:Accent 2};
  250. padding: 0 10px;
  251. margin: 0 50px;
  252. }
  253. .back:hover {
  254. color: {color:Main Color 2};
  255. border: solid 1px {color:Main Color 2};
  256. }
  257. /*PHOTO*/
  258. .photo img {
  259. max-width: 100%;
  260. margin: auto;
  261. }
  262. /*QUOTE*/
  263. .quotetext_short {
  264. font-size: 28px;
  265. font-style: italic;
  266. margin-bottom: 8px;
  267. }
  268. .quotetext_medium {
  269. font-size: 24px;
  270. font-style: italic;
  271. margin-bottom: 8px;
  272. }
  273. .quotetext_long {
  274. font-size: 18px;
  275. font-style: italic;
  276. margin-bottom: 8px;
  277. }
  278. .source {
  279. text-align: right;
  280. }
  281. /*ASKS*/
  282. .question {
  283. border-top: {color:Accent 2} solid 6px;
  284. border-bottom: {color:Accent 1} solid 6px;
  285. }
  286. #asker {
  287. font-style: italic;
  288. }
  289. /*LINKS*/
  290. h2 {
  291. font-size: 13px;
  292. text-align: center;
  293. padding: 6px 0;
  294. border-top: {color:Accent 2} solid 6px;
  295. border-bottom: {color:Accent 1} solid 6px;
  296. }
  297. h2 a {
  298. {block:ifUppercase}text-transform: uppercase;{/block:ifUppercase}
  299. color: {color:Main Color};
  300. }
  301. /*AUDIO*/
  302. .cover {
  303. width: 125px;
  304. position: relative;
  305. z-index: 1;
  306. margin-top: 3px;
  307. }
  308. .playbox {
  309. background-color: #000;
  310. overflow: hidden;
  311. position: absolute;
  312. z-index: 10;
  313. margin-top: 34px;
  314. margin-left: 33px;
  315. opacity: 0.7;
  316. -moz-transition-duration: 0.6s;
  317. -o-transition-duration: 0.6s;
  318. -webkit-transition-duration: 0.6s;
  319. transition-duration: 0.6s;
  320. }
  321. .playbox:hover {
  322. opacity: 0.9;
  323. -moz-transition-duration: 0.7s;
  324. -o-transition-duration: 0.7s;
  325. -webkit-transition-duration: 0.7s;
  326. transition-duration: 0.7s;
  327. }
  328. .playbutton {
  329. width: 20px;
  330. overflow: hidden;
  331. position: relative;
  332. z-index: 10;
  333. margin: 15px 23px 13px 16px;
  334. }
  335. .audioinfo {
  336. font-size: 10px;
  337. text-align: center;
  338. max-width: 350px;
  339. top: -97px;
  340. left: 150px;
  341. position: relative;
  342. z-index: 11;
  343. border-top: {color:Accent 2} solid 6px;
  344. border-bottom: {color:Accent 1} solid 6px;
  345. }
  346. .song {
  347. font-size:13px;
  348. {block:ifUppercase}text-transform: uppercase;{/block:ifUppercase}
  349. padding-top: 2px;
  350. }
  351. .album {
  352. font-size: 7px;
  353. {block:ifUppercase}text-transform: uppercase;{/block:ifUppercase}
  354. padding-bottom: 2px;
  355. }
  356. /*TAGS*/
  357. .tags {
  358. position: relative;
  359. margin-bottom: 35px;
  360. padding-top: 5px;
  361. text-align: center;
  362. {block:ifUppercase}text-transform: uppercase;{/block:ifUppercase}
  363. font-size: 8px;
  364. border-top: solid 2px {color:Main Color};
  365. }
  366. .tags a {
  367. color: {color:Main Color};
  368. padding: 0 4px;
  369. -moz-transition-duration: 0.4s;
  370. -o-transition-duration: 0.4s;
  371. -webkit-transition-duration: 0.4s;
  372. transition-duration: 0.4s;
  373. }
  374. .tags a:nth-child(odd):hover {
  375. color: {color:Accent 2};
  376. -moz-transition-duration: 0.4s;
  377. -o-transition-duration: 0.4s;
  378. -webkit-transition-duration: 0.4s;
  379. transition-duration: 0.4s;
  380. }
  381. .tags a:nth-child(even):hover {
  382. color: {color:Accent 1};
  383. -moz-transition-duration: 0.4s;
  384. -o-transition-duration: 0.4s;
  385. -webkit-transition-duration: 0.4s;
  386. transition-duration: 0.4s;
  387. }
  388. /*POST NOTES*/
  389. .postnotes ol {
  390. list-style: none;
  391. font-size: 10px;
  392. font-family: arial;
  393. max-width: 500px;
  394. margin: 0 auto;
  395. }
  396. /*SCROLLBAR*/
  397. ::-webkit-scrollbar-thumb:vertical {background-color: #000; height: 10px;}
  398. ::-webkit-scrollbar-thumb:horizontal {background-color: #000; height:10px!important;}
  399. ::-webkit-scrollbar {background-color: #fff; height:12px; width:5px;}
  400.  
  401. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; right:3px !important; position: fixed !important;}
  402. /* Custom CSS */
  403. {CustomCSS}
  404.  
  405. </style>
  406. <script type="text/javascript"
  407. src="http://www.google.com/jsapi"></script>
  408. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  409. </head>
  410.  
  411.  
  412. <body>
  413.  
  414. <div class="sidebar">
  415.  
  416. <div class="title">{Title}</div>
  417. <div class="desc">{Description}<br /><br />
  418. <span class="mainlinks"><a href="/">home</a>
  419. {block:AskEnabled} - <a href="/ask">ask</a>{/block:AskEnabled}
  420. - <a href="/archive">archive</a>
  421. {block:SubmissionsEnabled} - <a href="/submit">submit</a>{/block:SubmissionsEnabled}
  422. {block:ifLink1Name} - <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:ifLink1Name}
  423. {block:ifLink2Name} - <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:ifLink2Name}
  424. {block:ifLink3Name} - <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:ifLink3Name}
  425. {block:ifLink4Name} - <a href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:ifLink4Name}
  426. {block:ifLink5Name} - <a href="{text:Link 5 URL}">{text:Link 5 Name}</a>{/block:ifLink5Name}
  427. - <a href="http://irrelevantdivision.tumblr.com">&copy;</a>
  428. </span>
  429. </div>
  430.  
  431. <a href="/"><img src="{image:Header Image}"></a>
  432.  
  433. </div>
  434.  
  435. {block:IndexPage}<table cellspacing="15" cellpadding="0" border="0" style="vertical-align: top"><tbody><tr>{/block:IndexPage}
  436.  
  437. <div class="container">
  438.  
  439. {block:Posts}
  440. {block:IndexPage}<td>{/block:IndexPage}
  441. <div class="posts">
  442. <div class="date">{block:Date}<a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonth}.{ShortYear}</a> - <a href="{Permalink}">{24Hour}:{Minutes}{CapitalAmPm}</a>{/block:Date}
  443. {block:ifShowNoteCount} - <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount} </a>{/block:ifShowNoteCount}
  444. {block:ifShowReblogLink} - <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{/block:ifShowReblogLink}
  445. </div>
  446.  
  447. {block:Text}
  448. {block:Title}{Title}{/block:Title}
  449. {Body}
  450. {/block:Text}
  451.  
  452. {block:Quote}
  453. <div class="quote">
  454. <div class="quotetext_{Length}">"{Quote}"</div>
  455. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  456. </div>
  457. {/block:Quote}
  458.  
  459. {block:Link}
  460. <h2><a class="link" href="{LinkURL}">{Name}</a></h2>
  461. {block:Description}{Description}{/block:Description}
  462. {/block:Link}
  463.  
  464. {block:Chat}
  465. {block:Title}{Title}{/block:Title}
  466. <ul>{block:Lines}
  467. <li>{block:Label}{Label}{/block:Label}
  468. {Line}</li>
  469. {/block:Lines}
  470. </ul>
  471. {/block:Chat}
  472.  
  473. {block:Answer}
  474. <div class="question">
  475. <table style="padding-bottom:5px; padding-top: 5px; margin-left:3px;">
  476. <tr>
  477. <td style="vertical-align:top; padding-right:10px; width:64px; height: auto;"><img src="{AskerPortraitURL-48}"></td>
  478. <td style="vertical-align:top;"><span id="asker"><strong>{Asker} asked:</strong> {Question}</span></td>
  479. </tr>
  480. </table>
  481. </div>
  482. {Answer}
  483. {/block:Answer}
  484.  
  485. <div class="photo">
  486. {block:Photo}{LinkOpenTag}
  487. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  488. {LinkCloseTag}
  489. {/block:Photo}
  490. </div>
  491.  
  492. {block:Photoset}
  493. {Photoset-500}
  494. {/block:Photoset}
  495.  
  496. {block:Video}
  497. {Video-500}
  498. {/block:Video}
  499.  
  500. {block:Panorama}
  501. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  502. {block:Caption}{Caption}{/block:Caption}
  503. {/block:Panorama}
  504.  
  505.  
  506. {block:AudioPlayer}<div class="playbox"><div class="playbutton">{AudioPlayerBlack}</div></div>
  507. {block:AlbumArt}
  508. <img src="{AlbumArtURL}" class="cover">
  509. {/block:AlbumArt}
  510.  
  511. <div class="audioinfo">
  512. <span class="song"><strong>{block:TrackName}{TrackName}{/block:TrackName}</strong></span><br />
  513. <div class="album">
  514. {block:Album}{Album}-{/block:Album} {block:Artist}{Artist}-{/block:Artist} {block:PlayCount}{PlayCount}{/block:PlayCount}
  515. </div>
  516. </div>
  517. {/block:AudioPlayer}
  518. {block:Caption}{Caption}{/block:Caption}
  519.  
  520. {block:PermalinkPage}
  521. <div class="tags">
  522. {block:HasTags}
  523. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  524. {/block:HasTags}
  525. </div>
  526. {/block:PermalinkPage}
  527.  
  528.  
  529. <div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  530. {block:IndexPage}</td>{/block:IndexPage}
  531. {/block:Posts}
  532. {block:IndexPage}</tr></tbody></table>{/block:IndexPage}
  533.  
  534. <div class="minicon">
  535. <div class="navigation">
  536. {block:Pagination}{block:PreviousPage}
  537. <a class="back" href="{PreviousPage}">Back</a>
  538. {/block:PreviousPage}
  539. {block:JumpPagination length="5"}{block:CurrentPage}
  540. <span class="current_page">{PageNumber}</span>
  541. {/block:CurrentPage}{block:JumpPage}
  542. <a class="jump_page" href="{URL}">{PageNumber}</a>
  543. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  544. <a class="next" href="{NextPage}">Next</a>
  545. {/block:NextPage}{/block:Pagination}
  546. </div>
  547. </div>
  548. </div>
  549.  
  550.  
  551.  
  552.  
  553. </body>
  554. </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!