API tools faq
paste
Advertisement
Daichi-Sama

Alex's Cain theme

Daichi-Sama
Jan 19th, 2019
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.52 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by https://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. /* ☽ CURSOR ☾ */
  101. /*find more at https://pixel-soup.tumblr.com/tagged/cursors */
  102.  
  103. *, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto }
  104. a:hover { cursor:url("https://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  105.  
  106. /* ☽ CURSOR END ☾ */
  107.  
  108. /* ☽ FONTS ☾ */
  109. /*these are the custom fonts, you can install more just by pasting the code here*/
  110. @font-face{font-family:"nightingale";src:url('https://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  111.  
  112. /* ☽ SELECTION COLOR BEGIN ☾ */
  113.  
  114. ::-moz-selection { /* Code for Firefox */
  115. color: #a94747; /*text color of selected text*/
  116. background: transparent; /*color of selection bg*/
  117. }
  118.  
  119. ::selection {
  120. color: #a94747; /*text color of selected text*/
  121. background: transparent; /*color of selection bg*/
  122. }
  123.  
  124. /* ☽ SELECTION COLOR END ☾ */
  125.  
  126. /* ☽ SCROLLBAR ☾ */
  127.  
  128. ::-webkit-scrollbar-thumb {
  129. background: transparent; /*color of scrollbar*/
  130. height:0px;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height:0px;
  135. width:1px; /*width of slider*/
  136. background-color:transparent; /*scrollbar's main color*/
  137. }
  138.  
  139. /* ☽ SCROLLBAR END ☾ */
  140.  
  141. body {
  142. background-color:#9b9b9b; /*set this the same color as your background image to avoid black areas on different resolutions*/
  143. background-image:url('https://static.tumblr.com/pyp0mui/SdBplkuy0/cainbg.png'); /*background image goes here*/
  144. background-attachment: fixed;
  145. background-repeat: no-repeat;
  146. background-position: left top;
  147. color:#353535; /*body font color*/
  148. font-weight:normal; /*body font weight*/
  149. font-family: 'calibri'; /*body font*/
  150. text-align:justify; /*body text alignment*/
  151. font-size: 10px; /*body font-size*/
  152. letter-spacing:2px;
  153. text-transform: uppercase;
  154.  
  155.  
  156. }
  157.  
  158. small,sub,sup {
  159. font-size:10px;
  160. }
  161.  
  162. /* ☽ PAGINATION BEGIN ☾ */
  163. /*pagination is the little arrow which navigates between pages*/
  164.  
  165. .pagi {
  166. font-size:25px;
  167. font-family:'overpass';
  168. margin-top:510px; /*position of pagination from the top*/
  169. margin-left:965px; /*position of pagination from the left*/
  170. position:fixed;
  171. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  172. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  173.  
  174. .pagi a {
  175. color: #e6e6e6; /*color of pagination*/
  176. text-shadow: 0px 0px 5px #000; /*glow of pagination*/
  177. }
  178.  
  179. .pagi a:hover {
  180. color: #de4747; /*color of pagination on hover*/
  181. text-shadow: 0px 0px 5px #862626; /*glow of pagination on hover*/
  182. }
  183.  
  184. /* ☽ TOOLTIP BEGIN ☾ */
  185.  
  186. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  187. this script stylizes it*/
  188.  
  189. #s-m-t-tooltip{
  190. max-width:400px;
  191. margin:15px;
  192. padding:2px 8px;
  193. background-image: url(""); /*include image if you want a background for the tooltip text*/
  194. background: transparent;
  195. background-repeat:repeat;
  196. background-attachment:fixed;
  197. color:#fff; /*color of tooltip text*/
  198. /*change all the text shadow to change the outline / stroke color of the tooltip text*/
  199. text-shadow:1px 1px #000,
  200. 1px -1px #000,
  201. 1px 0px #000,
  202. 0px 1px #000,
  203. 0px -1px #000,
  204. -1px 1px #000,
  205. -1px 0px #000,
  206. -1px -1px #000;
  207. box-shadow: none;
  208. font-size:10px; /*size of tooltip text*/
  209. letter-spacing:2px;
  210. font-family: 'nightingale';
  211. text-transform:lowercase;
  212. z-index:99999999999999999999;
  213. }
  214.  
  215.  
  216. #s-m-tooltip:hover {
  217. -webkit-transition: all 0.6s ease-out;
  218. -moz-transition: all 0.6s ease-out;
  219. transition: all 0.6s ease-out;
  220. -o-transition:all 0.6s ease;
  221. -ms-transition: all 0.6s ease-in-out;}
  222.  
  223. /* ☽ TOOLTIP END ☾ */
  224.  
  225. /* ☽ TEXT STYLE BEGIN ☾ */
  226.  
  227. b, bold, strong {
  228. font-size:12px; /*size of bold text*/
  229. letter-spacing:1px;
  230. font-weight:bold;
  231. text-transform:uppercase;
  232. line-height: 120%;
  233. font-family: 'times'; /*font family of bold text*/
  234. color: #a94747; /*color of bold text*/
  235. text-shadow: 0px 0px 2px #ccc; /*color of body text shadow*/
  236. }
  237.  
  238. i, italic, em {
  239. font-size:9px; /*size of italic text*/
  240. color: #a94747; /*color of italic text*/
  241. font-family: 'nightingale'; /*font family of italic text*/
  242. line-height:120%;
  243. text-shadow: 0 0 3px #ccc, /*glow color of italic text*/
  244. 0 0 5px #ccc;
  245. font-weight:normal;
  246. letter-spacing:1px;
  247. text-transform:lowercase;
  248. }
  249.  
  250. h3, h4 { /*this styles the headers inside the popups*/
  251. background-image: url(''); /*background image of headers*/
  252. background-repeat:repeat;
  253. background-attachment:fixed;
  254. padding:3px;
  255. color:#e6e6e6; /*text color of header*/
  256. text-shadow: 1px 1px #000,
  257. 1px -1px #000,
  258. 1px 0px #000,
  259. 0px 1px #000,
  260. 0px -1px #000,
  261. -1px 1px #000,
  262. -1px 0px #000,
  263. -1px -1px #000;
  264. /*change all the above to the same color to change the outline text color of the headers*/
  265. font-size:9px;
  266. line-height:120%;
  267. text-transform:uppercase;
  268. border-top:solid 1px #a94747;
  269. border-bottom: solid 1px #a94747;
  270. border-top-right-radius: 25px;
  271. border-bottom-left-radius: 25px;
  272. text-align:center;}
  273.  
  274. /* ☽ POP-UPS HEADER STYLE END ☾ */
  275.  
  276. /* ☽ BODY LINKS ☾ */
  277.  
  278. a,a:visited,a:active {
  279. color: #e6e6e6; /*color of links*/
  280. letter-spacing: 2px;
  281. text-decoration:none;
  282. text-shadow: 1px 1px #000,
  283. 1px -1px #000,
  284. 1px 0px #000,
  285. 0px 1px #000,
  286. 0px -1px #000,
  287. -1px 1px #000,
  288. -1px 0px #000,
  289. -1px -1px #000;
  290. -moz-transition-duration: 0.6s;
  291. -o-transition-duration: 0.6s;
  292. -webkit-transition-duration: 0.6s;
  293. transition-duration: 0.6s;
  294. }
  295.  
  296. a:hover {
  297. color: #e6e6e6; /*glow color of asker url*/
  298. transition: all 0.6s ease-out;
  299. }
  300.  
  301. /* ☽ LINK END ☾ */
  302.  
  303. /* ☽ POST TITLE SETTINGS ☾ */
  304.  
  305. .titulo {
  306.  
  307. font-family: 'times';
  308. font-weight:normal;
  309. font-size: 18px; /*size of title*/
  310. text-align: center;
  311. text-transform: uppercase;
  312. color: #e6e6e6; /*color of title*/
  313. }
  314.  
  315. /* ☽ TITLE SETTINGS END ☾ */
  316.  
  317. /* ☽ CONTAINER POSITION AND STYLE ☾ */
  318.  
  319. #container {
  320. position:absolute;
  321. left:465px; /*position of container from the left*/
  322. top:252px; /*position of container from top*/
  323. height:270px; /*determines height of container*/
  324. overflow-y:scroll;
  325. border:1px solid transparent;
  326. }
  327.  
  328. #entries {
  329. background-color:transparent; /*color of posts background*/
  330. }
  331.  
  332. #content {
  333. width:423px; /*determines width / size of posts*/
  334. padding:0px 15px;
  335. }
  336.  
  337. #entries img {
  338. max-width: 100%;
  339. height: auto; /*keep auto if you don't want any stretching to occur*/
  340. opacity:1; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  341. -moz-transition-duration: 0.5s;
  342. -o-transition-duration: 0.5s;
  343. -webkit-transition-duration: 0.5s;
  344. transition-duration: 0.5s;
  345. padding:5px;
  346.  
  347. }
  348.  
  349. #entries img:hover {
  350. opacity: 1; /*image opacity of posts on hover*/
  351. -moz-transition-duration: 0.5s;
  352. -o-transition-duration: 0.5s;
  353. -webkit-transition-duration: 0.5s;
  354. transition-duration: 0.5s;
  355. padding:5px;
  356.  
  357. }
  358.  
  359. /* ☽ CONTAINER END ☾ */
  360.  
  361. /* ☽ BLOCKQUOTE BEGIN ☾ */
  362.  
  363. blockquote {
  364. border-left: 1px dashed #a94747; /*color of blockquote*/
  365. padding: 0px 0px 2px 15px;
  366. margin: 3px 0 3px 8px;
  367. }
  368.  
  369. blockquote img {
  370. max-width:100%;
  371. height:auto; /*keep as auto to avoid stretched images*/
  372. }
  373.  
  374. /* ☽ BLOCKQUOTE END ☾ */
  375.  
  376. /* ☽ ASK POST BEGIN ☾ */
  377.  
  378. #question {
  379. background-color:#818181; /*color behind question / asker*/
  380. text-align: left;
  381. padding: 10px;
  382.  
  383. }
  384.  
  385. #asker {
  386. color: #e6e6e6; /*color of anonymous asker*/
  387. text-shadow:0px 0px 5px #000; /*glow of anon asker*/
  388. font-size:10px;
  389. padding-bottom: 3px;
  390. font-family:'times';
  391. text-decoration:none;
  392. border-bottom: 1px solid #363333; /*line below asker color/ width*/
  393. -webkit-transition: all 0.6s ease-out;
  394. -moz-transition: all 0.6s ease-out;
  395. transition: all 0.6s ease-out;
  396. -o-transition:all 0.6s ease;
  397. -ms-transition: all 0.6s ease-in-out;
  398.  
  399. }
  400.  
  401. #asker a {
  402. color: #e6e6e6; /*color of asker url if not anonymous*/
  403. text-shadow: 1px 1px #000,
  404. 1px -1px #000,
  405. 1px 0px #000,
  406. 0px 1px #000,
  407. 0px -1px #000,
  408. -1px 1px #000,
  409. -1px 0px #000,
  410. -1px -1px #000;
  411. font-size: 10px;
  412. }
  413.  
  414. #asker a:hover {
  415. color: #353535; /*glow color of asker url*/
  416. transition: all 0.6s ease-out;
  417. }
  418.  
  419. #whisper { /*whisper is the word next to the asker; you can change it in the html below, but can edit its color / style here*/
  420. font-size:10px;
  421. font-family:'times';
  422. color:#353535; /*color of 'whispered*/
  423. text-transform:uppercase;
  424. }
  425.  
  426. #ask {
  427. font-size:8px;
  428. font-family:helvetica;
  429. letter-spacing:2px;
  430. padding-top: 5px;
  431. line-height:120%;
  432. text-align:left;
  433. text-transform:uppercase;
  434. color: #353535; /*color of the question text itself*/
  435. }
  436.  
  437. #answer {
  438. padding-top:0px;
  439. }
  440.  
  441. /* ☽ ASK POST END ☾ */
  442.  
  443. /* ☽ CHAT POST BEGIN ☾ */
  444.  
  445. .convo {
  446. font-size: 10px;
  447. line-height:120%;
  448. text-align:left;
  449. padding:0px;
  450. }
  451.  
  452. .convo li {
  453. list-style:none;
  454. }
  455.  
  456. .convo .label {
  457. text-transform: uppercase;
  458. font-weight:bold;
  459. }
  460.  
  461. .line_odd .label {
  462. color: #fff; /* Color of odd person in the chat */
  463. background: none;
  464. }
  465.  
  466. .line_even .label {
  467. color: #de4747; /* Color of even person in the chat */
  468. }
  469.  
  470. .line_even {
  471. margin:0px 10px;
  472. padding: 5px;
  473. text-align:left;
  474. font-weight:bold;
  475. text-shadow:none;
  476. padding: 10px 20px 10px 20px;
  477. }
  478.  
  479. .line_odd {
  480. margin:0px 10px;
  481. padding: 5px;
  482. background-color:#242121; /*background color of odd text*/
  483. text-align:left;
  484. text-shadow:none;
  485. padding: 10px 20px 10px 20px;
  486. }
  487.  
  488. /* ☽ CHAT POST END ☾ */
  489.  
  490. /* ☽ AUDIO POST BEGIN ☾ */
  491.  
  492. .play {
  493. margin-top:15px;
  494. margin-left: 10px;
  495. position: relative;
  496. height: 35px; /*size of play button*/
  497. width: 35px; /*size of play button*/
  498. padding: 2px;
  499. background-color:none;
  500. overflow: hidden;
  501. z-index:99;
  502. opacity: 0.3;
  503. -webkit-backface-visibility: hidden;
  504. -webkit-transform: translate3d(0,0,0);
  505. }
  506.  
  507. .play:hover {
  508. opacity: 0.7;
  509. -webkit-backface-visibility: hidden;
  510. -webkit-transform: translate3d(0,0,0);
  511.  
  512. }
  513.  
  514. .album img {
  515. position: relative;
  516. margin-top: -50px;
  517. width: 50px; /*size of album art*/
  518. height: 50px; /*size of album art*/
  519. }
  520.  
  521. .trackinfo {
  522. position: relative;
  523. height: 50px;
  524. margin-left: 70px;
  525. margin-top: -55px;
  526. }
  527.  
  528. /* ☽ AUDIO POST END ☾ */
  529.  
  530. /* ☽ QUOTE POST BEGIN ☾ */
  531.  
  532. .quote {
  533. font-family: "nightingale";
  534. font-size: 10px;
  535. font-weight:normal;
  536. padding: 10px 50px;
  537. text-transform: lowercase;
  538. padding-bottom:30px;
  539. text-align: center;
  540. color: #353535; /*color of quote*/
  541. text-shadow: 0px 0px 2px #862626; /*glow color of quote*/
  542.  
  543. }
  544.  
  545. /* ☽ QUOTE POST END ☾ */
  546.  
  547. /* ☽ LINK POST BEGIN ☾ */
  548.  
  549. #linku {
  550. font-weight:bold;
  551. line-height:100%;
  552. padding-top: 10px;
  553. text-align: center;
  554. }
  555.  
  556. /* ☽ LINK POST END ☾ */
  557.  
  558. /* ☽ SIDEBAR BEGIN ☾ */
  559.  
  560. #boxy {
  561. position:fixed;
  562. width:130px;
  563. height:520px; /*height of sidebar box*/
  564. top:235px; /*position of sidebar box from the top*/
  565. margin-left:925px; /*position of sidebar box from the left*/
  566. opacity:1;
  567. -webkit-transition: all 0.7s ease;
  568. -moz-transition: all 0.7s ease;
  569. -o-transition: all 0.7s ease;
  570. }
  571.  
  572.  
  573. #despacito { /*the small description in the side bar, above the links*/
  574. margin-top:10px;
  575. text-align:center;
  576. font-size: 9px;
  577. letter-spacing: 3px;
  578. font-family:'calibri';
  579. background-color:#e6e6e6;
  580. text-transform: uppercase;
  581. color: #353535; /*text color of description*/
  582. margin-top:25px;
  583. margin-bottom: 20px;
  584.  
  585. }
  586.  
  587. /*sidebar links start from here*/
  588.  
  589. #pops {
  590. border: dashed 1px #a94747; /*color of border around sidebar links*/
  591. background-color: #e6e6e6; /*background color behind side links*/
  592. box-shadow: 0px 0px 2px #808080;
  593. }
  594.  
  595. .sail a { /*sidebar links*/
  596. display: block;
  597. width: 100px;
  598. font-size:10px;
  599. padding: 2px;
  600. line-height:110%;
  601. text-align: center;
  602. letter-spacing: 1px;
  603. margin: 10px;
  604. color:#e6e6e6; /*text color of sidebar links*/
  605. text-shadow: 1px 1px #000,
  606. 1px -1px #000,
  607. 1px 0px #000,
  608. 0px 1px #000,
  609. 0px -1px #000,
  610. -1px 1px #000,
  611. -1px 0px #000,
  612. -1px -1px #000;
  613. /*change all the hex to the same code to change outline / stroke color of text*/
  614. text-transform:uppercase;
  615. background-image: url(''); /*background image of sidelinks*/
  616. background-repeat:none;
  617. background-attachment:fixed;
  618. border-top:solid 1px #a94747; /*top border of side links*/
  619. border-left:solid 1px #a94747; /*left border of side links*/
  620. border-right: solid 1px #a94747; /*right border of side links*/
  621. border-bottom: solid 1px #a94747; /*bottom border of side links*/
  622.  
  623. }
  624.  
  625. .sail a:hover {
  626. letter-spacing: 5px;
  627. -webkit-transition: all .5s ease-in-out;
  628. -moz-transition: all .5s ease-in-out;
  629. -ms-transition: all .5s ease-in-out;
  630. -o-transition: all .5s ease-in-out;
  631. transition: all .5s ease-in-out;
  632. }
  633.  
  634. /* ☽ SIDEBAR END ☾ */
  635.  
  636. /* ☽ TAGS & POST INFO BEGIN ☾ */
  637.  
  638. .permalinks { /*permalinks are the small navigation symbols of each post, with the date, etc.*/
  639. background-color:transparent; /*color of permalinks background*/
  640. padding: 1px 5px 5px 1px;
  641. text-align:center;
  642. font-size:11px;
  643. text-transform:uppercase;
  644. margin-top:15px;
  645. -moz-transition-duration:.6s;
  646. -webkit-transition-duration:.6s;
  647. -o-transition-duration:.6s;
  648. -webkit-filter: blur(0px);
  649.  
  650.  
  651. }
  652.  
  653. .permalinks a {
  654. font-family:'calibri';
  655. letter-spacing:5px;
  656. font-size: 11px;
  657. font-weight:normal;
  658. text-decoration:none;
  659. }
  660.  
  661.  
  662. .permalinks a:hover {
  663. letter-spacing:5px;
  664. -webkit-transition: all 0.5s ease-in-out;
  665. -moz-transition: all 0.5s ease-in-out;
  666. -o-transition: all 0.5s ease-in-out;
  667. -ms-transition: all 0.5s ease-in-out;
  668. transition: all 0.5s ease-in-out;
  669. }
  670.  
  671. .tags {
  672.  
  673. text-align:justify;
  674. padding: 0px 50px;
  675. margin-bottom:15px;
  676. color: #353535; /*this determines the color of the small # before the tags*/
  677. font-size:10px;
  678. text-shadow:0px 0px 3px #ccc; /*shadow color of # */
  679. padding-bottom: 30px;
  680. }
  681.  
  682. .tags a {
  683. color:#e6e6e6; /*change this for the actual color of the tags*/
  684. font-size:8px;
  685. font-weight:bold;
  686. text-transform:uppercase;
  687. text-shadow: 1px 1px #000,
  688. 1px -1px #000,
  689. 1px 0px #000,
  690. 0px 1px #000,
  691. 0px -1px #000,
  692. -1px 1px #000,
  693. -1px 0px #000,
  694. -1px -1px #000;
  695.  
  696.  
  697. }
  698.  
  699.  
  700. .tags a:hover {
  701. letter-spacing:2px;
  702. color: #fff; /*tag color on hover*/
  703. -webkit-transition: all 0.5s ease-in-out;
  704. -moz-transition: all 0.5s ease-in-out;
  705. -o-transition: all 0.5s ease-in-out;
  706. -ms-transition: all 0.5s ease-in-out;
  707. transition: all 0.5s ease-in-out;
  708.  
  709. }
  710.  
  711. #divider { /*this is the dividing image between the post and its info*/
  712. background-image:url('https://static.tumblr.com/pyp0mui/1Zdplkw53/tumblr_m37lmqn7ud1rsx5i6o4_250.png'); /*place the image here*/
  713. width:95%;
  714. height:4px;
  715. background-position:center;
  716. padding: 2px 10px;
  717. border: solid 1px #a94747; /*border color of the image*/
  718. margin-bottom:5px;
  719. }
  720.  
  721. /* ☽ TAGS & POST INFO END ☾ */
  722.  
  723. /* ☽ POPUPS BEGIN ☾ */
  724.  
  725. #fade {
  726. display: none;
  727. background: #818181; /*color of pop up fade / overlay */
  728. background-image: url('');
  729. position: fixed; left: 0; top: 0;
  730. width: 100%;
  731. height: 100%;
  732. opacity: 0;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  733. z-index: 9999;
  734. }
  735.  
  736. .popup_block {
  737. display:none;
  738. HEIGHT:auto;
  739. width:auto;
  740. background:transparent;
  741. padding:0px;
  742. float:left;
  743. position:fixed;
  744. margin:auto;
  745. z-index: 99999;
  746. }
  747.  
  748. .popup_boxy { /*this is the image behind your popup content*/
  749. background:transparent; /*color of the popup background*/
  750. background-image:url(""); /*image of the popup background; goes behind the content*/
  751. position:absolute;
  752. text-align:center;
  753. font-size: 10px; /*font size of the words inside the box */
  754. padding:20px;
  755. margin:auto;
  756. width: 575px; /*width of pop up background*/
  757. height:650px; /*height of pop up background*/
  758. overflow-y:none;
  759. top:80px; /*position of pop up*/
  760. left:540px;
  761. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  762. }
  763.  
  764. .popup_content { /*this is the box where your pop up text goes*/
  765. height:350px; /*height of pop up content*/
  766. width: 440px; /*width of pop up content*/
  767. padding: 10px 50px;
  768. margin:auto;
  769. margin-top: 100px;
  770. border: dashed 1px #a94747; /*border color of popup box*/
  771. box-shadow: :1px 1px #de4747,
  772. 1px -1px #de4747,
  773. 1px 0px #de4747,
  774. 0px 1px #de4747,
  775. 0px -1px #de4747,
  776. -1px 1px #de4747,
  777. -1px 0px #de4747,
  778. -1px -1px #de4747;
  779. /*change all the hex code to change the second border color of the pop up box*/
  780. border-radius:25px;
  781. overflow-y:scroll;
  782. background:#808080; /*background color of pop up box, the background behind your popup text*/
  783. }
  784.  
  785. .tabheader { /*tab header is the pop up title hovering above popup*/
  786. position:absolute;
  787. top:166px; /*make sure to keep this less than position of box so it floats above it always*/
  788. left:523px; /*position of header from left*/
  789. text-align:center;
  790. width:300px;
  791. background:transparent;
  792. color:#e6e6e6; /* color of hanging pop up header */
  793. text-shadow:0px 0px 10px #000, /*glow color of popup header*/
  794. 0px 0px 3px #000,
  795. 0px 0px 5px #000;
  796. overflow-y:scroll;
  797. font-family: 'nightingale';
  798. font-size:15px; /*size of pop up header text*/
  799. font-weight:normal;
  800. letter-spacing:1px;
  801. text-transform:lowercase;
  802. z-index: 999999;
  803. }
  804.  
  805. /* ☽ POP UP END ☾ */
  806.  
  807. /* ☽ CREDIT BEGIN ☾ */
  808.  
  809. /*DO NOT REMOVE THIS, DO NOT CHANGE CREDIT, AND DO NOT MAKE INVISIBLE OR HIDDEN IN ANY WAY. DO NOT ADD YOUR OWN CREDIT OR ALTER*/
  810.  
  811. .credit {
  812. font-weight:bold;
  813. padding:10px;
  814. font-size:15px;
  815. bottom:0px;
  816. right:20px;
  817. position:fixed;
  818. font-family:'times';
  819. -webkit-filter: blur(.5px);
  820. -moz-filter: blur(.5px);
  821. -o-filter: blur(.5px);
  822. -ms-filter: blur(.5px);
  823. filter: blur(.5px);
  824.  
  825. }
  826.  
  827. .credit a {
  828. color:#e6e6e6; /*color of credit; you are only allowed to change this, and do not change to a color that doesn't show*/
  829. }
  830.  
  831. .credit a:hover {
  832. color: #ccc; /*color of credit on hover; you are only allowed to change this but do not change to a color that doesn't show*/
  833. }
  834.  
  835. /* ☽ CREDIT END ☾ */
  836.  
  837. </style>
  838.  
  839. <body>
  840. <!--* ☽ SIDEBAR BEGIN HERE ☾ *-->
  841.  
  842. <div id="boxy">
  843. <!--sidebar title!-->
  844. <div id="despacito">Ind rp blog for Cain Nightroad.<br>Penned by <b>Alex</b>
  845. <!--sidebar description, keep it up to only few lines for best appearance results!-->
  846. </div>
  847. <!--* ☽ SIDEBAR LINKS START HERE ☾ *-->
  848.  
  849. <div class="sail">
  850. <div id="pops"> <!--the title determines what shows when you hover on link!-->
  851. <a href="/" title="home">return</a>
  852. <a href="#?w=500" rel="box1" class="poplight" title="letters.">Letters</a>
  853. <a href="/Navigation" title="navigation.">navigation</a>
  854. <a href="/Verses" title="verses.">verses</a>
  855. <a href="/About" title="about.">about</a>
  856. <a href="http://xviperinae.tumblr.com/" title="viper.">OC Blog</a>
  857. <a href="http://gxnslingxr.tumblr.com/" title="tres.">Tres Blog</a>
  858. </div></div>
  859. </div>
  860. </div>
  861.  
  862. <!--* ☽ SIDEBAR END ☾ *-->
  863.  
  864. <!--* ☽ CREDITS BEGIN HERE - DO NOT REMOVE OR MAKE HIDDEN ☾ *-->
  865.  
  866. <div class="credit"><a href="https://ddkinzart.tumblr.com" title="theme by ddkinzart">D.</a></div>
  867.  
  868. <!--* ☽ CREDIT END ☾ *-->
  869.  
  870. <!--* ☽ POST STRUCTURE BEGINS HERE ☾ *-->
  871.  
  872. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  873.  
  874. {block:Pagination}
  875. <div class="pagi">
  876. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  877. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  878. </div>
  879. {/block:Pagination}
  880. <div id="container">
  881. <div id="entries">
  882. {block:Posts}
  883. <div id="content">
  884. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  885. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  886. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  887. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  888. {/block:Photoset}
  889. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  890. {block:Link}
  891. {block:Thumbnail}
  892. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  893. {/block:Thumbnail}
  894. <div id="linku">
  895. <a href="{URL}" class="link" {Target}>{Name}</a>
  896. </div>
  897. {/block:Link}
  898. {block:Chat}
  899. {block:Title}
  900. <div class="titulo">{Title}</div>{/block:Title}<br>
  901. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  902. {Line}</li>{/block:Lines}</ul>
  903. {/block:Chat}
  904. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  905. {block:Audio}
  906. {block:AudioPlayer}
  907. <div class="play">{AudioPlayer}</div>{/block:AudioPlayer}
  908. {block:AlbumArt}
  909. <div class="album"><img src="{AlbumArtURL}"></div>
  910. {/block:AlbumArt}
  911. <div class="trackinfo">
  912. {block:TrackName}<b>Title</b> {TrackName}{/block:TrackName}
  913. <br>{block:Artist}<b>Artist</b> {Artist}{/block:Artist}
  914. <br>{block:Album}<b>Album</b> {Album}{/block:Album}
  915. </div>
  916. {block:Caption}{Caption}{/block:Caption}
  917. {/block:Audio}
  918. {block:Answer}
  919. <div id="question">
  920. <div id="asker">{Asker}<span id="whisper"> whispered: </span></div><div id="ask">{Question}</div> <!--you can change the word 'whispered into something else!-->
  921. </div>
  922. <div id="answer">
  923. {Answer}</div>
  924. {/block:Answer}
  925. <div class="permalinks">
  926. <div id="divider">&nbsp;</div>
  927. {block:RebloggedFrom}
  928. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >●</a>
  929. {/block:RebloggedFrom}
  930. <a href="{Permalink}" title="{timeago}">●</a>{block:NoteCount}
  931. <a href="{Permalink}" title="{NoteCount} hits.">●</a>{/block:NoteCount}
  932. {block:ContentSource}
  933. <a href="{SourceURL}" title="source: {SourceTitle}">●</a>
  934. {/block:ContentSource}
  935. <a href="{ReblogURL}" title="reblog" target="_blank">●</a>
  936. {/block:RebloggedFrom}
  937. </div>
  938. <div class="tags">
  939. {block:HasTags}
  940. {block:Tags}
  941. <!--you can change symbol before tags to something else--># <a href="{TagURL}" title="{Tag}">{Tag}</a>
  942. {/block:Tags}
  943. {/block:HasTags}
  944. {block:PostNotes}{PostNotes}{/block:PostNotes}
  945. </div></div>
  946. {/block:Posts}
  947. </div>
  948. </div>
  949. </body>
  950.  
  951. <!--* ☽ POST STRUCTURE END ☾ *-->
  952.  
  953. <!--* ☽ POP UPS BEGIN ☾ *-->
  954. <!--This is where the pop ups begin, you can edit beyond this point-->
  955.  
  956. <!--* ☽ ASK POP UP BEGIN ☾ *-->
  957.  
  958. <div id="box1" class="popup_block" style="top:50%;left:50%">
  959. <i style="text-align:center;">{AskLabel}</i>
  960. <br><br>
  961. <div class="queque">
  962. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  963. </div></div> <!--it is set to automatically direct to your ask box, do NOT change the name into something else-->
  964. </div>
  965.  
  966. <!--* ☽ ASK POP UP END ☾ *-->
  967.  
  968.  
  969. </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!