API tools faq
paste
Advertisement
abv2

Hymns of Madness and Despair V.2

abv2
Aug 24th, 2016
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.18 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.     <!---
  4.  
  5.  
  6.  
  7.  
  8.                             THEME BY TWO-DAMES.TUMBLR.COM
  9.                         KINDLY DO NOT STEAL OR REMOVE CREDIT!!!
  10.                                   MUCH OBLIGED!!!
  11.                                  
  12.                                  
  13.                                  
  14. --->
  15.         <title>{Title}</title>
  16.  
  17.  <link href="css/hover.css" rel="stylesheet" media="all">      
  18.         <!---tooltip--->
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21.  
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25.  
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29.  
  30. $("a[title]").style_my_tooltips({
  31.  
  32. tip_follows_cursor:true,
  33.  
  34. tip_delay_time:60,
  35.  
  36. tip_fade_speed:300,
  37.  
  38. attribute:"title"
  39.  
  40. });
  41.  
  42. });
  43.  
  44. })(jQuery);
  45.  
  46. </script>
  47. <!--basic tooltip from tutorial-baby! Enjoy-->
  48. <style>
  49. .tooltip{
  50.     display: inline;
  51.     position: relative;
  52. }
  53. #s-m-t-tooltip {
  54. max-width:300px; /*how big the tooltip can be at most*/
  55. border-radius: 0px; /*change your border radius*/
  56. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  57. margin:20px 7px -2px 20px; /*distance from word*/
  58. background-color:#ffffff; /*background color*/
  59.   border:1px solid #E0E0E0; /*border info*/
  60.   font-family:alegreya sans sc; /*tooltip font*/
  61.   font-weight:bold;
  62. font-size:9px; /*tooltip font size*/
  63. letter-spacing:1px; /*tooltip letter spacing*/
  64. text-transform:uppercase; /*makes the tooltip title uppercase*/
  65. color:#000; /*tooltip font color*/
  66. z-index:999999999999999999999999999999999999;
  67.  
  68.  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  69.  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  70.   box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  71.   word-wrap: break-word;
  72. }
  73. </style>
  74.  
  75. <!---end tooltip--->
  76.  
  77.        
  78.        
  79.         <link rel="shortcut icon" href="{Favicon}">
  80.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  81.         {block:Description}
  82.             <meta name="description" content="{MetaDescription}" />
  83.         {/block:Description}
  84.     </head>
  85.    
  86.     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  87.    
  88.    
  89. <link href="https://fonts.googleapis.com/css?family=Marcellus+SC|Satisfy|Metamorphous|Patrick+Hand+SC|Acme|Philosopher|Alegreya+Sans+SC|Pacifico|Condiment|Amarante|Kaushan+Script|Great+Vibes" rel="stylesheet">
  90. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  91. <link href='https://fonts.googleapis.com/css?family=Cormorant+Unicase' rel='stylesheet' type='text/css'>
  92. <link href='https://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  93.  
  94.  
  95.  
  96. <!---   <meta name="select:Font" content="" title="">   --->
  97. <meta name="select:Font" content="Arial" title="Arial">
  98. <meta name="select:Font" content="Verdana" title="Verdana">  
  99. <meta name="select:Font" content="Corbel" title="Corbel">
  100. <meta name="select:Font" content="Georgia" title="Georgia">
  101. <meta name="select:Font" content="Patrick Hand SC" title="Patrick Hand SC">
  102. <meta name="select:Font" content="Acme" title="Acme">
  103. <meta name="select:Font" content="Philosopher" title="Philosopher">
  104. <meta name="select:Font" content="Alegreya Sans SC" title="Alegreya Sans SC">
  105. <meta name="select:Font" content="Lora" title="Lora">
  106. <meta name="select:Font" content="Neuton" title="Neuton">
  107. <meta name="select:Font" content="Cormorant Unicase" title="Cormorant Unicase">
  108. <meta name="select:Font" content="Port Lligat Slab" title="Port Lligat Slab">
  109.  
  110.  
  111. <!---<meta name="select:Title Font" content="" title="">   --->
  112. <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
  113. <meta name="select:Title Font" content="Satisfy" title="Satisfy">
  114. <meta name="select:Title Font" content="Pacifico" title="Pacifico">  
  115. <meta name="select:Title Font" content="Condiment" title="Condiment">
  116. <meta name="select:Title Font" content="Amarante" title="Amarante">
  117. <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
  118. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  119. <meta name="select:Title Font" content="Metamorphous" title="Metamorphous">
  120.  
  121.  
  122.  
  123.  
  124. <meta name="select:Post Title Font" content="Marcellus SC" title="Marcellus SC">
  125. <meta name="select:Post Title Font" content="Satisfy" title="Satisfy">
  126. <meta name="select:Post Title Font" content="Pacifico" title="Pacifico">  
  127. <meta name="select:Post Title Font" content="Condiment" title="Condiment">  
  128. <meta name="select:Post Title Font" content="Amarante" title="Amarante">
  129. <meta name="select:Post Title Font" content="Kaushan Script" title="Kaushan Script">
  130. <meta name="select:Post Title Font" content="Great Vibes" title="Great Vibes">
  131. <meta name="select:Post Title Font" content="Metamorphous" title="Metamorphous">
  132.  
  133.  
  134.  
  135. <meta name="text:Font size" content="12">
  136. <meta name="text:Title Size" content="20">
  137. <meta name="text:Post Title Size" content="20">
  138.  
  139.  
  140.  
  141.  
  142.  
  143. <meta name="image:Main Background" content="" />
  144. <meta name="color:Main Background" content=""/>
  145. <meta name="color:Post Background" content=""/>
  146. <meta name="color:Title" content=""/>
  147. <meta name="color:Description" content="">
  148. <meta name="color:Border" content="#cccccc"/>
  149. <meta name="color:Post Title" content=""/>
  150. <meta name="color:Text color" content=""/>
  151. <meta name="color:Blockquote color" content="#737373"/>
  152. <meta name="color:Link color" content=""/>
  153. <meta name="color:Quote color" content=""/>
  154. <meta name="color:Permalink Bg" content=""/>
  155. <meta name="color:Permalink text" content=""/>
  156. <meta name="color:Permalink links" content=""/>
  157. <meta name="text:Link URL1" content=""/>
  158. <meta name="text:Link Text1" content=""/>
  159. <meta name="text:Link URL2" content=""/>
  160. <meta name="text:Link Text2" content=""/>
  161. <meta name="text:Link URL3" content=""/>
  162. <meta name="text:Link Text3" content=""/>
  163.  
  164.    
  165. <style type="text/css">
  166.  
  167. body {
  168.    
  169.      background-color: {color:Main background};
  170.     background-image: url('{image:main background}');
  171.     background-repeat:no-repeat;
  172.     background-attachment:fixed;
  173.     background-size:100% 100%;
  174.     font-family: {select:font};
  175.     font-size: {text:Font Size}px;
  176.     color: {color:Text color};
  177. }
  178.  
  179. a {
  180.     text-decoration:none;
  181.     color:{color:link color};
  182.     -webkit-transition: all 0.5s ease;
  183.     -moz-transition: all 0.5s ease;
  184.     -o-transition: all 0.5s ease;
  185. }
  186.  
  187. a:hover {
  188.     color:{color:text color};
  189. }
  190.  
  191. b, strong {
  192.     text-transform:bold;
  193. }
  194.  
  195. i, em {
  196.      text-transform:italic;
  197. }
  198.  
  199.  
  200. h2{font-family: {select:Post Title font};}
  201. h3{font-family: {select:Post Title font};}
  202.  
  203. blockquote {
  204.    
  205. border-left:1px solid {color:blockquote color};
  206. padding-left:15px;
  207. margin-left:10px;
  208. margin-top:0px;
  209. margin-right:0;
  210.    
  211.    
  212. }
  213.    
  214. blockquote img {    
  215.     max-width:100%;
  216.     height:auto;
  217. }
  218.  
  219.  
  220. img {
  221.      max-width: 100%;
  222. }
  223.  
  224. /*NEW SIDEBAR*/
  225.  
  226.  
  227.  
  228. #sidebar2{
  229.     text-align: center;
  230.     height: auto;
  231.     min-height:110%;
  232.     width: 300px;
  233.     margin-top: -50px;
  234.     margin-left: 30px;
  235.     position: fixed;
  236.     z-index: 9;
  237.     display:block;
  238. }
  239.  
  240. #menu{background:transparent;}
  241.  
  242.  
  243. #title {
  244. position: fixed;
  245. overflow-y: auto;
  246.     height:40px;
  247.     padding-top:15px;
  248.     padding-bottom:5px;
  249.     padding-right:10px;
  250.     padding-left:10px;
  251.     margin-top:11em;
  252.     margin-left: -400px;
  253.     font-size: {text:Title Size}px;
  254.     line-height: 105%;
  255.     width: 280px;
  256.     text-align:center;
  257.     word-break:break-word;
  258.     background-image:url('https://68.media.tumblr.com/7da70260a4654582a3de05684129b823/tumblr_oceph6o9171vtqemto1_400.gif');
  259.     background-size:100% 100%;
  260.     overflow:auto;
  261.     color: {color:Title};
  262.     font-family: {select:Title Font};
  263.     z-index: 9;
  264.     float:center;
  265.    -webkit-box-shadow: 0px 0px 10px 5px rgba(114, 41, 9,0.4); -moz-box-shadow: 0px 0px 10px 5px rgba(114, 41, 9,0.4); box-shadow: 0px 0px 10px 5px rgba(114, 41, 9,0.4);
  266. }
  267.  
  268. #item1{
  269. background-color:transparent;
  270. }
  271.  
  272. #item1:hover{
  273.     color:{color:text color};
  274.      -webkit-transition: all 0.4s ease-out;
  275.     -o-transition: all 0.4s ease-out;
  276.     -webkit-transition: all 0.4s ease-out;
  277.     -moz-transition: all 0.4s ease-out;
  278. }
  279.  
  280. #item1:hover #title{
  281.     margin-left:20px;
  282.     -webkit-transition: all 0.4s ease-out;
  283.     -o-transition: all 0.4s ease-out;
  284.     -webkit-transition: all 0.4s ease-out;
  285.     -moz-transition: all 0.4s ease-out;
  286. }
  287.  
  288. #description {
  289.     position: fixed;
  290. overflow:auto;
  291.     height:55px;
  292.     width: 250px;
  293.     padding:15px;
  294.     margin-left:-400px;
  295.     margin-top:27em;
  296.     text-align: center;
  297.     word-break:break-word;
  298.     color: {color:description};
  299.     font-size:11px;
  300.     float:center;
  301.      background-image:url('http://68.media.tumblr.com/9095e661ff9edde840225c42e2f43dc9/tumblr_oceph6o9171vtqemto2_r1_250.jpg');
  302.      background-size:100% 100%;
  303.      -webkit-box-shadow: 0px 0px 10px 5px rgba(114, 41, 9,0.4); -moz-box-shadow: 0px 0px 10px 5px rgba(114, 41, 9,0.4); box-shadow: 0px 0px 10px 5px rgba(114, 41, 9,0.4);
  304. }
  305.  
  306. #item2{
  307.   background-color:transparent;}
  308.  
  309. #item2:hover{
  310.     color:{color:text color};
  311.      -webkit-transition: all 0.4s ease-out;
  312.     -o-transition: all 0.4s ease-out;
  313.     -webkit-transition: all 0.4s ease-out;
  314.     -moz-transition: all 0.4s ease-out;
  315. }
  316.  
  317. #item2:hover #description{
  318.      margin-left:20px;
  319.     -webkit-transition: all 0.4s ease-out;
  320.     -o-transition: all 0.4s ease-out;
  321.     -webkit-transition: all 0.4s ease-out;
  322.     -moz-transition: all 0.4s ease-out;
  323. }
  324.  
  325.  
  326.  
  327. /*Sidebar end*/
  328.  
  329. ::-webkit-scrollbar-thumb:vertical {
  330. background-color: #000000; /*color of main scrollbar*/
  331. height: 50px; /*height of scrollbar*/
  332. background-image: url('URL HERE'); /*optional*/
  333. }
  334. ::-webkit-scrollbar {
  335. height: 0px;
  336. width: 5px; /*width of the slider*/
  337. background-color: #FFFFFF; /*color of the slider*/
  338. }
  339.  
  340.  
  341.  
  342. /*Body*/
  343.  
  344. #container {
  345.     position:absolute;
  346. padding: 10px;
  347.     width:530px;
  348.     left:370px;
  349.     top:50px;
  350.     /*background-color:{color:container background};
  351.     border:1px solid {color:border};*/
  352. }
  353.  
  354. .posts {
  355.     position:relative;
  356.     width:500px;
  357.     background-color: {color:post background};
  358.     padding:20px;
  359.     margin-bottom:0px;
  360.     word-wrap: break-word;
  361.    
  362.     border: solid 1px {color:border};
  363.  
  364. -moz-box-shadow: 0 0 5px {color:border};
  365. -webkit-box-shadow: 0 0 5px {color:border};
  366. box-shadow: 0 0 5px {color:border};
  367.  
  368. }
  369.  
  370.  
  371. h1 {
  372.     text-align: center;
  373.     word-break:break-word;
  374.     font-size: {text:Post Title size}px;
  375.     line-height:105%;
  376.     text-decoration:underline;
  377.     color: {color:Post Title};
  378.     font-family: {select:Post Title Font};
  379. }
  380.  
  381. /*Body end*/
  382.  
  383. /*Types of posts*/
  384.  
  385. .link{
  386.     color: {color:link color};
  387.     font-size:20px;
  388.     font-family: {select:Post Title Font};
  389. }
  390.  
  391. /*ANSWER*/
  392. #wrapper{
  393. padding:7px;
  394. border:1px solid {color:shadow};
  395.  
  396. }
  397.  
  398. #asker{
  399. padding-bottom:5px;
  400. text-transform:uppercase;
  401. font-size:15px;
  402.     font-family: {select:Post Title Font};
  403. letter-spacing:1px
  404. }
  405.  
  406. /*QUOTE*/
  407.  
  408. .quote {
  409.     font-family: {select:Post Title Font};
  410.     font-size: 20px;
  411.     line-height:23px;
  412.     letter-spacing:1px;
  413.     text-indent: 15px;
  414.     text-align: center;
  415.     margin-bottom:5px;
  416.     padding-bottom:3px;
  417. }
  418.  
  419. .quotesource {
  420.     font-size:15px;
  421.     line-height:17px;
  422.     letter-spacing:1px;
  423.     text-align:right;
  424.     margin-bottom:5px;
  425.     font-family: {select:Post Title Font};
  426. }
  427.  
  428.  
  429. /* Chat */
  430. .chat{
  431.     height: auto;
  432.     padding-bottom: 5px;
  433.     width: 100%;
  434.     word-break:break-word;
  435. }
  436.  
  437. .chat ul {
  438.  word-break:break-word;
  439.     list-style: none;
  440. }
  441.  
  442.  
  443. .chat .odd {
  444.     margin-left:-35px;
  445.     text-align: left;
  446.     color: {color:text};
  447.     padding:7px;
  448.     word-break:break-word;
  449.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  450.  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  451.   box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  452.    
  453.    
  454. }
  455. .chat .even {
  456.     margin-right:0px;
  457.     text-align: right;
  458.     padding:5px;
  459.     word-break:break-word;
  460.     color: {color:text};
  461.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  462.  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  463.   box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  464. }
  465.  
  466.  
  467. .chat li {
  468.     position: relative;
  469.     margin-bottom: 10px;
  470.     margin-left: auto;
  471.     margin-right:auto;
  472.     word-break:break-word;
  473.     padding: 5px;
  474.  
  475. }
  476.  
  477. #audioembed{
  478.     -moz-box-shadow:0 5px 5px {color:shadow};
  479. -webkit-box-shadow: 0 5px 5px {color:shadow};
  480. box-shadow: 0 5px 5px {color:shadow};
  481. }
  482.  
  483. /*Types of posts end*/
  484.  
  485.  
  486.  
  487.  
  488. /*Permalink*/
  489.  
  490. .permalinks {
  491.     margin-top:10px;
  492.     font-size: 11px;
  493.     color:{color:permalink text};
  494.     background-color:{color:permalink bg};
  495.     padding:3px;
  496.     height:12px;
  497.    
  498. }
  499.  
  500. .permalinks a {
  501.     text-decoration:none;
  502.     font-size: 11px;
  503.     color:{color:permalink links};
  504. }
  505.  
  506. .permalinks a:hover {
  507.     color:{color:permalink text};
  508. }
  509.  
  510. .date {
  511.     float:left;
  512. }
  513.  
  514. .reblogs {
  515.    
  516.     float:right;
  517. }
  518.    
  519. .tags {
  520.     background-color:{color:permalink bg};
  521.     margin-top:0px;
  522.     padding-bottom:5px;
  523.     text-align:center;
  524. }
  525.  
  526. .tags a {
  527.    
  528.     text-decoration:none;
  529.     font-size: 10px;
  530.     text-transform:uppercase;
  531.     color:{color:permalink links};
  532. }
  533.  
  534. .tags a:hover {
  535.     color:{color:permalink text};
  536. }
  537.  
  538. #content #notecontainer {
  539.       margin: 20px auto;
  540.       width: 500px;
  541.       font-size: 10px;
  542.       background: #fff;
  543. }
  544.  
  545. #content #notecontainer ol.notes {
  546.       list-style-type: none;
  547.       margin: 0;
  548.       padding: 0;
  549. }
  550.  
  551. #content #notecontainer img.avatar {
  552.       margin-right: 10px;
  553.       width: 16px;
  554.       height: 16px;
  555. }
  556.  
  557. /*Permalink end*/
  558.  
  559.  
  560.  
  561. /*Pagination*/
  562.  
  563. #pagination{
  564.     margin-top:20px;
  565.     position: relative;
  566.     width:102%;
  567.     background-color:#000;
  568.     height:10px;
  569.     border:1px solid #aaa;
  570.     float:center;
  571.     -moz-box-shadow: 0 0 5px {color:border};
  572. -webkit-box-shadow: 0 0 5px {color:border};
  573. box-shadow: 0 0 5px {color:border};
  574.    
  575. }
  576.  
  577. .jump_page {
  578.  position: absolute;
  579.   top: 80%;
  580.   margin: -20px 0 0 -20px;  
  581.   padding: 5px 15px;
  582.  
  583. background-size:100% 100%;
  584. font-family: {select:Post Title Font};
  585. color:transparent;
  586. font-size:1px;
  587.  
  588. height:20px;
  589. width:10px;
  590.  
  591. -moz-box-shadow: 0 0 5px #fff;
  592. -webkit-box-shadow: 0 0 5px #fff;
  593. box-shadow: 0 0 5px #fff;
  594. }
  595.  
  596. .current_page, .jump_page:hover {
  597.  position: absolute;
  598.   top: 60%;
  599.   left: 50%;
  600.   margin: -20px 0 0 -20px;  
  601. background-color: transparent;
  602. padding: 9px 18px;
  603. color: transparent;
  604. font-size:1px;
  605. }
  606.  
  607.  
  608. /*Pagination end*/
  609.  
  610. /*
  611.  
  612.               DO NOT DELETE ANYTHING PAST THIS LINE!!!!
  613.  
  614.  
  615.  
  616. */
  617.  
  618. /*Lightbox DO NOT TOUCH!!!!! */
  619.  
  620. .vignette, #vignette {
  621.     opacity:0;
  622. }
  623. .lightbox-image, #tumblr_lightbox img {
  624.     box-shadow:none !important;
  625.     border-radius:0 !important;
  626.     max-width:none;
  627. }
  628.  
  629. .tumblr-lightbox, #tumblr_lightbox {
  630.     background-color:rgba(245,245,245,.98) !important;
  631. }
  632.  
  633. /*Lightbox end*/
  634.  
  635. /*CREDIT, KINDLY DO NOT REMOVE!!!*/
  636.  
  637. .tooltip a{color:#ff4141; text-decoration:none;}
  638. .tooltip {text-align:center;font-size:12px;background:rgba(255,255,255,0.8); bottom:5px; right:4px; position: fixed;display: inline-block;z-index:99999999;text-decoration:none;padding-left:2px;padding-right:2px;padding-top:4px;padding-bottom:0px;width:17px;height:17px;float:right;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;border:1px solid #ccc;-moz-box-shadow: 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;}.tooltip a:hover{color:#000;}
  639. .tooltip .tooltiptext {font-family:Alegreya sans sc; font-weight:500;letter-spacing:1px; font-size:9px;visibility: hidden;width: 50px;background-color: rgba(0,0,0,0.8);color: #fff;text-align: center;border-radius: 2px;border:1px solid #ff4141;padding: 5px 5px;position: absolute;z-index: 1;top: -20px;right: 150%; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */opacity: 0;transition: opacity 1s;font-size:10px;line-height:10px;}
  640. .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
  641. .tooltip .tooltiptext::after {content: " ";position: absolute;top: 50%;left: 100%; /* To the right of the tooltip */margin-top: -5px;border-width: 5px; border-style: solid;border-color: transparent transparent transparent #ff4141;}
  642.  
  643. /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
  644.  
  645. /*FUKUO'S CUSTOM NOT FOUND PAGE*/
  646. .wrapper_notfound {
  647.     position: fixed;
  648.     visibility:hidden;
  649.     left: 0px;
  650.     top: 0px;
  651.     width: 100%;
  652.     height: 100%;
  653.     background-color: {color:Main background};
  654.     background-image: url('{image:main background}');
  655.     background-repeat:no-repeat;
  656.     background-attachment:fixed;
  657.     background-size:100% 100%;
  658.     font-family: {select:font};
  659.     font-size: {text:Font Size}px;
  660.     color: {color:Text color};
  661.     z-index: 999999999999;
  662. }
  663.  
  664. .actual_notfound {
  665.     position: absolute;
  666.     left:50%;
  667.     top:45%;
  668.     font-family:alegreya sans sc, sans-serif;
  669.     transform:translate(-50%, -50%);
  670.     width:calc(600px + 0.25vw);
  671.     font-size:calc(22px + 0.25vw);
  672.     line-height:170%;
  673.     text-align: center;
  674. }
  675.  
  676. .actual_notfound a {
  677.     color:#000;
  678.     text-decoration: none;
  679.     border-bottom:3px solid {color:link color};
  680.     font-family:alegreya sans sc, sans-serif;
  681. }
  682.  
  683. .actual_notfound a:hover{
  684.     color:{color:link color};
  685.     border-bottom:none;
  686.     -webkit-transition: all 0.4s ease-out;
  687. -o-transition: all 0.4s ease-out;
  688. -webkit-transition: all 0.4s ease-out;
  689. -moz-transition: all 0.4s ease-out;
  690. }
  691. /*END NOT FOUND PAGE*/
  692.  
  693.  
  694.  
  695. /*COOL TRANSITIONS, DO NOT DELETE*/
  696. /* Buzz */
  697. @-webkit-keyframes hvr-buzz {
  698.   50% {
  699.     -webkit-transform: translateX(3px) rotate(2deg);
  700.     transform: translateX(3px) rotate(2deg);
  701.   }
  702.  
  703.   100% {
  704.     -webkit-transform: translateX(-3px) rotate(-2deg);
  705.     transform: translateX(-3px) rotate(-2deg);
  706.   }
  707. }
  708.  
  709. @keyframes hvr-buzz {
  710.   50% {
  711.     -webkit-transform: translateX(3px) rotate(2deg);
  712.     transform: translateX(3px) rotate(2deg);
  713.   }
  714.  
  715.   100% {
  716.     -webkit-transform: translateX(-3px) rotate(-2deg);
  717.     transform: translateX(-3px) rotate(-2deg);
  718.   }
  719. }
  720.  
  721. .hvr-buzz {
  722.   display: inline-block;
  723.   vertical-align: middle;
  724.   -webkit-transform: translateZ(0);
  725.   transform: translateZ(0);
  726.   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  727.   -webkit-backface-visibility: hidden;
  728.   backface-visibility: hidden;
  729.   -moz-osx-font-smoothing: grayscale;
  730. }
  731. .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  732.   -webkit-animation-name: hvr-buzz;
  733.   animation-name: hvr-buzz;
  734.   -webkit-animation-duration: 0.15s;
  735.   animation-duration: 0.15s;
  736.   -webkit-animation-timing-function: linear;
  737.   animation-timing-function: linear;
  738.   -webkit-animation-iteration-count: infinite;
  739.   animation-iteration-count: infinite;
  740. }
  741.  
  742. /* Glow */
  743. .hvr-glow {
  744.   display: inline-block;
  745.   vertical-align: middle;
  746.   -webkit-transform: translateZ(0);
  747.   transform: translateZ(0);
  748.   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  749.   -webkit-backface-visibility: hidden;
  750.   backface-visibility: hidden;
  751.   -moz-osx-font-smoothing: grayscale;
  752.   -webkit-transition-duration: 0.3s;
  753.   transition-duration: 0.3s;
  754.   -webkit-transition-property: box-shadow;
  755.   transition-property: box-shadow;
  756. }
  757. .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  758.   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  759. }
  760.  
  761. /*END COOL TRANSITIONS*/
  762.  
  763.  
  764. </style>
  765.    
  766. <body>
  767.  
  768. <div id="sidebar2">
  769.  
  770. <!--<div class="titleitem"><img src="http://vignette2.wikia.nocookie.net/witcher/images/3/3d/Game_Icon_Use_steel_sword_unlit.png/revision/latest?cb=20080318135352&format=webp" style="position:fixed; width:40px; margin-top:19em; margin-left:-14.5em"/><div id="title1">{Title}</div></div>
  771. <div class="descitem"><a href="/" title="Description"><img src="http://68.media.tumblr.com/7b321c4da870733dc4d04252619af017/tumblr_oc9lj4uy8j1vtqemto3_75sq.png" style="position:fixed; width:40px;margin-top:22.5em; margin-left:-14.5em"/></a><div id="description">{Description}</div></div>
  772. -->
  773.  
  774.  
  775. <img src="http://68.media.tumblr.com/6ba0be258bf226e3f774083fe6ff699d/tumblr_oc9lj4uy8j1vtqemto9_250.png" class="img hvr-buzz" style="position:fixed; margin-top:4em; margin-left:-15em"/>
  776. <img src="http://68.media.tumblr.com/b777f72bc46d25a382cee35401071d85/tumblr_oc9mw5J9OW1vtqemto1_250.png" style=" position:fixed; margin-top:5.5em; margin-left:-5em;"/>
  777.  
  778. <div id="item1"><img src="http://vignette2.wikia.nocookie.net/witcher/images/3/3d/Game_Icon_Use_steel_sword_unlit.png/revision/latest?cb=20080318135352&format=webp" style="position:fixed; width:40px; margin-top:19em; margin-left:-14.5em"/><div id="title">{Title}</div></div>
  779. <div id="item2"><img src="http://68.media.tumblr.com/7b321c4da870733dc4d04252619af017/tumblr_oc9lj4uy8j1vtqemto3_75sq.png" style="position:fixed; width:40px;margin-top:22.5em; margin-left:-14.5em"/><div id="description">{Description}</div></div>
  780.  
  781.  
  782.  
  783. <img src="http://vignette2.wikia.nocookie.net/witcher/images/3/36/Game_Icon_Use_axe_unlit.png/revision/latest?cb=20080318135649&format=webp" style="position:fixed;width:38px; margin-top:26.2em; margin-left:-14.5em"/>
  784. <img src="http://vignette1.wikia.nocookie.net/witcher/images/5/51/Game_Icon_Use_dagger_unlit.png/revision/latest?cb=20080318135816&format=webp" style="position:fixed;width:40px; margin-top:29.5em; margin-left:-14.5em"/>
  785.  
  786. <a href="/" title="Home"><img src="http://68.media.tumblr.com/6e10e98a151f33e52a008ae415d946db/tumblr_oc9lki5VGD1vtqemto10_75sq.png" style="position:fixed; width:30px; margin-top:40.5em; margin-left:-14em"/></a>
  787.  
  788. <a href="/ask" title="Message"><img src="http://68.media.tumblr.com/c19b3fdc156e7151ddf2159b09a64833/tumblr_oc9li3iBgp1vtqemto3_75sq.png" style="position:fixed;width:40px; margin-top:54em; margin-left:-14.5em" /></a>
  789. <a href="/archive" title="Archive"><img src="http://68.media.tumblr.com/392651c59419f148fea7ce7c16251275/tumblr_oc9li3iBgp1vtqemto8_75sq.png" style="position:fixed;width:40px; margin-top:57em; margin-left:-14.5em"/></a>
  790. <a href="{text:Link URL1}" title="{text:Link Text1}"><img src="http://68.media.tumblr.com/5f4b121c97e737eb02adf83064344f61/tumblr_oc9lj4uy8j1vtqemto4_75sq.png" style="position:fixed;width:40px; margin-top:60em; margin-left:-14.5em"/></a>
  791. <a href="{text:Link URL2}" title="{text:Link Text2}"><img src="http://68.media.tumblr.com/6384c348837349c46b47bc98d15bfd6e/tumblr_oc9li3iBgp1vtqemto9_75sq.png" style="position:fixed;width:40px; margin-top:63em; margin-left:-14.5em"/></a>
  792. <a href="{text:Link URL3}" title="{text:Link Text3}"><img src="http://68.media.tumblr.com/520e8ffa4ace4bed12ce06469a00c5ad/tumblr_oc9li3iBgp1vtqemto5_75sq.png" style="position:fixed;width:40px; margin-top:66em; margin-left:-14.5em"/></a>
  793.  
  794.      </div></div>
  795.  
  796. <div id="container">  
  797.  
  798. {block:Posts}
  799.  
  800. <div class="posts">
  801.  
  802.  
  803. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  804.  
  805.  
  806. {block:Photo}{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  807.  
  808.  
  809. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  810.  
  811. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  812.  
  813. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource"> &#x2712; {Source}</div>{/block:Source}{/block:Quote}
  814.  
  815. {block:Link}<a href="{URL}" class="link" {Target}>{Name} <i class="fa fa-hand-o-right"></i></a>  {block:Description}{Description}{/block:Description}{/block:Link}
  816.  
  817.  
  818. {block:Chat}
  819. {block:Title}<h1>{Title}</h1>{/block:Title}
  820. <left>
  821. <div class="chat">
  822. <ul>
  823. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label} </b>{/block:Label}  {Line}</li>{/block:Lines}
  824. </ul>
  825. </div>
  826. </center>
  827. {/block:Chat}
  828.                
  829.                        
  830. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  831.  
  832.  
  833. {block:Audio}
  834. <div class="type-audio post-content">
  835.   {block:AudioEmbed}
  836.       {AudioEmbed color="black"}
  837.   {/block:AudioEmbed}
  838.  
  839.   {block:Caption}
  840.   <div class="caption">
  841.     {Caption}
  842.   </div>
  843.   {/block:Caption}
  844. </div>
  845. {/block:Audio}
  846.  
  847.  
  848. {block:Answer}<div id="ask">
  849. <div id="wrapper">
  850. <div id="asker">{Asker} said:</div>
  851. {Question}</div>
  852. {Answer}
  853. </div>{/block:Answer}
  854.  
  855.  
  856. <div class="permalinks">
  857. <div class="date"><a href="{Permalink}" title="Permalink">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a>  ❙<a href="{Permalink}" title="Permalink">{block:NoteCount}{NoteCount} notes{/block:NoteCount}</a></div>
  858. <div class="reblogs">{block:RebloggedFrom}
  859. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> ❙
  860. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> ❙
  861. {/block:RebloggedFrom}  <a href="{ReblogURL}" title="Reblog">reblog</a></div>
  862. </div>
  863.  
  864. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> #{Tag} &nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  865.  
  866. </div>
  867.  
  868.  
  869.  
  870. {block:PostNotes}
  871. <div id="notecontainer">{PostNotes}</div>
  872. {/block:PostNotes}
  873.  
  874. {/block:Posts}
  875.  
  876.  
  877. <center>
  878. {block:Pagination}<div id="pagination">
  879. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page" title="Retreat" style="background-image:url('http://68.media.tumblr.com/5bacc28b35f8a4e127436814a9b6c841/tumblr_oceph6o9171vtqemto4_r1_75sq.jpg'); left:0%;" ></a>{/block:PreviousPage}
  880.  
  881. {block:NextPage}<a href="{NextPage}" class="jump_page" title="Forward" style="background-image:url('http://68.media.tumblr.com/6590466f2e4df2f87196c73bc3dfdec7/tumblr_oceph6o9171vtqemto3_r1_75sq.jpg');left:100%;"> </a>{/block:NextPage}</div>
  882. {/block:Pagination}<p style="margin-bottom: 20px;">
  883. </center>
  884.  
  885.  
  886. </div>
  887.  
  888.  
  889.  
  890.  
  891.  
  892. <!-- DONT TOUCH ANYTHING BELOW THIS LINE!!!!! -->
  893.  
  894. <div class="tooltip"><a href="http://two-dames.tumblr.com/"><i class="fa fa-coffee" aria-hidden="true"></i></a><span class="tooltiptext">Theme by Two-Dames</span></div>
  895.  
  896. {block:ContentSource}
  897. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  898. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  899. {/block:SourceLogo}
  900. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  901. {/block:ContentSource}
  902.  
  903.  
  904. <div class="wrapper_notfound">
  905. <div class="actual_notfound">
  906. <h1>You have found nothing</h1>
  907. This isn't the page you are looking for. Move along.<br> <!-- YOU MAY ALTER THIS, JUST DON'T TOUCH THE FRAMEWORK -->
  908.  <a href="/">Click back to where you once belonged</a>
  909. </div>
  910. </div>
  911.  
  912.  
  913. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  914. <script>
  915. $(document).ready(function() {
  916. if ($('p:contains("The URL you requested could not be found.")').html()) {
  917. $(".wrapper_notfound").css( "visibility", "visible" );
  918. $(".article_position").remove();
  919. $('title').prepend( "Not Found | " ); }
  920. });
  921. </script>
  922.  
  923. <!-- Not found End -->
  924. <img src="http://68.media.tumblr.com/4671b9fcd88801280f2f95d6e0cbd227/tumblr_oc9lj4uy8j1vtqemto1_250.png" WIDTH=140 style="position: fixed; top:1em; right: 0%"/>
  925. </body>
  926. </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!