API tools faq
paste
uwuhell

theme 15 :3

uwuhell
Nov 7th, 2015
3,239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-- jquery for tooltips-->
  5.  
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8.  
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10.  
  11.  
  12. <script>
  13.  
  14.  
  15. (function($){
  16.  
  17. $(document).ready(function(){
  18.  
  19. $("a[title]").style_my_tooltips({
  20.  
  21. tip_follows_cursor:true,
  22.  
  23. tip_delay_time:30,
  24.  
  25. tip_fade_speed:300,
  26.  
  27. attribute:"title"
  28.  
  29. });
  30.  
  31. });
  32.  
  33. })(jQuery);
  34.  
  35. </script>
  36.  
  37. <!-----
  38. 🌉 theme 15 by amy @chagnki
  39. if there's any problem, feel free to contact me or something
  40.  
  41. base code by animecharacter.tumblr.com!
  42.  
  43. for help visit:
  44. tumblr.com/docs/en/custom_themes
  45. tumblr.com/docs/en/localizing_themes
  46. w3schools.com
  47. (please dont send me customization asks)
  48.  
  49. please don't disturb the credit! Have a nice day :^)
  50.  
  51. ----->
  52.  
  53. <meta charset="utf-8">
  54. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />
  57. {/block:Description}
  58.  
  59. <title>{Title}</title>
  60.  
  61. <link rel="shortcut icon" href="{Favicon}">
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  63. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  64.  
  65. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  66.  
  67. <meta name="image:Background" content="">
  68. <meta name="image:Sidebar" content="">
  69.  
  70. <meta name="if:Center posts" content="">
  71. <meta name="if:Right posts" content="">
  72. <meta name="if:Rounded" content="">
  73. <meta name="if:Dropdown navi" content=""/>
  74. <meta name="if:Post bg" content=""/>
  75. <meta name="if:Caption bg" content="1"/>
  76. <meta name="if:Show caption" content="1"/>
  77. <meta name="if:Show time icon" content=""/>
  78. <meta name="if:Show sidebar img" content="1">
  79. <meta name="if:Show tags" content=""/>
  80. <meta name="if:Underlined links" content="1"/>
  81. <meta name="if:Small cursor" content=""/>
  82. <meta name="if:Round sidebar img" content=""/>
  83. <meta name="if:Full bg" content=""/>
  84.  
  85. <meta name="text:Font size" content="12">
  86. <meta name="text:Link divider" content="-">
  87. <meta name="text:Dropdown title" content="navigation">
  88.  
  89. <meta name="color:Background" content="#fff">
  90. <meta name="color:Link" content="#000">
  91. <meta name="color:Text" content="">
  92. <meta name="color:Border" content="">
  93. <meta name="color:Captions" content="">
  94. <meta name="color:Highlight" content="fff">
  95. <meta name="color:Highlight text" content="fff">
  96. <meta name="color:Post bg" content="fff">
  97. <meta name="color:Scrollbar" content="#000">
  98. <meta name="color:Dropdown" content="fff">
  99. <meta name="color:Dropdown text" content="fff">
  100.  
  101. <meta name="select:Border" content="solid">
  102. <meta name="select:Border" content="dotted">
  103. <meta name="select:Border" content="dashed">
  104. <meta name="select:Border" content="none">
  105.  
  106. <meta name="select:Sidebar text align" content="left">
  107. <meta name="select:Sidebar text align" content="center">
  108. <meta name="select:Sidebar text align" content="right">
  109.  
  110. <meta name="select:Footer text align" content="left">
  111. <meta name="select:Footer text align" content="center">
  112. <meta name="select:Footer text align" content="right">
  113.  
  114. <meta name="select:Post img and Captions Border" content="solid">
  115. <meta name="select:Post img and Captions Border" content="dotted">
  116. <meta name="select:Post img and Captions Border" content="dashed">
  117. <meta name="select:Post img and Captions Border" content="none">
  118.  
  119.  
  120. <meta name="text:Link 1" content="">
  121. <meta name="text:Link 1 url" content="/">
  122. <meta name="text:Link 2" content="">
  123. <meta name="text:Link 2 url" content="/">
  124. <meta name="text:Link 3" content="">
  125. <meta name="text:Link 3 url" content="/">
  126. <meta name="text:Link 4" content="">
  127. <meta name="text:Link 4 url" content="/">
  128.  
  129. <meta name="select:Font" content="arial">
  130. <meta name="select:Font" content="courier">
  131. <meta name="select:Font" content="consolas">
  132. <meta name="select:Font" content="verdana">
  133. <meta name="select:Font" content="ms pgothic">
  134. <meta name="select:Font" content="ms gothic">
  135.  
  136. <style type="text/css">
  137.  
  138. ::selection {
  139. background: {color:Highlight};
  140. color: {color:Highlight text};
  141. }
  142.  
  143. ::-moz-selection {
  144. background: {color:Highlight};
  145. color: {color:Highlight text};
  146. }
  147.  
  148. {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}
  149.  
  150. #s-m-t-tooltip {max-width:300px; padding:3px;margin:20px 7px -2px 20px;background-color:{color:Post bg};font-size:11px;text-transform:normal;color:{color:Text};border:1px solid {color:Border};z-index:999999999999999999999999999999999999;letter-spacing:1px;-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.15);
  151. -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.15);
  152. box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.15);}
  153.  
  154. .odd, .even {font-size:11px;padding:5px;}
  155. .odd {font-size:11px;padding:5px;background:#eee;}
  156.  
  157. ::-webkit-scrollbar {
  158. width:3px;
  159. height:0;
  160. background:url('http://36.media.tumblr.com/tumblr_m0leqeWfjP1r9g6hvo2_400.png');
  161. }
  162.  
  163. ::-webkit-scrollbar {
  164. width:9px;
  165. height:0;
  166. background:{color:Scrollbar};
  167. border-left:4px solid {color:Background};
  168. border-right:4px solid {color:Background};
  169. border-bottom:2px solid {color:Background};
  170. border-top:2px solid {color:Background};
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb {
  174. background:{color:Scrollbar};
  175. border:1px solid {color:Background};
  176. }
  177.  
  178. div.notebox::-webkit-scrollbar {
  179. width:9px;
  180. height:0;
  181. background:{color:Text};
  182. border-left:4px solid {color:Border};
  183. border-right:4px solid {color:Border};
  184. border-bottom:2px solid {color:Border};
  185. border-top:2px solid {color:Border};
  186. }
  187.  
  188. div.notebox::-webkit-scrollbar-thumb {
  189. background:{color:Scrollbar};
  190. border:1px solid {color:Border};
  191. }
  192.  
  193. /*
  194. general text styles, fonts and colours
  195. */
  196.  
  197. body {
  198. margin:0px;
  199. background:{color:Background} url({image:Background});
  200. font-family: {select:Font};
  201. font-size:{text:Font size}px;
  202. background-attachment:fixed;
  203. line-height:140%;
  204. color: {color:Text};{block:ifFullbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  205. -webkit-background-size: cover;
  206. -moz-background-size: cover;
  207. -o-background-size: cover;
  208. background-size: cover;
  209. {/block:ifFullbg}
  210. }
  211.  
  212. img {
  213. max-width: 100%;
  214. border: none;
  215. outline: none;
  216. }
  217.  
  218. p{
  219. margin:0 0 10px 0;
  220. padding:0;
  221. }
  222.  
  223. pre {
  224. white-space: pre-wrap;
  225. white-space: -moz-pre-wrap;
  226. white-space: -pre-wrap;
  227. white-space: -o-pre-wrap;
  228. word-wrap: break-word;
  229. }
  230.  
  231. a{
  232. color:{color:Link};
  233. {block:ifnotUnderlinedlinks}text-decoration:none;{/block:ifnotUnderlinedlinks}
  234. }
  235.  
  236.  
  237. li{
  238. margin-left:-15px;
  239. }
  240.  
  241. /*
  242. containers etc
  243. */
  244. #wrapper{
  245. margin:50px auto;
  246. margin-left:100px; {block:ifCenterposts}margin-left:300px;{/block:ifCenterposts} {block:ifRightposts}margin-left:700px;{/block:ifRightposts}
  247. }
  248.  
  249. #sidebar{
  250. width:110px;
  251. position:fixed;
  252. left:100px;
  253. text-align:{select:Sidebar text align};
  254. {block:ifCenterposts}left:300px;{/block:ifCenterposts} {block:ifRightposts}left:700px;{/block:ifRightposts}
  255. }
  256.  
  257. #content{
  258. width:400px;
  259. margin-left:200px;
  260. overflow:hidden;
  261. }
  262.  
  263. #notecon{
  264. width:320px;
  265. margin-top:30px;
  266. background:{color:Captions};
  267. padding:8px;
  268. border:1px {select:Post img and Captions border} {color:Border};
  269. max-height:280px;
  270. overflow:scroll;
  271. }
  272.  
  273. #notecon a{
  274. text-decoration:none;
  275. }
  276.  
  277. .post{
  278. width:345px;
  279. margin:0 0 50px 0;
  280. overflow:hidden;
  281. margin-bottom:100px;
  282. {block:ifPostbg}
  283. border:1px {select:Border} {color:Border};
  284. padding:15px;
  285. background:{color:Post bg};
  286. {block:ifRounded}border-radius:4px;{/block:ifRounded}
  287. {/block:ifPostbg}
  288. }
  289.  
  290. #sidebar img, .post img{
  291. max-width:100%;
  292. }
  293.  
  294. #time img{
  295. width:20px;
  296. float:left;
  297. margin-top:-3px;
  298. }
  299.  
  300.  
  301. .caption{
  302. {block:ifCaptionbg}
  303. padding:8px;
  304. background:{color:Captions};
  305. margin-top:15px;
  306. border:1px {select:Post img and Captions border} {color:Border};
  307. {block:ifRounded}border-radius:4px;{/block:ifRounded} {/block:ifCaptionbg}margin-top:15px;
  308. }
  309.  
  310. .caption2{ {block:ifCaptionbg}
  311. padding:8px;
  312. background:{color:Captions};
  313. border:1px {select:Post img and Captions border} {color:Border};
  314. {block:ifRounded}border-radius:4px;{/block:ifRounded} {/block:ifCaptionbg}
  315. }
  316.  
  317. #pagination{
  318. margin:50px 0 0 0;
  319. width:340px;
  320. text-align:center;
  321. word-spacing:10px;
  322. }
  323.  
  324. #photo{
  325. border: 1px {select:Post img and Captions border} {color:Border} ;
  326. {block:ifRounded}border-radius:4px;{/block:ifRounded}
  327. }
  328.  
  329. #photo img{
  330. display: block;
  331. }
  332.  
  333. #set {
  334. width:340px;
  335. border: 1px {select:Post img and Captions border} {color:Border} ;
  336. {block:ifRounded}border-radius:4px;{/block:ifRounded}
  337. }
  338.  
  339. #set iframe {
  340. display: block;
  341. }
  342.  
  343. .media{
  344. margin:0 0 10px 0;
  345. }
  346.  
  347. .title{
  348. font-weight:normal;
  349. font-size:18px;
  350. margin:0 0 10px 0;
  351. }
  352.  
  353. .quote{
  354. font-weight:normal;
  355. font-size:16px;
  356. font-style:italic;
  357. margin:0 0 10px 0;
  358. opacity:0.7;
  359. }
  360.  
  361. .question{
  362. margin-bottom:15px;
  363. padding:8px;
  364. background:{color:Background};
  365. margin-top:15px;
  366. border:1px {select:Border} {color:Border};
  367. }
  368.  
  369. blockquote{
  370. margin:0 0 10px 5px;
  371. padding:0 0 0 10px;
  372. border-left:solid 3px {color:Link};
  373. }
  374.  
  375. #sidebar img{
  376. border:1px {select:Border} {color:Border};
  377. width:80px;
  378. {block:ifRounded}border-radius:3px;{/block:ifRounded}
  379. {block:ifRoundsidebarimg}border-radius:40px;{/block:ifRoundsidebarimg}
  380. }
  381.  
  382. #sidebar img:hover{
  383. cursor:crosshair;
  384. }
  385.  
  386. #audio {
  387. width:100% 345px;
  388. height:50px;
  389. margin-bottom:10px;
  390. display:block;
  391. background-color:#000;
  392. padding:8px;
  393. color:#fff;
  394. }
  395.  
  396. #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;}
  397.  
  398.  
  399. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  400. .art img{width:50px;height:50px;}
  401.  
  402. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:11px;}
  403.  
  404.  
  405. .video-container {
  406. position: center;
  407. overflow: hidden;
  408. }
  409.  
  410. .video-container iframe,
  411. .video-container object,
  412. .video-container embed {
  413. position: center;
  414. max-width:350px;
  415. max-height:350px;
  416. }
  417.  
  418. .video-wrapper {
  419. max-width:350px;
  420. max-height:350px;
  421. }
  422.  
  423. #chat{
  424. border:1px solid #000;
  425. }
  426.  
  427. .post .footer{
  428. margin:0;
  429. text-align:{select:Footer text align};
  430. margin-top:15px;
  431. }
  432.  
  433. ol.notes{
  434. list-style-type:none;
  435. padding:0;
  436. margin:0;
  437. }
  438.  
  439. ol.notes li.note img{
  440. display:none;
  441. }
  442.  
  443. ol.notes li.note{
  444. margin:0px;
  445. padding:3px;
  446. display:block;
  447. border-bottom:1px dotted #ccc;
  448. }
  449.  
  450. {CustomCSS}
  451. </style>
  452. </head>
  453.  
  454. <body>
  455. <div id="wrapper">
  456.  
  457.  
  458. <div id="sidebar">
  459. {block:ifShowsidebarimg}<a href="/" title="{Title}"><img src="{image:Sidebar}"></a>{/block:ifShowsidebarimg}
  460. {block:Description}
  461. <p>{Description}</p>
  462. {/block:Description}
  463.  
  464. {block:ifDropdownnavi}
  465. <center>
  466. <select onchange='location=this.options[this.selectedIndex].value;' style='width:100px;padding:4px; font-family:{select:Font};{block:ifRounded}border-radius:3px;{/block:ifRounded}background:{color:Dropdown};border:1px solid {color:Border};color:{color:Dropdown text};cursor:pointer;float:{select:Sidebar text align}'>
  467.  
  468. <option>{text:Dropdown title}</option>
  469.  
  470. <option value="/">index</option>
  471.  
  472. <option value="/ask">mail</option>
  473.  
  474. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>
  475. {/block:ifLink1}
  476.  
  477. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>
  478. {/block:ifLink2}
  479.  
  480. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>
  481. {/block:ifLink3}
  482.  
  483. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>
  484. {/block:ifLink4}
  485.  
  486. </select>
  487. {/block:ifDropdownnavi}
  488.  
  489. {block:ifnotDropdownnavi}
  490. <a href="/">index</a> {text:Link divider}
  491. <a href="/ask">mail</a>
  492. {block:ifLink1}{text:Link divider} <a href="{text:Link 1 url}">{text:Link 1}</a> {/block:ifLink1}
  493. {block:ifLink2}{text:Link divider} <a href="{text:Link 2 url}">{text:Link 2}</a> {/block:ifLink2}
  494. {block:ifLink3}{text:Link divider} <a href="{text:Link 3 url}">{text:Link 3}</a> {/block:ifLink3}
  495. {block:ifLink4}{text:Link divider} <a href="{text:Link 4 url}">{text:Link 4}</a> {/block:ifLink4}
  496. {/block:ifnotDropdownnavi}
  497.  
  498. </div>
  499.  
  500.  
  501.  
  502. <div id="content">
  503. {block:Posts}
  504.  
  505. <div class="post">
  506.  
  507. {block:Text}<div class="caption2">
  508. {block:Title}
  509. <div class="title">*{Title}</div>
  510. {/block:Title}
  511. {Body}</div>
  512. {/block:Text}
  513.  
  514. {block:Photo}<div id="photo">
  515. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  516. {block:ifShowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowcaption}
  517. {/block:Photo}
  518.  
  519. {block:Photoset}
  520. <div id="set">{Photoset}</div>
  521. {block:ifShowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowcaption}
  522. {/block:Photoset}
  523.  
  524. {block:Quote}
  525. <div class="quote">"{Quote}"</div>
  526. {block:Source}
  527. <div class="quotesource">{Source}</div>
  528. {/block:Source}
  529. {/block:Quote}
  530.  
  531. {block:Link}
  532. <div class="title"><a href="{URL}">{Name}</a></div>
  533. {block:Description}
  534. <div class="description">{Description}</div>
  535. {/block:Description}
  536. {/block:Link}
  537.  
  538. {block:Chat}<div id="chat">
  539. {block:Title}
  540. <div class="title">*{Title}</div>
  541. {/block:Title}
  542.  
  543. {block:Lines}
  544. <div class="{Alt} user_{UserNumber}">
  545. {block:Label}
  546. <b>{Label}</b>{/block:Label}
  547. &nbsp;{Line}
  548. </div>
  549. {/block:Lines}</div>
  550. {/block:Chat}
  551.  
  552. {block:Video}
  553. <div class="media">
  554. <div class="video-wrapper">
  555. <div class="video-container">{Video-400}</div>
  556. </div>
  557. </div>
  558. {block:ifShowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowcaption}
  559. {/block:Video}
  560.  
  561. {block:Audio}
  562. {AudioPlayerWhite}
  563. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  564. {block:Artist}{Artist}{/block:Artist}<br>
  565. {block:Album}{Album}{/block:Album}
  566. {block:ifShowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowcaption}
  567. {/block:Audio}
  568.  
  569. {block:Answer}
  570. <div class="question">{Asker}: {Question}</div>
  571. <div class="caption">{Answer}</div>
  572. {/block:Answer}
  573.  
  574.  
  575. {block:Date}
  576. <div class="footer">
  577. {block:indexpage}
  578. {block:ifShowTimeIcon}<div id="time"><img src="https://cdn0.iconfinder.com/data/icons/iconico-3/1024/42.png"></div>{/block:ifShowTimeIcon}
  579. <a href="{Permalink}">posted @{Month} {DayOfMonth}{DayofMonthSuffix} {Year}{block:NoteCount}, {NoteCountwithLabel}{/block:NoteCount}</a>
  580. {block:ifShowtags}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifShowtags}{/block:indexpage}
  581. {block:PermalinkPage}
  582. posted {Month} {DayOfMonth}{DayofMonthSuffix} {Year}, {TimeAgo} with {NoteCountWithLabel} {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a> {RebloggedFromName}{/block:RebloggedFrom} {block:ContentSource}, originally from <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}<br>
  583. tagged as : {block:HasTags}{block:Tags}# <a href="{TagURL}" title="more '{Tag}' posts">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  584. </div>
  585.  
  586. {block:PermalinkPage}
  587. {block:NoteCount}
  588. {block:PostNotes}<div id="notecon">{PostNotes}</div>{/block:PostNotes}
  589. {/block:NoteCount}
  590. {/block:PermalinkPage}
  591. {/block:Date}
  592.  
  593. </div>
  594. {/block:Posts}
  595.  
  596. {block:Pagination}
  597. <div id="pagination">
  598. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  599.  
  600. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  601. </div>
  602. {/block:Pagination}
  603. </div>
  604. </div>
  605.  
  606.  
  607. <!--again, DON'T REMOVE/EDIT THE CREDIT. So uhm pls ignore this section and good day!-->
  608.  
  609. <a style="bottom:8px;right:8px;position:fixed;background:{color:Post bg};{block:ifRoundedcorners}border-radius:3px;{/block:ifRoundedcorners} border:1px {select:Border} {color:Border}; padding:3px;position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://chagnki.tumblr.com/" title="theme">★</a>
  610. </div>
  611.  
  612. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  613. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  614.  
  615. </body>
  616. </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!