API tools faq
paste
uwuhell

theme 11

uwuhell
Sep 20th, 2015
3,988
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 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 11 by amy @chagnki
  39. if there's any problems feel free to ask !!
  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. ----->
  50.  
  51. <meta charset="utf-8">
  52. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />
  55. {/block:Description}
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  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:Sidebar" content="">
  68. <meta name="image:Background" content="">
  69.  
  70. <meta name="color:Background" content="">
  71. <meta name="color:Post bg" content="">
  72. <meta name="color:Border" content="">
  73. <meta name="color:Link" content="">
  74. <meta name="color:Link hover" content="">
  75. <meta name="color:Text" content="">
  76. <meta name="color:Footer text" content="">
  77. <meta name="color:Pagination link bg" content="">
  78. <meta name="color:Selection bg" content="">
  79. <meta name="color:Selection text" content="">
  80. <meta name="color:Scrollbar" content="">
  81. <meta name="color:Scrollbar bg" content="">
  82.  
  83. <meta name="if:Borders" content="1">
  84. <meta name="if:Rounded corners" content="">
  85. <meta name="if:Double borders" content="">
  86. <meta name="if:Sidebar img round" content="">
  87. <meta name="if:Transparent" content="">
  88. <meta name="if:Full bg" content="">
  89. <meta name="if:250px" content=""/>
  90. <meta name="if:300px" content=""/>
  91. <meta name="if:350px" content=""/>
  92. <meta name="if:400px" content=""/>
  93. <meta name="if:500px" content=""/>
  94. <meta name="if:Link1" content="">
  95. <meta name="if:Link2" content="">
  96. <meta name="if:Link3" content="">
  97.  
  98. <meta name="select:Font" content="arial">
  99. <meta name="select:Font" content="courier">
  100. <meta name="select:Font" content="consolas">
  101. <meta name="select:Font" content="verdana">
  102.  
  103. <meta name="text:Font size" content="12">
  104.  
  105. <meta name="text:Link 1 url" content="">
  106. <meta name="text:Link 2 url" content="">
  107. <meta name="text:Link 3 url" content="">
  108.  
  109. <meta name="text:Link 1" content="">
  110. <meta name="text:Link 2" content="">
  111. <meta name="text:Link 3" content="">
  112.  
  113.  
  114. <style type="text/css">
  115.  
  116. ::selection {
  117. background: {color:Selection bg};
  118. color: {color:Selection text};
  119. }
  120.  
  121. ::-moz-selection {
  122. background: {color:Selection bg};
  123. color: {color:Selection text};
  124. }
  125.  
  126. #s-m-t-tooltip {max-width:300px;{block:ifRoundedcorners}border-radius: 5px;{/block:ifRoundedcorners} padding:5px;margin:20px 7px -2px 20px;background-color:{color:Post bg};font-size:11px;text-transform:normal;color:{color:Text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;}
  127.  
  128. ::-webkit-scrollbar {
  129. width:11px;
  130. height:0;
  131. background:{color:Scrollbar bg};
  132. border:1px solid {color:Scrollbar};
  133. }
  134. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  135.  
  136. div.songtitle::-webkit-scrollbar {
  137. width:7px;
  138. height:0;
  139. background:{color:Scrollbar bg};
  140. border:1px solid {color:Scrollbar};
  141. }
  142. div.songtitle::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  143.  
  144. div.notebox::-webkit-scrollbar {
  145. width:7px;
  146. height:0;
  147. background:{color:Scrollbar bg};
  148. border:1px solid {color:Scrollbar};
  149. }
  150. div.notebox::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  151.  
  152. /*
  153. general text styles, fonts and colours
  154. */
  155.  
  156. body {
  157. margin:0px;
  158. background: url({image:Background});
  159. background-color:{color:Background};
  160. font-family: {select:Font};
  161. background-attachment:fixed;
  162. font-size:{text:Font size}px;
  163. line-height:140%;
  164. color: {color:Text};
  165.  
  166. {block:ifFullbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  167. -webkit-background-size: cover;
  168. -moz-background-size: cover;
  169. -o-background-size: cover;
  170. background-size: cover;
  171. {/block:ifFullbg}
  172. }
  173.  
  174. p{
  175. margin:0 0 10px 0;
  176. padding:0;
  177. }
  178.  
  179. pre {
  180. white-space: pre-wrap;
  181. white-space: -moz-pre-wrap;
  182. white-space: -pre-wrap;
  183. white-space: -o-pre-wrap;
  184. word-wrap: break-word;
  185. }
  186.  
  187. a{
  188. color:{color:Link};
  189. -webkit-transition: 0.2s ease;transition: 0.2s ease;
  190. -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  191. }
  192.  
  193. a:hover{
  194. color:{color:Link hover};
  195. -webkit-transition: 0.2s ease;transition: 0.2s ease;
  196. -o-transition: 0.2s ease;-moz-transition: 0.2s ease;
  197. cursor:help;
  198. }
  199.  
  200. li{
  201. margin-left:-15px;
  202. }
  203.  
  204. /*
  205. containers etc
  206. */
  207. #wrapper{
  208. width:600px;
  209. margin:50px auto;
  210. }
  211.  
  212. #sidebar{
  213. width:130px;
  214. position:fixed;
  215. {block:ifnotTransparent}background-color:{color:Post bg};
  216. padding:12px;{/block:ifnotTransparent}
  217. text-align:center;
  218. margin-top:50px;
  219. {block:ifBorders}border:1px solid {color:Border};
  220. {block:ifDoubleborders}border:4px double {color:Border};{/block:ifDoubleborders}{/block:ifBorders}
  221. {block:ifRoundedcorners}-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;{/block:ifRoundedcorners}
  222. }
  223.  
  224. #content{
  225. width:530px;
  226. margin-left:200px;
  227. overflow:hidden;
  228. }
  229.  
  230. .post{
  231. width: {block:if250px}250px;{/block:if250px} {block:if300px}300px;{/block:if300px} {block:if350px}350px;{/block:if350px} {block:if400px}400px;{/block:if400px} {block:if500px}500px;{/block:if500px} 280px;
  232. margin:0 0 50px 0;
  233. overflow:hidden;
  234. {block:ifnotTransparent}background-color:{color:Post bg};
  235. padding:12px;{/block:ifnotTransparent}
  236. {block:ifBorders}border:1px solid {color:Border} ;
  237. {block:ifDoubleborders}border:4px double {color:Border};{/block:ifDoubleborders}{/block:ifBorders}
  238. {block:ifRoundedcorners}-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;{/block:ifRoundedcorners}
  239. }
  240.  
  241. #sidebar img, .post img{
  242. max-width:100%;
  243. }
  244.  
  245. #sidebar img{
  246. margin-top:-50px;
  247. margin-right:3px;
  248. border:1px solid {color:Border};
  249. {block:ifSidebarimground}
  250. border-radius:80px;
  251. {/block:ifSidebarimground}
  252. }
  253.  
  254. #nav{
  255. margin:50px 0 0 0;
  256. text-align:center;
  257. width: {block:if250px}250px;{/block:if250px} {block:if300px}300px;{/block:if300px} {block:if350px}350px;{/block:if350px} {block:if400px}400px;{/block:if400px} {block:if500px}500px;{/block:if500px} 290px;
  258. padding:12px;
  259. }
  260.  
  261. #nav a{
  262. background-color:{color:Pagination link bg};
  263. padding:5px;
  264. }
  265.  
  266.  
  267. /*
  268. content in the body of the posts - quotes, asks, etc
  269. "media" contains photos, photosets, videos, audio posts
  270. */
  271. .media{
  272. margin:0 0 10px 0;
  273. }
  274.  
  275. .title{
  276. font-weight:normal;
  277. font-size:18px;
  278. margin:0 0 10px 0;
  279. text-align:center;
  280. color:#888888;
  281. }
  282.  
  283. .quote{
  284. font-weight:normal;
  285. font-size:16px;
  286. font-style:italic;
  287. margin:0 0 10px 0;
  288. }
  289.  
  290. .question{
  291. margin-bottom:10px;
  292. border-bottom:1px solid {color:Border};
  293. }
  294.  
  295. blockquote{
  296. margin:0 0 10px 10px;
  297. padding:0 0 0 10px;
  298. border-left:solid 1px #000;
  299. }
  300.  
  301. #audio {
  302. width:100% 400px {block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} {block:if500px}500px;{/block:if500px} ;
  303. height:50px;
  304. margin-bottom:10px;
  305. display:block;
  306. padding:5px;
  307. }
  308.  
  309. #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;}
  310.  
  311.  
  312. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  313. .art img{width:50px;height:50px;}
  314.  
  315. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:11px;}
  316.  
  317. .video-container {
  318. position: center;
  319. overflow: hidden;
  320. }
  321.  
  322. .video-container iframe,
  323. .video-container object,
  324. .video-container embed {
  325. position: center;
  326. max-width:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} ;
  327. max-height:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} {block:if500px}500px;{/block:if500px} ;
  328. }
  329.  
  330. .video-wrapper {
  331. max-width:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} ;
  332. max-height:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} {block:if500px}500px;{/block:if500px} ;
  333. }
  334.  
  335. /*
  336. post footers - date, tags, via and source
  337. */
  338. .post .footer{
  339. margin:0;
  340. text-align:left;
  341. padding-top:8px;
  342. }
  343.  
  344. .footer a{
  345. color:{color:Footer text};
  346. text-decoration:none;
  347. border-bottom:1px solid {color:Footer text};
  348.  
  349. }
  350.  
  351. .footer a:hover{
  352. color:{color:Footer text};
  353. }
  354.  
  355. #navi{
  356. word-spacing:3px;
  357. }
  358.  
  359. /*
  360. post notes
  361. */
  362. ol.notes{
  363. list-style-type:none;
  364. padding:0;
  365. margin:0;
  366. }
  367.  
  368. ol.notes li.note img{
  369. width:16px;
  370. height:16px;
  371. }
  372.  
  373. ol.notes li.note{
  374. margin:0px;
  375. }
  376.  
  377. {CustomCSS}
  378.  
  379. </style>
  380. </head>
  381.  
  382. <body>
  383. <div id="wrapper">
  384.  
  385.  
  386. <div id="sidebar">
  387.  
  388. <a href="/"/><img src="{image:sidebar}"></a>
  389. <p>{Description}</p>
  390. <div id="navi">
  391. <a href="/">home</a>
  392. <a href="/ask">message</a>
  393. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
  394. {block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
  395. {block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}
  396. </center>
  397. </div>
  398.  
  399.  
  400. </div>
  401.  
  402.  
  403.  
  404. <div id="content">
  405. {block:Posts}
  406.  
  407. <div class="post">
  408.  
  409. {block:Text}
  410. {block:Title}
  411. <div class="title">{Title}</div>
  412. {/block:Title}
  413. {Body}
  414. {/block:Text}
  415.  
  416. {block:Photo}
  417. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  418. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  419. {/block:Photo}
  420.  
  421. {block:Photoset}
  422. <div class="media">{Photoset}</div>
  423. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  424. {/block:Photoset}
  425.  
  426. {block:Quote}
  427. <div class="quote">"{Quote}"</div>
  428. {block:Source}
  429. <div class="quotesource">{Source}</div>
  430. {/block:Source}
  431. {/block:Quote}
  432.  
  433. {block:Link}
  434. <div class="title"><a href="{URL}">{Name}</a></div>
  435. {block:Description}
  436. <div class="description">{Description}</div>
  437. {/block:Description}
  438. {/block:Link}
  439.  
  440. {block:Chat}
  441. {block:Title}
  442. <div class="title">{Title}</div>
  443. {/block:Title}
  444.  
  445. {block:Lines}
  446. <div class="{Alt} user_{UserNumber}">
  447. {block:Label}
  448. <b>{Label}</b>{/block:Label}
  449. &nbsp;{Line}
  450. </div>
  451. {/block:Lines}
  452. {/block:Chat}
  453.  
  454. {block:Video}
  455. <div class="media">
  456. <div class="video-wrapper">
  457. <div class="video-container">{Video-400}</div>
  458. </div>
  459. </div>
  460. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  461. {/block:Video}
  462.  
  463. {block:Audio}
  464. <div id="audio">
  465. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  466. <div class="player">{AudioPlayerWhite}</div>
  467. <div class="songtitle">
  468. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  469. {block:Artist}{Artist}{/block:Artist}<br>
  470. {block:Album}{Album}{/block:Album}</div></div>
  471. {block:Caption}{Caption}{/block:Caption}
  472. {/block:Audio}
  473.  
  474. {block:Answer}
  475. <div class="question"><b>{Asker}: {Question}</b></div>
  476. <div class="caption">{Answer}</div>
  477. {/block:Answer}
  478.  
  479.  
  480. {block:Date}
  481. <div class="footer">
  482. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}{block:NoteCount} ( {NoteCountWithLabel} ){/block:NoteCount}</a>
  483. {block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  484. </div>
  485.  
  486. {block:PermalinkPage}
  487. {block:NoteCount}
  488. {block:PostNotes}{PostNotes}{/block:PostNotes}
  489. {/block:NoteCount}
  490. {/block:PermalinkPage}
  491. {/block:Date}
  492.  
  493. </div>
  494. {/block:Posts}
  495.  
  496. {block:Pagination}
  497. <div id="nav">
  498. <span style="word-spacing:4px">
  499. {block:PreviousPage}<a href="{PreviousPage}">prev</a> /{/block:PreviousPage}
  500.  
  501. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  502. </div>
  503. {/block:Pagination}</span>
  504. </div>
  505. </div>
  506.  
  507. </div>
  508.  
  509. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  510. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  511.  
  512. <!--again, DON'T REMOVE/EDIT THE CREDIT. So uhm pls ignore this section and good day!-->
  513.  
  514. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://chagnki.tumblr.com/" title="theme">★</a>
  515.  
  516. </body>
  517. </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!