API tools faq
paste
uwuhell

theme 14!

uwuhell
Oct 24th, 2015
2,188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme 14 by amy @chagnki
  6. if there's any problems feel free to ask !!
  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.  
  15. ----->
  16.  
  17. <meta charset="utf-8">
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  24. <script type="text/javascript">
  25. $(document).ready(function(){
  26. $(".linkie").hide();
  27. $(".links_title").click(function(){
  28. $(this).next(".linkie").slideToggle();
  29. }); }); </script>
  30.  
  31. <title>{Title}</title>
  32.  
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  36.  
  37. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  38.  
  39. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  40.  
  41. <script>
  42. (function($){
  43. $(document).ready(function(){
  44. $("a[title]").style_my_tooltips({
  45. tip_follows_cursor:true,
  46. tip_delay_time:1,
  47. tip_fade_speed:100,
  48. attribute:"title"
  49. });
  50. });
  51. })(jQuery);
  52. </script>
  53.  
  54. <meta name="image:Background" content="">
  55. <meta name="image:Sidebar" content="">
  56. <meta name="image:Left image" content="">
  57. <meta name="image:Right image" content="">
  58.  
  59. <meta name="color:Background" content="#fff">
  60. <meta name="color:Text" content="fff">
  61. <meta name="color:Post bg" content="fff">
  62. <meta name="color:Sidebar bg" content="fff">
  63. <meta name="color:Border" content="fff">
  64. <meta name="color:Link" content="fff">
  65. <meta name="color:Link hover" content="fff">
  66. <meta name="color:Footer" content="fff">
  67. <meta name="color:Highlight" content="fff">
  68. <meta name="color:Highlight text" content="fff">
  69. <meta name="color:Navi button" content="fff">
  70. <meta name="color:Navi button hover" content="fff">
  71.  
  72. <meta name="if:Transparent" content="">
  73. <meta name="if:Full bg" content="">
  74. <meta name="if:Small cursor" content="1">
  75. <meta name="if:Rounded corners" content="">
  76. <meta name="if:Rounded sidebar img" content="">
  77. <meta name="if:Sidebar img border" content="">
  78. <meta name="if:link1" content="">
  79. <meta name="if:link2" content="">
  80. <meta name="if:link3" content="">
  81.  
  82.  
  83. <meta name="select:Post size" content="250px">
  84. <meta name="select:Post size" content="300px">
  85. <meta name="select:Post size" content="350px">
  86. <meta name="select:Post size" content="400px">
  87.  
  88. <meta name="select:Border" content="solid">
  89. <meta name="select:Border" content="dashed">
  90. <meta name="select:Border" content="dotted">
  91. <meta name="select:Border" content="none">
  92.  
  93. <meta name="select:Font" content="arial">
  94. <meta name="select:Font" content="courier">
  95. <meta name="select:Font" content="consolas">
  96. <meta name="select:Font" content="ms pgothic">
  97.  
  98. <meta name="text:Font size" content="12">
  99. <meta name="text:Navigation text" content="navigation">
  100. <meta name="text:Sidebar margin top" content="50">
  101.  
  102. <meta name="text:Link 1" content="">
  103. <meta name="text:Link 1 url" content="">
  104. <meta name="text:Link 2" content="">
  105. <meta name="text:Link 2 url" content="">
  106. <meta name="text:Link 3" content="">
  107. <meta name="text:Link 3 url" content="">
  108.  
  109.  
  110. <style type="text/css">
  111.  
  112. /*CHAT*/
  113. .odd, .even {padding:2px;}
  114. .odd {background-color:{color:Footer};}
  115.  
  116. /*HIGHLIGHT*/
  117. ::selection {
  118. background: {color:Highlight};
  119. color: {color:Highlight text};
  120. }
  121.  
  122. ::-moz-selection {
  123. background: {color:Highlight};
  124. color: {color:Highlight text};
  125. }
  126.  
  127. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;} {/block:ifsmallcursor}
  128.  
  129. /*TOOLTIP*/
  130.  
  131. #s-m-t-tooltip {max-width:300px;background-color: {color:Post bg};border:1px {select:Border} {color:Border};font-size:{text:Font size}px;color: {color:Link};letter-spacing:1px;{block:ifRoundedcorners}border-radius:3px;{/block:ifRoundedcorners}text-transform:normal;padding:5px;margin:15px 0px 0px 15px;z-index:999;}
  132.  
  133.  
  134.  
  135. /*TEXT STYLES, FONTS, COLORS*/
  136.  
  137. body {
  138. margin:0px;
  139. background: url({image:Background});
  140. background-color:{color:Background};
  141. font-family: {select:Font};
  142. background-attachment:fixed;
  143. font-size:{text:Font size}px;
  144. line-height:140%;
  145. color: {color:Text};
  146.  
  147. {block:ifFullbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  148. -webkit-background-size: cover;
  149. -moz-background-size: cover;
  150. -o-background-size: cover;
  151. background-size: cover;
  152. {/block:ifFullbg}
  153. }
  154.  
  155. p{
  156. margin:0 0 10px 0;
  157. padding:0;
  158. }
  159.  
  160. pre {
  161. white-space: pre-wrap;
  162. white-space: -moz-pre-wrap;
  163. white-space: -pre-wrap;
  164. white-space: -o-pre-wrap;
  165. word-wrap: break-word;
  166. }
  167.  
  168. a{
  169. color:{color:Link};text-decoration:none;
  170. -webkit-transition: 0.3s ease;transition: 0.3s ease;
  171. -o-transition: 0.3s ease;-moz-transition: 0.3s ease;
  172. }
  173.  
  174. a:hover{
  175. color:{color:Link hover};
  176. -webkit-transition: 0.3s ease;transition: 0.3s ease;
  177. -o-transition: 0.3s ease;-moz-transition: 0.3s ease;
  178. }
  179.  
  180. li{
  181. margin-left:-15px;
  182. }
  183.  
  184. /*CONTAINERS*/
  185.  
  186. #wrapper{
  187. width:600px;
  188. margin:50px auto;
  189. }
  190.  
  191. #sidebar{
  192. width:110px;
  193. position:fixed;
  194. {block:ifnotTransparent}
  195. {block:ifRoundedcorners}-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; {/block:ifRoundedcorners}
  196. background:{color:Sidebar bg};
  197. border:1px {select:Border} {color:Border};
  198. padding:15px;
  199. {/block:ifnotTransparent}
  200. text-align:center;
  201. margin-top:{text:Sidebar margin top}px;
  202. margin-left:-80px;
  203. }
  204.  
  205. /*NAVIGATION BUTTON*/
  206. .sidebar_click {
  207. padding:4px;
  208. margin-top:-15px;
  209. background:{color:Navi button};
  210. cursor:help;
  211. letter-spacing:1px;
  212. text-align:center;
  213. position:relative;
  214. {block:ifRoundedcorners}-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; {/block:ifRoundedcorners}
  215.  
  216. }
  217.  
  218. .sidebar_click:hover{
  219. background:{color:Navi button hover};
  220. text-decoration:underline;
  221. }
  222.  
  223.  
  224. .sidebar_hidden {
  225. height:auto;
  226. }
  227.  
  228. .sidebar_hidden a {
  229. padding:2px;
  230. display:block;
  231. color:{color:Link};
  232. text-decoration:none;
  233. border-bottom:1px solid #eee;
  234. padding-left:5px;
  235. letter-spacing:1px;
  236. text-align:center;
  237. }
  238.  
  239.  
  240. #content{
  241. width:530px;
  242. margin-left:200px;
  243. overflow:hidden;
  244. }
  245.  
  246. .post{
  247. width:{select:Post size};
  248. {block:ifnotTransparent}
  249. padding:15px;
  250. {block:ifRoundedcorners}-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; {/block:ifRoundedcorners}
  251. background:{color:Post bg};
  252. border:1px {select:Border} {color:Border};
  253. {block:ifnotTransparent}
  254. overflow:hidden;
  255. margin:0 0 50px 0;
  256.  
  257. }
  258.  
  259. #sidebar img, .post img{
  260. max-width:100%;
  261. }
  262.  
  263. #sidebar img{
  264. width:100px;height:100px;
  265. {block:ifRoundedsidebarimg}border-radius:60px;{/block:ifRoundedsidebarimg}
  266. {block:ifSidebarimgborder}border:1px solid {color:Border};{/block:ifSidebarimgborder}
  267. }
  268.  
  269. /*DESCRIPTION*/
  270. #desc{
  271. padding-bottom:10px;
  272. }
  273.  
  274. /*PAGINATION*/
  275.  
  276. #nav{
  277. width:{select:Post size};
  278. margin:50px 0 0 0;
  279. padding:15px;
  280. font-size:15px;
  281. word-spacing:10px;
  282. text-align:center;
  283. }
  284.  
  285. /*FOOTERS*/
  286.  
  287. .f{
  288. background:{color:Footer};padding:5px;
  289. {block:ifRoundedcorners}-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; {/block:ifRoundedcorners}
  290. }
  291.  
  292. .f2{
  293. margin-top:10px;background:{color:Footer};padding:5px;
  294. {block:ifRoundedcorners}-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; {/block:ifRoundedcorners}
  295. }
  296.  
  297.  
  298. /*
  299. content in the body of the posts - quotes, asks, etc
  300. "media" contains photos, photosets, videos, audio posts
  301. */
  302. .media{
  303. margin:0 0 10px 0;
  304. }
  305.  
  306. .title{
  307. font-weight:normal;
  308. font-size:18px;
  309. margin:0 0 10px 0;
  310. }
  311.  
  312. .quote{
  313. font-weight:normal;
  314. font-size:16px;
  315. font-style:italic;
  316. margin:0 0 10px 0;
  317. }
  318.  
  319. .question{
  320. margin-bottom:10px;
  321. border-bottom:1px {select:Border} {color:Border};
  322. padding-bottom:8px;
  323. }
  324.  
  325. blockquote{
  326. margin:0 0 5px 5px;
  327. padding:0 0 0 10px;
  328. border-left:solid 2px {color:Border};
  329. }
  330.  
  331. /*AUDIO & VIDEO*/
  332.  
  333. #audio {
  334. width:100% {select:Post size} ;
  335. height:50px;
  336. margin-bottom:10px;
  337. display:block;
  338. padding:5px;
  339. }
  340.  
  341. #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;}
  342.  
  343.  
  344. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  345. .art img{width:50px;height:50px;}
  346.  
  347. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:11px;}
  348.  
  349. .video-container {
  350. position: center;
  351. overflow: hidden;
  352. }
  353.  
  354. .video-container iframe,
  355. .video-container object,
  356. .video-container embed {
  357. position: center;
  358. max-width:{select:Post size} ;
  359. max-height:{select:Post size} ;
  360. }
  361.  
  362. .video-wrapper {
  363. max-width:{select:Post size} ;
  364. max-height:{select:Post size} ;
  365. }
  366.  
  367. /*FOOTER*/
  368. .post .footer{
  369. margin:0;
  370. text-align:left;
  371. }
  372.  
  373. /*POST NOTES*/
  374.  
  375. ol.notes{
  376. list-style-type:none;
  377. padding:0;
  378. margin:0;padding-top:10px;
  379. }
  380.  
  381. ol.notes li.note img{
  382. width:16px;padding-right:5px;
  383. height:16px;
  384. }
  385.  
  386. ol.notes li.note{
  387. margin:0px;
  388. padding:5px;border-bottom:1px dotted #ccc;
  389. }
  390.  
  391. {CustomCSS}
  392.  
  393. </style>
  394. </head>
  395.  
  396. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  397. <script type="text/javascript">
  398. $(document).ready(function(){
  399. $(".sidebar_hidden").hide();
  400. $(".sidebar_click").show();
  401. $('.sidebar_click').click(function(){
  402. $(".sidebar_hidden").slideToggle('fast');
  403. });});
  404. </script>
  405. <script src="http://static.tumblr.com/iuw14ew/nuYmb5ynx/modernizr.custom.04022.js"></script>
  406.  
  407.  
  408. <body>
  409. <div id="wrapper">
  410.  
  411.  
  412. <div id="sidebar">
  413. <a href="/" title="{Title}"><img src="{image:Sidebar}"></a>
  414. {block:Description}
  415. <div id="desc"><p>{Description}</p></div>
  416. {/block:Description}
  417.  
  418.  
  419. <div class="sidebar_click">{text:Navigation text}</div>
  420. <div class="sidebar_hidden">
  421. <a href="/ask">message</a>
  422. <a href="/archive">archive</a>
  423. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  424. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  425. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  426. </div>
  427.  
  428.  
  429. </div>
  430.  
  431.  
  432.  
  433. <div id="content">
  434. {block:Posts}
  435.  
  436. <div class="post">
  437.  
  438. {block:Text}
  439. {block:Title}
  440. <div class="title">{Title}</div>
  441. {/block:Title}
  442. {Body}
  443. {/block:Text}
  444.  
  445. {block:Photo}
  446. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  447. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  448. {/block:Photo}
  449.  
  450. {block:Photoset}
  451. <div class="media">{Photoset}</div>
  452. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  453. {/block:Photoset}
  454.  
  455. {block:Quote}
  456. <div class="quote">"{Quote}"</div>
  457. {block:Source}
  458. <div class="quotesource">{Source}</div>
  459. {/block:Source}
  460. {/block:Quote}
  461.  
  462. {block:Link}
  463. <div class="title"><a href="{URL}">{Name}</a></div>
  464. {block:Description}
  465. <div class="description">{Description}</div>
  466. {/block:Description}
  467. {/block:Link}
  468.  
  469. {block:Chat}
  470. {block:Title}
  471. <div class="title">{Title}</div>
  472. {/block:Title}
  473.  
  474. {block:Lines}
  475. <div class="{Alt} user_{UserNumber}">
  476. {block:Label}
  477. <b>{Label}</b>{/block:Label}
  478. &nbsp;{Line}
  479. </div>
  480. {/block:Lines}
  481. {/block:Chat}
  482.  
  483. {block:Video}
  484. <div class="media">
  485. <div class="video-wrapper">
  486. <div class="video-container">{Video-400}</div>
  487. </div>
  488. </div>
  489. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  490. {/block:Video}
  491.  
  492. {block:Audio}
  493. <div id="audio">
  494. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  495. <div class="player">{AudioPlayerWhite}</div>
  496. <div class="songtitle">
  497. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  498. {block:Artist}{Artist}{/block:Artist}<br>
  499. {block:Album}{Album}{/block:Album}</div></div>
  500. {block:Caption}{Caption}{/block:Caption}
  501. {/block:Audio}
  502.  
  503. {block:Answer}
  504. <div class="question">{Asker} said: {Question}</div>
  505. <div class="caption">{Answer}</div>
  506. {/block:Answer}
  507.  
  508.  
  509. {block:Date}
  510. <div class="footer"><div class="f">
  511. <span style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}">via</a>{/block:RebloggedFrom}
  512. {block:ContentSource}& <a href="{SourceURL}" title="source : {SourceTitle}">src</a>{/block:ContentSource}</span><a href="{Permalink}">{TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a></div>
  513.  
  514. {block:HasTags}<div class="f2">tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  515. </div>
  516.  
  517. {block:PermalinkPage}
  518. {block:NoteCount}
  519. {block:PostNotes}{PostNotes}{/block:PostNotes}
  520. {/block:NoteCount}
  521. {/block:PermalinkPage}
  522. {/block:Date}
  523.  
  524. </div>
  525. {/block:Posts}
  526.  
  527. {block:Pagination}
  528. <div id="nav">
  529. {block:PreviousPage}
  530. <a href="{PreviousPage}">less</a>
  531. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  532. <span class="current_page">✖</span>
  533. {/block:CurrentPage}{block:JumpPage}
  534. <a class="jump_page" href="{URL}">{PageNumber}</a>
  535. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  536. <a href="{NextPage}">more</a>
  537. {/block:NextPage}
  538. </div>
  539. {/block:Pagination}
  540. </div>
  541. </div>
  542.  
  543. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  544. </div>
  545. {/block:Pagination}
  546. </div>
  547. </div>
  548.  
  549. <!--again, DON'T REMOVE/EDIT THE CREDIT. So uhm pls ignore this section and good day!-->
  550.  
  551. <a style="bottom:8px;right:8px;position:fixed;{block:ifnotTransparent}background:{color:Post bg};{block:ifRoundedcorners}border-radius:3px;{/block:ifRoundedcorners} border:1px {select:Border} {color:Border}; padding:3px;{/block:ifnotTransparent}position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://chagnki.tumblr.com/" title="theme">★</a>
  552. </div>
  553.  
  554. <div id="imageright" style="position:fixed; bottom:{text:right image margin bottom}px; right:{text:right image margin left}px; z-index:-1;"><img src="{image:Right Image}"width="{text:right image width}"></div>
  555.  
  556. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  557.  
  558. </div>
  559. </div>
  560. </div>
  561.  
  562. </div>
  563.  
  564. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  565. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  566.  
  567. </body>
  568. </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!