Advertisement
tsiappoworks

Shadow God

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