API tools faq
paste
Advertisement
Guest User

Natalia's new theme

a guest
Apr 24th, 2014
42
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.56 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme by screeches for paintdeath. Please leave credits! Thank you-->
  2.  
  3.  
  4. <html>
  5.  
  6. {block:IfEndlessScrolling}
  7.  
  8. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  9. {/block:IfEndlessScrolling}
  10. </style>
  11.  
  12.  
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("a[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:90,
  22. tip_fade_speed:600,
  23. attribute:"title"
  24. });
  25. });
  26. })(jQuery);
  27. </script>
  28.  
  29. <head>
  30.  
  31.  
  32. <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
  33.  
  34. <meta name="if:PostSize700px"content="0"/>
  35. <meta name="if:PostSize500px"content="1"/>
  36. <meta name="if:Endless Scrolling" content="0"/>
  37. <meta name="color:Background" content="#000" />
  38. <meta name="color:Text"content="#fff"/>
  39. <meta name="color:Links"content="#fff"/>
  40. <meta name="color:Hover"content="#ccc"/>
  41. <meta name="color:Link 1"content="#cabeb4"/>
  42. <meta name="color:Link 2"content="#6a9797"/>
  43. <meta name="color:Link 3"content="#d1bf65"/>
  44. <meta name="color:Link 4"content="#66cdd0"/>
  45. <meta name="color:Link 5"content="#3f3492"/>
  46. <meta name="text:Link One Title" content="link 1" />
  47. <meta name="text:Link One" content="" />
  48. <meta name="text:Link Two Title" content="link 2" />
  49. <meta name="text:Link Two" content="" />
  50. <meta name="text:Link Three Title" content="link 3" />
  51. <meta name="text:Link Three" content="" />
  52.  
  53.  
  54. <style>
  55.  
  56. /*Tumblr Buttons*/
  57. iframe#tumblr_controls{
  58. top: 1px !important;
  59. margin: 0 0 0 0;
  60. right: 0px !important;
  61. position: fixed !important;
  62. opacity:0.6;
  63. -webkit-transition: all 1s linear;
  64. -webkit-transition: all 1s linear;
  65. -moz-transition: all 1s linear;
  66. transition: all 1s linear;
  67. }
  68.  
  69. iframe#tumblr_controls:hover{
  70. -webkit-transition: all 1s linear;
  71. -webkit-transition: all 1s linear;
  72. -moz-transition: all 1s linear;
  73. transition: all 1s linear;
  74. opacity:1;
  75. }
  76.  
  77. /*Scrollbar*/
  78. ::-webkit-scrollbar {width: 6px; height: 4px; background: #000; }
  79. ::-webkit-scrollbar-thumb { background-color: #fff;}
  80.  
  81.  
  82. /*Body styling*/
  83.  
  84. body{
  85. background-color: {color:Background};
  86. color: {color:Text};
  87. font-family: Helvetica, Arial, sans-serif;
  88. font-size: 12px;
  89. line-height: 12px;
  90. }
  91.  
  92. a{
  93. color: {color:Text};
  94. }
  95.  
  96. a:link{
  97. color:{color:Links};
  98. text-decoration: none;
  99. }
  100.  
  101. a:visted{
  102. color: {color:Text};
  103. text-decoration: none;
  104. }
  105.  
  106. a:hover{
  107. color: {color:Hover};
  108. text-decoration: none;
  109. }
  110.  
  111. /*Main containers*/
  112.  
  113. #center{
  114. margin: 50px auto;
  115. position:relative;
  116. margin-top: 10px;
  117. {block:IfPostSize500px}
  118. width:500px;
  119. {/block:IfPostSize500px}
  120. {block:IfPostSize700px}
  121. width:700px;
  122. {/block:IfPostSize700px}
  123. }
  124.  
  125. #content{
  126. width: auto;
  127. margin: auto;
  128. padding: 0px;
  129. margin-top: 70px;
  130. }
  131.  
  132. #posts{
  133. padding: 10px;
  134. margin: 0px 0px 10px -160px;
  135. background-color: transparent;
  136. {block:IfPostSize500px}
  137. width:500px;
  138. margin: 10px 0px 10px -100px;
  139. {/block:IfPostSize500px}
  140. {block:IfPostSize700px}
  141. width:700px;
  142. {/block:IfPostSize700px}
  143. }
  144.  
  145.  
  146. #posts img{
  147. {block:ifPostSize500px}
  148. max-width: 500px;
  149. {/block:IfPostSize500px}
  150. {block:ifPostSize700px}
  151. max-width: 700px;
  152. {/block:ifPostSize700px}
  153. }
  154.  
  155. /*Theme styling*/
  156.  
  157. .titels{
  158. font-size: 23px;
  159. line-height: 30px;
  160. font-family: Garamond, Arial, sans-serif;
  161. }
  162.  
  163. .quotetitle{
  164. font-family: Garamond, Arial, sans-serif;
  165. font-size: 20px;
  166. line-height: 20px;
  167. font-style: italic;
  168. }
  169.  
  170. .quotesource{
  171. text-align: right;
  172. padding: 2px;
  173. }
  174.  
  175. /*Top bar*/
  176.  
  177. #bovenkant {
  178. padding: 10px 0px 10px 10px;
  179. font-family: Helvetica, Arial, sans-serif;
  180. position: absolute;
  181. font-size: 12px;
  182. line-height: 15px;
  183. {block:IfPostSize500px}
  184. margin: 20px 0px 10px 420px;
  185. {/block:IfPostSize500px}
  186. {block:ifPostSize700px}
  187. margin: 20px 0px 10px 570px;
  188. {/block:ifPostSize700px}
  189. text-align:left;
  190. border-left: 1px solid transparent;
  191. max-height: 250px;
  192. width: 250px;
  193. }
  194.  
  195.  
  196. .blogtitle{
  197. font-family: Garamond, Arial, sans-serif;
  198. line-height: 29px;
  199. font-size: 22px;
  200. text-align: left;
  201. width: 200px;
  202. }
  203.  
  204.  
  205. /*Links*/
  206.  
  207. #rr{
  208. z-index:100;
  209. font-family:calibri;
  210. font-size:11px;
  211. letter-spacing: 1px;
  212. position:absolute;
  213. font-style: italic;
  214. padding: 10px;
  215. left:50%;
  216. margin-top:-50px;
  217. width: auto;
  218. {block:IfPostSize700px}
  219. margin-left: -300px;
  220. {/block:IfPostSize700px}
  221. {block:IfPostSize500px}
  222. margin-left: -240px;
  223. {/block:IfPostSize500px}
  224. }
  225.  
  226. #qq {
  227. height: 10px;
  228. width: 15px;
  229. margin-top: 10px;
  230. margin-left: 20px;
  231. display: inline-block;
  232. text-align: center;
  233. font-style: italic;
  234. padding: 5px;
  235. font-size: 12px;
  236. letter-spacing: 1px;
  237. font-family: arial;
  238. -webkit-transition: all 0.5s linear;
  239. -moz-transition: all 0.5s linear;
  240. transition: all 0.5s linear;
  241. }
  242.  
  243. .een{
  244. background-color: #cabeb4;
  245. opacity: 0.7;
  246. padding: 5px;
  247. -webkit-transition: all 0.5s linear;
  248. -moz-transition: all 0.5s linear;
  249. transition: all 0.5s linear;
  250. }
  251.  
  252. .een:hover{
  253. background-color: #cabeb4;
  254. padding: 5px;
  255. opacity: 1.0;
  256. -webkit-transition: all 0.5s linear;
  257. -moz-transition: all 0.5s linear;
  258. transition: all 0.5s linear;
  259. }
  260.  
  261. .twee{
  262. background-color: #6a9797;
  263. opacity: 0.7;
  264. padding: 5px;
  265. -webkit-transition: all 0.5s linear;
  266. -moz-transition: all 0.5s linear;
  267. transition: all 0.5s linear;
  268. }
  269.  
  270. .twee:hover{
  271. background-color: #6a9797;
  272. padding: 5px;
  273. opacity: 1.0;
  274. -webkit-transition: all 0.5s linear;
  275. -moz-transition: all 0.5s linear;
  276. transition: all 0.5s linear;
  277. }
  278.  
  279. .drie{
  280. background-color: #d1bf65;
  281. opacity: 0.7;
  282. padding: 5px;
  283. -webkit-transition: all 0.5s linear;
  284. -moz-transition: all 0.5s linear;
  285. transition: all 0.5s linear;
  286. }
  287.  
  288. .drie:hover{
  289. padding: 5px;
  290. opacity: 1.0;
  291. background-color: #d1bf65;
  292. -webkit-transition: all 0.5s linear;
  293. -moz-transition: all 0.5s linear;
  294. transition: all 0.5s linear;
  295. }
  296.  
  297. .vier{
  298. background-color: #66cdd0;
  299. opacity: 0.7;
  300. padding: 5px;
  301. -webkit-transition: all 0.5s linear;
  302. -moz-transition: all 0.5s linear;
  303. transition: all 0.5s linear;
  304. }
  305.  
  306. .vier:hover{
  307. background-color: #66cdd0;
  308. padding: 5px;
  309. opacity: 1.0;
  310. -webkit-transition: all 0.5s linear;
  311. -moz-transition: all 0.5s linear;
  312. transition: all 0.5s linear;
  313. }
  314.  
  315. .vijf{
  316. background-color: #3f3492;
  317. opacity: 0.7;
  318. padding: 5px;
  319. -webkit-transition: all 0.5s linear;
  320. -moz-transition: all 0.5s linear;
  321. transition: all 0.5s linear;
  322. }
  323.  
  324. .vijf:hover{
  325. background-color: #3f3492;
  326. padding: 5px;
  327. opacity: 1.0;
  328. -webkit-transition: all 0.5s linear;
  329. -moz-transition: all 0.5s linear;
  330. transition: all 0.5s linear;
  331. }
  332.  
  333. /*Permalinks*/
  334. .ll{ /*Chat, text, quote, link and answer permalinks*/
  335. border-top:1px solid transparent;
  336. text-align: right;
  337. font-size: 10px;
  338. text-transform: uppercase;
  339. padding-top: 5px;
  340. margin-top: 1px;
  341. width:100%;
  342. opacity:0;
  343. -webkit-transition: all 0.5s linear;
  344. -moz-transition: all 0.5s linear;
  345. transition: all 0.5s linear;
  346. }
  347.  
  348. #posts:hover .ll{
  349. opacity: 1;
  350. border-top: 1px solid white;
  351. -webkit-transition: all 0.5s linear;
  352. -moz-transition: all 0.5s linear;
  353. transition: all 0.5s linear;
  354. }
  355.  
  356. .bb{
  357. text-align: center;
  358. font-size: 10px;
  359. padding-top: 30px;
  360. font-family: arial;
  361. line-height: 10px;
  362. text-transform: uppercase;
  363. opacity:0;
  364. -webkit-transition: all 0.5s linear;
  365. -moz-transition: all 0.5s linear;
  366. transition: all 0.5s linear;
  367. }
  368.  
  369. #posts:hover .bb{
  370. opacity:1;
  371. -webkit-transition: all 0.5s linear;
  372. -moz-transition: all 0.5s linear;
  373. transition: all 0.5s linear;
  374. }
  375.  
  376. /*Pagination*/
  377. #pagination{
  378. font-size: 13px;
  379. color:white;
  380. font-family: Helvetica, Arial, sans-serif;
  381. {block:ifPostSize500px}
  382. max-width: 500px;
  383. padding-top: 3px;
  384. border-top: 1px solid white;
  385. margin-left: -90px;
  386. {/block:IfPostSize500px}
  387. {block:ifPostSize700px}
  388. max-width: 700px;
  389. padding-top: 3px;
  390. border-top: 1px solid white;
  391. margin-left: -150px;
  392. {/block:IfPostSize700px}
  393. }
  394.  
  395. #pagination a{
  396. -webkit-transition: all 0.5s linear;
  397. -moz-transition: all 0.5s linear;
  398. transition: all 0.5s linear;
  399. }
  400.  
  401. #pagination a:hover{
  402. margin-left: 20px;
  403. -webkit-transition: all 0.5s linear;
  404. -moz-transition: all 0.5s linear;
  405. transition: all 0.5s linear;
  406. }
  407.  
  408.  
  409. /*Tooltips*/
  410.  
  411. #s-m-t-tooltip {
  412. max-width:300px; /* maximum width */
  413. background-color:black; /* color background */
  414. border:1px solid #fff; /* color, shape and thickness of the border */
  415. font-family:Helvetica; /* font of tooltip */
  416. font-size:10px; /* font size */
  417. color:white; /* font color */
  418. letter-spacing:1px; /* font spacing */
  419. text-transform:none; /* uppercase, lowercase, none */
  420. margin-top:10px;
  421. margin-left:15px;
  422. padding-left:4px;
  423. padding-right:4px;
  424. padding-top:3px;
  425. padding-bottom:3px;
  426. z-index:999999999999999999999999999999999999;
  427. border-radius: 2px; /* border radius */
  428. }
  429.  
  430. /*Theme credit*/
  431.  
  432. #welkom
  433. {position:fixed;
  434. top:5px;
  435. left:-218px;
  436. height:10px;
  437. padding:1px 8px 3px 1px;
  438. letter-spacing:0px;
  439. background-color:transparent;
  440. padding-bottom: 5px;
  441. -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  442.  
  443.  
  444.  
  445. #donderdag
  446. {float:left;
  447. color:#fff;
  448. padding-left:100px;
  449. -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  450.  
  451.  
  452.  
  453. #welkom:hover #donderdag
  454. {padding-left:0px;
  455. opacity:0;
  456. padding:0px 0px 0px 0px;
  457. letter-spacing:2px;
  458. padding-bottom: 5px;}
  459.  
  460.  
  461. #welkom:hover
  462. {left:0px;
  463. background-color:transparent;
  464. padding-left:0px;
  465. opacity:1;
  466. }
  467.  
  468.  
  469.  
  470. {CustomCSS}
  471.  
  472. </style>
  473.  
  474.  
  475. <title>{Title}</title>
  476. <link rel="shortcut icon" href="{Favicon}">
  477. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  478. {block:Description}
  479. <meta name="description" content="{MetaDescription}" />
  480. {/block:Description}
  481.  
  482. </head>
  483. <body>
  484.  
  485.  
  486.  
  487.  
  488.  
  489. <div id="center">
  490.  
  491.  
  492.  
  493. <div id="bovenkant">
  494. <div class="blogtitle">{Title}
  495. </div>
  496. {Description}<br>
  497.  
  498. </div>
  499.  
  500.  
  501. <div id="rr">
  502. <a title="Home" href="/"><div id="qq" class="een"></div></a>
  503. <a title="Message" href="/ask"><div id="qq" class="twee"></div></a>
  504. <a title="{text:Link One Title}" href="{text:Link One Title}"><div id="qq" class="drie"></div></a>
  505. <a title="{text:Link Two Title}" href="{text:Link Two Title}"><div id="qq" class="vier"></div></a>
  506. <a title="{text:Link Three Title}" href="{text:Link Three}"><div id="qq" class="vijf"></div></a>
  507. </div>
  508.  
  509.  
  510. <div id="content">
  511.  
  512. {block:Posts}
  513.  
  514. <div id="posts">
  515. {block:Text}
  516. {block:Title}
  517. <div class="titels"><a href="{Permalink}">{Title}</a></div>
  518. {/block:Title}
  519. {Body}
  520. {block:IndexPage}
  521. <div class="ll"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> - <a href="{Permalink}"> {NoteCountWithLabel}</a></div>
  522. {/block:IndexPage}
  523. {/block:Text}
  524.  
  525. {block:Photo}
  526. {block:IndexPage}
  527. {block:IfPostSize700px}
  528. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="700"/></a>
  529. <div class="bb"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}"> {NoteCount}</a></div>
  530. {/block:IfPostSize700px}
  531. {block:IfPostSize500px}
  532. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  533. <div class="bb"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}"> {NoteCount}</a></div>
  534. {/block:IfPostSize500px}
  535. {/block:IndexPage}
  536. {block:PermalinkPage}
  537. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="700"/></a>
  538. {block:Caption}
  539. {Caption}
  540. {/block:Caption}
  541. {/block:PermalinkPage}
  542. {/block:Photo}
  543.  
  544. {block:Photoset}
  545. {block:IndexPage}
  546. {block:IfPostSize500px}
  547. {Photoset-500}
  548. <div class="bb"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}"> {NoteCount}</a></div>
  549. {/block:IfPostSize500px}
  550. {block:IfPostSize700px}
  551. {Photoset-700}
  552. <div class="bb"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}"> {NoteCount}</a></div>
  553. {/block:IfPostSize700px}
  554. {/block:IndexPage}
  555. {block:PermalinkPage}
  556. {block:IfPostSize500px}
  557. {Photoset-500}
  558. {/block:IfPostSize500px}
  559. {block:IfPostSize700px}
  560. {Photoset-700}
  561. {/block:IfPostSize700px}
  562. {block:Caption}
  563. {Caption}
  564. {/block:Caption}
  565. {/block:PermalinkPage}
  566. {/block:Photoset}
  567.  
  568. {block:Quote}
  569. <div class="quotetitle">❝<a href="{Permalink}">{Quote}</a>❞</div>
  570. {block:Source}
  571. <div class="quotesource">- {Source}</div>
  572. {/block:Source}
  573. {block:IndexPage}
  574. <div class="ll"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> - <a href="{Permalink}"> {NoteCountWithLabel}</a></div>
  575. {/block:IndexPage}
  576. {/block:Quote}
  577.  
  578. {block:Link}
  579. {block:IndexPage}
  580. <a href="{URL}" class="titels"{Target}>{Name}</a><div style="font-size:10px; font-family: arial; text-align:right"><a href="{Permalink}">{NoteCount}</a></div>
  581. </div>
  582. {/block:IndexPage}
  583. {block:PermalinkPage}
  584. {block:Description}
  585. {Description}
  586. {/block:Description}
  587. {/block:PermalinkPage}
  588. {/block:Link}
  589.  
  590.  
  591. {block:Chat}
  592. {block:Title}<div class="titels"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  593. <ul class="chat">
  594. {block:Lines}
  595. <li class="user_{UserNumber}">
  596. {block:Label}
  597. {Label}
  598. {/block:Label}
  599. {Line}
  600. </li>
  601. {/block:Lines}
  602. </ul>
  603. {block:IndexPage}
  604. <div class="ll"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> - <a href="{Permalink}"> {NoteCountWithLabel}</a></div>
  605. {/block:IndexPage}
  606. {/block:Chat}
  607.  
  608.  
  609.  
  610. {block:Video}
  611. {block:IndexPage}
  612. {block:ifPostSize500px}
  613. {Video-500}
  614. {/block:ifPostSize500px}
  615. {block:ifPostSize700px}
  616. {Video-700}
  617. {/block:ifPostSize700px}
  618. {/block:IndexPage}
  619. <div class="bb"><a href="{ReblogURL}" target="_blank">Reblog</a> - <a href="{Permalink}"> {NoteCount}</a></div>
  620. {block:PermalinkPage}
  621. {block:ifPostSize500px}
  622. {Video-500}
  623. {/block:ifPostSize500px}
  624. {block:ifPostSize700px}
  625. {block:ifPostSize700px}
  626. {Video-700}
  627. {/block:ifPostSize700px}
  628. {block:Caption}
  629. {Caption}
  630. {/block:Caption}
  631. {/block:PermalinkPage}
  632. {/block:Video}
  633.  
  634.  
  635. {block:Audio}
  636. {block:IndexPage}
  637. {block:AudioPlayer}
  638. <div style="margin-left: 150px;">
  639. {AudioPlayerWhite}
  640. </div>
  641. {/block:AudioPlayer}
  642. {/block:IndexPage}
  643. <div class="bb"><a href="{Permalink}">{block:Artist}
  644. {Artist} -
  645. {/block:Artist}
  646. {block:TrackName}
  647. {TrackName}
  648. {/block:TrackName} with {FormattedPlayCount} plays</a> and <a href="{Permalink}"> {NoteCountWithLabel}</a></div>
  649. {block:PermalinkPage}
  650. {AudioPlayerWhite}
  651. {/block:PermalinkPage}
  652. {/block:Audio}
  653.  
  654.  
  655. {block:PermalinkPage}
  656. <center>
  657. <div style="font-size:10px; text-transform:uppercase; font-family: arial; ">
  658. {block:Date}<p>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}</p></div>
  659. <center><div style="border-bottom: 1px solid white; width: 150px; margin-top: 3px; margin-bottom: 0px;"></div></center><br>
  660. <b>Options</b>: <a href="javascript:history.go(-1)">Go back</a> ○ <a href="http://www.tumblr.com/dashboard">Go home</a> ○ <a href="/random" id="random_link">Random entry</a><br>{block:RebloggedFrom} <b>Via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp; <b>Source</b>: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br><br>
  661. {/block:PermalinkPage}
  662.  
  663. </div>
  664.  
  665.  
  666. {/block:Posts}
  667.  
  668. {block:IfNotEndlessScrolling}
  669. {block:IndexPage}
  670. {block:Pagination}
  671. {block:Pagination}
  672. <div id="pagination">
  673. {block:NextPage}
  674. <div style="text-align: left;">
  675. <a id="nextPage" href="{NextPage}">Next Page</a></div>
  676. {/block:NextPage}
  677. {block:PreviousPage}
  678. <div style="text-align:right;">
  679. <a href="{PreviousPage}">Previous Page</a></div>
  680. {/block:PreviousPage}
  681. {/block:Pagination}
  682. {/block:IndexPage}
  683.  
  684. </div>
  685. </div>
  686.  
  687. {/block:IfNotEndlessScrolling}
  688.  
  689.  
  690.  
  691.  
  692. <div id="welkom">
  693.  
  694. <div style="float:left;width:120px"><a href="http://screeches.tumblr.com" target="_blank" title="For Natalia :-)">Theme</a></div>
  695.  
  696. <div id="donderdag"><div style="margin-right:8px;"/><a href="http://schreeches.tumblr.com" target="_blank"><big>∆</big></a></div>
  697.  
  698.  
  699.  
  700. </body>
  701.  
  702. </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!