API tools faq
paste
uwuhell

theme 13

uwuhell
Oct 28th, 2015
2,765
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme 13 by amy @chagnki
  6. if there's any problems feel free to ask !! please don't disturb the credit
  7.  
  8. base code by animecharacter.tumblr.com !
  9.  
  10. for help visit:
  11. tumblr.com/docs/en/custom_themes
  12. tumblr.com/docs/en/localizing_themes
  13. w3schools.com
  14. (please dont send me customization asks)
  15.  
  16. ----->
  17.  
  18. <meta charset="utf-8">
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("a[title]").style_my_tooltips({
  32. tip_follows_cursor:true,
  33. tip_delay_time:1,
  34. tip_fade_speed:100,
  35. attribute:"title"
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41. <title>{Title}</title>
  42.  
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  46.  
  47. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  48.  
  49. <meta name="image:Background" content="">
  50. <meta name="image:Sidebar" content="">
  51.  
  52. <meta name="color:Background" content="#dcecf5">
  53. <meta name="color:Border" content="#000">
  54. <meta name="color:Footer text" content="#75b1d6">
  55. <meta name="color:Text" content="#000">
  56. <meta name="color:Link" content="#75b1d6">
  57. <meta name="color:Link hover" content="#000">
  58. <meta name="color:Selection bg" content="fff">
  59. <meta name="color:Selection text" content="#75b1d6">
  60. <meta name="color:Scrollbar" content="#75b1d6">
  61. <meta name="color:Post bg" content="#fff">
  62. <meta name="color:Sidebar bg" content="#fff">
  63. <meta name="color:Sidebar links" content="#315f7a">
  64. <meta name="color:Sidebar links bg" content="#dcecf5">
  65.  
  66. <meta name="text:Post size" content="320">
  67. <meta name="text:Font size" content="12">
  68.  
  69. <meta name="select:Font" content="arial">
  70. <meta name="select:Font" content="consolas">
  71. <meta name="select:Font" content="courier">
  72. <meta name="select:Font" content="ms pgothic">
  73. <meta name="select:Font" content="ms gothic">
  74. <meta name="select:Font" content="verdana">
  75.  
  76. <meta name="select:Border" content="solid">
  77. <meta name="select:Border" content="dotted">
  78. <meta name="select:Border" content="dashed">
  79. <meta name="select:Border" content="none">
  80.  
  81. <meta name="if:Sidebar image" content="1">
  82. <meta name="if:Links bottom" content="">
  83. <meta name="if:Links top" content="">
  84. <meta name="if:Full bg" content="">
  85.  
  86. <meta name="text:extra link title" content="">
  87. <meta name="text:extra link url" content="/">
  88.  
  89. <style type="text/css">
  90.  
  91. ::selection {
  92. background: {color:Selection bg};
  93. color: {color:Selection text};
  94. }
  95.  
  96. ::-moz-selection {
  97. background: {color:Selection bg};
  98. color: {color:Selection text};
  99. }
  100.  
  101. #s-m-t-tooltip {max-width:300px;background-color:{color:Post bg};font-size:{text:Font size}px;color:{color:Text};text-transform:normal;padding:3px;margin:15px 0px 0px 15px;z-index:999;border:1px solid {color:Border};}
  102.  
  103.  
  104. /*
  105. general text styles, fonts and colours
  106. */
  107.  
  108. body {
  109. margin:0px;
  110. background:url('{image:Background}');
  111. background-color:{color:Background};
  112. font-family:{select:Font};
  113. background-attachment:fixed;
  114. font-size:{text:Font size}px;
  115. line-height:140%;
  116. color:{color:Text};
  117.  
  118. {block:ifFullbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  119. -webkit-background-size: cover;
  120. -moz-background-size: cover;
  121. -o-background-size: cover;
  122. background-size: cover;
  123. {/block:ifFullbg}
  124. }
  125.  
  126. p{
  127. margin:0 0 10px 0;
  128. padding:0;
  129. }
  130.  
  131. pre {
  132. white-space: pre-wrap;
  133. white-space: -moz-pre-wrap;
  134. white-space: -pre-wrap;
  135. white-space: -o-pre-wrap;
  136. word-wrap: break-word;
  137. }
  138.  
  139. a{
  140. color:{color:Link};
  141. text-decoration:none;
  142. }
  143.  
  144. a:hover{
  145. color:{color:Link hover};
  146. text-decoration:underline;
  147. }
  148.  
  149. li{
  150. margin-left:-15px;
  151. }
  152.  
  153. ::-webkit-scrollbar {
  154. width:9px;
  155. height:0;
  156. background:{color:Scrollbar};
  157. border-left:4px solid {color:Background};
  158. border-right:4px solid {color:Background};
  159. border-bottom:2px solid {color:Background};
  160. border-top:2px solid {color:Background};
  161. }
  162.  
  163. ::-webkit-scrollbar-thumb {
  164. background:{color:Scrollbar};
  165. border:1px solid {color:Background};
  166. }
  167.  
  168. div.notebox::-webkit-scrollbar {
  169. width:9px;
  170. height:0;
  171. background:{color:Text};
  172. border-left:4px solid {color:Border};
  173. border-right:4px solid {color:Border};
  174. border-bottom:2px solid {color:Border};
  175. border-top:2px solid {color:Border};
  176. }
  177.  
  178. div.notebox::-webkit-scrollbar-thumb {
  179. background:{color:Scrollbar};
  180. border:1px solid {color:Border};
  181. }
  182.  
  183. /*
  184. containers etc
  185. */
  186. #wrapper{
  187. width:600px;
  188. margin:50px auto;
  189. }
  190.  
  191. #sidebar{
  192. width:120px;
  193. position:fixed;
  194. padding:20px;
  195. margin-top:90px;
  196. background:{color:Sidebar bg};
  197. border:1px {select:Border} {color:Border};
  198. margin-left:-50px;
  199. text-align:center;
  200. }
  201.  
  202. #content{
  203. width:545px;
  204. margin-left:200px;
  205. overflow:hidden;
  206. }
  207.  
  208. .post{
  209. width:{text:Post size}px;
  210. margin:0 0 50px 0;
  211. overflow:hidden;
  212. border:1px {select:Border} {color:Border};
  213. padding:20px;
  214. margin-bottom:80px;
  215. background-color:{color:Post bg};
  216. }
  217.  
  218. #sidebar img, .post img{
  219. max-width:100%;
  220. }
  221.  
  222. #sidebar img{
  223. width:100px;
  224. height:100px;
  225. }
  226.  
  227. #nav{
  228. margin:50px 0 0 0;
  229. width:{text:Post size}px;
  230. text-align:center;
  231. padding:20px;
  232. }
  233.  
  234. #nav a{
  235. background:{color:Post bg};
  236. padding:5px;
  237. border:1px {select:Border} {color:Border};
  238. word-spacing:5px;
  239. }
  240.  
  241. #links{
  242. {block:ifLinksbottom}
  243. border-top:1px solid {color:Border};
  244. padding-top:10px;{/block:ifLinksbottom}
  245. {block:ifLinkstop}
  246. border-bottom:1px solid {color:Border};
  247. padding-bottom:10px;padding-top:5px;{/block:ifLinkstop}
  248. word-spacing:2px; {block:ifnotLink3}letter-spacing:1px;{/block:ifnotLink3}
  249. }
  250. #links a{
  251. background-color:{color:Sidebar links bg};
  252. color:{color:Sidebar links};
  253. text-decoration:none;
  254. padding:2px;
  255. font-weight:bold;
  256. }
  257.  
  258.  
  259. .media{
  260. margin:0 0 10px 0;
  261. }
  262.  
  263. .title{
  264. font-weight:normal;
  265. font-size:18px;
  266. text-align:center;
  267. margin:0 0 10px 0;
  268. }
  269.  
  270. .quote{
  271. font-weight:normal;
  272. font-size:16px;
  273. font-style:italic;
  274. margin:0 0 10px 0;
  275. }
  276.  
  277. .question{
  278. margin-bottom:10px;
  279. }
  280.  
  281. blockquote{
  282. margin:0 0 10px 10px;
  283. padding:0 0 0 10px;
  284. border-left:solid 2px {color:Text};
  285. }
  286.  
  287. #audio {
  288. width:100% {text:Post size}px ;
  289. height:50px;
  290. margin-bottom:10px;
  291. display:block;
  292. padding:5px;
  293. }
  294.  
  295. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  296.  
  297.  
  298. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  299. .art img{width:50px;height:50px;}
  300.  
  301. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:11px;}
  302.  
  303. .video-container {
  304. position: center;
  305. overflow: hidden;
  306. }
  307.  
  308. .video-container iframe,
  309. .video-container object,
  310. .video-container embed {
  311. position: center;
  312. max-width:{text:Post size}px;
  313. max-height:{text:Post size}px;
  314. }
  315.  
  316. .video-wrapper {
  317. max-width:{text:Post size}px;
  318. max-height:{text:Post size}px;
  319. }
  320.  
  321.  
  322. .post .footer{
  323. margin:0;
  324. text-align:left;
  325. padding-top:8px;
  326. border-top:1px solid {color:Border};
  327. padding-top:10px;
  328. }
  329.  
  330. .footer a{
  331. text-decoration:none;
  332. }
  333.  
  334. .footer a{
  335. color:{color:Footer text};
  336. }
  337.  
  338.  
  339. ol.notes{
  340. list-style-type:none;
  341. padding:0;
  342. margin:0;
  343. }
  344.  
  345. ol.notes li.note img{
  346. width:16px;
  347. height:16px;
  348. }
  349.  
  350. ol.notes li.note{
  351. margin:0px;
  352. }
  353.  
  354. {CustomCSS}
  355. </style>
  356. </head>
  357.  
  358. <body>
  359. <div id="wrapper">
  360.  
  361.  
  362. <div id="sidebar">
  363. {block:ifSidebarimage}<a href="/"><img src="{image:Sidebar}"></a>{/block:ifSidebarimage}
  364.  
  365. {block:ifLinkstop}
  366. <div id="links">
  367. <a href="/" title="home">i.</a>
  368. <a href="/ask" title="mail">ii.</a>
  369. <a href="/archive" title="archive">iii.</a>
  370. <a href="{text:extra link url}" title="{text:extra link title}">iv.</a></div>{/block:ifLinkstop}<br>
  371.  
  372. {block:Description}
  373. <p>{Description}</p>
  374. {/block:Description}
  375.  
  376. {block:ifLinksbottom}
  377. <div id="links">
  378. <a href="/" title="home">i.</a>
  379. <a href="/ask" title="mail">ii.</a>
  380. <a href="/archive" title="archive">iii.</a>
  381. <a href="{text:extra link url}" title="{text:extra link title}">iv.</a></div>{/block:ifLinksbottom}
  382.  
  383. </div>
  384.  
  385.  
  386.  
  387. <div id="content">
  388. {block:Posts}
  389.  
  390. <div class="post">
  391.  
  392. {block:Text}
  393. {block:Title}
  394. <div class="title">{Title}</div>
  395. {/block:Title}
  396. {Body}
  397. {/block:Text}
  398.  
  399. {block:Photo}
  400. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  401. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  402. {/block:Photo}
  403.  
  404. {block:Photoset}
  405. <div class="media">{Photoset}</div>
  406. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  407. {/block:Photoset}
  408.  
  409. {block:Quote}
  410. <div class="quote">"{Quote}"</div>
  411. {block:Source}
  412. <div class="quotesource">{Source}</div>
  413. {/block:Source}
  414. {/block:Quote}
  415.  
  416. {block:Link}
  417. <div class="title"><a href="{URL}">{Name}</a></div>
  418. {block:Description}
  419. <div class="description">{Description}</div>
  420. {/block:Description}
  421. {/block:Link}
  422.  
  423. {block:Chat}
  424. {block:Title}
  425. <div class="title">{Title}</div>
  426. {/block:Title}
  427.  
  428. {block:Lines}
  429. <div class="{Alt} user_{UserNumber}">
  430. {block:Label}
  431. <b>{Label}</b>{/block:Label}
  432. &nbsp;{Line}
  433. </div>
  434. {/block:Lines}
  435. {/block:Chat}
  436.  
  437. {block:Video}
  438. <div class="media">
  439. <div class="video-wrapper">
  440. <div class="video-container">{Video-400}</div>
  441. </div>
  442. </div>
  443. {block:ifShowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowcaptions}
  444. {/block:Video}
  445.  
  446. {block:Audio}
  447. <div id="audio">
  448. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  449. <div class="player">{AudioPlayerWhite}</div>
  450. <div class="songtitle">
  451. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  452. {block:Artist}{Artist}{/block:Artist}<br>
  453. {block:Album}{Album}{/block:Album}</div></div>
  454. {block:ifShowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowcaptions}
  455. {/block:Audio}
  456.  
  457. {block:Answer}
  458. <div class="question"><span style="font-size:14px;font-weight:bold">{Asker}: {Question}</span></div>
  459. <div class="caption">{Answer}</div>
  460. {/block:Answer}
  461.  
  462.  
  463. {block:Date}
  464. <div class="footer">
  465. <b><a href="{Permalink}">{block:NoteCount} +{NoteCountWithLabel}{/block:NoteCount}</a></b> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  466. </div>
  467.  
  468. {block:PermalinkPage}
  469. {block:NoteCount}
  470. {block:PostNotes}{PostNotes}{/block:PostNotes}
  471. {/block:NoteCount}
  472. {/block:PermalinkPage}
  473. {/block:Date}
  474.  
  475. </div>
  476. {/block:Posts}
  477.  
  478. {block:Pagination}
  479. <div id="nav">
  480. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  481.  
  482. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  483. </div>
  484. {/block:Pagination}
  485. </div>
  486. </div>
  487.  
  488. <!--again, DON'T REMOVE/EDIT THE CREDIT. So uhm pls ignore this section and good day!-->
  489.  
  490. <a style="bottom:8px;right:8px;position:fixed;background:{color:Post bg}; border:1px {select:Border} {color:Border}; padding:3px;position:fixed;font-size:15px;color:{color:Link};text-decoration:none;" href="http://chagnki.tumblr.com/" title="theme">★</a>
  491.  
  492. </div>
  493.  
  494. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  495. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  496.  
  497. </body>
  498. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!