API tools faq
paste
taurielic

gašper pomagej

taurielic
Jan 5th, 2014
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!------------
  12.  
  13. yeeeeeeeeeeeeeeeeeeees a theme
  14. i am a theme maker
  15.  
  16. --------------->
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18.  
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20.  
  21. <script>
  22.  
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:30,
  28. tip_fade_speed:300,
  29. attribute:"title"
  30.  
  31. });
  32.  
  33. });
  34.  
  35. })(jQuery);
  36.  
  37. </script>
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43.  
  44.  
  45. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  46. <script>
  47. $(document).ready(function() {
  48.  
  49. var div = $('#links');
  50. var start = $(div).offset().top;
  51.  
  52. $.event.add(window, "scroll", function() {
  53. var p = $(window).scrollTop();
  54. $(div).css('position',((p)>start) ? 'fixed' : 'static');
  55. $(div).css('top',((p)>start) ? '0px' : '');
  56. });
  57.  
  58.  
  59. });
  60. </script>
  61.  
  62. <link rel="shortcut icon" href="{Favicon}">
  63.  
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  65.  
  66. <meta name="color:Audio background" content="#f3f3f3" />
  67. <meta name="color:Description" content="#808080" />
  68. <meta name="color:Header links" content="#000000" />
  69. <meta name="color:Header title" content="#000000" />
  70. <meta name="color:Link hover" content="#000000" />
  71. <meta name="color:Link" content="#000000" />
  72. <meta name="color:Post" content="#ffffff" />
  73. <meta name="color:Scrollbar" content="#000000"/>
  74. <meta name="color:Text" content="#9b9696"/>
  75. <meta name="color:Title" content="#000000" />
  76.  
  77. <meta name="image:Header image" content=""/>
  78.  
  79. <meta name="text:Header title" content="">
  80.  
  81. <meta name="text:link1" content="Link 1"/>
  82. <meta name="text:link1 url" content="/"/>
  83. <meta name="text:link2" content="Link 2"/>
  84. <meta name="text:link2 url" content="/"/>
  85. <meta name="text:link3" content="Link 3"/>
  86. <meta name="text:link3 url" content="/"/>
  87. <meta name="text:link4" content="Link 4"/>
  88. <meta name="text:link4 url" content="/"/>
  89. <meta name="text:link5" content="Link 5"/>
  90. <meta name="text:link5 url" content="/"/>
  91. <meta name="text:link6" content="Link 6"/>
  92. <meta name="text:link6 url" content="/"/>
  93.  
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=Raleway:400,800,100' rel='stylesheet' type='text/css'>
  96. <link href='http://fonts.googleapis.com/css?family=Quicksand:300,400' rel='stylesheet' type='text/css'>
  97. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  98.  
  99.  
  100.  
  101. <style type="text/css">
  102.  
  103. ::-webkit-scrollbar {
  104. width: 8px;
  105. background-color: #F5F5F5;
  106. }
  107.  
  108. ::-webkit-scrollbar-thumb {
  109. border-radius: 8px;
  110. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  111. background-color: #555;
  112. }
  113.  
  114. #s-m-t-tooltip {
  115. max-width:300px;
  116. margin:12px 0px 0px 12px;
  117. padding:1px 3px;
  118. background:#fff;
  119. text-transform:lowercase;
  120. font-style: none;
  121. font-family: calibri;
  122. font-size:10px;
  123. letter-spacing: 1px;
  124. color:{color:text};
  125. border-bottom: 0px solid #aaa;
  126. box-shadow: 1px 1px 2px #a5a5a5;
  127. z-index:999;
  128. }
  129.  
  130.  
  131. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  132.  
  133. blockquote {
  134. border-left:1px solid #ccc;
  135. padding-top:1px;
  136. padding-bottom:1px;
  137. padding-left:10px;
  138. margin-top:8px;
  139. margin-right:2px;
  140. margin-left:29px;
  141. }
  142.  
  143. body {
  144. background:{color:background};
  145. margin:0px;
  146. color:{color:text};
  147. font-family:calibri;
  148. font-size:11px;
  149. line-height:130%;
  150. }
  151.  
  152. a {
  153. text-decoration:none;
  154. outline:none;
  155. -moz-outline-style:none;
  156. color:{color:link};
  157. -moz-transition-duration:0.5s;
  158. -webkit-transition-duration:0.5s;
  159. -o-transition-duration:0.5s;
  160. }
  161.  
  162. a:hover {
  163. text-decoration:none;
  164. outline:none;
  165. color: transparent;
  166. text-shadow: 0 0 1px rgba(0,0,0,0.5);
  167. -moz-outline-style:none;
  168. -moz-transition-duration:0.2s;
  169. -webkit-transition-duration:0.2s;
  170. -o-transition-duration:0.2s;
  171. }
  172.  
  173. img {
  174. border:none;
  175. }
  176.  
  177. #entries {
  178. padding:15px;
  179. width:500px;
  180. font-weight: normal;
  181. line-height:11px;
  182. color:{color:text};
  183. }
  184.  
  185.  
  186. #posts {
  187. width:500px;
  188. font-weight: normal;
  189. line-height:100%;
  190. color:{color:text};
  191. background:#fff;
  192. width:500px;
  193. padding-bottom:30px;
  194. margin-bottom:60px;
  195. margin-left:10px;
  196. }
  197. }
  198.  
  199.  
  200. /* LABELS */
  201.  
  202. h1 {
  203. color:{color:title};
  204. font-size:18px;
  205. font-family:raleway;
  206. font-weight:100;
  207. background-color:#fff;
  208. text-align:left;
  209. line-height:4px;
  210. }
  211.  
  212. h2 {
  213. color:{color:title};
  214. font-size:18px;
  215. background-color:{color:post};
  216. font-family:corbel;
  217. opacity:1;
  218. margin:0px 0px;
  219. text-align:left;
  220. font-weight:100;
  221. line-height:100%;
  222. }
  223.  
  224. h3 {
  225. color:{color:header title};
  226. font-size:36px;
  227. font-family:quicksand;
  228. font-weight:100;
  229. padding:5px 15px 0px 15px;
  230. text-align:center;
  231. opacity:1;
  232. margin:0px 0px;
  233. line-height:100%;
  234. }
  235.  
  236.  
  237. /* HEADER */
  238.  
  239. #container {
  240. width: 500px;
  241. margin-top: 90px
  242. margin-bottom:0px;
  243. margin-left: auto;
  244. margin-right: auto;
  245. }
  246.  
  247.  
  248. #headertitle {
  249. margin-top:200px;
  250. text-shadow: 1px 1px 1px red, 3px 3px 5px blue;
  251. }
  252.  
  253. #header {
  254. width:520px;
  255. opacity:100%;
  256. text-align:center;
  257. margin-left:15px;
  258. margin-bottom:10px;
  259. margin-top: 90px;
  260. padding-bottom: 20px;
  261. }
  262.  
  263. #headerimage img {
  264. width:auto;
  265. max-height:150px;
  266. left:auto;
  267. }
  268.  
  269.  
  270. .description {
  271. width:300px;
  272. font-family:corbel;
  273. font-size:10px;
  274. line-height: 118%;
  275. margin:10px auto 0px ;
  276. text-align:center;
  277. padding-bottom:10px;
  278. height:auto;
  279. top:60px;
  280. color:{color:description};
  281. position:none;
  282. background-color:#fff;
  283. z-index:15;
  284. opacity:1;
  285. }
  286.  
  287.  
  288. #links{
  289. width:500px;
  290. color:{color:header links};
  291. font-size:11px;
  292. font-family:franklin gothic book;
  293. letter-spacing:1px;
  294. word-spacing:10px;
  295. padding:5px 0px 1px 0px;
  296. margin:-10px 0px 0px 10px;
  297. text-align:center;
  298. background:#fff;
  299. line-height:300%;
  300. z-index:999;
  301. opacity:0.98;
  302. }
  303.  
  304.  
  305. /* INFO */
  306.  
  307. #info {
  308. position:relative;
  309. padding:10px;
  310. width:80px;
  311. text-align:right;
  312. font-family:franklin gothic book;
  313. top:102px;
  314. left:-100px;
  315. letter-spacing:0px;
  316. font-size:9px;
  317. opacity:0;
  318. line-height:0px;
  319. background:#fff;
  320. }
  321.  
  322. #info a {
  323. color:{color:text};
  324. }
  325.  
  326. #info a:hover {
  327. color:transparent;
  328. }
  329.  
  330. #posts:hover #info {
  331. opacity:1;
  332. -webkit-transition-duration: 1s;
  333. }
  334.  
  335.  
  336. #tags {
  337. position:relative;
  338. padding:10px;
  339. width:80px;
  340. text-align:left;
  341. font-family:franklin gothic book;
  342. top:40px;
  343. left:500px;
  344. letter-spacing:0px;
  345. font-size:9px;
  346. opacity:0;
  347. line-height:100%;
  348.  
  349. }
  350.  
  351. #tags a {
  352. color:{color:text};
  353. }
  354.  
  355. #tags a:hover {
  356. color:transparent;
  357. }
  358.  
  359. #posts:hover #tags {
  360. opacity:1;
  361. -webkit-transition-duration: 1s;
  362. }
  363.  
  364. /* PAGINATION*/
  365.  
  366. #pagination {
  367. bottom:0px;
  368. font-family:franklin gothic book;
  369. width:500px;
  370. font-size:11px;
  371. padding:11px;
  372. letter-spacing:1px;
  373. word-spacing:15px;
  374. text-align:center;
  375. background:#fff;
  376. text-transform:uppercase;
  377. opacity:0.98;
  378. }
  379.  
  380. #pagination a {
  381. color:{color:link};
  382. opacity:1;
  383. }
  384.  
  385.  
  386. /* AUDIO */
  387.  
  388. .cover {
  389. position: relative;
  390. z-index: 1;
  391. width: 90px;
  392. float:left;
  393. }
  394.  
  395. .button {
  396. width:20px;
  397. height:30px;
  398. overflow: hidden;
  399. position: relative;
  400. z-index: 99;
  401. margin: 15px 24px 13px 16px;
  402. }
  403.  
  404. .player {
  405. background-color: #fff;
  406. position: absolute;
  407. z-index: 99;
  408. margin-top: 16px;
  409. margin-left: 15px;
  410. opacity: 0.3;
  411. -webkit-transition: opacity 0.2s linear;
  412. -webkit-transition: all 0.2s linear;
  413. -moz-transition: all 0.2s linear;
  414. -o-transition: all 0.2s linear;
  415. }
  416.  
  417. .player:hover {
  418. opacity:0.85;
  419. }
  420.  
  421. .musicinfo {
  422. padding:13px;
  423. font-size:12px;
  424. margin-left:100px;
  425. text-align:left;
  426. line-height:110%;
  427. background:{color:Audio background};
  428. }
  429.  
  430.  
  431.  
  432. /* ASKS */
  433.  
  434. #ask {
  435. padding:5px;
  436. padding-bottom:10px;
  437. padding-left:10px;
  438. text-align:right;
  439. color:{color:text};
  440. line-height:130%;
  441. border:0px solid #f3f3f3 opacity:0.5;
  442. }
  443. #ask img {
  444. margin-left:-2px;
  445. margin-bottom:-9px;
  446. padding:3px;
  447. }
  448.  
  449. #answer {
  450. text-align:left;
  451. padding:6px;
  452. color:{color:text};
  453. }
  454.  
  455.  
  456. /* CREDIT */
  457.  
  458. #credit {
  459. position:fixed;
  460. right:0px;
  461. bottom:0px;
  462. color:{color:body};
  463. font-family:corbel;
  464. text-transform:lowercase;
  465. margin:4px;
  466. font-size:12px;
  467. letter-spacing:1px;
  468. padding:8px;
  469. }
  470.  
  471.  
  472.  
  473. </style>
  474. <style type="text/css">{CustomCSS}</style>
  475. </head><body>
  476.  
  477.  
  478. <div id="container">
  479.  
  480. <div id="header">
  481.  
  482. <div id="headerimage">
  483. <a href="/"><img src="{image:header image}"></a></div>
  484.  
  485. <div class="headertitle"><h3>{text:header title}</h3></div>
  486.  
  487. <div class="description">
  488. {Description}
  489. </div>
  490.  
  491. <div id="links">
  492. {block:IfLink1}
  493. <a href="{text:link1 url}" title="{text:Link1}">i.</a>
  494. {/block:IfLink1}
  495. {block:IfLink2}
  496. <a href="{text:link2 url}"title="{text:link2}">ii.</a>
  497. {/block:IfLink2}
  498. {block:IfLink3}
  499. <a href="{text:link3 url}"title="{text:link3}">iii.</a>
  500. {/block:IfLink3}
  501. {block:IfLink4}
  502. <a href="{text:link4 url}"title="{text:link4}">iv.</a>
  503. {/block:IfLink4}
  504. {block:IfLink5}
  505. <a href="{text:link5 url}"title="{text:link5}">v.</a>
  506. {/block:IfLink5}
  507. {block:IfLink6}
  508. <a href="{text:link6 url}"title="{text:link6}">vi.</a>
  509. {/block:IfLink6}
  510. </div>
  511. </div>
  512.  
  513.  
  514. <div id="credit"><a href="http://taurielic.tumblr.com/">©</a></div>
  515.  
  516. <br><br>
  517. <div id="entries">
  518. {block:Posts}
  519. <div id="posts">
  520.  
  521. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}<p>{block:RebloggedFrom}<a href="{ReblogParentURL}"
  522. title="{ReblogParentTitle}">via</a></p>
  523. <p><a href="{ReblogRootURL}" title="{ReblogRoottitle}">source</a></p>
  524. {/block:RebloggedFrom}</a>
  525.  
  526.  
  527. {/block:Date}</br>
  528. </div>
  529.  
  530.  
  531. {block:HasTags}
  532. <div id="tags">
  533. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
  534. {/block:HasTags}
  535.  
  536. {block:Audio}<div class="player"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="musicinfo">
  537. {block:TrackName}<div style="font-size:12px;">{TrackName}</div>{/block:Trackname}<br>{block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}<br>{block:Album} {Album}{/block:Album}<br>{block:PlayCount}{PlayCount} plays </span>{/block:PlayCount}<br></div><div><style="margin-top:20px;"><br>{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
  538.  
  539. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  540.  
  541. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  542.  
  543. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  544.  
  545. {block:Quote}<h2>"{Quote}"</h2>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  546.  
  547.  
  548. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  549.  
  550. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  551.  
  552. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  553.  
  554.  
  555. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.85;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>{Question}</big></em><br><br>{Answer}{/block:Answer}
  556.  
  557.  
  558.  
  559.  
  560. </div>
  561.  
  562. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  563. {block:Pagination}
  564. <div id="pagination">
  565. {block:PreviousPage}
  566. <a href="{PreviousPage}">←</a>
  567. {/block:PreviousPage}
  568. {block:JumpPagination length="5"}
  569. {block:CurrentPage}
  570. <span class="current_page">{PageNumber}</span>
  571. {/block:CurrentPage}
  572. {block:JumpPage}
  573. <a class="jump_page" href="{URL}">{PageNumber}</a>
  574. {/block:JumpPage}
  575. {/block:JumpPagination}
  576. {block:NextPage}
  577. <a href="{NextPage}">→</a>
  578. {/block:NextPage}
  579. </div>
  580. {/block:Pagination}
  581. </div>
  582.  
  583.  
  584.  
  585. </div>
  586. </body>
  587. </html>
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!