Advertisement
yuukithemes

damn theme

Jul 8th, 2015
5,656
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.00 KB | None | 0 0
  1. <!DOCTYPE html><head>
  2.  
  3. <!-- theme by shenpai don't delete credit. NONE OF MY THEMES ARE REDUX EDITS.
  4. (some can share qualities but none are redux)
  5. ask all questions to google -->
  6.  
  7. <title>{title}</title>
  8. <meta name="color:Background" content="#fff">
  9. <meta name="color:Text" content="#828282">
  10. <meta name="color:Link" content="#828282">
  11. <meta name="image:Sidebar" content=""/>
  12. <meta name="color:Link Hover" content="#ffffff">
  13. <meta name="color:Post Info Background" content="#fff">
  14. <meta name="color:Ask Background" content="#fff" />
  15. <meta name="color:Post Background" content="#fff4f9"/>
  16. <meta name="color:Link Hover" content="#000"/>
  17. <meta name="color:Shadow" content="#ffe2ec"/>
  18. <meta name="color:Borders" content="#9b9b9b"/>
  19. <meta name="if:400px" content="1">
  20. <meta name="color:captions" content="#fff9fd"/>
  21. <meta name="if:300px" content="1">
  22. <meta name="image:Background" content="">
  23. <meta name="text:Link 1 URL" content="" />
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 2 URL" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 3 URL" content="" />
  28. <meta name="text:Link 3" content="" />
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <style type="text/css">
  31.  
  32. a{
  33. color:{color:Link};}
  34.  
  35. a:hover{
  36. text-shadow: 0 0px 10px {color:Link Hover};
  37. color:{color:link hover}; }
  38.  
  39. h2,h1 {
  40. font-family:helvetica;
  41. font-weight:100;
  42. font-size:13px;}
  43.  
  44. #ask {
  45. background:{color:ask background}; }
  46.  
  47. #answer{
  48. margin-top:8px;}
  49.  
  50. blockquote {
  51. padding-left:8px;
  52. padding-right:5px;
  53. margin:8px;
  54. border-left:2px solid {color:Text};
  55. word-wrap:break-word;}
  56.  
  57. pre, code {
  58. padding:10px;
  59. box-sizing:border-box;
  60. -moz-box-sizing:border-box;
  61. webkit-box-sizing:border-box;
  62. display:block;
  63. width:100%;
  64. overflow-x:auto;}
  65.  
  66. body{
  67. background:{color:Background};
  68. background-image:url('{image:Background}');
  69. font-size:12px;
  70. background-attachment:fixed;
  71. font-family:calibri;
  72. letter-spacing:.02em; color:{color:Text};
  73. line-height:1.5em;
  74. word-wrap:break-word;}
  75.  
  76. .caption {
  77. background:{color:captions};
  78. padding-top:6px;
  79. padding-left:8px;
  80. padding-right:8px;
  81. padding-bottom:4px;
  82. }
  83.  
  84. small,tiny,sub {
  85. font-size:12px;
  86. font-style:normal;}
  87.  
  88. #thing{
  89. position:fixed;
  90. {block:if300px}
  91. width:450px;
  92. {/block:if300px}
  93. {block:if400px}
  94. width:550px;
  95. {/block:if400px}
  96. margin-left:50px;
  97. height:100%;
  98. top:-2px;
  99. background:{color:post background};
  100. z-index:-99999;
  101. }
  102.  
  103. #border {
  104. margin-left:-120px;
  105. width:130px;
  106. padding:10px;
  107. position:fixed;}
  108.  
  109. /*SIDEBAR*/
  110.  
  111. #title{
  112. margin-bottom:-6px;
  113. margin-top:-18px;
  114. text-align:center;}
  115.  
  116. #title img {
  117. margin-top:15px;
  118. background:white;
  119. width:90px;
  120. box-shadow:0px 0px 0px 4px {color:shadow};
  121. border:5px solid {color:post background};}
  122.  
  123. #links {
  124. text-align:right;
  125. padding-top:5px;
  126. font-size:15px;
  127. width:115px;
  128. padding-bottom:4px;}
  129.  
  130. #contents {
  131. width:560px;
  132. border:none;
  133. margin:40px auto;}
  134.  
  135. /* page navigation */
  136.  
  137. .pagination{
  138. padding:10px;
  139. margin-top:20px;
  140. font-size:12px;
  141. text-align:center;
  142. margin-left:30px;}
  143.  
  144. .pagination a{
  145. display:inline-block;
  146. margin:0px 2px;
  147. background:white;
  148. display:-moz-inline-stack;
  149. line-height:100%;
  150. padding:5px;}
  151.  
  152. .tumblr_audio_player {
  153. {block:if300px} width:300px; {/block:if300px}
  154. {block:if400px} width:400px; {/block:if400px}
  155. border:1px solid #aaa;
  156. box-shadow:0px 0px 0px 3px {color:background};
  157. height:70px;
  158. overflow:hidden; }
  159.  
  160. .pagination .g{
  161. display:inline-block;
  162. margin:0px 2px;
  163. display:-moz-inline-stack;
  164. line-height:100%;
  165. padding:7px;}
  166.  
  167. .pagination a:hover{
  168. opacity:0.7;}
  169.  
  170. #notes {
  171. {block:if300px} width:300px; {/block:if300px}
  172. {block:if400px} width:400px; {/block:if400px}
  173. padding:23px; max-height:200px; overflow:auto;
  174. line-height:16px; background:white;
  175. border:1px solid {color:borders}; }
  176.  
  177. #notes img {display:none;}
  178.  
  179. ol.notes { color:{color:Text};}
  180.  
  181. #notes a { color:{color:text};}
  182.  
  183. #previous, #next, .page-info {
  184. font-size: 12px;
  185. background-color: white;
  186. border: 1px solid #eee;
  187. color: {color:Text};
  188. padding: 5px;
  189. text-decoration: none; }
  190.  
  191. #previous:hover, #next:hover { text-decoration: none; }
  192.  
  193. /*POST CONTAINER*/
  194.  
  195. #uh { margin-top:-10px;}
  196.  
  197. #entries{
  198. margin-left:100px;
  199. {block:if300px} width:300px; {/block:if300px}
  200. {block:if400px} width:400px; {/block:if400px}
  201. margin-bottom:30px;}
  202.  
  203. /*Posts*/
  204.  
  205. #posts{
  206. {block:if300px} width:300px; overflow:hidden;{/block:if300px}
  207. {block:if400px} width:400px; {/block:if400px}
  208. padding:25px; line-height:17px;
  209. background:white;
  210. border:1px solid {color:Borders};
  211. margin-bottom:50px;}
  212.  
  213. #posts img { max-width:100%;}
  214.  
  215. iframe { max-width:100%;}
  216.  
  217. /*Chat*/
  218.  
  219. .chat li{
  220. border-bottom:1px dotted {color:border};
  221. background:white;
  222. padding:5px;
  223. margin-top:5px}
  224.  
  225. /*POST INFO*/
  226.  
  227. .video-container {
  228. position: center;
  229. overflow: hidden;
  230. }
  231.  
  232. .video-container iframe,
  233. .video-container object,
  234. .video-container embed {
  235. position: center;
  236. {block:if300px} width:300px; {/block:if300px}
  237. {block:if400px} width:400px; {/block:if400px}
  238. background:{color:background};
  239. max-height:400px;
  240. }
  241.  
  242. .video-wrapper {
  243. {block:if300px} width:300px; {/block:if300px}
  244. {block:if400px} width:400px; {/block:if400px}
  245. max-height:400px;
  246. }
  247.  
  248. #postinfo{
  249. background:{color:Post Info Background};
  250. text-transform:lowercase;
  251. margin-top:6px;}
  252.  
  253. #things {
  254. padding:5px; text-align:center; margin-bottom:5px;
  255. margin-top:3px;}
  256.  
  257. #boop { background:{color:post background}; border:1px solid {color:shadow}; padding:10px; border-radius:5px; text-align:center; margin-bottom:6px; font-size:15px;}
  258.  
  259. #boop a { display:block; text-decoration:none;}
  260.  
  261. {CustomCSS}</style></head>
  262.  
  263. <body>
  264. <div id="contents">
  265. <div id="border">
  266. <div style="font-size:20px;text-align:center">{title}</div>
  267. <div id="things">{description}</div>
  268. <div id="title"><a href="/"><img src="{image:Sidebar}"></a></div>
  269. <div id="links">
  270. <a href="/" style="text-decoration:none">index</a><br>
  271. <a href="/ask"style="text-decoration:none">message</a> <br>
  272. {block:ifLink1}<a href="{text:Link 1 URL}"style="text-decoration:none">{text:Link 1}</a><br>{/block:ifLink1}
  273. {block:ifLink2}<a href="{text:Link 2 URL}"style="text-decoration:none">{text:Link 2}</a><br>{/block:ifLink2}
  274. {block:ifLink3}<a href="{text:Link 3 URL}"style="text-decoration:none">{text:Link 3}</a> {/block:ifLink3}</div>
  275.  
  276. </div>
  277.  
  278. <div id="thing"></div>
  279. <div id="entries">
  280. <div class="post">
  281. <div class="post-content">
  282. <div class="post">
  283. {block:Posts}
  284. <div id="posts">
  285.  
  286. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  287.  
  288. {block:Text}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<div id="uh">{Body}</div>{/block:Text}
  289.  
  290. {block:Quote}<div style="font-weight:100;
  291. font-size:12px;
  292. line-height:18px;
  293. font-family:helvetica;
  294. margin:0 0 10px 0;">"{Quote}"</div>{/block:Quote}
  295.  
  296. {block:Link}<div id="boop"><a href="{URL}">{Name}</a></div>{Description}{/block:Link}{block:Lines}
  297. <div class="{Alt} user_{UserNumber}" style="border-bottom:1px dotted {color:border};background:white;padding:5px;margin-top:5px;">
  298. {block:Label}
  299. <b>{Label}</b> {Line}{/block:Label}
  300. </div>
  301. {/block:Lines}
  302. {/block:Chat}
  303.  
  304. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  305.  
  306. {block:Photoset}{Photoset}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  307.  
  308. {block:Video}
  309. {block:PostTitle}{PostTitle}{/block:PostTitle}
  310. {block:Video}
  311. <div class="video-wrapper">
  312. <div class="video-container">
  313. {block:if300px}
  314. {video-400}
  315. {/block:if300px}
  316. {block:if400px}
  317. {video-400}
  318. {/block:if400px}
  319. </div></div>
  320. {/block:Video}
  321.  
  322. {block:Audio}<center>{AudioPlayer}</center> {/block:Audio}
  323.  
  324. {block:Answer}<div id="ask">{Asker}:<span style="padding:4px">{Question}</span></div><div id="answer">{Answer}</div>{/block:Answer}
  325.  
  326. {block:indexpage}<div id="postinfo"><a href="{Permalink}">{monthnumberwithzero}{dayofmonth}.{NoteCount} ({timeago})</a>&nbsp; {block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:indexpage}</div>
  327.  
  328. {block:permalinkpage}{block:PostNotes}
  329. <div id="notes">
  330. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br><b>{notecountwithlabel}</b> tagged: {block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  331. {PostNotes}</div>{block:PostNotes}{/block:permalinkpage}</div>{/block:Posts}{block:IndexPage}<div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="g">✖</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" id="next">→</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}</div></div>
  332.  
  333. <!-- do not touch it. -->
  334. <a href="http://shenpai.tumblr.com" style="position:fixed; bottom:5px; left:5px; color:gray;">SHENPAI</a>
  335. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement