API tools faq
paste
Advertisement
carolnuts

Tumblr code

carolnuts
Dec 14th, 2014
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.94 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.  
  3. <!--
  4.  
  5. F R A H ' S T H E M E S ( C ) 2 0 1 4
  6. K E E P T H E C R E D I T S
  7. B A S E C O D E B Y T E E N L O L F
  8.  
  9.  
  10. -->
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  45. <head><title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49.  
  50.  
  51. <meta name="color:Background" content="#ffffff"/>
  52. <meta name="color:Sidebar" content="#ffffff"/>
  53. <meta name="color:Text" content="#a8a8a8"/>
  54. <meta name="color:Link" content="#b8b8b8"/>
  55. <meta name="color:Tags" content="f0f0f0"/>
  56. <meta name="color:Hover" content="#f2f2f2"/>
  57. <meta name="color:Line" content="#f2f2f2"/>
  58. <meta name="color:Border" content="#e4e4e4"/>
  59. <meta name="color:Post" content="#ffffff"/>
  60. <meta name="color:Answer" content="#f8f8f8"/>
  61.  
  62. <meta name="if:Show Link 1" content="1" />
  63. <meta name="if:Show Link 2" content="1" />
  64. <meta name="if:Show Link 3" content="1" />
  65. <meta name="if:Show Sidebar Image" content="1"/>
  66.  
  67. <meta name="image:sidebar" content=""/>
  68. <meta name="text:NameAsk" content="" />
  69. <meta name="text:UrlAsk" content="" />
  70. <meta name="text:Link 1" content="" />
  71. <meta name="text:Link 1 Text" content="" />
  72. <meta name="text:Link 2" content="" />
  73. <meta name="text:Link 2 Text" content="" />
  74. <meta name="text:Link 3" content="" />
  75. <meta name="text:Link 3 Text" content="" />
  76. <meta name="color:scrollbarbg" content="ffffff"/>
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81.  
  82.  
  83. /* --- SCROLLBAR ---*/
  84.  
  85. ::-webkit-scrollbar {background-color:#fff; height:5px; width:7px}
  86. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px;border-radius:10px;border:1px solid #fff;}
  87. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
  88.  
  89.  
  90. /* --- BODY ---*/
  91.  
  92. body {
  93. background:{color:background};
  94. margin:0px;
  95. color:{color:text};
  96. font-family:calibri;
  97. font-size:11px;
  98. line-height:11px;
  99. }
  100.  
  101. a {
  102. text-decoration:none;
  103. outline:none;
  104. -moz-outline-style:none;
  105. color:{color:link};
  106. }
  107.  
  108. img {
  109. border:none;
  110. }
  111.  
  112. blockquote {
  113. padding-left:7px;
  114. border-left:1px solid #c1c1c1;
  115. }
  116.  
  117. blockquote blockquote {
  118. padding-left:7px;
  119. border-left:1px solid #c1c1c1;
  120. }
  121.  
  122. h1 {
  123. font-size:15px;
  124. text-transform:uppercase;
  125. }
  126.  
  127. a:hover {
  128. opacity:10;
  129. color:{color:hover};
  130. -webkit-transition: all 0.7s ease;
  131. -moz-transition: all 0.7s ease;
  132. -o-transition: all 0.7s ease
  133. }
  134.  
  135. /* --- POST ENTRIES ---*/
  136.  
  137.  
  138. #entries {
  139. padding:10px;
  140. width:500px;
  141. margin-left:500px;
  142. margin-top:40px;
  143. }
  144.  
  145. /* --- BODY: POSTS ---*/
  146.  
  147.  
  148. #post {
  149. width:500px;
  150. padding-bottom:20px;
  151. padding:10px;
  152. margin-top:15px;
  153. background-color:{color:Post};
  154. }
  155.  
  156. #notes {
  157. padding-bottom:2px;
  158. text-align:left;
  159. font-size:12px;
  160. width:460px;
  161. }
  162.  
  163. #notes li.note{
  164. border-bottom:1px solid {color:border};
  165. padding:2%;
  166. }
  167.  
  168. #notes li.note img.avatar{
  169. width:0px;
  170. height:0px;
  171. }
  172.  
  173. /* --- SIDEBAR IMAGE ---*/
  174.  
  175.  
  176. #sidebar {
  177. width:170px;
  178. position:fixed;
  179. margin-left:290px;
  180. display:block;
  181. {block:IfShowSidebarImage}
  182. margin-top:210px;
  183. {/block:IfShowSidebarImage}
  184. {block:IfNotShowSidebarImage}
  185. margin-top:290px;
  186. {/block:IfNotShowSidebarImage}
  187.  
  188. }
  189.  
  190. #sidebarimage {
  191. width: 160px;
  192. }
  193.  
  194. #sidebarimage img {
  195. width:160px;
  196. margin-left:-2px;
  197. padding:6px;
  198. }
  199.  
  200.  
  201. /* --- SIDEBAR LINKS ---*/
  202.  
  203.  
  204.  
  205.  
  206. .links a {
  207. margin-top:-12px;;
  208. background-color:#f8f8f8;
  209. font-size:10px;
  210. text-align:center;
  211. float:left;
  212. width:30px;
  213. letter-spacing:2px;
  214. font-color:#0f0f0f;
  215. padding:13px;
  216. -webkit-transition: all 0.5s ease;
  217. -moz-transition: all 0.5s ease;
  218. -ms-transition: all 0.5s ease;
  219. -o-transition: all 0.5s ease;
  220. transition: all 0.5s ease;
  221. }
  222.  
  223. .links a:hover {
  224. padding:13px;
  225. letter-spacing:0px;
  226. -webkit-transition: all 0.5s ease;
  227. -moz-transition: all 0.5s ease;
  228. -ms-transition: all 0.5s ease;
  229. -o-transition: all 0.5s ease;
  230. transition: all 0.5s ease;
  231. text-shadow: 0px 1px 1px #8f8f8f;
  232. }
  233.  
  234.  
  235. /* --- DESCRIPTION ---*/
  236.  
  237. #description {
  238. width:138px;
  239. background-color:#f9f9f9;
  240. font-size:11px;
  241. text-align: justify;
  242. font-color:{color:text};
  243. padding: 15px;
  244. display:block;
  245. }
  246.  
  247. #description a {
  248. color:{color:text};
  249. -moz-transition-duration:0.4s;
  250. -webkit-transition-duration:0.4s;
  251. -o-transition-duration:0.4s;
  252. }
  253.  
  254. /* --- PAGINATION---*/
  255.  
  256.  
  257. #pagination {
  258. width:150px;
  259. font-size:12px;
  260. text-align:center;
  261. margin-left:0px;
  262. margin-top:100px;
  263. position:fixed;
  264. font-weight:bold;
  265. letter-spacing:0px;
  266. }
  267.  
  268. /* --- POST INFO ---*/
  269.  
  270.  
  271. #info {
  272. text-align:center;
  273. margin-top:10px;
  274. text-transform:none;
  275. font-size:10px;
  276. font-style:none;
  277. }
  278.  
  279. /* --- POST TAGS---*/
  280.  
  281.  
  282. #tags {
  283. letter-spacing:0px;
  284. text-transform:lowercase;
  285. font-size:11px;
  286. margin-top:4px;
  287. text-align:center;
  288. }
  289.  
  290. #tags a {
  291. display:inline;
  292. background-color:{color:Tags};
  293. padding:-3px;text-align:left;
  294. -webkit-transition: all 0.6s ease-in-out;
  295. -moz-transition: all 0.6s ease-in-out;
  296. -o-transition: all 0.6s ease-in-out;
  297. -ms-transition: all 0.6s ease-in-out;
  298. transition: all 0.6s ease-in-out;
  299. }
  300.  
  301.  
  302. /* --- QUESTIONS ---*/
  303.  
  304. #asker {
  305. padding:5px;
  306. letter-spacing:1px;
  307. text-align:left;
  308. font-size:10px;
  309. font-style:italic;
  310. margin-left:10px;
  311. border-left:3px #eee solid;
  312. background-color:#f8f8f8;
  313. }
  314.  
  315. /* --- POPUP ASK ---*/
  316.  
  317. #fade { /*--Transparent background layer--*/
  318. display: none; /*--hidden by default--*/
  319. background: #000;
  320. position: fixed; left: 0; top: 0;
  321. width: 100%; height: 100%;
  322. opacity: .80;
  323. z-index: 9999;
  324. }
  325. .popup_block{
  326. display: none; /*--hidden by default--*/
  327. padding: 10px;
  328. float: left;
  329. font-size: 10;
  330. position: fixed;
  331. top: 50%; left: 52.3%;
  332. z-index: 99999;
  333. }
  334. .heading{
  335. font-size:15px;
  336. margin-bottom:10px;
  337. color:#fff;
  338. letter-spacing:2px;
  339. }
  340. /*--Making IE6 Understand Fixed Positioning--*/
  341. *html #fade {
  342. position: absolute;
  343. }
  344. *html .popup_block {
  345. position: absolute;
  346. }
  347.  
  348. /* BOX 1 */
  349.  
  350. #box {
  351. position:fixed;
  352. top:30px; /* distance from top*/
  353. left:40px; /* distance from left*/
  354. border:1px solid #d1d1d1; /* border colour*/
  355. width:4px; /* box width*/
  356. height:4px; /* box height*/
  357. padding:2px;
  358. z-index:9999999; /* every box you add take off a nine from here */
  359. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  360. }
  361.  
  362.  
  363. #box:hover {
  364. height:150px; /* content box height */
  365. width:85px; /* content box width */
  366. background:#fff;
  367.  
  368. }
  369.  
  370. #box:hover #cont {
  371. opacity:1;
  372. /* keep these same as above but take off 5 px from width */
  373. width:80px;
  374. height:150px;
  375. }
  376.  
  377. #cont {
  378. position:fixed;
  379. padding:2px;
  380. text-align:center;
  381. overflow:hidden;
  382. width:0;
  383. height:0;
  384. opacity:0;
  385. z-index:9;
  386. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  387. }
  388.  
  389. /* BOX 2 */
  390.  
  391. #box2 {
  392. position:fixed;
  393. top:30px;
  394. left:54px;
  395. border:1px solid #d1d1d1;
  396. width:4px;
  397. height:4px;
  398. padding:2px;
  399. z-index:999999;
  400. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  401. }
  402.  
  403.  
  404. #box2:hover {
  405. height:150px;
  406. width:85px;
  407. background:#fff;
  408. }
  409.  
  410. #box2:hover #cont2 {
  411. opacity:1;
  412. width:80px;
  413. height:150px;
  414. }
  415.  
  416. #cont2 {
  417. position:fixed;
  418. font-size:10px;
  419. padding:2px;
  420. text-align:center;
  421. overflow:hidden;
  422. width:0;
  423. height:0;
  424. opacity:0;
  425. z-index:9;
  426. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  427. }
  428.  
  429. /* BOX 3 */
  430.  
  431. #box3 {
  432. position:fixed;
  433. top:30px;
  434. left:68px;
  435. border:1px solid #d1d1d1;
  436. width:4px;
  437. height:4px;
  438. padding:2px;
  439. z-index:99999;
  440. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  441. }
  442.  
  443.  
  444. #box3:hover {
  445. height:150px;
  446. width:85px;
  447. background:#fff;
  448. }
  449.  
  450. #box3:hover #cont3 {
  451. opacity:1;
  452. width:80px;
  453. height:150px;
  454. }
  455.  
  456. #cont3 {
  457. position:fixed;
  458. font-size:10px;
  459. padding:2px;
  460. text-align:center;
  461. overflow:hidden;
  462. width:0;
  463. height:0;
  464. opacity:0;
  465. z-index:9;
  466. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  467. }
  468.  
  469. {CustomCSS}</style></head><body>
  470.  
  471. <div id="sidebar">
  472.  
  473. {block:IfShowSidebarImage}
  474. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  475. {/block:IfShowSidebarImage}
  476.  
  477.  
  478.  
  479. <div id="description">
  480. {Description}
  481. </div>
  482.  
  483.  
  484. <div class="links">
  485. <a href="/">index</a>
  486. <a href="#?w=500" rel="02" class="poplight";">mail</a><p>
  487. <a href="/archive">old</a>
  488. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  489. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  490. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  491. </div>
  492.  
  493.  
  494. {block:Pagination}<div id="pagination">
  495. {block:PreviousPage}<a href="{PreviousPage}">back</a>&nbsp;&nbsp;{/block:PreviousPage} - {block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">next</a>{/block:NextPage}
  496. </div>{/block:Pagination}
  497.  
  498. </div>
  499.  
  500. <div id="entries">{block:Posts}<div id="post">
  501.  
  502. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  503.  
  504. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  505.  
  506. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  507.  
  508. {block:Quote}{Quote}{/block:Quote}
  509.  
  510. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  511.  
  512. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  513.  
  514. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  515. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  516. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  517. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  518. {/block:Audio}
  519.  
  520. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  521.  
  522. {block:Answer}<div id="asker">✎ {Asker} asked: </span>{Question}</div><left><font style="size:10">{Answer}</font>{/block:Answer}
  523.  
  524. <div id="info">
  525. <br> <a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:PermalinkPage} {12Hour}:{Minutes}{CapitalAmPm}{/block:PermalinkPage} {block:NoteCount}
  526. <font style="color:#a8a8a8">/ <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></font>
  527. {/block:NoteCount} {block:PermalinkPage}
  528. {block:RebloggedFrom} &mdash; <a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}
  529. {block:HasTags}<div id="tags">{block:Tags}&nbsp;&nbsp;<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  530. {/block:Posts}
  531. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  532. {/block:Posts}</div></div></div>
  533.  
  534. <body>
  535. <div id="box">
  536. <div id="cont">
  537. <br>
  538. <br>I post about lots of stuff
  539. </div>
  540. </div>
  541.  
  542.  
  543. <div id="box2">
  544. <div id="cont2">
  545. <br>Mostly anime
  546. </div>
  547. </div>
  548.  
  549. <div id="box3">
  550. <div id="cont3">
  551. <br>sometimes I draw too, but I'm not good
  552. </div>
  553. </div>
  554.  
  555. <!--
  556. THEME MAKER CREDIT
  557. -->
  558.  
  559. <div style="position:fixed;bottom:3px; right:5px; font-size:18px; letter-spacing:1px; font-family:calibri;"><a href="http://divergerrs.tumblr.com/" title="by divergerrs"><img src="http://i.imgur.com/UJ1XybE.png"></a></center></div>
  560.  
  561.  
  562. </body>
  563.  
  564. <div id="02" class="popup_block">
  565.  
  566. <Center><font size="4" color="#1C1C1C">{text:NameAsk}</font><iframe frameborder="0" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:UrlAsk}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  567. </center></div>
  568.  
  569. </div></div></div></div></div></div></div></div></div></div>
  570.  
  571.  
  572. </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!