API tools faq
paste
Advertisement
Daichi-Sama

Viper Theme

Daichi-Sama
Dec 1st, 2018
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.89 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="https://static.tumblr.com/odahqqg/Y1Spj1yvu/ed21479782a8ba260925e42540ebcc45.png">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!-- ~ code created by AWOKENHOPE.TUMBLR.COM
  12. ~ do not steal this code
  13. ~ do not use as a base code
  14. ~ feel free to ask any questions -->
  15.  
  16.  
  17.  
  18. <!--TYPING/MOVING TITLE. IF YOU DON'T WANT A MOVING TITLE JUST DELETE UNTIL "END." -->
  19.  
  20. <script type="text/javascript">
  21. var rev = "fwd";
  22. function titlebar(val)
  23. {
  24. var msg = "every rose has thorns"; // THIS IS WHERE YOU WOULD CHANGE YOUR TITLE //
  25. var res = " ";
  26. var speed = 125; // CHANGE THE SPEED HERE //
  27. var pos = val;
  28. msg = "every rose has thorns"; // CHANGE THIS TO MATCH THE TITLE //
  29. var le = msg.length;
  30. if(rev == "fwd"){
  31. if(pos < le){
  32. pos = pos+1;
  33. scroll = msg.substr(0,pos);
  34. document.title = scroll;
  35. timer = window.setTimeout("titlebar("+pos+")",speed);}
  36. else{
  37. rev = "bwd";
  38. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  39. else{
  40. if(pos > 0){
  41. pos = pos-1;
  42. var ale = le-pos;
  43. scrol = msg.substr(ale,le);
  44. document.title = scrol;
  45. timer = window.setTimeout("titlebar("+pos+")",speed);}
  46. else{
  47. rev = "fwd";
  48. timer = window.setTimeout("titlebar("+pos+")",speed);
  49. }}}
  50. titlebar(0);
  51. </script>
  52. </head>
  53.  
  54. <!-- END. -->
  55.  
  56.  
  57.  
  58.  
  59. <!-- FONT AWESOME - DON'T TOUCH THIS IF YOU WANT TO USE FONT AWESOME -->
  60. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  61.  
  62.  
  63. <!-- TOOLTIP -->
  64. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("a[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:90,
  70. tip_fade_speed:600,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75.  
  76. </script>
  77.  
  78. <!-- GOOGLE STYLE FONTS -->
  79.  
  80. <!-- css code: font-family: 'PT Sans Narrow', sans-serif; -->
  81. <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700' rel='stylesheet' type='text/css'>
  82.  
  83. <!-- css code: font-family: 'Yanone Kaffeesatz', sans-serif; -->
  84. <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  85.  
  86. <!-- css code: font-family: 'Raleway', sans-serif; -->
  87. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  88.  
  89. <!-- css code: font-family: 'Saira Extra Condensed', sans-serif; -->
  90. <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed" rel="stylesheet">
  91.  
  92. <!--css code: font-family: 'Source Code Pro', monospace; -->
  93. <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
  94.  
  95. <!--font-family: 'Ubuntu Mono', monospace; -->
  96. <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
  97.  
  98. <!--font-family: 'Cookie', cursive; -->
  99. <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet">
  100.  
  101. <!--font-family: 'Great Vibes', cursive; -->
  102. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  103.  
  104. <!--font-family: 'Dancing Script', cursive; -->
  105. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  106.  
  107. <!--font-family: 'Pacifico', cursive; -->
  108. <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
  109.  
  110. <!--font-family: 'Satisfy', cursive; -->
  111. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  112.  
  113. <!--font-family: 'Oswald', sans-serif; -->
  114. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  115.  
  116. <!--font-family: 'Abel', sans-serif; -->
  117. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  118.  
  119. <!--font-family: 'Cuprum', sans-serif; -->
  120. <link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">
  121.  
  122.  
  123.  
  124. <style type="text/css">
  125.  
  126.  
  127. /* SCROLLBAR */
  128. ::-webkit-scrollbar-thumb{
  129. background-color: transparent; /* CHANGE THE SCROLLBAR COLOR HERE */
  130. border: 1px solid transparent; /* CHANGE THE SCROLLBAR COLOR HERE */
  131. height: auto; }
  132.  
  133. ::-webkit-scrollbar {
  134. height: auto;
  135. width: 0px;
  136. background-color: transparent; }
  137.  
  138. /* BACKGROUND IMAGE, FONT, FONT SIZE & FONT COLOR */
  139.  
  140. body {
  141. background-color:#9c9c9c; /*BACKGROUND COLOR */
  142. background-image:url('https://static.tumblr.com/odahqqg/p6bpj1xig/viper-bg.png'); /* BACKGROUND IMAGE. DELETE IF YOU DON'T WANT */
  143. background-repeat:no-repeat;
  144. background-position:fixed;
  145. background-attachment:fixed;
  146. font-family: 'Abel', sans-serif;
  147. font-size:14px;
  148. color:#454545; /* FONT COLOR */
  149. font-weight:500%; }
  150.  
  151.  
  152. /* DON'T TOUCH FROM HERE - */
  153.  
  154. small, sub, sup {
  155. font-size:100%;
  156. }
  157.  
  158. /* - TO HERE */
  159.  
  160.  
  161. /* CONTAINER POSITIONING */
  162.  
  163. #container {
  164. position:absolute;
  165. background:transparent; /* BACKGROUND COLOR OF CONTAINER */
  166. left:205px;
  167. top:240px;
  168. height:347px;
  169. width:420px; /* MAKE SURE YOU EDIT THE WIDTH IN POSTS TOO */
  170. line-height:100%;
  171. margin:auto;
  172. position:fixed;
  173. overflow-y:scroll;
  174. overflow-x:hidden;
  175. opacity:1; /* IF YOU WANT THE HOVER FEATURE CHANGE THIS TO ANYTHING BELOW 1 */
  176. }
  177.  
  178. #container:hover {
  179. opacity:1;
  180. background-color:transparent; /* MAKE SURE THIS MATCHES THE BACKGROUND OF CONTAINER */
  181. z-index:9999;
  182. }
  183.  
  184. /* POSTS */
  185.  
  186. .posts {
  187. width:400px; /*MAKE SURE THIS IS 20.5 PIXELS BELOW YOUR CONTAINER WIDTH */
  188. background-color:transparent;
  189. padding:10px;
  190. padding-top:20px;
  191. margin-bottom:30px; }
  192.  
  193. img {
  194. max-width:100%;
  195. border:none; }
  196.  
  197. .caption img {
  198. max-width:100%;
  199. height:auto; }
  200.  
  201. .posts img {
  202. max-width:100%;
  203. margin-top:5px;
  204. margin-bottom:5px;}
  205.  
  206.  
  207. /* LINKS IN POSTS */
  208.  
  209. a {
  210. text-decoration:none;
  211. color:#821717;
  212. text-shadow:#6a6a6a 0.1em 0.1em 0.1em; }
  213.  
  214. a:hover {
  215. color:#454545; }
  216.  
  217. /* BOLD & ITALICS */
  218.  
  219. b, strong, u {
  220. color:#821717;
  221. text-shadow:#6a6a6a 0.1em 0.1em 0.1em;
  222. font-size:16px;
  223. font-family: 'Yanone Kaffeesatz', sans-serif;
  224. text-transform:uppercase;
  225. }
  226.  
  227. i, em {
  228. color:#821717;
  229. text-shadow:#6a6a6a 0.2em 0.1em 0.1em;
  230. text-transform:lowercase;
  231. font-family: 'Dancing Script', cursive;
  232. font-size:20px; }
  233.  
  234. big {
  235. font-size:16px;
  236. text-transform:uppercase;
  237. letter-spacing:2px;
  238. font-family: 'Saira Condensed', sans-serif;
  239. color:#821717;
  240. text-shadow: 0px 0px 2px #000;
  241. }
  242.  
  243. /* BLOCKQUOTE */
  244.  
  245. blockquote {
  246. padding:5px;
  247. margin:5px 5px 5px 5px;
  248. border-left:1px solid #454545; }
  249.  
  250. blockquote img {
  251. max-width:100%;
  252. height:auto; }
  253.  
  254. /* IMAGE - DO NOT TOUCH */
  255.  
  256. img {
  257. max-width: 100%;
  258. border:none; }
  259.  
  260. .caption img {
  261. max-width:315px;
  262. height:auto; }
  263.  
  264. /* HEADERS */
  265.  
  266. h1 {
  267. font-weight:normal;
  268. font-size:20px;
  269. text-align:center;
  270. font-family:'Yanone Kaffeesatz', sans-serif;
  271. color:#821717;
  272. line-height:20px;
  273. text-transform:uppercase;}
  274.  
  275. h2 {
  276. font-weight:normal;
  277. font-size:14px;
  278. text-align:center;
  279. font-family:'Yanone Kaffeesatz', sans-serif;
  280. line-height:15px;
  281. text-transform:uppercase;}
  282.  
  283. h3 {
  284. font-family:'Yanone Kaffeesatz', sans-serif;
  285. font-size:16px;
  286. padding: 2px
  287. margin: 5px 0px 0px;
  288. letter-spacing: 1px;
  289. background:url('https://static.tumblr.com/odahqqg/mzRpj1xx8/viper-bg2.png'); /* I SUGGEST MAKING THIS THE SAME AS YOUR INFO BG BUT IT'S UP TO YOU */
  290. background-repeat:no-repeat;
  291. background-attachment:fixed;
  292. border:double 3px #a3a5a9;
  293. line-height: normal;
  294. text-transform: uppercase;
  295. color:#fff;
  296. text-align: center;
  297. width:auto;
  298. text-shadow:1px 1px 0px #000,
  299. 1px -1px 0px #000,
  300. -1px -1px 0px #000,
  301. -1px 1px 0px #000,
  302. 0px 1px 0px #000,
  303. 0px -1px 0px #000,
  304. 1px 0px 0px #000,
  305. -1px 0px 0px #000;}
  306.  
  307. /* NOTES & TAGS */
  308.  
  309. #info {
  310. width:auto;
  311. height:10px;
  312. margin-top:5px;
  313. padding:5px;
  314. font-family: 'Abel', sans-serif; /* FONT FOR INFO */
  315. background-color:transparent; /* INFO BACKGROUND COLOR */
  316. background-image:url('https://static.tumblr.com/odahqqg/mzRpj1xx8/viper-bg2.png'); /* INFO BACKGROUND */
  317. background-repeat:repeat;
  318. background-attachment:fixed;
  319. border:double 3px #454545; /* INFO BORDER */
  320. text-transform:uppercase;
  321. text-align:center;
  322. word-spacing:10px;
  323. font-size:12px;
  324. position:relative;,
  325. }
  326.  
  327. #info a {
  328. color:#ccc;
  329. font-style:normal;}
  330.  
  331.  
  332. #info a:hover {
  333. color:#454545;
  334. transition-duration:0.9s;
  335. -webkit-transition-duration:0.9s;
  336. -o-transition-duration:0.9s;}
  337.  
  338. .tags {
  339. background:transparent; /* BACKGROUND COLOR FOR TAGS */
  340. text-align:right; /* IF YOU WANT YOU CAN MAKE THIS EITHER CENTER OR LEFT */
  341. font-family: 'Abel', sans-serif; /* TAG FONT */
  342. font-size:8px;
  343. padding-top:5px;
  344. padding-bottom:5px;
  345. height:auto;
  346. width:auto;
  347. }
  348.  
  349. /* NAVIGATION */
  350.  
  351. #link1 {
  352. position:absolute;
  353. position:fixed;
  354. font-family: 'Raleway', sans-serif;
  355. text-transform:bold;
  356. width:10px;
  357. margin-top:211px; /* TOP/BOTTOM POSITIONING */
  358. margin-left:320px; /* LEFT/RIGHT POSITIONING */
  359. font-size:15px;
  360. line-height:100%;
  361. z-index: 99999;
  362. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  363. }
  364.  
  365. #link1 a {
  366. width:30px;
  367. line-height:100%;
  368. margin-bottom:10px;
  369. margin-left:2px;
  370. opacity:1;
  371. color:#454545; /* LINK COLOR */
  372. text-shadow: 0 0 15px #6a6a6a; /* LINK SHADOW */
  373. letter-spacing:0px;
  374. text-decoration:none; }
  375.  
  376. #link1 a:hover {
  377. color: #222; /* LINK COLOR UPON HOVERING */
  378. width:60px;
  379. text-shadow: 0 0 15px #6a6a6a;
  380. -webkit-filter: blur(1px) ;
  381. -webkit-transition: 0.7s ease-in; >
  382. -moz-transition: }
  383.  
  384. #link2 {
  385. position:absolute;
  386. position:fixed;
  387. font-family: 'Raleway', sans-serif;
  388. text-transform:bold;
  389. width:10px;
  390. margin-top:211px; /* TOP/BOTTOM POSITIONING */
  391. margin-left:360px; /* LEFT/RIGHT POSITIONING */
  392. font-size:15px;
  393. line-height:100%;
  394. z-index: 99999;
  395. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  396. }
  397.  
  398. #link2 a {
  399. width:30px;
  400. line-height:100%;
  401. margin-bottom:10px;
  402. margin-left:2px;
  403. opacity:1;
  404. color:#454545; /* LINK COLOR */
  405. text-shadow: 0 0 15px #6a6a6a; /* LINK SHADOW */
  406. letter-spacing:0px;
  407. text-decoration:none; }
  408.  
  409. #link2 a:hover {
  410. color: #222; /* LINK COLOR UPON HOVERING */
  411. width:60px;
  412. text-shadow: 0 0 15px #6a6a6a;
  413. -webkit-filter: blur(1px) ;
  414. -webkit-transition: 0.7s ease-in; >
  415. -moz-transition: }
  416.  
  417. #link3 {
  418. position:absolute;
  419. position:fixed;
  420. font-family: 'Raleway', sans-serif;
  421. text-transform:bold;
  422. width:10px;
  423. margin-top:211px; /* TOP/BOTTOM POSITIONING */
  424. margin-left:400px; /* LEFT/RIGHT POSITIONING */
  425. font-size:15px;
  426. line-height:100%;
  427. z-index:99999;
  428. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/}
  429.  
  430. #link3 a {
  431. width:30px;
  432. line-height:100%;
  433. margin-bottom:10px;
  434. margin-left:2px;
  435. opacity:1;
  436. color:#454545; /* LINK COLOR */
  437. text-shadow: 0 0 15px #6a6a6a; /* LINK SHADOW */
  438. letter-spacing:0px;
  439. text-decoration:none; }
  440.  
  441. #link3 a:hover {
  442. color: #222; /* LINK COLOR UPON HOVERING */
  443. width:60px;
  444. text-shadow: 0 0 15px #6a6a6a;
  445. -webkit-filter: blur(1px) ;
  446. -webkit-transition: 0.7s ease-in; >
  447. -moz-transition: }
  448.  
  449. #link4 {
  450. position:absolute;
  451. position:fixed;
  452. font-family: 'Raleway', sans-serif;
  453. text-transform:bold;
  454. width:10px;
  455. margin-top:211px; /* TOP/BOTTOM POSITIONING */
  456. margin-left:440px; /* LEFT/RIGHT POSITIONING */
  457. font-size:15px;
  458. line-height:100%;
  459. z-index:99999;
  460. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/}
  461.  
  462. #link4 a {
  463. width:30px;
  464. line-height:100%;
  465. margin-bottom:10px;
  466. margin-left:2px;
  467. opacity:1;
  468. color:#454545; /* LINK COLOR */
  469. text-shadow: 0 0 15px #6a6a6a; /* LINK SHADOW */
  470. letter-spacing:0px;
  471. text-decoration:none; }
  472.  
  473. #link4 a:hover {
  474. color: #222; /* LINK COLOR UPON HOVERING */
  475. width:60px;
  476. text-shadow: 0 0 15px #6a6a6a;
  477. -webkit-filter: blur(1px) ;
  478. -webkit-transition: 0.7s ease-in; >
  479. -moz-transition: }
  480.  
  481. #link5 {
  482. position:absolute;
  483. position:fixed;
  484. font-family: 'Raleway', sans-serif;
  485. text-transform:bold;
  486. width:10px;
  487. margin-top:211px; /* TOP/BOTTOM POSITIONING */
  488. margin-left:480px; /* LEFT/RIGHT POSITIONING */
  489. font-size:15px;
  490. line-height:100%;
  491. z-index: 99999;
  492. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  493. }
  494.  
  495. #link5 a {
  496. width:30px;
  497. line-height:100%;
  498. margin-bottom:10px;
  499. margin-left:2px;
  500. opacity:1;
  501. color:#454545; /* LINK COLOR */
  502. text-shadow: 0 0 15px #6a6a6a; /* LINK SHADOW */
  503. letter-spacing:0px;
  504. text-decoration:none; }
  505.  
  506. #link5 a:hover {
  507. color: #454545; /* LINK COLOR UPON HOVERING */
  508. width:60px;
  509. text-shadow: 0 0 15px #6a6a6a;
  510. -webkit-filter: blur(1px) ;
  511. -webkit-transition: 0.7s ease-in; >
  512. -moz-transition: }
  513.  
  514. /* CREDIT. DO NOT DELETE. YOU MAY MOVE & CHANGE COLOR BUT MAKE SURE IT IS STILL THERE */
  515.  
  516. #credit {
  517. position:absolute;
  518. position:fixed;
  519. font-family: 'Abel', sans-serif;
  520. text-transform:bold;
  521. width:auto;
  522. height:auto;
  523. bottom:25px;
  524. right:10px;
  525. padding: 2px 2px 2px;
  526. font-size:20px;
  527. line-height:100%;
  528. z-index:99999999;
  529. letter-spacing: 1px;
  530. }
  531.  
  532. #credit a {
  533. width:30px;
  534. line-height:100%;
  535. margin-bottom:10px;
  536. opacity:1;
  537. color:#7e7d79;
  538. letter-spacing:0px;
  539. text-decoration:none; }
  540.  
  541. #credit a:hover {
  542. color: #000000;
  543. width:60px;
  544. text-shadow: 0 0 15px #eee;
  545. -webkit-filter: blur(1px) ;
  546. -webkit-transition: 0.7s ease-in; >
  547. -moz-transition: }
  548.  
  549.  
  550. /* PAGINATION */
  551.  
  552. #pagination {
  553. position:fixed;
  554. font-size:30px;
  555. top:205px; /* TOP/BOTTOM POSITIONING */
  556. left:760px; /* LEFT/RIGHT POSITIONING */}
  557.  
  558. #pagination a {
  559. width:140px;
  560. line-height:100%;
  561. color:#ccc; /* PAGINATION COLORING */
  562. font-size:20px;
  563. text-decoration:none; }
  564.  
  565. #pagination a:hover {
  566. text-align:center;
  567. color:#222; /* PAGINATION COLORING UPON HOVER */
  568. width:40px;
  569. -moz-transition-duration:.9s;
  570. -webkit-transition-duration:.9s;
  571. -o-transition-duration:.9s; }
  572.  
  573. #paginationb {
  574. position:fixed;
  575. font-size:30px;
  576. top:205px; /* TOP/BOTTOM POSITIONING */
  577. left:720px; /* LEFT/RIGHT POSITIONING */ }
  578.  
  579. #paginationb a {
  580. width:140px;
  581. line-height:100%;
  582. color:#ccc; /* PAGINATION COLORING */
  583. font-size:20px;
  584. text-decoration:none; }
  585.  
  586. #paginationb a:hover {
  587. text-align:center;
  588. color: #222; /* PAGINATION COLORING UPON HOVER */
  589. width:40px;
  590. -moz-transition-duration:.9s;
  591. -webkit-transition-duration:.9s;
  592. -o-transition-duration:.9s; }
  593.  
  594. /* THINGS PERTAINING TO ASKS */
  595.  
  596. .ask {
  597. background-image:url('https://static.tumblr.com/odahqqg/mzRpj1xx8/viper-bg2.png'); /* ASK BACKGROUND */
  598. background-repeat:repeat;
  599. background-attachment: fixed;
  600. border:double 3px #a3a5a9; /* BORDER COLOR */
  601. }
  602.  
  603. .askerurl {
  604. height:15px;
  605. text-align:center;
  606. margin-top:-20px;}
  607.  
  608. .askerurl a {
  609. font-family: 'Dancing Script', cursive;
  610. font-size:20px;
  611. text-transform:bold;
  612. letter-spacing:1px;
  613. color:#821717; /* ASKER'S URL COLOR */
  614. text-align:center;
  615. text-shadow:1px 1px 3px #000, /* SHADOW */}
  616.  
  617. .askerurl a:hover {
  618. color: #454545; /* COLOR UPON HOVER */
  619. text-shadow: #000 2px 0px 2px;
  620. letter-spacing: 1px;
  621. -moz-transition-duration:.9s;
  622. -webkit-transition-duration:.9s;
  623. -o-transition-duration:.9s; }
  624.  
  625. .question {
  626. text-align:center;
  627. background-color:transparent;
  628. padding:5px 5px;
  629. letter-spacing: 2px;
  630. color:#fff; /* COLOR OF TEXT INSIDE ASK */
  631. opacity: 1;
  632. padding-top:5px;
  633. margin-top:10px; }
  634.  
  635. /* THE LOOK OF QUOTE POSTS */
  636.  
  637. .quote {
  638. font-size:14px;
  639. letter-spacing:2px;
  640. text-align:center;
  641. border-bottom:solid 1px #454545; /* BORDER COLOR */
  642. border-radius:25px; /* DELETE THIS IF YOU DON'T WANT THE BORDER ROUNDED */
  643. margin-bottom:5px;
  644. padding-bottom:5px; }
  645.  
  646. .quotesource {
  647. font-size:12px;
  648. letter-spacing:4px;
  649. text-align:right;
  650. color:#821717; /* QUOTE SOURCE COLOR */
  651. text-shadow: #000 2px 0px 2px; /* QUOTE SOURCE SHADOW */
  652. margin-top:5px;
  653. margin-bottom:5px;
  654. text-transform:uppercase;
  655. font-style:bold;
  656. font-family:'Yanone Kaffeesatz', sans-serif; }
  657.  
  658.  
  659. /* SIDEBAR FOR YOUR INFORMATION */
  660.  
  661.  
  662. #descriptionbox {
  663. position:fixed;
  664. font-family:'Abel', sans-serif;
  665. font-size:11px;
  666. background-color:transparent; /* DESCRIPTION BOX COLOR */
  667. width:140px;
  668. height:355px;
  669. top:242px; /* TOP/BOTTOM POSITIONING */
  670. margin-left:684px; /* LEFT/RIGHT POSITIONING */
  671. color:#454545; /* FONT COLOR */
  672. text-align:center;
  673. overflow:scroll;
  674. opacity:1;
  675. padding: 0px 0px 0px;}
  676.  
  677. /* TITLES IN RULES, SIDEBAR, ETC., */
  678.  
  679. #titles {
  680. font-family:'Yanone Kaffeesatz', sans-serif;
  681. font-size: 16px;
  682. padding: 3px 3px;
  683. margin: 5px 0px 0px;
  684. letter-spacing: 1px;
  685. text-shadow: #000 0.5em 0.1em 0.5em; /* SHADOW OF TEXT */
  686. background: url('https://static.tumblr.com/odahqqg/mzRpj1xx8/viper-bg2.png'); /* BACKGROUND IMAGE */
  687. background-repeat:repeat;
  688. background-attachment:fixed;
  689. border:double 3px #a3a5a9; /* BORDER */
  690. line-height: normal;
  691. text-transform: uppercase;
  692. color: #fff; /* FONT COLOR */
  693. text-align: center;
  694. width:auto;
  695. }
  696.  
  697. /* PRE WRAP - DO NOT TOUCH */
  698.  
  699. pre {
  700. font-family: 'Yanone Kaffeesatz', sans-serif;
  701. text-transform:uppercase;
  702. font-style:normal;
  703. white-space: pre-wrap;
  704. white-space: -moz-pre-wrap;
  705. white-space: -pre-wrap;
  706. white-space: -o-pre-wrap;
  707. word-wrap: break-word; }
  708.  
  709.  
  710. /* TOOLTIP */
  711.  
  712. #s-m-t-tooltip {
  713. max-width:500px; /* CHANGE THE MAX WIDTH OF THE TOOLTIP */
  714. padding: 5px 8px;
  715. margin: 10px;
  716. font-size: 10px; /* FONT SIZE */
  717. letter-spacing: 1px;
  718. text-transform: uppercase;
  719. background: url('https://static.tumblr.com/odahqqg/qhYpj1xnh/dfgf.png'); /* BACKGROUND IMAGE OF TOOLTIP */
  720. background-repeat:repeat;
  721. background-attachment:fixed;
  722. color: #fff; /* FONT COLOR */
  723. border: double 3px #a3a5a9; /* BORDER COLOR */
  724. z-index: 99999;
  725. transition: 0.5s ease-in-out;
  726. -webkit-transition: 0.5s ease-in-out;
  727. -moz-transition: 0.5s ease-in-out;
  728. -ms-transition: 0.5s ease-in-out;
  729. -o-transition: 0.5s ease-in-out;
  730. text-shadow:1px 1px 0px #000, /* SHADOW OF TEXT */
  731. 1px -1px 0px #000,
  732. -1px -1px 0px #000,
  733. -1px 1px 0px #000,
  734. 0px 1px 0px #000,
  735. 0px -1px 0px #000,
  736. 1px 0px 0px #000,
  737. -1px 0px 0px #000;
  738. }
  739.  
  740. </style>
  741.  
  742. <body>
  743.  
  744. <!-- THIS IS THE INFORMATION IN THE HOVER TEXT BOX, YOU CAN PUT WHATEVER IN HERE IT WILL SCROLL. -->
  745.  
  746. <div id="descriptionbox">
  747. <div id="titles">EVERY ROSE</div><p>
  748. "The saying <i>'Don't go for looks, they can deceive'</i> is really all the truth you need to survive in life. Think that I look harmless? Think again. <b>I am far from it</b>."
  749.  
  750. <div id="titles">HAS IT'S THORNS</div><p>
  751.  
  752. Ind RP blog for a fandomless OC.<br><br>Mun & Muse are 20+<br><br><i>Mutuals Only.</i><br><br><b>Penned by Alex.</b>
  753.  
  754.  
  755. <p>
  756. </div></div></div>
  757.  
  758.  
  759. <!-- LINKS & LINK TITLES -->
  760. <div id="link1"><a href="/" title="REFRESH">♦</a></div>
  761. <div id="link2"><a href="/ask" title="ASK">♢</a></div>
  762. <div id="link3"><a href="/About" title="ABOUT.">♦</a></div>
  763. <div id="link4"><a href="/Navigation" title="NAV.">♢</a></div>
  764. <div id="link5"><a href="/Verses" title="VERSES.">♦</a></div>
  765.  
  766. <!--DO NOT TOUCH CREDIT -->
  767. <div id="credit"><a href="https://awokenhope.tumblr.com/" title="THEME BY AWOKENHOPE.">𝒶</a></div>
  768.  
  769. <!-- DO NOT TOUCH BELOW THIS -->
  770.  
  771. <div id="pagination">{block:Pagination}
  772. {block:NextPage}<a class="next page"> <a href="{NextPage}" title="Next Page">→</a>{/block:NextPage}{/block:Pagination}
  773. </div>
  774.  
  775. <div id="paginationb">{block:Pagination}
  776. {block:PreviousPage}<a class="previous page"> <a href="{PreviousPage}" title"Previous Page">←</a>{/block:PreviousPage}{/block:Pagination}</a></a>
  777. </div>
  778.  
  779.  
  780. <div id="container">
  781.  
  782. {block:Posts}
  783.  
  784. <div class="posts">
  785.  
  786. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  787.  
  788. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="270px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  789. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  790.  
  791.  
  792. {block:Quote}<div class="quote">❛ {Quote} ❜</div>{block:Source}<div class="quotesource">-{Source}</div>{/block:Source}{/block:Quote}
  793.  
  794. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  795.  
  796. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  797. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  798.  
  799. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  800.  
  801. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  802.  
  803.  
  804. {block:Answer}
  805.  
  806. <div class="askpost">
  807.  
  808.  
  809. <div class="ask">
  810. <div class="askerurl">
  811. <center><a href="{AskerURL}">{AskerName}</a></center>
  812. </div>
  813. <div class="question">
  814. {Question}
  815. </div>
  816. </div>
  817.  
  818. {Answer}
  819.  
  820. </div>
  821.  
  822. {/block:Answer}
  823.  
  824. {block:date}
  825. <div id="info">
  826. <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}"> ◆ </a>
  827. <a href="{Permalink}" title="{NoteCount} notes"> ◆ </a>
  828. <a href='{ReblogParentURL}' title="via{ReblogParentURL}"> ◆ </a>
  829. <a href='{ReblogRootURL}' title="source{ReblogRootURL}"> ◆ </a>
  830. <a href='{ReblogURL}' title="Reblog"> ◆ </a>
  831. </div>
  832. {/block:date}
  833. <div class="tags">
  834. {block:HasTags}
  835. {block:Tags} <a href="{TagURL}" title="{Tag}" data-tooltip="{Tag}" >╳ {Tag} &nbsp; </a> {/block:Tags}
  836. {/block:HasTags}
  837. </div></div>
  838. {block:PostNotes}{PostNotes}{/block:PostNotes}
  839. <!-- {block:NoRebloggedFrom}
  840. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  841. {/block:NoRebloggedFrom} -->
  842.  
  843. {block:ContentSource}
  844. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  845. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  846. {/block:SourceLogo}
  847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849.  
  850. {/block:Posts}
  851. </body>
  852. </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!