API tools faq
paste
Advertisement
trashxhawkxguy

Bucky's theme

trashxhawkxguy
May 31st, 2016
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.20 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. <meta name="image:background" content="{background}" />
  10. <meta name="color:text" content="{color}" />
  11. <meta name="color:link" content="" />
  12. <meta name="color:title" content="{title}" />
  13. <meta name="color:tag" content="" />
  14. <meta name="color:tag hover" content="" />
  15. <meta name="color:description" content="" />
  16. <meta name="text:Link 1 url" content="/" />
  17. <meta name="text:Link 1 Text" content="x" />
  18. <meta name="text:Link 2 url" content="/" />
  19. <meta name="text:Link 2 Text" content="x" />
  20. <meta name="text:Link 3 url" content="/" />
  21. <meta name="text:Link 3 Text" content="x" />
  22. <meta name="text:Link 4 url" content="/" />
  23. <meta name="text:Link 4 Text" content="x" />
  24.  
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26.  
  27. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  28.  
  29. <script>
  30. (function($){
  31. $(document).ready(function(){
  32. $("a[title]").style_my_tooltips({
  33. tip_follows_cursor:true,
  34. tip_delay_time:90,
  35. tip_fade_speed:600,
  36. attribute:"title"
  37. });
  38. });
  39. })(jQuery);
  40. </script>
  41. <style type="text/css">
  42. #container-top-left {
  43. position:fixed; /*don't change*/
  44. z-index:999; /*don't change*/
  45. top:0px; /*don't change*/
  46. left:10px; /*higher number = farther to right*/
  47. /*transition speed: 0.1 = fastest and 1 = slowest*/
  48. -webkit-transition: all .7s ease-in-out;
  49. -moz-transition: all .7s ease-in-out;
  50. -o-transition: all .7s ease-in-out;
  51. }
  52.  
  53. /* scrollbar info */
  54.  
  55.  
  56. ::-webkit-scrollbar {
  57. width: 2px;
  58. height: 2px;
  59. }
  60. ::-webkit-scrollbar-button {
  61. width: 0px;
  62. height: 0px;
  63. }
  64. ::-webkit-scrollbar-thumb {
  65. background: #e1e1e1;
  66. border: 0px none #ffffff;
  67. border-radius: 50px;
  68. }
  69. ::-webkit-scrollbar-thumb:hover {
  70. background: #ffffff;
  71. }
  72. ::-webkit-scrollbar-thumb:active {
  73. background: #000000;
  74. }
  75. ::-webkit-scrollbar-track {
  76. background: #666666;
  77. border: 0px none #ffffff;
  78. border-radius: 50px;
  79. }
  80. ::-webkit-scrollbar-track:hover {
  81. background: #666666;
  82. }
  83. ::-webkit-scrollbar-track:active {
  84. background: #333333;
  85. }
  86. ::-webkit-scrollbar-corner {
  87. background: transparent;
  88. }
  89.  
  90. #s-m-t-tooltip{
  91. /* basic */
  92. max-width:300px;
  93. z-index:10;
  94. margin:24px 14px 7px 12px;
  95. /* style and design */
  96. padding:8px;
  97. background:#222; /* fallback if rgba not supported */
  98. background:rgba(0,0,0,0.8);
  99. -moz-border-radius:3px;
  100. -webkit-border-radius:3px;
  101. border-radius:3px;
  102. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  103. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  104. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
  105. /* font */
  106. font-family:Verdana,Geneva,sans-serif;
  107. font-size:11px;
  108. line-height:16px;
  109. color:#fff;
  110. }
  111. /* fun post stuff!!! */
  112.  
  113. h1 {
  114. font-size:25px;
  115. line-height:10px;
  116. text-align:center;
  117. padding:5px;
  118. }
  119. a {
  120. text-decoration:none;
  121. color: {color:link};
  122.  
  123. }
  124. a:hover {
  125. color:#EED5B7;
  126. -webkit-transition: all 0.7s ease;
  127. -moz-transition: all 0.7s ease;
  128. -o-transition: all 0.7s ease;
  129.  
  130. }
  131.  
  132. b, strong {
  133. color: #fff;
  134. text-transform:uppercase;
  135. }
  136.  
  137. i, em {
  138. color: #888;
  139. font-family:'Bookman', serif;
  140. }
  141. /* blah unfun info */
  142. blockquote {
  143. padding:1px 5px;
  144. margin:3px 0 3px 8px;
  145. border-left:.5px solid #000;
  146. }
  147.  
  148. blockquote img {
  149. max-width:100%;
  150. height:auto;
  151. }
  152.  
  153. img {
  154. max-width: 100%;
  155. }
  156.  
  157. /* here is the post info */
  158. body {
  159. background-color:#698B69;
  160. font-family:‘Gibson’, sans-serif;
  161. font-size: 11px;
  162. color:#000;
  163. background-image:url('{image:background}');
  164. background-position: top left;
  165. background-repeat: no-repeat;
  166. background-attachment: fixed;
  167. }
  168.  
  169.  
  170.  
  171. #container {
  172. position:absolute;
  173. top:350px;
  174. left:520px;
  175. height:350px;
  176. width: 500px;
  177. overflow-y:scroll;
  178. }
  179.  
  180. /* welp */
  181. .posts {
  182. max-width: 450px;
  183. padding:10px;
  184. margin-bottom: 30px;
  185. margin-left: 20px;
  186. color: {color:text};
  187. }
  188. .posts img {
  189. max-width: 100%;
  190. padding:10px;
  191. margin-bottom: 30px;
  192. margin-left: 20px;
  193. color: {color:text};
  194. }
  195.  
  196. .title {
  197. position: relative;
  198. color: {color:title};
  199. font-size: 25px;
  200. font-family: courier;
  201. text-transform: uppercase;
  202. top: 50px;
  203. left: -30px;
  204. text-shadow: 3px 3px 3px {color:text};
  205. }
  206.  
  207. .title a {
  208. color: {color:title};
  209. }
  210.  
  211. .title a:hover {
  212. color: {color:tag hover};
  213. }
  214. /* ~~~~~~taggggs~~~~~~ */
  215.  
  216.  
  217. .date {
  218. float:left;
  219. }
  220. .reblogs {
  221. float:right;
  222. }
  223.  
  224. .tags {
  225. text-align:left;
  226. }
  227. .tags a {
  228. text-decoration:none;
  229. font-size: 10px;
  230. color: {color:tag};
  231. }
  232. .tags a:hover {
  233. color: {color:tag hover};
  234. -webkit-transition: all 0.7s ease;
  235. -moz-transition: all 0.7s ease;
  236. -o-transition: all 0.7s ease;
  237. }
  238. .date {
  239. float:left;
  240. }
  241.  
  242. .reblogs {
  243. float:right;
  244. }
  245.  
  246. /* i love uselessly dividing shit */
  247. #pagi{
  248. position:fixed;
  249. color:#CD0000;
  250. font-size:20px;
  251. top:325px;
  252. left:185px;
  253. -webkit-transition: all 0.7s ease;
  254. -moz-transition: all 0.7s ease;
  255. -o-transition: all 0.7s ease;
  256. }
  257.  
  258. #pagination a:hover {
  259. color:#ffffff;
  260. }
  261.  
  262. #sidebar {
  263. position:fixed;
  264. left: 600px;
  265. top: 250px;
  266. width: 210px;
  267. text-align:center;
  268. background:#fff opacity 20%;
  269. background-image:url('hhh');
  270. background-position:top left;
  271. background-repeat:no-repeat;
  272. background-attachment:fixed;
  273.  
  274. }
  275.  
  276.  
  277.  
  278. /* links */
  279. .link004 {
  280. position:fixed;
  281. font-family:signerica;
  282. width:10px;
  283. top:320px;
  284. left:540px;
  285. font-size:25px;
  286. text-transform:uppercase;
  287. text-align:center;
  288. line-height:170%;
  289. -moz-transform: rotate(-5deg);
  290. -webkit-transform: rotate(-5deg);
  291. -o-transform: rotate(-5deg);
  292. -ms-transform: rotate(-5deg);
  293. transform: rotate(-19deg);
  294. }
  295.  
  296. .link004 a{
  297. line-height:170%;
  298. padding:1px;
  299. margin-top:1px;
  300. margin-left:2px;
  301. color: {color:link};
  302. size:15px;
  303. -moz-transition-duration:.7s;
  304. -webkit-transition-duration:.7s;
  305. -o-transition-duration:.7s;
  306. }
  307.  
  308. .link004 a:hover {
  309. color:#000;
  310. -moz-transition-duration:.4s;
  311. -webkit-transition-duration:.4s;
  312. -o-transition-duration:.4s;
  313.  
  314. }
  315.  
  316. .link003 {
  317. position:fixed;
  318. font-family:signerica;
  319. width:10px;
  320. top:310px;
  321. left:520px;
  322. font-size:25px;
  323. text-transform:uppercase;
  324. text-align:center;
  325. line-height:170%;
  326. -moz-transform: rotate(-5deg);
  327. -webkit-transform: rotate(-5deg);
  328. -o-transform: rotate(-5deg);
  329. -ms-transform: rotate(-5deg);
  330. transform: rotate(19deg);
  331. }
  332.  
  333. .link003 a{
  334. line-height:170%;
  335. padding:1px;
  336. margin-top:1px;
  337. margin-left:2px;
  338. color: {color:link};
  339. size:15px;
  340. -moz-transition-duration:.7s;
  341. -webkit-transition-duration:.7s;
  342. -o-transition-duration:.7s;
  343. }
  344.  
  345. .link003 a:hover {
  346. color:#000;
  347. -moz-transition-duration:.4s;
  348. -webkit-transition-duration:.4s;
  349. -o-transition-duration:.4s;
  350.  
  351. }
  352.  
  353. .link002 {
  354. position:fixed;
  355. font-family:signerica;
  356. width:10px;
  357. top:320px;
  358. left:495px;
  359. font-size:25px;
  360. text-transform:uppercase;
  361. text-align:center;
  362. line-height:170%;
  363. -moz-transform: rotate(-5deg);
  364. -webkit-transform: rotate(-5deg);
  365. -o-transform: rotate(-5deg);
  366. -ms-transform: rotate(-5deg);
  367. transform: rotate(-41deg);
  368. }
  369.  
  370. .link002 a{
  371. line-height:170%;
  372. padding:1px;
  373. margin-top:1px;
  374. margin-left:2px;
  375. color: {color:link};
  376. size:15px;
  377. -moz-transition-duration:.7s;
  378. -webkit-transition-duration:.7s;
  379. -o-transition-duration:.7s;
  380. }
  381.  
  382. .link002 a:hover {
  383. color:#000;
  384. -moz-transition-duration:.4s;
  385. -webkit-transition-duration:.4s;
  386. -o-transition-duration:.4s;
  387.  
  388. }
  389.  
  390. .link001 {
  391. position:fixed;
  392. font-family:signerica;
  393. width:10px;
  394. top:310px;
  395. left:470px;
  396. font-size:25px;
  397. text-transform:uppercase;
  398. text-align:center;
  399. line-height:170%;
  400. -moz-transform: rotate(-5deg);
  401. -webkit-transform: rotate(-5deg);
  402. -o-transform: rotate(-5deg);
  403. -ms-transform: rotate(-5deg);
  404. transform: rotate(29deg);
  405. }
  406.  
  407. .link001 a{
  408. line-height:170%;
  409. padding:1px;
  410. margin-top:1px;
  411. margin-left:2px;
  412. color: {color:link};
  413. size:15px;
  414. -moz-transition-duration:.7s;
  415. -webkit-transition-duration:.7s;
  416. -o-transition-duration:.7s;
  417. }
  418.  
  419. .link001 a:hover {
  420. color:#000;
  421. -moz-transition-duration:.4s;
  422. -webkit-transition-duration:.4s;
  423. -o-transition-duration:.4s;
  424.  
  425. }
  426.  
  427.  
  428. /* boring */
  429. .asker {
  430. font-size:15px;
  431. font-style: italic;
  432. text-align:center;
  433. border-bottom:1px solid #eee;
  434. margin-bottom:5px;
  435. padding-bottom:3px;
  436. }
  437.  
  438. .question {
  439. font-style: italic;
  440. padding-left:50px;
  441. padding-right:50px;
  442. }
  443. .quote {
  444. font-size:13px;
  445. letter-spacing:1px;
  446. text-align:center;
  447. border-bottom:1px solid #eee;
  448. margin-bottom:5px;
  449. padding-bottom:3px;
  450. }
  451.  
  452. .quotesource {
  453. font-size:10px;
  454. letter-spacing:1px;
  455. text-align:center;
  456. margin-bottom:5px;
  457. }
  458. /* stop */
  459. #hoverbox {
  460. position:fixed;
  461. top: 25px;
  462. margin-left: 15px;
  463.  
  464. }
  465. #hoverbox:hover #hovercontent {
  466. opacity:1;
  467. -webkit-transition: all 0.7s ease;
  468. -moz-transition: all 0.7s ease;
  469. -o-transition: all 0.7s ease;}
  470.  
  471. #hovercontent {
  472. margin-top: 15px;
  473. width: 100px;
  474. color: {color:text};
  475. opacity: 0;
  476. -WEBKIT-TRANSITION: ALL 0.7S EASE;
  477. -MOZ-TRANSITION: ALL 0.7S EASE;
  478. -O-TRANSITION: ALL 0.7S EASE;}
  479. }
  480.  
  481.  
  482. </style>
  483. {block:Description}<div style="width: 100px; padding: 10px; color: red; padding: 2px; margin-left: 10px; margin-top: 5px;">☆ ☆ ☆ ☆ ☆ ☆ <div id="hoverbox">
  484. <hr>
  485. <div id="hovercontent">{description}</div>
  486. </div>{/block:Description}
  487. <body>
  488. <div id="sidebar">
  489.  
  490. <a href="/"><div class="title">{Title}</a></div>
  491. </div>
  492.  
  493.  
  494. </div>
  495.  
  496. <div class="link001">
  497. <a href="{text:link 1 url}" rel="home" class="poplight" title="{text:Link 1 Text}">✲</a></div>
  498. <div class="link002">
  499. <a href="{text:link 2 url}" rel="home" class="poplight" title="{text:Link 2 text}">✭</a></div>
  500. <div class="link003">
  501. <a href="{text:link 3 url}" rel="home" class="poplight" title="{text:Link 3 text}">✲</a></div>
  502. <div class="link004">
  503. <a href="{text:link 4 url}" rel="home" class="poplight" title="{text:Link 4 text}">✭</a></div>
  504.  
  505. {block:Pagination}<div id="pagi">
  506. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  507. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  508. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  509. {/block:JumpPagination}
  510. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  511. </div>{/block:Pagination}
  512.  
  513.  
  514. <div id="container">
  515.  
  516. {block:Posts}
  517.  
  518. <div class="posts">
  519.  
  520. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  521.  
  522. {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523.  
  524. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  525.  
  526. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  527.  
  528. {block:Quote}"{Quote}"{block:Source}{Source}{/block:Source}{/block:Quote}
  529.  
  530. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  531.  
  532. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  533. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  534.  
  535. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  536.  
  537. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  538.  
  539. <div class="permalinks">
  540. <div class="date"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a><a href="{Permalink}"> {block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  541. {block:RebloggedFrom}
  542. <a href="{ReblogParentURL}">via</a>
  543. <a href="{ReblogRootURL}">source</a>
  544. {/block:RebloggedFrom}
  545. <a href="{ReblogURL}">reblog</a>
  546.  
  547. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div> </div>
  548.  
  549. {block:Answer}
  550. <div class="asker">{Asker} classified file</div>
  551. <div class="question">{Question}</div>
  552. {Answer}
  553. {/block:Answer}
  554.  
  555.  
  556.  
  557.  
  558. </div>
  559.  
  560. {/block:Posts}
  561.  
  562. </div>
  563.  
  564. {block:ContentSource}
  565. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  566. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  567. {/block:SourceLogo}
  568. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  569. {/block:ContentSource}
  570.  
  571.  
  572.  
  573.  
  574.  
  575. <!--. -->
  576. </body>
  577. </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!