Advertisement
tsiappoworks

Umbranebula

Aug 9th, 2016
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.16 KB | None | 0 0
  1. <!-----THEME MADE BY UMINOJO FOR GHOSTYFOOL.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY.
  3. THANKS.----->
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7.  
  8. <!-----------------------------TOOLTIPS------------------------------->
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13.  
  14. $(document).ready(function(){
  15.  
  16. $("a[title]").style_my_tooltips({
  17.  
  18. tip_follows_cursor:true,
  19.  
  20. tip_delay_time:0,
  21.  
  22. tip_fade_speed:0,
  23.  
  24. attribute:"title"
  25.  
  26. });
  27.  
  28. });
  29.  
  30. })(jQuery);
  31. </script>
  32.  
  33. <head>
  34.  
  35. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" />
  38.  
  39. <meta name="color:Accent" content="#230b12" />
  40. <meta name="color:Accent2" content="#282828" />
  41. <meta name="color:Accent3" content="#ffffff" />
  42. <meta name="color:body font" content="#181818" />
  43. <meta name="color:Page BG" content="#393939" />
  44. <meta name="color:ask bg" content="#FAFAFA" />
  45.  
  46. <meta name="font:Body" content="Helvetica" />
  47. <meta name="font:Details" content="Helvetica" />
  48.  
  49. <style type="text/css">
  50. /*---------------------BODY--------------------*/
  51. ::-webkit-scrollbar-thumb:vertical {
  52. background-color:transparent;
  53. height:7px;}
  54. ::-webkit-scrollbar {
  55. background-color:transparent;
  56. height:7px;
  57. width:5px;}
  58.  
  59. html {
  60. background:
  61. url('http://static.tumblr.com/oh3xcbq/maDobmkwi/mightjustdisappear.png') no-repeat top center fixed;
  62. background-color:{color:Page BG};
  63. }
  64.  
  65. body {
  66. margin: 0;
  67. word-wrap: break-word;
  68. color:Calibri, helvetica, arial, sans-serif;
  69. }
  70.  
  71. body a{
  72. text-decoration:none;
  73. font-weight:700;
  74. }
  75.  
  76. small, sub {
  77. font-size:12px;
  78. font-family: calibri,helvetica,arial,sans-serif;
  79. }
  80.  
  81. s,strike {
  82. color:{color:accent2};
  83. }
  84.  
  85. u,underline {
  86. color:{color:accent2};
  87. }
  88.  
  89. /*------------------- "SIDEBAR" ------------------*/
  90. #nav{
  91. position:fixed;
  92. z-index:75;
  93. margin-left:400px;
  94. margin-top:170px;
  95. width:325px;
  96. text-align:right;
  97. -ms-transform: rotate(90deg); /* IE 9 */
  98. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  99. transform: rotate(90deg);
  100. }
  101.  
  102. #nav a{color:{color:accent3}; font-size:15px; text-decoration:bold;}
  103.  
  104. #nav a:hover{
  105. color:{color:accent}; text-decoration:bold;
  106. }
  107.  
  108. #pagination{
  109. font-family:Calibri, Helvetica, Arial, sans-serif;
  110. font-size:10px;
  111. text-align:center;
  112. color:{color:accent2};
  113. text-transform:uppercase;
  114. letter-spacing:3px;
  115. text-align:center;
  116. }
  117.  
  118. #pagination a{color:{color:accent2}; padding:0px 2px;}
  119.  
  120. /*-------------------------INDIVID POSTS------------------------*/
  121. #post{
  122. width:500px;
  123. margin:10px auto;
  124. padding:10px 5px;
  125. font-family: {font:Body};
  126. color:{color:body font};
  127. }
  128.  
  129. #post a{border-bottom:1px solid {color:accent};}
  130.  
  131. #post .text{font-size:11px; line-height:16px;}
  132. #post .title{font-size:20px;}
  133. .text ul li{list-style-type:circle;}
  134.  
  135. /*-------------------------PERMALINKS AND TAGS------------------------*/
  136. #permalink{
  137. margin-left:5px;
  138. margin-top:-10px;
  139. padding:3px 0px;
  140. font-size:10px;
  141. text-align:center;
  142. font-family:{font:Details};
  143. width:510px;
  144. color:{color:accent3};
  145. background:url('http://static.tumblr.com/oh3xcbq/IgIobmlbi/selectiondarkred_faded.png');
  146.  
  147. }
  148.  
  149. #permalink a{color:#576879;vertical-align:middle;}
  150.  
  151. #tags{
  152. margin-top:2px;
  153. text-align:center;
  154. width:500px;
  155. font-size:10px;
  156. font-family:{font:Details};
  157. margin-bottom:40px;
  158. }
  159.  
  160. #notesbox{width:500px;margin:20px auto;font-size:11px;}
  161. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  162. #notesbox img.avatar{display:none;}
  163.  
  164. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  165. .chat ul {list-style:none; margin:0; padding:0;}
  166. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  167.  
  168. /*----------------------------NAVIGATION--------------------------*/
  169. #navigation a{color:{color:accent};}
  170.  
  171. #navigation a:hover{color:{color:body font};}
  172.  
  173. /*------------------------CUSTOM TOOLTIP--------------------------*/
  174. #s-m-t-tooltip {
  175. max-width:150px;
  176. padding:5px;
  177. margin:0px 0px 0px 17px;
  178. background-color:{color:accent2};
  179. font-family:{font:Body};
  180. font-size:9px;
  181. letter-spacing:2px;
  182. text-transform:lowercase;
  183. color:{color:accent3};
  184. z-index:9999;
  185. }
  186. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  187. img{border:0; max-width:100%;}
  188.  
  189. #body{
  190. width:520px;
  191. z-index:99;
  192. margin-left:auto;
  193. margin-right:auto;
  194. margin-top:233px;
  195.  
  196. }
  197.  
  198. #body a{text-decoration:none;color:{color:Accent2};}
  199. #body a:hover{color:{color:accent};border-bottom:1px solid {color:Accent};}
  200. #body blockquote{border-left:2px solid {color:accent3};
  201. border-right:2px solid {color:accent};
  202. background:{color:body font};
  203. color:{color:accent3};
  204. margin:5px;
  205. padding:5px;}
  206.  
  207. /*--------------------CONTAINER BOX THING---------------------------*/
  208. #container{
  209. position:fixed;
  210. width:523px;
  211. height:380px;
  212. overflow:auto;
  213. margin-left:17px;
  214. }
  215.  
  216.  
  217. {CustomCSS}</style>
  218. </head>
  219. <body>
  220. <div id="body">
  221. <!----------------------------MAIN BODY----------------------------->
  222. <div id="container">
  223. {block:Posts}
  224.  
  225. <!--------------------------TYPES OF POSTS----------------------------->
  226. <div id="post">
  227. {block:Photo}
  228. <a href="{LinkURL}"><img src="{PhotoURL-500}" /></a>
  229. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  230. {/block:Photo}
  231.  
  232. {block:Photoset}
  233. {Photoset-500}
  234. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  235. {/block:Photoset}
  236.  
  237. {block:Video}
  238. {Video-500}
  239. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  240. {/block:Video}
  241.  
  242. {block:Audio}
  243. <div class="musicbox">
  244. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  245. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  246. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  247. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  248. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  249. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  250. {/block:Audio}
  251.  
  252. {block:Quote}
  253. <div class="title" style="width:400px;margin:auto;text-align:justify;">{Quote}</div>
  254. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  255. {/block:Quote}
  256.  
  257. {block:Text}
  258. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  259. <div class="text">{Body}</div>
  260. {/block:Text}
  261.  
  262. {block:Answer}
  263. <div style="background-color:rgba(45,54,115,0.2); padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  264. <div class="text" style="text-align:right;">&mdash;{Asker}<br/></div></div>
  265. <div class="text">{Answer}</div>
  266. {/block:Answer}
  267.  
  268. {block:Chat}
  269. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  270. {block:Lines}<div class="chat"><li class="line_{Alt}">
  271. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  272. {/block:Lines}
  273. {/block:Chat}
  274.  
  275. {block:Link}
  276. <div class="title"><a href="{URL}">{Name}</a></div>
  277. {block:Description}<div class="text">{Description}</div>{/block:Description}
  278. {/block:Link}
  279. </div>
  280.  
  281. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  282. <div id="permalink">{block:Date}<a href="{Permalink}" style="color:{color:accent3};">{DayOFMonthWithZero} {ShortMonth} {Year}</a> |&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}" style="color:{color:accent3};">{NoteCountWithLabel}</a> |&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="color:{color:accent3};">via</a> |&nbsp;{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceName}" style="color:{color:accent3};">©</a> |&nbsp;{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details" style="color:{color:accent3};">reblog</a></div>
  283. <!----------------------------TAG STUFF----------------------------->
  284. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  285.  
  286. {block:PostNotes}
  287. <div id="notesbox">{PostNotes}</div>
  288. {/block:PostNotes}
  289. {/block:Posts}
  290. </div>
  291.  
  292. <!-------------------------NAVIGATION STUFF------------------------->
  293. <div id="nav">
  294.  
  295. <!---------------------------PAGINATION---------------------------->
  296. {block:Pagination}<div id="pagination" style="color:white;">
  297. {block:NextPage}<a href="{NextPage}" style="color:white;">back</a>{/block:NextPage}
  298. &middot;
  299. {block:PreviousPage}<a href="{PreviousPage}" style="color:white;">forth</a>{/block:PreviousPage}
  300. </div>{/block:Pagination}
  301.  
  302. <a href="/" title="refresh" style="color:white;">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  303. <a href="/ask" title="ask" style="color:white;">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  304. <a href="/about" title="about" style="color:white;">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  305. <a href="Rules" title="rules" style="color:white;">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  306. <a href="/verses" title="verses" style="color:white;">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  307. <a href="/" title="link6" style="color:white;">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  308. <a href="http://uminojo.tumblr.com" title="credit" style="color:white;">✕</a>&nbsp; &nbsp; &nbsp;&nbsp;
  309. <br>
  310.  
  311.  
  312. </div>
  313.  
  314. </body>
  315.  
  316. </div></div></div></div></div></div></div></div></div></div></div>
  317.  
  318.  
  319. </div></div>
  320.  
  321. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  322.  
  323. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement