API tools faq
paste
Advertisement
liamipayne

liamipayne theme #2

liamipayne
Aug 28th, 2014
412
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.65 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme 002 by liamipayne follow the rules you know them -->
  2.  
  3.  
  4. <html>
  5.  
  6. <head>
  7.  
  8. <meta name="color:Background" content="#ffffff"/>
  9. <meta name="color:Text" content="#000"/>
  10. <meta name="color:Link" content="#000"/>
  11. <meta name="color:Link Hover" content="#000"/>
  12. <meta name="color:Scrollbar" content="#000"/>
  13. <meta name="color:Sidebar Background" content="#ffffff"/>
  14.  
  15. <meta name="image:Sidebar" content""/>
  16. <meta name="image:Credit" content=""/>
  17.  
  18. <meta name="text:Link 1 Title" content="" />
  19. <meta name="text:Link 1 Url" content="" />
  20. <meta name="text:Link 2 Title" content="" />
  21. <meta name="text:Link 2 Url" content="" />
  22. <meta name="text:Link 3 Title" content="" />
  23. <meta name="text:Link 3 Url" content="" />
  24. <meta name="text:Link 4 Title" content="" />
  25. <meta name="text:Link 4 Url" content="" />
  26. <meta name="text:Link 5 Title" content="" />
  27. <meta name="text:Link 5 Url" content="" />
  28. <meta name="text:Link 6 Title" content="" />
  29. <meta name="text:Link 6 Url" content="" />
  30.  
  31. <meta name="if:border and shadow" content="" />
  32. <meta name="if:shadow on sidebar" content="" />
  33. <meta name="if:background grid" content="" />
  34. <meta name="if:sidebar border" content="" />
  35.  
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38.  
  39. </style>
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. body{
  45. {block:ifbackgroundgrid}
  46. background-image:url(https://31.media.tumblr.com/4969b983f856b55be3699e917b368dc4/tumblr_n5zu4fEU7f1sz90ezo2_250.png);
  47. {/block:ifbackgroundgrid}
  48. background-color:{color:Background};
  49. font-family:calibri;
  50. color:{color:Text};
  51. cursor: url(http://media.tumblr.com/tumblr_lqs4osv61Z1qfoi4t.png), progress !important;
  52. }
  53.  
  54. a:link, a:active, a:visited{
  55. color: {color:Link};
  56. text-decoration:none;
  57. -webkit-transition: all 0.2s linear;
  58. -moz-transition: all 0.2s linear;
  59. transition: all 0.2s linear;
  60. }
  61.  
  62. a:hover {
  63. text-decoration:underline;
  64. color:#000;
  65. -webkit-transition: all 0.2s linear;
  66. -moz-transition: all 0.2s linear;
  67. transition: all 0.2s linear;
  68. cursor: url(http://media.tumblr.com/tumblr_lqs4osv61Z1qfoi4t.png), progress !important;
  69. }
  70.  
  71. big{font-size:18px;}
  72.  
  73.  
  74. ::-webkit-scrollbar-thumb {
  75. height:9px;
  76. background-color: {color:Scrollbar};
  77. }
  78.  
  79. ::-webkit-scrollbar {
  80. width:4px;
  81. height:4px;
  82. background:#fff;
  83. margin-right:5px;
  84. }
  85.  
  86.  
  87. #entries{
  88. width:500px;
  89. margin-left:450px;
  90. margin-top:40px;
  91. padding-bottom:20px;
  92. }
  93.  
  94. #post {
  95. background:#fff;
  96. font-size:11px;
  97. width:500px;
  98. margin-bottom:70px;
  99. margin-left:-10px;
  100. text-align:justify;
  101. {block:ifborderandshadow}
  102. border-top:1px solid #000;
  103. border-left: 1px solid #000;
  104. border-right: 1px solid #000;
  105. border-bottom: 1px solid #000;
  106. {/block:ifborderandshadow}
  107. padding:10px;
  108. {block:ifborderandshadow}
  109. box-shadow:rgba(0,0,0,0.4)4px 4px;
  110. {/block:ifborderandshadow}
  111. }
  112.  
  113. .posttitle{
  114. font-family:consolas;
  115. font-weight:bold;
  116. letter-spacing:-1px;
  117. font-style:normal;
  118. font-size: 20px;
  119. line-height: 20px;
  120. }
  121.  
  122. blockquote{
  123. margin-left:10px;
  124. padding-left:4px;
  125. border-left: 1px solid #000;
  126. }
  127.  
  128.  
  129. .p { padding-top: 5px;}
  130. .ol, ul { margin-left: 10px; padding: 5px; }
  131. .ul { list-style-type: square; }
  132.  
  133.  
  134. .bubble {
  135. align:right;background: #e8e8e8;
  136. margin:7px 0px 5px 0px;
  137. padding:10px;
  138. position: relative;
  139. }
  140.  
  141. .bubble p {
  142. margin:1px 0px;
  143. }
  144.  
  145. .bubble span {
  146. display:block;
  147. position:absolute;
  148. width:1px;
  149. height:1px
  150. font-size: 0;
  151. line-height: 1px;
  152. left:-10px;
  153. top:10px;
  154. border-right:7px solid transparent;
  155. border-left:7px solid transparent;
  156. border-top:10px solid #e8e8e8;
  157. }
  158.  
  159. .askborder {
  160. float: left;
  161. margin: 1px 4px 0 0;
  162. padding: 2px;
  163. background: #e8e8e8;
  164. }
  165.  
  166. .p { padding-top: 5px;}
  167. .ol, ul { margin-left: 10px; padding: 5px; }
  168. .ul { list-style-type: square; }
  169.  
  170.  
  171. #permalink{
  172. float:right;
  173. font-size:10px;
  174. margin-top:-10px;
  175. padding-top:5px;
  176. padding-bottom:5px;
  177. width:500px;
  178. }
  179.  
  180. .info{
  181. text-align:center;
  182. width:492px;
  183. background:#transparent;
  184. padding:3px;
  185. position:absolute;
  186. margin-top:3px;
  187. }
  188.  
  189. .info a{
  190. text-align:right;
  191. font-family:consolas;
  192. text-transform:lowercase;
  193. background:transparent;
  194. color:{color:Link};
  195. padding-left:3px;
  196. padding-right:3px;
  197. padding-top:-8px;
  198. padding-bottom:1px;
  199. }
  200.  
  201. .info a:hover{
  202. text-decoration:underline;
  203. color:{color:Link Hover};
  204. }
  205.  
  206. .tag{
  207. margin-left:-11px;
  208. background:#fff;
  209. width:520px;
  210. padding-top:3px;
  211. padding-bottom:3px;
  212. text-align:center;
  213. font-family:consolas;
  214. margin-top:15px;
  215. {block:ifborderandshadow}
  216. border-left: 1px solid #000;
  217. border-right: 1px solid #000;
  218. border-bottom: 1px solid #000;
  219. {/block:ifborderandshadow}
  220. {block:ifborderandshadow}
  221. box-shadow:rgba(0,0,0,0.4)4px 4px;
  222. {/block:ifborderandshadow}
  223. }
  224.  
  225. .tag a{
  226. padding:2px;
  227. color:{color:Link};
  228. }
  229.  
  230. .tag a:hover{
  231. padding:2px;
  232. color:{color:Link Hover};
  233. text-decoration:underline;
  234. }
  235.  
  236. #audiopost {
  237. margin-bottom:5px;
  238. width:500px;
  239. height:80px
  240. }
  241.  
  242. .albumart {
  243. width:80px;
  244. height:80px;
  245. position:absolute;
  246. }
  247.  
  248. .albumart img {
  249. width:80px;
  250. height:80px;
  251. float:left;
  252. }
  253.  
  254. .player {
  255. opacity: 0.5;
  256. position:absolute;
  257. z-index:1;
  258. width:80px;
  259. height:80px;
  260. display:block;
  261. -webkit-transition: all 0.7s ease-in-out;
  262. -moz-transition: all 0.7s ease-in-out;
  263. -o-transition: all 0.7s ease-in-out;
  264. }
  265.  
  266. .player:hover {
  267. opacity:0.9;
  268. }
  269.  
  270. .player {
  271. width:25px;
  272. height:25px;
  273. margin-top:24px;
  274. margin-left:24px;
  275. overflow:hidden;
  276. padding:3px;
  277. }
  278.  
  279. .track {
  280. margin-left:100px;
  281. line-height:12px;
  282. padding-top:10px;
  283. }
  284.  
  285.  
  286. #sidebar {
  287. {block:ifsidebarborder}
  288. border: 1px solid #000;
  289. {/block:ifsidebarborder}
  290. background:{color:Sidebar Background};
  291. padding:20px;
  292. position:fixed;
  293. top:200px;
  294. left:110px;
  295. width:250px;
  296. height:240px;
  297. -webkit-transition: all 0.7s ease-in-out;
  298. -moz-transition: all 0.7s ease-in-out;
  299. -o-transition: all 0.7s ease-in-out;
  300. {block:ifshadowonsidebar}
  301. box-shadow:rgba(0,0,0,0.4)4px 4px;
  302. {/block:ifshadowonsidebar}
  303. }
  304.  
  305. .sidebarimg {
  306. margin-left:00px;
  307. margin-top:25px;
  308. }
  309.  
  310. .sidebarimg img{
  311. width:250px;
  312. height:140px;
  313. }
  314.  
  315. blockquote {
  316. border-left:2px solid #000;
  317. padding: 5px;
  318. margin:5px;
  319. }
  320.  
  321. .description{
  322. padding:10px;
  323. margin-top:140px;
  324. margin-left:-5px;
  325. position:absolute;
  326. font-family:consolas;
  327. text-align:justify;
  328. font-size:11px;
  329. width:230px;
  330. color:#000;
  331. letter-spacing:0px;
  332. line-height:110%;
  333. opacity:1;
  334. }
  335.  
  336. .navi{
  337. font-size:10px;
  338. font-family:consolas;
  339. color:#000;
  340. top:220px;
  341. left:153px;
  342. position:fixed;
  343. }
  344.  
  345. .navi a{
  346. display:inline-block;
  347. width:auto;
  348. }
  349.  
  350. .navi a:hover{
  351. text-decoration:underline;
  352. color:{color:Link Hover};
  353. }
  354.  
  355. .pagination {
  356. top:505px;
  357. font-size:10px;
  358. text-align:center;
  359. position:fixed;
  360. width:250px;
  361. opacity:1;
  362. }
  363.  
  364. .pagination a{
  365. display:inline-block;
  366. color:#000;
  367. width:50px;
  368. }
  369.  
  370. .pagination a:hover{
  371. color:{color:Link Hover};
  372. text-decoration:underline
  373. }
  374.  
  375. #cred {
  376. position:fixed;
  377. right:-160px;
  378. bottom:10px;
  379. padding:5px;
  380. width:auto;
  381. height:auto;
  382. background:white;
  383. color:#fff;
  384. border: 1px solid #000;
  385. -webkit-transition: all 1s linear;
  386. }
  387.  
  388. #cred a{
  389. text-align:center;
  390. color:{color:Body};
  391. font-style:bold;
  392. font-size: 6px;
  393. text-transform: uppercase;
  394. font-family: Century Gothic;
  395. letter-spacing: 1px;
  396. border-radius:2px;
  397. }
  398.  
  399. #cred img {
  400. height:auto;
  401. width:auto;
  402. position:fixed;
  403. bottom:10px;
  404. right:10px;
  405. -webkit-transition: all 1s linear;
  406. }
  407.  
  408. #cred:hover {
  409. right:30px;
  410. -webkit-transition: all 1s linear;
  411. }
  412.  
  413. </style>
  414.  
  415. </head>
  416.  
  417. <body>
  418.  
  419.  
  420. <div id="sidebar">
  421.  
  422. <div class="navi">
  423. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a> -
  424. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a> -
  425. <a href="{text:Link 3 Url}">{text:Link 3 Title}</a> -
  426. <a href="{text:Link 4 Url}">{text:Link 4 Title}</a> -
  427. <a href="{text:Link 5 Url}">{text:Link 5 Title}</a> -
  428. <a href="{text:Link 6 Url}">{text:Link 6 Title}</a>
  429. </div>
  430.  
  431. <div class="sidebarimg">
  432. <div class="description">
  433. {Description}
  434. </div>
  435. <a href="/"><img src="{image:sidebar}"></a>
  436. </div>
  437.  
  438. <div class="pagination">
  439. {block:Pagination}
  440. {block:PreviousPage}
  441. <a href="{PreviousPage}">prev</a> -
  442. {/block:PreviousPage}
  443. {block:NextPage}
  444. <a href="{NextPage}">next</a>
  445. {/block:NextPage}
  446. {/block:Pagination}
  447. </div>
  448.  
  449.  
  450. </div>
  451.  
  452.  
  453. <div id="entries">
  454. {block:Posts}
  455. <div id="post">
  456.  
  457. {block:Text}
  458. {block:Title}
  459. <div class="posttitle">{Title}</div>
  460. {/block:Title}
  461. {Body}
  462. {/block:Text}
  463.  
  464. {block:Link}
  465. <div class="posttitle">
  466. <a href="{URL}">{Name}</a>
  467. </div>
  468. {block:Description}{Description}{/block:Description}
  469. {/block:Link}
  470.  
  471. {block:Photo}
  472. <center>
  473. {LinkOpenTag}
  474. <a href="{permalink}">
  475. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  476. {LinkCloseTag}
  477. </center>
  478. {block:Caption}{Caption}{/block:Caption}
  479. {block:ContentSource}
  480. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  481. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  482. {/block:SourceLogo}
  483. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  484. {/block:ContentSource}
  485. {block:ReblogParentURL}
  486. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  487. {/block:ReblogParentURL}
  488. <br>
  489. {/block:Photo}
  490.  
  491. {block:Photoset}
  492. {Photoset-500}
  493. {block:Caption}{Caption}{/block:Caption}
  494. <br>
  495. {/block:Photoset}
  496.  
  497. {block:Quote}
  498. <div class="posttitle">"{Quote}"</div>
  499. {block:Source}
  500. - {Source}
  501. {/block:Source}
  502. <br><br>
  503. {/block:Quote}
  504.  
  505. {block:Chat}
  506. {block:Title}
  507. <div class="posttitle">
  508. {Title}
  509. </div>
  510. {/block:Title}
  511. {block:Lines}
  512. {block:Label}
  513. <b>{Label} </b>
  514. {/block:Label}
  515. {Line}
  516. <br>
  517. {/block:Lines}
  518. <br>
  519. {/block:Chat}
  520.  
  521. {block:Audio}
  522. <div id="audiopost">
  523. <div class="albumart">
  524. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px">{/block:AlbumArt}
  525. </div>
  526. <div class="player">
  527. <div class="playerr">
  528. <span id="audio">{AudioPlayerWhite}</span>
  529. </div>
  530. </div>
  531. <div class="track">
  532. <b>song:</b> {block:TrackName}{TrackName}{/block:Trackname}<br>
  533. <b>artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  534. <b>album:</b> {block:Album}{Album}{/block:Album}<br>
  535. <b>heard:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  536. </div></div>
  537. {block:caption}{Caption}{/block:caption}{/block:Audio}
  538.  
  539. {block:Video}
  540. {Video-500}
  541. {block:Caption}{Caption}{/block:Caption}
  542. {/block:Video}
  543.  
  544. {block:Answer}
  545. <div class="bubble">{Question}</div><br><div class="bubble" style="background:transparent; margin-top:-30px; margin-left:20px; margin-bottom:10px;"><span></span></div>
  546. <img src="{AskerPortraitURL-48}" width="20px" height="20px" style="border-radius:15px; margin-top:-4px;" align="left" class="askborder"><div style="text-transform:uppercase;">{Asker}</div><br>
  547. {Answer}{/block:Answer}
  548.  
  549. {block:IndexPage}
  550. <div id="permalink">
  551. <div class="info">
  552. {TimeAgo}
  553. <a href="{Permalink}">{NoteCountWithLabel}</a>
  554. {block:RebloggedFrom}
  555. via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  556. src: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>
  557. {/block:RebloggedFrom}
  558. </div>
  559. <div class="tag">
  560. {block:HasTags}
  561. {block:Tags}<a href="{TagURL}">#<font style="text-transform:none;">{Tag}</font>&nbsp;</a>
  562. {/block:Tags}
  563. {/block:HasTags}
  564. </div>
  565. </div>
  566. {/block:IndexPage}
  567.  
  568. {block:PermalinkPage}
  569. <div id="permalink">
  570. <div class="info">
  571. {TimeAgo}
  572. <a href="{Permalink}">{NoteCountWithLabel}</a>
  573. {block:RebloggedFrom}
  574. via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  575. src: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>
  576. {/block:RebloggedFrom}
  577. </div>
  578. <div class="tag">
  579. {block:HasTags}
  580. {block:Tags}<a href="{TagURL}">#<font style="text-transform:none;">{Tag}</font>&nbsp;</a>
  581. {/block:Tags}
  582. {/block:HasTags}
  583. </div>
  584. </div>
  585. {/block:PermalinkPage}
  586.  
  587. </div>
  588.  
  589. {block:PostNotes}
  590. <div style="font-size:10px;">
  591. {PostNotes}
  592. </div>
  593. {/block:PostNotes}
  594.  
  595. {/block:Posts}
  596.  
  597.  
  598. </div>
  599.  
  600. </div>
  601.  
  602. <div id="cred"><a href="http://liamipayne.tumblr.com"><img src="{image:Credit}"/>liamipayne</a></div>
  603.  
  604. </body>
  605.  
  606.  
  607. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!