API tools faq
paste
radiantvictor

marc theme

radiantvictor
Jul 29th, 2015
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.44 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. <head>
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13.  
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17.  
  18. (function($){
  19.  
  20. $(document).ready(function(){
  21.  
  22. $("a[title]").style_my_tooltips({
  23.  
  24. tip_follows_cursor:true,
  25.  
  26. tip_delay_time:90,
  27.  
  28. tip_fade_speed:600,
  29.  
  30. attribute:"title"
  31.  
  32. });
  33.  
  34. });
  35.  
  36. })(jQuery);
  37.  
  38. </script>
  39. <!--basic tooltip from tutorial-baby! Enjoy-->
  40. <style>
  41. .tooltip{
  42. display: inline;
  43. position: relative;
  44. }
  45. #s-m-t-tooltip {
  46. max-width:300px; /*how big the tooltip can be at most*/
  47. border-radius: 0px; /*change your border radius*/
  48. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  49. margin:20px 7px -2px 20px; /*distance from word*/
  50. background-color:#8c9ebf; /*background color*/
  51. border-left:3px solid #fff; /*border info*/
  52. border-right:3px solid #fff; /*border info*/
  53. font-family:"silkscreen"; /*tooltip font*/
  54. font-size:9px; /*tooltip font size*/
  55. letter-spacing:2px; /*tooltip letter spacing*/
  56. text-transform:uppercase; /*makes the tooltip title uppercase*/
  57. color:#fff; /*tooltip font color*/
  58. z-index:999999999999999999999999999999999999;
  59. box-shadow:0px 0px 0px 0px #ababab;
  60. }
  61. </style><title>{Title}</title>
  62. <link rel="shortcut icon" href="{Favicon}">
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  64. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  65.  
  66. <!---- this is theme 45 by Hollywhood
  67. please don't remove the credit
  68. thank you
  69. --->
  70.  
  71. <meta name="color:Background" content="#f7fbfc"/>
  72. <meta name="color:Text" content="#9B9B9B"/>
  73. <meta name="color:Link" content="#b8b8b8"/>
  74. <meta name="color:Link Hover" content="#eeeeee"/>
  75. <meta name="color:scrollbar" content="#999999">
  76.  
  77. <meta name="image:sidebar" content=""/>
  78.  
  79. <meta name="text:link 1" content="Link 1"/>
  80. <meta name="text:link 1 url" content="/"/>
  81. <meta name="text:link 2" content="Link 2"/>
  82. <meta name="text:link 2 url" content="/"/>
  83. <meta name="text:link 3" content="Link 3"/>
  84. <meta name="text:link 3 url" content="/"/>
  85. <meta name="text:link 4" content="Link 4"/>
  86. <meta name="text:link 4 url" content="/"/>
  87.  
  88. <style type="text/css">
  89.  
  90. ::-webkit-scrollbar-thumb{
  91. background-color: #e6f4fa;
  92. border: 0px solid {color:scrollbar bg};
  93. height:auto;
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. height:auto;
  98. width:4px;
  99. background-color: transparent;
  100. border:4px solid transparent;
  101. }
  102.  
  103. ::selection {color: #a1abcc; background: transparent;}
  104. ::-moz-selection {color: #a1abcc; background: transparent;}
  105. ::-webkit-selection {color: #a1abcc; background: transparent;}
  106.  
  107.  
  108.  
  109. iframe#tumblr_controls {
  110. white-space:nowrap;
  111. -webkit-filter: invert(100%);
  112. -moz-filter: invert(100%);
  113. -o-filter: invert(100%);
  114. -ms-filter: invert(100%);
  115. filter: invert(100%);
  116. opacity:.2;transition: .8s ease-in-out;
  117. -webkit-transition: .8s ease-in-out;
  118. -moz-transition: .8s ease-in-out;
  119. -o-transition: .8s ease-in-out;
  120. }
  121.  
  122. h1 {
  123. font-weight:normal;
  124. font-size:13px;
  125. text-align:center;
  126. font-style:normal;
  127. line-height:100%;
  128. letter-spacing:1px;
  129. text-transform:normal;
  130. color:{color:text};
  131. }
  132.  
  133. h2 {
  134. font-size:10px;
  135. text-align:center;
  136. line-height:100%;
  137. letter-spacing:-0.5px;
  138. color:{color:text};
  139. font-weight:bold;
  140. text-transform:uppercase;
  141. padding:5px;
  142. padding-bottom:2px;
  143. }
  144.  
  145. blockquote {
  146. border-left:1px solid #ccc;
  147. padding:7px;
  148. margin:8px 2px 0px 8px
  149. background-color:#fafafa;
  150. }
  151.  
  152. body {
  153. background:{color:background};
  154. margin:0px;
  155. color:{color:text};
  156. font-family:trebuchet ms;
  157. font-size:13px;
  158. line-height:100%;
  159. background-image:url("http://i.imgur.com/hF0mPMB.png");
  160. background-attachment: fixed;
  161. background-image:stretch;
  162. background-repeat: no-repeat;
  163. background-image:cover;
  164. background-position:left top;
  165. }
  166.  
  167. a {
  168. text-decoration:none;
  169. outline:none;
  170. -moz-outline-style:none;
  171. color:{color:link};
  172. -moz-transition-duration:0.5s;
  173. -webkit-transition-duration:0.5s;
  174. -o-transition-duration:0.5s;
  175. letter-spacing:1px;
  176. }
  177.  
  178. a:hover {
  179. text-decoration:none;
  180. outline:none;
  181. -moz-outline-style:none;
  182. color:{color:link hover};
  183. letter-spacing:3px;
  184. -moz-transition-duration:0.5s;
  185. -webkit-transition-duration:0.5s;
  186. -o-transition-duration:0.5s;
  187. }
  188.  
  189. img {
  190. border:none;
  191. }
  192.  
  193. #post {
  194. width:400px;
  195. padding-bottom:30px;
  196. margin-top:10px;
  197. }
  198.  
  199. #entries {
  200. padding:10px;
  201. left:460px;
  202. top:50px;
  203. position:fixed;
  204. background-color:transparent;
  205. width:447px;
  206. height:325px;
  207. top:00px;
  208. padding: 20px;
  209. overflow-x:scroll;
  210. scroll:left;
  211. overflow-x:hidden;
  212. }
  213.  
  214.  
  215. #sidebar {
  216. color:{color:text};
  217. position:fixed;
  218. width:100px;
  219. height:auto;
  220. margin-top:61px;
  221. margin-left:230px;
  222. text-align:left;
  223. }
  224.  
  225. #sidebarimage img {
  226. width:140px;
  227. z-index:1;
  228. margin-top:-10px;
  229. margin-bottom:0px;
  230. margin-left:-9px;
  231. }
  232.  
  233. #links {
  234. position:absolute;
  235. position:fixed;
  236. font-family:cambria;
  237. width:1059px;
  238. margin-top:185px;
  239. z-index:-1;
  240. margin-left:-27px;
  241. display:inline-block;
  242. font-size:29px;
  243. font-style:normal;
  244. letter-spacing:1px;
  245. text-align:center;
  246. line-height:280%;
  247. -webkit-transition: all .4s linear;
  248. }
  249.  
  250. #links a{
  251. line-height:300%;
  252. margin-top:1px;
  253. display:inline-block;
  254. margin-left:17px;
  255. width:60px;
  256. margin-bottom:4px;
  257. border-bottom:1px transparent #d7d7d7;
  258. color:#c4e3ff;
  259. text-shadow:2px 2px 2px #c2c2c2;
  260. text-decoration:none;
  261. -moz-transition-duration:.8s;
  262. -webkit-transition-duration:.8s;
  263. -o-transition-duration:.8s;
  264. letter-spacing:1px;
  265. }
  266.  
  267. #links a:hover {
  268. width:60px;
  269. background:transparent;
  270. color:#ffffff;
  271. text-shadow:-4px -4px -4px #fff;
  272. -moz-transition-duration:0.8s;
  273. -webkit-transition-duration:0.8s;
  274. -o-transition-duration:0.8s;
  275. letter-spacing:1px;
  276. }
  277.  
  278. #description {
  279. width:112px;
  280. font-family:cambria;
  281. margin-bottom:0px;
  282. margin-top:8px;
  283. font-style:italic;
  284. margin-left:-9px;
  285. background:transparent;
  286. padding:14px;
  287. text-align:justify;
  288. font-size:8px;
  289. color: #999;
  290. line-height:155%;
  291. -webkit-transition: all .4s linear;
  292. }
  293.  
  294. #description a {
  295. color:{color:link};
  296. }
  297.  
  298. #description a:hover {
  299. color:{color:link hover};
  300. }
  301.  
  302. #pagination {
  303. font-family:cambria;
  304. width:400px;
  305. font-size:11px;
  306. margin-top:25px;
  307. margin-left:-8px;
  308. padding-left:5px;
  309. letter-spacing:1px;
  310. word-spacing:15px;
  311. text-align:center;
  312. text-transform:uppercase;
  313. }
  314.  
  315. #pagination a {
  316. color:{color:link};
  317. }
  318.  
  319. #info {
  320. font-family:cambria;
  321. width:400px;
  322. height:60px;
  323. background-image:url("http://i.imgur.com/3XyhMjl.png");
  324. background-position:left top;
  325. border-top:3px solid #ababab;
  326. border-bottom:3px solid #ababab;
  327. margin-top:5px;
  328. padding-top:7px;
  329. font-size:18px;
  330. color:{color:text};
  331. text-transform:uppercase;
  332. letter-spacing:1px;
  333. font-style:normal;
  334. text-align:center;
  335. -moz-transition-duration:0.7s;
  336. -webkit-transition-duration:0.7s;
  337. -o-transition-duration:0.7s;
  338. transform: rotate(360deg);
  339. -ms-transform: rotate(360deg);
  340. -webkit-transform: rotate(360deg);
  341. -o-transform: rotate(360deg);
  342. -moz-transform: rotate(360deg);
  343. }
  344.  
  345. #info a {
  346. color:#fff;
  347. font-style:normal;
  348. letter-spacing:1px;
  349. }
  350.  
  351. #info a:hover {
  352. color:{color:link hover};
  353. -moz-transition-duration:0.6s;
  354. -webkit-transition-duration:0.6s;
  355. -o-transition-duration:0.6s;
  356. letter-spacing:1px;
  357. }
  358.  
  359. .tags {
  360. font-family:cambria;
  361. font-style:normal;
  362. width:400px;
  363. text-transform:normal;
  364. font-style:normal;
  365. line-height:120%;
  366. padding-top:2px;
  367. font-size:8px;
  368. opacity:0;
  369. text-align:left;
  370. -moz-transition-duration:0.5s;
  371. -webkit-transition-duration:0.5s;
  372. -o-transition-duration:0.5s;
  373. }
  374. .tags a{
  375. color:{color:link};
  376. -moz-transition-duration:0.5s;
  377. -webkit-transition-duration:0.5s;
  378. -o-transition-duration:0.5s;
  379. }
  380. .tags a:hover{
  381. color:{color:link hover};
  382. -moz-transition-duration:0.8s;
  383. -webkit-transition-duration:0.8s;
  384. -o-transition-duration:0.8s;
  385. }
  386.  
  387. #post:hover .tags{
  388. opacity:1;
  389. -moz-transition-duration:0.5s;
  390. -webkit-transition-duration:0.5s;
  391. -o-transition-duration:0.5s;
  392. }
  393.  
  394. .audio{
  395. background-color:#e5e5e5;
  396. height:65px;
  397. overflow:hidden;
  398. }
  399.  
  400. #ask {
  401. padding:5px;
  402. padding-bottom:10px;
  403. padding-left:10px;
  404. text-align:center;
  405. color:#454545;
  406. text-shadow: 0px 0px 1px #ededed;
  407. line-height:130%;
  408. height:150px;
  409. border:4px double #6e6e6e;
  410. border-radius:15px;
  411. background-image:url("http://i.imgur.com/Tk2UHke.png");
  412. box-shadow:-1px 1px 3px 1px #cccccc;
  413. }
  414. #ask img {
  415. margin-left:-2px;
  416. margin-bottom:-9px;
  417. padding:3px;
  418. }
  419. #ans {
  420. text-align:left;
  421. padding:8px;
  422. color:{color:text};
  423. }
  424.  
  425. #credit {
  426. font-size:9px;
  427. font-family:cambria;
  428. font-style:italic;
  429. letter-spacing:1px;
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. -o-transition-duration:0.5s;
  433. }
  434.  
  435. #credit a {
  436. background-color:#fff;
  437. padding:5px;
  438. border:1px solid #e9e9e9;
  439. position:fixed;
  440. right:15px;
  441. bottom:10px
  442. }
  443.  
  444. #credit a:hover {
  445. color:#fff;
  446. background-color:#191919;
  447. }
  448.  
  449. {CustomCSS}
  450.  
  451.  
  452. #ocehans1{
  453. height:15px;
  454. text-align:center;
  455. overflow:hidden;
  456. margin-top:-1px;
  457. border-bottom:0px solid #efefef;
  458. text-transform:uppercase;
  459. letter-spacing:1px;
  460. font-size:8px;
  461. line-height:10px;
  462. z-index:999999999999999999999;
  463. -webkit-transition: all 0.5s ease-in-out;
  464. -moz-transition: all 0.5s ease-in-out;
  465. -o-transition: all 0.5s ease-in-out;
  466. }
  467. #ocehans1:hover{
  468. height:140px;
  469. -webkit-transition: all 0.5s ease-in-out;
  470. -moz-transition: all 0.5s ease-in-out;
  471. -o-transition: all 0.5s ease-in-out;
  472. }
  473.  
  474. #ocehans2{
  475. height:15px;
  476. text-align:center;
  477. overflow:hidden;
  478. border-bottom:0px solid #efefef;
  479. text-transform:uppercase;
  480. background-color:;
  481. letter-spacing:1px;
  482. font-size;8px;
  483. line-height:13px;
  484. z-index:999999999999999999999;
  485. -webkit-transition: all 0.5s ease-in-out;
  486. -moz-transition: all 0.5s ease-in-out;
  487. -o-transition: all 0.5s ease-in-out;
  488. }
  489.  
  490. #ocehans2:hover{
  491. height:140px;
  492. -webkit-transition: all 0.5s ease-in-out;
  493. -moz-transition: all 0.5s ease-in-out;
  494. -o-transition: all 0.5s ease-in-out;
  495. }
  496.  
  497. #ocehans3{
  498. height:15px;
  499. text-align:center;
  500. overflow:hidden;
  501. border-bottom:0px solid #efefef;
  502. text-transform:uppercase;
  503. background-color:;
  504. letter-spacing:1px;
  505. font-size;8px;
  506. line-height:13px;
  507. z-index:999999999999999999999;
  508. -webkit-transition: all 0.5s ease-in-out;
  509. -moz-transition: all 0.5s ease-in-out;
  510. -o-transition: all 0.5s ease-in-out;
  511. }
  512.  
  513. #ocehans3:hover{
  514. height:140px;
  515. -webkit-transition: all 0.5s ease-in-out;
  516. -moz-transition: all 0.5s ease-in-out;
  517. -o-transition: all 0.5s ease-in-out;
  518. }
  519.  
  520.  
  521. #ocehans{
  522. text-align:left;
  523. font-size:8px;
  524. text-transform:uppercase;
  525. opacity: 1;
  526. position:fixed;
  527. font-family:calibri;
  528. left:-5px;
  529. background-color:;
  530. letter-spacing:1px;
  531. width:95px;
  532. z-index:9999;
  533. padding:12px;
  534. top:4px;
  535. }
  536.  
  537.  
  538.  
  539. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  540.  
  541. @font-face { font-family: "ronda"; src: url'http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  542. </style></head><body>
  543.  
  544. <div id="ocehans">
  545. <center>
  546. <div id="ocehans1">
  547. <img src="http://38.media.tumblr.com/eeaa62baeda4fd98c3c7716e5ffa9348/tumblr_inline_mv6jeoBonf1r63cto.gif">
  548. <div style="margin-top:5px;padding:5px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;background:white;height:100px;border:1px solid #eee;">
  549. independent morgan.
  550. <br><br>
  551. </div>
  552. </div>
  553.  
  554. <div id="ocehans2">
  555. <img src="http://33.media.tumblr.com/552dd153163ca6a1bf768c39ddafea80/tumblr_inline_mv6jeiiIAa1r63cto.gif">
  556. <div style="margin-top:5px;padding:5px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;background:white;height:100px;border:1px solid #eee;">
  557. place updates here!
  558.  
  559. </div></div>
  560.  
  561. <div id="ocehans3">
  562. <img src="http://33.media.tumblr.com/3ebffb40f3e1f3803aafa6a8af0c67f9/tumblr_inline_mv6je513bN1r63cto.gif">
  563. <div style="margin-top:5px;padding:5px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;background:white;height:100px;border:1px solid #eee;">
  564. <a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=32981723">sidebar credit.</a><p><a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=34247403">info box credit.</a><p><a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=35576129">ask box credit.</a>
  565. <br><br>
  566. </div>
  567. </div>
  568. </div></div>
  569. </div></div></div></div>
  570.  
  571.  
  572.  
  573.  
  574.  
  575. <div id="sidebar">
  576.  
  577. <div id="sidebarimage">
  578. <img src="{image:sidebar}"></div>
  579.  
  580. <div id="description">{Description}</div>
  581.  
  582. <div id="links">
  583. <a href="{text:link 1 url}" title="{text:link 1}" >■</a>
  584. <a href="{text:link 2 url}" title="{text:link 2}">■</a>
  585. <a href="{text:link 3 url}" title="{text:link 3}">■</a>
  586. <a href="{text:link 4 url}" title="{text:link 4}">■</a>
  587. </div></div>
  588.  
  589. <div id="entries">{block:Posts}<div id="post">
  590.  
  591. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  592.  
  593. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  594.  
  595. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  596.  
  597. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  598.  
  599. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  600.  
  601. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  602.  
  603. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  604. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  605.  
  606. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  607.  
  608. {block:Answer}<div id="ask">{Asker} asked the tactician ;<p> {Question}</div><div id="ans">{Answer}</div>{/block:answer}
  609. {block:Date}<div id="info"><a title="{TimeAgo}" href="{Permalink}">✖</a>
  610. {/block:Date} {block:NoteCount}&nbsp; <a href="{Permalink}" title="{NoteCount} notes">✖</a> {/block:NoteCount}
  611.  
  612. &nbsp;{block:RebloggedFrom} <a title="via: {ReblogParentName}" href="{ReblogParentURL}">✖</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; <a title="source: {SourceTitle}" href="{SourceURL}">✖</a>{/block:ContentSource}{/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}" title="reblog?" target="_blank" class="details">✖</a>
  613. </div>
  614.  
  615.  
  616. {block:HasTags}
  617. <div class="tags">
  618. {block:Tags} <a href="{TagURL}"> <big>#</big> {Tag} &nbsp; </a> {/block:Tags}</div>
  619. {/block:HasTags}
  620. <div class="postnote">
  621. {block:PostNotes}{PostNotes}{/block:PostNotes}
  622. </div>
  623. </div>
  624. {/block:Posts}
  625.  
  626. {block:Pagination}
  627. <div id="pagination">
  628. {block:PreviousPage}
  629. <a href="{PreviousPage}">←</a>
  630. {/block:PreviousPage}
  631. {block:JumpPagination length="10"}
  632. {block:CurrentPage}
  633. <span class="current_page">{PageNumber}</span>
  634. {/block:CurrentPage}
  635. {block:JumpPage}
  636. <a class="jump_page" href="{URL}">{PageNumber}</a>
  637. {/block:JumpPage}
  638. {/block:JumpPagination}
  639. {block:NextPage}
  640. <a href="{NextPage}">→</a>
  641. {/block:NextPage}
  642. </div>
  643. {/block:Pagination}
  644. </div>
  645.  
  646. </div>
  647. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  648.  
  649. </body>
  650.  
  651. </html>
Advertisement
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!