API tools faq
paste
Advertisement
hannepyon

jackson

hannepyon
Apr 20th, 2019
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.76 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------ Theme by galaxias-themes.tumblr.com and anzelic.tumblr.com, do no steal, do not copy, do not even peek within the source code. I will know. Thank you. ------------------------>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <style type="text/css"> body {cursor: url("http://i.imgur.com/2qleX.jpg"), auto;}</style>
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14.  
  15. <meta name="image:Background Image" content="">
  16. <meta name="image:Sidebar Image" content="http://i57.tinypic.com/oup1uc.png">
  17.  
  18. <meta name="color:Background Color" content="#FFFFFF"/>
  19. <meta name="color:Post Background" content="#EEEEEE"/>
  20. <meta name="color:Perma Background" content="#EEEEEE"/>
  21. <meta name="color:Info Background" content="#EEEEEE"/>
  22.  
  23. <meta name="image:Sidebar Image" content="http://static.tumblr.com/sbzz2pf/Nmgn3n9eo/28586_default_2.png"/>
  24. <meta name="image:Sidebar Image2" content="http://static.tumblr.com/sbzz2pf/Nmgn3n9eo/28586_default_2.png"/>
  25. <meta name="color:Description Background" content="#EEEEEE"/>
  26. <meta name="color:Description Border" content="#505050"/>
  27. <meta name="color:Links Background" content="#EEEEEE"/>
  28. <meta name="color:Links Border" content="#505050"/>
  29.  
  30. <meta name="color:Ask Background" content="#DDDDDD"/>
  31. <meta name="color:Ask Border" content="#a41212"/>
  32. <meta name="color:Ask Icon Border" content="#a41212"/>
  33.  
  34.  
  35. <meta name="color:Blockquote Background" content="#DDDDDD"/>
  36. <meta name="color:Blockquote Border" content="#000000"/>
  37.  
  38.  
  39. <meta name="color:Audio Background" content="#DDDDDD"/>
  40. <meta name="color:Audio Border" content="#a41212"/>
  41.  
  42.  
  43. <meta name="color:Post Title Text" content="#000000"/>
  44. <meta name="color:Asker Text" content="#000000"/>
  45. <meta name="color:First Letter Text" content="#a41212"/>
  46. <meta name="color:Title" content="#EEEEEE"/>
  47. <meta name="color:Title Hover" content="#000000"/>
  48. <meta name="color:Title Shadow" content="#a41212"/>
  49.  
  50.  
  51. <meta name="color:Title Border" content="#505050"/>
  52.  
  53.  
  54. <meta name="color:Description Text" content="#000000"/>
  55. <meta name="color:Text" content="#000000"/>
  56. <meta name="color:Bold" content="#a41212"/>
  57. <meta name="color:Italic" content="#a41212"/>
  58. <meta name="color:Strike" content="#a41212"/>
  59.  
  60. <meta name="color:Links" content="#a41212"/>
  61. <meta name="color:Links Hover" content="#000000"/>
  62.  
  63. <meta name="color:Perma Links" content="#000000"/>
  64. <meta name="color:Perma Links Hover" content="#a41212"/>
  65.  
  66. <meta name="color:Asker Link" content="#000000"/>
  67. <meta name="color:Asker Link Hover" content="#a41212"/>
  68.  
  69. <meta name="color:Chat1 Background" content="#e9e9e9"/>
  70. <meta name="color:Chat2 Background" content="#DDDDDD"/>
  71. <meta name="color:Chat Text" content="#000000"/>
  72.  
  73. <meta name="color:Scrollbar Background" content="#a41212"/>
  74. <meta name="color:Scrollbar Thumb border" content="#a41212"/>
  75.  
  76. <meta name="color:Selection Background" content="#EEEEEE"/>
  77. <meta name="color:Selection Text" content="#a41212"/>
  78.  
  79. <meta name="color:Music Player Background" content="#EEEEEE"/>
  80.  
  81.  
  82. <meta name="text:Sidebar Title" content="Sidebar Title">
  83. <meta name="text:MP3 Link" content="">
  84.  
  85.  
  86. <meta name="text:Link 1 URL" content="/">
  87. <meta name="text:Link 1" content="HOME">
  88. <meta name="text:Link 1 Hover" content="Refresh">
  89. <meta name="text:Link 2 URL" content="/ask">
  90. <meta name="text:Link 2" content="ASK">
  91. <meta name="text:Link 2 Hover" content="Message">
  92. <meta name="text:Link 3 URL" content="/submit">
  93. <meta name="text:Link 3" content="SUBMIT">
  94. <meta name="text:Link 3 Hover" content="Gifts?">
  95. <meta name="text:Link 4 URL" content="/">
  96. <meta name="text:Link 4" content="Link 4">
  97. <meta name="text:Link 4 Hover" content="Link">
  98. <meta name="text:Link 5 URL" content="/">
  99. <meta name="text:Link 5" content="Link 5">
  100. <meta name="text:Link 5 Hover" content="Link">
  101. <meta name="text:Link 6 URL" content="/">
  102. <meta name="text:Link 6" content="Link 6">
  103. <meta name="text:Link 6 Hover" content="Link">
  104.  
  105.  
  106. <meta name="text:Hover 1" content="✖">
  107. <meta name="text:Hover 1 Hover" content="Hover">
  108. <meta name="text:Hover 2" content="✖">
  109. <meta name="text:Hover 2 Hover" content="Hover">
  110. <meta name="text:Hover 3" content="✖">
  111. <meta name="text:Hover 3 Hover" content="Hover">
  112. <meta name="text:Hover 4" content="✖">
  113. <meta name="text:Hover 4 Hover" content="Hover">
  114. <meta name="text:Hover 5" content="✖">
  115. <meta name="text:Hover 5 Hover" content="Hover">
  116. <meta name="text:Hover 6" content="✖">
  117. <meta name="text:Hover 6 Hover" content="Hover">
  118.  
  119.  
  120. <meta name="text:Background Position" content="Bottom Right">
  121. <meta name="text:Background Attachment" content="Fixed">
  122.  
  123.  
  124. <meta name="if:Monochrome" content="1">
  125. <meta name="if:Sidebarmono" content="0">
  126. <meta name="if:Show Captions" content="1">
  127.  
  128. <meta name="if:250" content="1">
  129. <meta name="if:400" content="0">
  130.  
  131.  
  132. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  133. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie|Julius+Sans+One|Qwigley|Dancing+Script' rel='stylesheet' type='text/css'>
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  141. <script type="text/javascript">
  142. $(document).ready(function () {
  143. $("#clk").toggle(function() {
  144. $("#upd").show();
  145. }, function() {
  146. $("#upd").hide();
  147. });
  148. });
  149. </script>
  150.  
  151.  
  152.  
  153.  
  154. <style type="text/css">
  155.  
  156. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  157.  
  158. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  159.  
  160. @font-face { font-family:"typewriter"; src: url('https://dl.dropboxusercontent.com/s/1zkidpxmtb4my66/type_writer.ttf?dl=1'); format(“truetype”);}
  161.  
  162. @font-face {font-family: "qwigley";src: url('https://dl.dropboxusercontent.com/s/ezrajt6s4w6ry4m/qwigley-regular.ttf?dl=1'); format("truetype");}
  163.  
  164. @font-face {font-family: "kristi";src: url('https://dl.dropboxusercontent.com/s/ktm80yzuubknqf1/kristi.ttf?dl=1'); format("truetype");}
  165.  
  166. @font-face {font-family: "allura";src: url('https://dl.dropboxusercontent.com/s/4n4ggfyfhx12z4v/allura_script.ttf?dl=1'); format("truetype");}
  167.  
  168. @font-face {font-family: "birth_of_a_hero";src: url('https://dl.dropboxusercontent.com/s/z1dwl4lwkivv4ay/birth_of_a_hero.ttf?dl=1'); format("truetype");}
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175. /* Button Controls */
  176.  
  177. iframe#tumblr_controls {
  178. top: 0% !important;
  179. right:0% !important;
  180. opacity:0.3;
  181. position: fixed !important;
  182. filter:alpha(opacity=30);
  183. -webkit-transition: all 0.7s ease;
  184. -moz-transition: all 0.7s ease;
  185. -o-transition: all 0.7s ease;
  186. }
  187. iframe#tumblr_controls:hover{
  188. top: 0% !important;
  189. right:0% !important;
  190. opacity:0.8;
  191. position: fixed !important;
  192. filter:alpha(opacity=80);
  193. -webkit-transition: all 0.7s ease;
  194. -moz-transition: all 0.7s ease;
  195. -o-transition: all 0.7s ease;
  196. }
  197.  
  198.  
  199.  
  200.  
  201.  
  202. /* Scrollbar and Selection */
  203.  
  204. ::selection {
  205. color:{color:Selection Text};
  206. background:{color:Selection Background};
  207. }
  208. ::-moz-selection {
  209. color:{color:Selection Text};
  210. background:{color:Selection Background};
  211. }
  212. ::-webkit-scrollbar {
  213. width: 5px;
  214. height:5px;
  215. }
  216. ::-webkit-scrollbar-track-piece {
  217. background-color:{color:Scrollbar Background};
  218. border-right:2px solid {color:Background Color};
  219. border-left:2px solid {color:Background Color};
  220. }
  221. ::-webkit-scrollbar-thumb {
  222. background-color:{color:Background Color};
  223. border:1px solid {color:Scrollbar Thumb Border};
  224. border-radius:100px;
  225. }
  226.  
  227. /* BODY */
  228. body {
  229. background-image:url({image:background image});
  230. background-repeat:no-repeat;
  231. background-size:contain;
  232. background-attachment: fixed;
  233. background-color: {color:background color};
  234. background-position: bottom right;
  235. margin: 0;
  236. }
  237.  
  238. a:link, a:visited, a:active {
  239. text-decoration: none;
  240. color: {color:Links};
  241. -moz-transition:all ease-in-out 0.7s;
  242. -webkit-transition:all ease-in-out 0.7s;
  243. -o-transition:all ease-in-out 0.7s;
  244. transition:all ease-in-out 0.7s;
  245. }
  246.  
  247. a:hover {
  248. color: {color:hover link};
  249. }
  250.  
  251. b, strong {
  252. color: {color:bolded text};
  253. }
  254.  
  255. i, em {
  256. color: {color:italicised text};
  257. }
  258.  
  259. small, sub {
  260. font-family:trebuchet ms;
  261. font-size:9px;
  262. letter-spacing: 1;
  263. line-height: 100%;
  264. margin-top: 10px !important;
  265. line-height: 90%;
  266. }
  267.  
  268. pre {
  269. width:100%;
  270. font-family: trebuchet ms;
  271. font-size: 8px;
  272. text-align:center;
  273. text-transform: uppercase;
  274. white-space:pre-wrap;
  275. word-wrap:break-word;
  276. padding:3px;
  277. }
  278.  
  279. code {
  280. font-family: trebuchet ms;
  281. font-size: 8px;
  282. text-transform: uppercase;
  283. letter-spacing: 1;
  284. line-height: 100%;
  285. }
  286.  
  287. blockquote {
  288. margin-left:5px;
  289. width:90%;
  290. padding-left:5px;
  291. border-left: solid 1px {color:Blockquote Border};
  292. }
  293.  
  294. blockquote blockquote {
  295. margin-left: 10px;
  296. width: 85%;
  297. text-align: justify;
  298. border-left: solid 1px {color:Blockquote Border};
  299. padding: 5px;
  300. }
  301.  
  302. blockquote img {
  303. max-width:210px !important;
  304. opacity: .5;
  305. }
  306.  
  307. blockquote blockquote img {
  308. max-width:180px !important;
  309. opacity: .5;
  310. }
  311.  
  312. .alignment {
  313. position: relative;
  314. margin-left: 150px;
  315. margin-top: 10px;
  316. height: 100%;
  317. height: auto !important;
  318. min-height: 100%;
  319. width:400px;
  320. }
  321.  
  322. /* QUOTES */
  323.  
  324. #quote {
  325. color: {color:bolded text};
  326. font-family:trebuchet ms;
  327. font-size:11px;
  328. font-style:italic;
  329. }
  330.  
  331. #source {
  332. font-family:calibri;
  333. font-size:10px;
  334. letter-spacing:1px;
  335. text-align:right;
  336. text-transform:uppercase;
  337. }
  338.  
  339. /* CONTENT WRAPPER */
  340.  
  341. #wrapper {
  342. width:420px;
  343. height:auto;
  344. margin-left:-120px;
  345. margin-right:auto;
  346. margin-top:40px;
  347. margin-bottom:40px;
  348. position:relative;
  349. }
  350.  
  351. /* SB WRAPPER */
  352.  
  353. #sbwrapper {
  354. width: 500px;
  355. margin: 0 auto;
  356. margin-left:1150px;
  357. margin-top:10px;
  358. }
  359.  
  360. /* BLOG POSTS */
  361.  
  362. .posts {
  363. width:400px;
  364. font-family:trebuchet ms;
  365. font-size:10px;
  366. letter-spacing: 1;
  367. line-height: 100%;
  368. color: {color:text};
  369. text-align: justify;
  370. word-wrap:break-word;
  371. background-color: {color:post background};
  372. padding: 10px;
  373. margin-bottom: 20px;
  374. -moz-transition:all ease-in-out 0.7s;
  375. -webkit-transition:all ease-in-out 0.7s;
  376. -o-transition:all ease-in-out 0.7s;
  377. transition:all ease-in-out 0.7s;
  378. }
  379.  
  380. .postinfo {
  381. width:400px;
  382. font-family:wendy;
  383. font-size:10px;
  384. letter-spacing: 1;
  385. line-height: 100%;
  386. color: {color:text};
  387. text-align: justify;
  388. word-wrap:break-word;
  389. margin-top: -15px;
  390. background-color: {color:post background};
  391. padding: 10px;
  392. -moz-transition:all ease-in-out 0.7s;
  393. -webkit-transition:all ease-in-out 0.7s;
  394. -o-transition:all ease-in-out 0.7s;
  395. transition:all ease-in-out 0.7s;
  396. }
  397.  
  398. .posts img:hover, #photoset:hover {
  399. -moz-transition:all ease-in-out 0.7s;
  400. -webkit-transition:all ease-in-out 0.7s;
  401. -o-transition:all ease-in-out 0.7s;
  402. transition:all ease-in-out 0.7s;
  403. -webkit-filter: grayscale(0%) !important;
  404. opacity: 1;
  405. }
  406.  
  407. .posts img, #photoset {
  408. max-width:400px;
  409. opacity: .7;
  410. -webkit-filter: grayscale(100%);
  411. -moz-transition:all ease-in-out 0.7s;
  412. -webkit-transition:all ease-in-out 0.7s;
  413. -o-transition:all ease-in-out 0.7s;
  414. transition:all ease-in-out 0.7s;
  415.  
  416. }
  417.  
  418. .photopost img {
  419. max-width:400px;
  420. opacity: .5;
  421. -webkit-filter: grayscale(100%);
  422. -moz-transition:all ease-in-out 0.7s;
  423. -webkit-transition:all ease-in-out 0.7s;
  424. -o-transition:all ease-in-out 0.7s;
  425. transition:all ease-in-out 0.7s;
  426. }
  427.  
  428. .postnotes {
  429. width:400px;
  430. font-family: wendy;
  431. font-size: 10px;
  432. letter-spacing: 1;
  433. line-height: 100%;
  434. color: {color:text};
  435. text-align: left;
  436. text-transform: uppercase;
  437. word-wrap:break-word;
  438. background-color: {color:post background};
  439. padding: 10px;
  440. -moz-transition:all ease-in-out 0.7s;
  441. -webkit-transition:all ease-in-out 0.7s;
  442. -o-transition:all ease-in-out 0.7s;
  443. transition:all ease-in-out 0.7s;
  444.  
  445. }
  446.  
  447. .postnotes img {
  448. display:none;
  449.  
  450. }
  451.  
  452. .postperma {
  453. width:418px;
  454. margin-top: -17px;
  455. margin-bottom: 20px;
  456. font-family: wendy;
  457. font-size: 10px;
  458. color: {color:Permalink Text Color};
  459. text-transform: uppercase;
  460. text-align:right;
  461. letter-spacing:0;
  462. line-height: 100%;
  463. background-color: {color:post background};
  464. padding:1px;
  465. height: 9px;
  466. -moz-transition:all ease-in-out 0.7s;
  467. -webkit-transition:all ease-in-out 0.7s;
  468. -o-transition:all ease-in-out 0.7s;
  469. transition:all ease-in-out 0.7s;
  470.  
  471. }
  472.  
  473. .postperma a {
  474. color: {color:permalink link};
  475. -moz-transition:all ease-in-out 0.7s;
  476. -webkit-transition:all ease-in-out 0.7s;
  477. -o-transition:all ease-in-out 0.7s;
  478. transition:all ease-in-out 0.7s;
  479.  
  480. }
  481.  
  482. .postperma a:hover {
  483. color: {color:hover link};
  484. -moz-transition:all ease-in-out 0.7s;
  485. -webkit-transition:all ease-in-out 0.7s;
  486. -o-transition:all ease-in-out 0.7s;
  487. transition:all ease-in-out 0.7s;
  488.  
  489. }
  490.  
  491. #posttitle {
  492. font-family:bebas_neue;
  493. font-size:18px;
  494. letter-spacing:2px;
  495. line-height:14px;
  496. text-align:center;
  497. text-transform:lowercase;
  498. }
  499.  
  500. #permtitle {
  501. font-family: bebas_neue;
  502. color: {color:header text};
  503. font-size: 9px;
  504. padding: 5px;
  505. margin-top: 5px;
  506. text-align: center;
  507. text-transform: uppercase;
  508. }
  509.  
  510. #odd {
  511. padding:2px;
  512. font-family:trebuchet ms;
  513. font-size:9px;
  514. color:{color:Odd Text};
  515. background-color: {color:Odd Background};
  516. }
  517.  
  518. #even {
  519. padding:2px;
  520. font-family:trebuchet ms;
  521. font-size:9px;
  522. color:{color:Even Text};
  523. background-color: {color:Even Background};
  524. }
  525.  
  526. #tags {
  527. font-family: wendy;
  528. font-size: 10px;
  529. text-transform: uppercase;
  530. letter-spacing: 1;
  531. line-height: 100%;
  532. }
  533.  
  534. /* AUDIO */
  535.  
  536. .album {
  537. background-repeat: no-repeat;
  538. background-position: center;
  539. position: absolute;
  540. width: 86px;
  541. height: 86px;
  542. background-size: 60px;
  543. background-image: url('http://media.tumblr.com/d41c796daed2875845bd8016820ba5b1/tumblr_inline_mpzyasGFnm1qz4rgp.jpg');
  544. overflow: hidden;
  545. background-color: {color:Track Background};
  546. }
  547.  
  548. .album img {
  549. width: 86px;
  550. height: 86px;
  551. overflow: hidden;
  552. }
  553.  
  554. .player {
  555. width: 10px;
  556. height: 11px;
  557. overflow: hidden;
  558. padding: 4px 21px 21px 4px;
  559. margin-top: 27px;
  560. margin-left: 26px;
  561. position: absolute;
  562. background-color: #fff;
  563. opacity: 0.5;
  564. z-index: 10;
  565. -webkit-transition: all 0.4s linear;
  566. -moz-transition: all 0.4s linear;
  567. -o-transition: all 0.4s linear;
  568. -moz-border-radius: 30px;
  569. -webkit-border-radius: 30px;
  570. border-radius: 30px;
  571. }
  572.  
  573. .album:hover .player {
  574. opacity: 0.9;
  575. }
  576.  
  577. .track {
  578. margin-left: 90px;
  579. min-height: 80px;
  580. max-height: 100px;
  581. overflow: auto;
  582. font-family:wendy;
  583. font-size: 10px;
  584. padding: 3px;
  585. color: {color:Track Text};
  586. text-transform: uppercase;
  587. letter-spacing: 1px;
  588. background: {color:Track Background};
  589. }
  590.  
  591.  
  592. #askname {
  593. font-family: Qwigley;
  594. color: {color:Asker Text};
  595. font-size: 25px;
  596. padding: 5px;
  597. margin-top: -15px;
  598. line-height:10px;
  599. text-align: right;
  600. text-transform: auto;}
  601.  
  602.  
  603. #askname:first-letter {
  604. font-family: Qwigley;
  605. color: {color:First Letter Text};
  606. text-transform: lowercase;
  607. font-size: 35px; }
  608.  
  609. #askname a{
  610. color:{color:Asker Link};
  611. }
  612. #askname a:hover{
  613. color:{color:Asker Link Hover};
  614. }
  615.  
  616. /* Asks */
  617.  
  618. .question {
  619. min-height:20px;
  620. padding: 8px;
  621. color:{color:Text};
  622. background-color: {color:background color};
  623. border: solid 1px {color:Ask Border};
  624. -webkit-border-radius: 0px;
  625. -moz-border-radius: 5px;
  626. }
  627.  
  628. .icon img {
  629. margin-right:-5px;
  630. border-radius:0px;
  631. opacity:1;
  632. border: solid 1px {color:Ask Icon Border};
  633. padding:0px;
  634. float:right;
  635. text-align:justify;
  636. margin-top:-5px;}
  637.  
  638. /* Hover Title Style */
  639.  
  640. #s-m-t-tooltip{
  641. max-width:400px;
  642. margin-top:25px;
  643. margin-left:15px;
  644. padding-left:4px;
  645. padding-right:4px;
  646. z-index:9999999;
  647. background-color: {color:Tooltip Background};
  648. color: {color:Tooltip Text};
  649. font-family:wendy;
  650. font-size:10px;
  651. letter-spacing:0px;
  652. text-transform:uppercase;
  653. text-align:center;
  654. line-height:14px;
  655. border-bottom: 3px double {color:Tooltip Border};
  656. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  657. }
  658.  
  659.  
  660. /* IMAGE */
  661.  
  662. #sidepic {
  663. position:fixed;
  664. margin-top: 187px;
  665. margin-left: -550px;
  666. width:150px;
  667. height:170px;
  668. padding:3px;
  669. background: #ffffff;
  670. }
  671.  
  672. #sidepic img {
  673. opacity: .7;
  674. -webkit-filter: grayscale(.9);
  675. -webkit-transition: all 0.5s ease-in-out;
  676. -moz-transition: all 0.5s ease-in-out;
  677. -o-transition: all 0.5s ease-in-out;
  678. -ms-transition: all 0.5s ease-in-out;
  679. transition: all 0.5s ease-in-out;
  680. }
  681.  
  682. #sidepic img:hover {
  683. opacity: .8;
  684. -webkit-filter: grayscale(.1);
  685. -webkit-transition: all 0.5s ease-in-out;
  686. -moz-transition: all 0.5s ease-in-out;
  687. -o-transition: all 0.5s ease-in-out;
  688. -ms-transition: all 0.5s ease-in-out;
  689. transition: all 0.5s ease-in-out;
  690. }
  691.  
  692. #sidepic2 {
  693. position:fixed;
  694. margin-top: 207px;
  695. margin-left: -391px;
  696. width:155px;
  697. height:55px;
  698. padding:3px;
  699. background: #ffffff;
  700. }
  701.  
  702. #sidepic2 img {
  703. opacity: .7;
  704. -webkit-filter: grayscale(.9);
  705. -webkit-transition: all 0.5s ease-in-out;
  706. -moz-transition: all 0.5s ease-in-out;
  707. -o-transition: all 0.5s ease-in-out;
  708. -ms-transition: all 0.5s ease-in-out;
  709. transition: all 0.5s ease-in-out;
  710. }
  711.  
  712. #sidepic2 img:hover {
  713. opacity: .8;
  714. -webkit-filter: grayscale(.1);
  715. -webkit-transition: all 0.5s ease-in-out;
  716. -moz-transition: all 0.5s ease-in-out;
  717. -o-transition: all 0.5s ease-in-out;
  718. -ms-transition: all 0.5s ease-in-out;
  719. transition: all 0.5s ease-in-out;
  720. }
  721.  
  722. /* DESCRIPTION */
  723.  
  724. .desc {
  725. position: fixed;
  726. overflow:auto;
  727. margin-top: 285px;
  728. margin-left: -391px;
  729. width:155px;
  730. height:72px;
  731. font-family: wendy;
  732. font-size:9.5px;
  733. padding: 3px;
  734. word-spacing:0px;
  735. color: #6f6f6f;
  736. text-transform: none;
  737. letter-spacing: 0px;
  738. text-align: center;
  739. background: #ffffff;
  740. }
  741.  
  742. /* NAVIGATION */
  743.  
  744. #links1 {
  745. position: fixed;
  746. margin-top: 264px;
  747. margin-left: -391px;
  748. width: auto;
  749. height: auto;
  750. padding: 3px;
  751. }
  752.  
  753. .links1 {
  754. width:28.5px;
  755. font-family: wendy;
  756. font-size: 10px;
  757. line-height:10px;
  758. display:inline-block;
  759. color: #6f6f6f;
  760. text-transform: none;
  761. letter-spacing: 0px;
  762. text-align: center;
  763. background: #ffffff;
  764. }
  765.  
  766. .links1:hover {
  767. text-decoration:line-through;
  768. }
  769.  
  770. /* HOVERS */
  771.  
  772. #hovers {
  773. position: fixed;
  774. margin-top: 320px;
  775. margin-left: -503px;
  776. width: 128px;
  777. height: auto;
  778. padding: 3px;
  779. }
  780.  
  781. .hovers {
  782. width:22px;
  783. font-family: trebuchet ms;
  784. font-size: 10px;
  785. line-height:7px;
  786. color: #1f2f81;
  787. text-transform: none;
  788. letter-spacing: 10px;
  789. text-align: center;
  790. background: transparent;
  791. -moz-transition:all ease-in-out 0.7s;
  792. -webkit-transition:all ease-in-out 0.7s;
  793. -o-transition:all ease-in-out 0.7s;
  794. transition:all ease-in-out 0.7s;
  795. }
  796.  
  797. .hovers:hover {
  798. -moz-transition:all ease-in-out 0.7s;
  799. -webkit-transition:all ease-in-out 0.7s;
  800. -o-transition:all ease-in-out 0.7s;
  801. transition:all ease-in-out 0.7s;
  802. }
  803.  
  804. /* HOVERS */
  805.  
  806. #hovers {
  807. position: fixed;
  808. margin-top: 320px;
  809. margin-left: -503px;
  810. width: 128px;
  811. height: auto;
  812. padding: 3px;
  813. }
  814.  
  815. .hovers {
  816. width:22px;
  817. font-family: trebuchet ms;
  818. font-size: 10px;
  819. line-height:7px;
  820. color: {color:Links};
  821. text-transform: none;
  822. letter-spacing: 10px;
  823. text-align: center;
  824. background: transparent;
  825. -moz-transition:all ease-in-out 0.7s;
  826. -webkit-transition:all ease-in-out 0.7s;
  827. -o-transition:all ease-in-out 0.7s;
  828. transition:all ease-in-out 0.7s;
  829. }
  830.  
  831. .hovers:hover {
  832. -moz-transition:all ease-in-out 0.7s;
  833. -webkit-transition:all ease-in-out 0.7s;
  834. -o-transition:all ease-in-out 0.7s;
  835. transition:all ease-in-out 0.7s;
  836. }
  837.  
  838. /* TITLEU */
  839.  
  840. .title {
  841. position: fixed;
  842. margin-top: 187px;
  843. margin-left: -420px;
  844. width:200px;
  845. font-family:birth_of_a_hero;
  846. font-size:25px;
  847. padding: 4px;
  848. color: {color:desc text};
  849. text-transform:lowercase;
  850. letter-spacing: 1px;
  851. line-height:7px;
  852. text-align: right;
  853. background:transparent;
  854. }
  855.  
  856. /* ------------------------ PAGINATION --- */
  857.  
  858. #page1 {
  859. position:fixed;
  860. width:30px;
  861. height:20px;
  862. bottom:515px;
  863. padding:4px;
  864. left:730px;
  865. font-family:'calibri';
  866. text-transform:uppercase;
  867. line-height:7px;
  868. word-wrap:break-word;
  869. font-size:20px;
  870. color:#f1f1f1;
  871. letter-spacing:0px;
  872. text-align:center;
  873. border-radius:200px;
  874. -moz-transition:all ease 0.9s;
  875. -webkit-transition:all ease 0.9s;
  876. -o-transition:all ease 0.9s;
  877. transition:all ease 0.9s;
  878. z-index:5;
  879. }
  880.  
  881. #page1 a {
  882. color:#000000;
  883. }
  884.  
  885. #page2 {
  886. position:fixed;
  887. width:30px;
  888. height:20px;
  889. bottom:515px;
  890. padding:4px;
  891. left:750px;
  892. font-family:'calibri';
  893. text-transform:uppercase;
  894. line-height:7px;
  895. word-wrap:break-word;
  896. font-size:20px;
  897. color:#f1f1f1;
  898. letter-spacing:0px;
  899. text-align:center;
  900. border-radius:200px;
  901. -moz-transition:all ease 0.9s;
  902. -webkit-transition:all ease 0.9s;
  903. -o-transition:all ease 0.9s;
  904. transition:all ease 0.9s;
  905. z-index:5;
  906. }
  907.  
  908. #page2 a {
  909. color:#000000;
  910. }
  911.  
  912. /* BORDERS */
  913.  
  914. .border1 {
  915. position:fixed;
  916. left:0px;
  917. top:0px;
  918. width:30px;
  919. height:100%;
  920. background: {color:post background};
  921. }
  922.  
  923. .border2 {
  924. position:fixed;
  925. left:33px;
  926. top:0px;
  927. width:3px;
  928. height:100%;
  929. background: {color:post background};
  930. }
  931.  
  932. /* Pagination */
  933.  
  934. #page {
  935.  
  936. width:150px;
  937.  
  938. margin-top:360px;
  939. margin-left:178px;
  940.  
  941. font-family:gasara;
  942.  
  943. font-size:8px;
  944.  
  945. letter-spacing:0px;
  946. word-spacing:5px;
  947.  
  948. text-align:center;
  949.  
  950. }
  951. #page a {
  952. color:{color:Links};
  953. }
  954. #page a:hover {
  955. color:{color:Links Hover};
  956. }
  957.  
  958.  
  959.  
  960.  
  961. </style>
  962. <style type="text/css">{CustomCSS}</style>
  963.  
  964. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  965. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  966.  
  967.  
  968. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  969. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  970. <script>
  971. (function($){
  972. $(document).ready(function(){
  973. $("[title],a[title],img[title]").style_my_tooltips({
  974. tip_follows_cursor:true,
  975. tip_delay_time:100,
  976. tip_fade_speed:300,
  977. attribute:"title"
  978. });
  979. });
  980. })(jQuery);
  981. </script>
  982. </head>
  983.  
  984. <body>
  985.  
  986. <div id="wrapper">
  987. <div id="sbwrapper">
  988.  
  989. <div id="sidepic"><img src="{image:Sidebar Image}" width="150" height="170"/></div>
  990.  
  991. <div id="sidepic2"><img src="{image:Sidebar Image2}" width="150" height="55"/></div>
  992.  
  993. <div class="desc">
  994. {description}
  995. </div>
  996.  
  997. <div id="links1">
  998. <a class="links1" href="/" title="refresh">01</a>
  999. <a class="links1" href="/ask" title="message">02</a>
  1000. <a class="links1" href="http://rookieskrp.tumblr.com" title="rookieskrp">03</a>
  1001. <a class="links1" href="/nav" title="navigate">04</a>
  1002. <a class="links1" href="/pnts" title="skills">05</a>
  1003. </div>
  1004.  
  1005. <!--- You can change the color of the music player and its buttons or hovers here --->
  1006.  
  1007. <div class="title">
  1008. <a href="/">{title}</a>。
  1009. </div>
  1010.  
  1011.  
  1012. </div>
  1013.  
  1014. <div class="alignment">
  1015. <div class="autopagerize_page_element" >
  1016.  
  1017.  
  1018.  
  1019.  
  1020. {block:Pagination}
  1021. <div id="page1">
  1022. {block:PreviousPage}
  1023. <a href="{PreviousPage}"title="previous page">«</a>
  1024. {/block:PreviousPage}
  1025. </div>
  1026. {/block:Pagination}
  1027.  
  1028. {block:Pagination}
  1029. <div id="page2">
  1030. {block:NextPage}
  1031. <a id="next"href="{NextPage}"title="next page">»</a>
  1032. {/block:NextPage}
  1033. </div>
  1034. {/block:Pagination}
  1035.  
  1036.  
  1037.  
  1038.  
  1039. {block:Posts}
  1040. <div class="posts">
  1041.  
  1042. {block:ContentSource}
  1043. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1044. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1045. {/block:SourceLogo}
  1046. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1047.  
  1048. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1049. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1050. {/block:ReblogParentLogo}
  1051. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1052. {/block:ContentSource}
  1053.  
  1054.  
  1055. <!-- PHOTO POSTS -->
  1056. {block:Photo}{LinkOpenTag}
  1057. <div class="photopost">
  1058. <img src="{PhotoURL-400}">
  1059. </div>
  1060. {LinkCloseTag}
  1061. {block:ifShowCaptions}
  1062. {block:Caption}
  1063. {Caption}
  1064. {/block:Caption}
  1065. {/block:ifShowCaptions}
  1066. {/block:photo}
  1067.  
  1068. <!-- PHOTOSET POSTS -->
  1069. {block:Photoset}
  1070. <div id="photoset">
  1071. {Photoset-400}
  1072. </div>
  1073. {block:ifShowCaptions}
  1074. {block:Caption}
  1075. {Caption}
  1076. {/block:Caption}
  1077. {/block:ifShowCaptions}
  1078. {/block:Photoset}
  1079.  
  1080.  
  1081. <!-- VIDEO POSTS -->
  1082. {block:Video}
  1083. {Video-400}
  1084. {block:ifShowCaptions}
  1085. {block:Caption}
  1086. {Caption}
  1087. {/block:Caption}
  1088. {/block:ifShowCaptions}
  1089. {/block:Video}
  1090.  
  1091. <!-- AUDIO POSTS -->
  1092. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1093.  
  1094. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1095.  
  1096. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1097. {Album}{/block:Album}</div>
  1098.  
  1099. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1100.  
  1101. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1102. {/block:Audio}
  1103.  
  1104.  
  1105. <!-- QUOTE POSTS -->
  1106. {block:Quote}
  1107. <div id="quote">{Quote}</div>
  1108. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1109. {/block:Quote}
  1110.  
  1111.  
  1112. <!-- TEXT POSTS -->
  1113. {block:Text}
  1114. {block:Title}
  1115. <div id="posttitle">{Title}</div>
  1116. {/block:Title}
  1117. {Body}
  1118. {/block:Text}
  1119.  
  1120.  
  1121. <!-- QUESTION POSTS
  1122. {block:Answer}
  1123. <div id="ask">
  1124. <div class="as">
  1125. <div class="aske">{Asker} said:</div>
  1126. <div class="que">{Question}</div>
  1127. </div>
  1128. </div>
  1129. <div class="ans">{Answer}</div>
  1130. {/block:Answer}
  1131. -->
  1132.  
  1133. {block:Answer}
  1134. <div class="icon"><a href="{askerURL}" title={askername}><img src="{AskerPortraitURL-30}"></a></div>
  1135. <div class="question">{question}</div>
  1136. <div id="askname" style="font-size: 25px; float:center; margin-bottom: -8px; margin-right: 0px;">{asker}-</div><br>
  1137. {answer}
  1138. {/block:Answer}
  1139.  
  1140.  
  1141. <!-- CHAT POSTS -->
  1142. {block:Chat}
  1143. {block:Title}
  1144. <div id="posttitle">{Title}</div><br />
  1145. {/block:Title}
  1146. {block:Lines}<div id="{Alt}">
  1147. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  1148. {/block:Lines}
  1149. {/block:Lines}
  1150. {/block:Chat}
  1151.  
  1152. <!-- LINK POSTS -->
  1153. {block:Link}
  1154. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  1155. {block:Description}
  1156. {Description}
  1157. {/block:Description}
  1158. {/block:Link}
  1159. </div>
  1160.  
  1161. {block:IndexPage}
  1162. <div class="postperma">
  1163. <div style="float:left; "><a href="{Permalink}">{TimeAgo}</a> — <a title="{block:Tags} #{Tag}{/block:Tags}">♚</a> </div> <div style="float:right;"> <a href="{Permalink}" title="notes">{NoteCount}</a> — <a href="{ReblogURL}" >reblog</a>
  1164. </div></div>
  1165.  
  1166. {/block:IndexPage}
  1167.  
  1168. {block:PermaLinkPage}
  1169. <div class="postinfo">
  1170. <center>
  1171. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1172. {block:RebloggedFrom}
  1173. <div id="tags">Via:
  1174. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  1175. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1176. {/block:RebloggedFrom}
  1177. </center>
  1178. <br>
  1179. {block:HasTags}
  1180. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1181. {/block:HasTags}
  1182. </div>
  1183.  
  1184. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1185. {/block:PermalinkPage}
  1186.  
  1187. {/block:Posts}
  1188.  
  1189. </div>
  1190. </div>
  1191. </div>
  1192. </div>
  1193.  
  1194. <!-- Start of StatCounter Code for Default Guide -->
  1195. <script type="text/javascript">
  1196. var sc_project=8598629;
  1197. var sc_invisible=1;
  1198. var sc_security="bc79a469";
  1199. var scJsHost = (("https:" == document.location.protocol) ?
  1200. "https://secure." : "http://www.");
  1201. document.write("<sc"+"ript type='text/javascript' src='" +
  1202. scJsHost+
  1203. "statcounter.com/counter/counter.js'></"+"script>");
  1204. </script>
  1205. <noscript><div class="statcounter"><a title="shopify stats"
  1206. href="http://statcounter.com/shopify/" target="_blank"><img
  1207. class="statcounter"
  1208. src="http://c.statcounter.com/8598629/0/bc79a469/1/"
  1209. alt="shopify stats"></a></div></noscript>
  1210. <!-- End of StatCounter Code for Default Guide -->
  1211.  
  1212.  
  1213. <a href="http://galaxias-themes.tumblr.com/" title="galaxias-themes" style="bottom:5px; left:5px; pading:2px; position:fixed; font-family: calibri; font-size:10px;">©</a>
  1214. </body>
  1215. </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!