API tools faq
paste
uwuhell

theme 10

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