API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 6th, 2015
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme 10 by solar/mye !! rebiuld.tumblr.com ( i remade i was anaru4.tumblr.com )
  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.  
  95. <style type="text/css">
  96.  
  97. #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};}
  98.  
  99.  
  100. /*
  101. general text styles, fonts and colours
  102. */
  103.  
  104. body {
  105. margin:0px;
  106. background: url({image:Background});
  107. background-color:{color:Background};
  108. background-attachment:fixed;
  109. font-family: {text:Font family};
  110. font-size:{text:Font size}px;
  111. line-height:140%;
  112. {block:ifSmallcursor}cursor: url(http://i.imgur.com/2qleX.jpg), auto;{/block:ifSmallcursor}
  113. color: {color:Text};
  114.  
  115. {block:ifFullbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  116. -webkit-background-size: cover;
  117. -moz-background-size: cover;
  118. -o-background-size: cover;
  119. background-size: cover;
  120. {/block:ifFullbg}
  121. }
  122.  
  123. p{
  124. margin:0 0 10px 0;
  125. padding:0;
  126. }
  127.  
  128. pre {
  129. white-space: pre-wrap;
  130. white-space: -moz-pre-wrap;
  131. white-space: -pre-wrap;
  132. white-space: -o-pre-wrap;
  133. word-wrap: break-word;
  134. }
  135.  
  136. a{
  137. color:{color:Link};
  138. -webkit-transition: 0.3s ease-in-out;
  139. -moz-transition: 0.3s ease-in-out;
  140. -o-transition: 0.3s ease-in-out;
  141. transition: 0.3s ease-in-out;
  142. text-decoration:none;{block:ifUnderlinedlinks}text-decoration:underline;{/block:ifUnderlinedlinks}
  143. {block:ifSmallcursor}cursor: url(http://i.imgur.com/2qleX.jpg), auto;{/block:ifSmallcursor}
  144. }
  145.  
  146. a:hover{
  147. color:{color:Link hover};
  148. -webkit-transition: 0.3s ease-in-out;
  149. -moz-transition: 0.3s ease-in-out;
  150. -o-transition: 0.3s ease-in-out;
  151. transition: 0.3s ease-in-out;
  152. {block:ifSmallcursor}cursor: url(http://i.imgur.com/2qleX.jpg), auto;{/block:ifSmallcursor}
  153. }
  154.  
  155. li{
  156. margin-left:-15px;
  157. }
  158.  
  159. /*
  160. containers etc
  161. */
  162. #wrapper{
  163. width:600px;
  164. margin:50px auto;
  165. }
  166.  
  167. #sidebar{
  168. width:130px;
  169. position:fixed;
  170. text-align:center;
  171. padding:15px;
  172. {block:ifBorders}border:1px solid {color:Border};{/block:ifBorders}
  173. background-color:{color:Post bg};
  174. {block:ifDoubleborders}border:4px double {color:Border};{/block:ifDoubleborders}
  175. {block:ifRoundedcorners}-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; {/block:ifRoundedcorners}
  176. }
  177.  
  178. #content{
  179. width:430px;
  180. margin-left:200px;
  181. overflow:hidden;
  182. }
  183.  
  184. .post{
  185. width:{block:if250px}250px;{/block:if250px} {block:if300px}300px;{/block:if300px} {block:if350px}350px{/block:if350px} {block:if400px}400px{/block:if400px};
  186. margin:0 0 50px 0;
  187. overflow:hidden;
  188. padding:15px;
  189. {block:ifBorders}border:1px solid {color:Border};{/block:ifBorders}
  190. {block:ifDoubleborders}border:4px double {color:Border};{/block:ifDoubleborders}
  191. background-color:{color:Post bg};
  192. {block:ifRoundedcorners}-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; {/block:ifRoundedcorners}
  193. }
  194.  
  195. #sidebar img, .post img{
  196. max-width:100%;
  197. }
  198.  
  199. #nav{
  200. padding-top:10px;font-size:16px;font-weight:bold;text-decoration:none;
  201. }
  202.  
  203. #nav a{
  204. text-decoration:none;
  205. }
  206.  
  207. #links{
  208. word-spacing:7px;font-size:16px;font-weight:bold;
  209. }
  210.  
  211. #links a{
  212. text-decoration:none;
  213. }
  214.  
  215. #linkslist{
  216. word-spacing:4px;font-size:{text:Font size};
  217. }
  218.  
  219. /*
  220. content in the body of the posts - quotes, asks, etc
  221. "media" contains photos, photosets, videos, audio posts
  222. */
  223. .media{
  224. margin:0 0 10px 0;
  225. }
  226.  
  227. .title{
  228. font-weight:normal;
  229. font-size:18px;
  230. margin:0 0 10px 0;
  231. text-align:center;
  232. background-color:{color:Title bg color};
  233. padding:5px;
  234. border: 1px dashed {color:Border};
  235. }
  236.  
  237. .quote{
  238. font-weight:normal;
  239. font-size:16px;
  240. font-style:italic;
  241. margin:0 0 10px 0;
  242. }
  243.  
  244. .question{
  245. margin-bottom:10px;border:1px dashed {color:Border};padding:5px;
  246. }
  247.  
  248. blockquote{
  249. margin:0 0 10px 10px;
  250. padding:0 0 0 10px;
  251. border-left:solid 1px {color:Text};
  252. }
  253.  
  254. #audio {
  255. width:100% 400px {block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} ;
  256. height:50px;
  257. margin-bottom:10px;
  258. display:block;
  259. border:1px dashed {color:Border};
  260. padding:5px;
  261. }
  262.  
  263. #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;}
  264.  
  265.  
  266. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  267. .art img{width:50px;height:50px;}
  268.  
  269. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:11px;}
  270.  
  271. .video-container {
  272. position: center;
  273. overflow: hidden;
  274. }
  275.  
  276. .video-container iframe,
  277. .video-container object,
  278. .video-container embed {
  279. position: center;
  280. max-width:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} ;
  281. max-height:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} ;
  282. }
  283.  
  284. .video-wrapper {
  285. max-width:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} ;
  286. max-height:{block:if250px}250px{/block:if250px} {block:if300px}300px{/block:if300px} {block:if350px}350px{/block:if350px} ;
  287. }
  288.  
  289. /*
  290. post footers - date, tags, via and source
  291. */
  292. .post .footer{
  293. margin:0;
  294. text-align:{select:Footer text};
  295. padding-top:10px;
  296. }
  297.  
  298. .footer a{
  299. background-color:{color:Footer link bg};
  300. }
  301.  
  302. .footer a:hover{
  303. background-color:{color:Footer link hover bg};
  304. }
  305.  
  306. /*
  307. post notes
  308. */
  309. ol.notes{
  310. list-style-type:none;
  311. padding:0;
  312. margin:0;
  313. }
  314.  
  315. ol.notes li.note img{
  316. width:16px;
  317. height:16px;
  318. }
  319.  
  320. ol.notes li.note{
  321. margin:0px;
  322. }
  323.  
  324. {CustomCSS}
  325. </style>
  326. </head>
  327.  
  328. <body>
  329.  
  330.  
  331. <div id="wrapper">
  332.  
  333.  
  334. <div id="sidebar">
  335.  
  336. <img src="{image:Sidebar}">
  337. {block:Description}
  338. <p>{Description}</p>
  339. {/block:Description}
  340.  
  341. {block:ifNumberlinks}
  342. <div id="links">
  343. <a href="/" title="home">I</a>
  344. <a href="/ask" title="msg">II</a>
  345. <a href="{text:Link 1 url}" title="{text:Link 1 title}">III</a>
  346. <a href="{text:Link 2 url}" title="{text:Link 2 title}">IV</a>
  347. <a href="{text:Link 3 url}" title="{text:Link 3 title}">V</a>
  348. </div>{/block:ifNumberlinks}
  349.  
  350. {block:ifNormallinks}
  351. <div id="linkslist">
  352. <a href="/">home</a>
  353. <a href="/ask">msg</a>
  354. <a href="{text:Link 1 url}">{text:Link 1 title}</a>
  355. <a href="{text:Link 2 url}">{text:Link 2 title}</a>
  356. <a href="{text:Link 3 url}">{text:Link 3 title}</a>
  357. </div>{/block:ifNormallinks}
  358.  
  359. {block:Pagination}
  360. <div id="nav">
  361. {block:PreviousPage}<a href="{PreviousPage}" title="previous page">←</a>{/block:PreviousPage}
  362.  
  363. {block:NextPage}<a href="{NextPage}" title="next page">→</a>{/block:NextPage}
  364. </div>
  365. {/block:Pagination}
  366.  
  367. {block:HasPages}
  368. {block:Pages}
  369. <a href="{URL}">{Label}</a><br>
  370. {/block:Pages}
  371. {/block:HasPages}
  372. </div>
  373.  
  374.  
  375.  
  376. <div id="content">
  377. {block:Posts}
  378.  
  379. <div class="post">
  380.  
  381. {block:Text}
  382. {block:Title}
  383. <div class="title">{Title}</div>
  384. {/block:Title}
  385. {Body}
  386. {/block:Text}
  387.  
  388. {block:Photo}
  389. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  390. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  391. {/block:Photo}
  392.  
  393. {block:Photoset}
  394. <div class="media">{Photoset}</div>
  395. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  396. {/block:Photoset}
  397.  
  398. {block:Quote}
  399. <div class="quote">"{Quote}"</div>
  400. {block:Source}
  401. <div class="quotesource">{Source}</div>
  402. {/block:Source}
  403. {/block:Quote}
  404.  
  405. {block:Link}
  406. <div class="title"><a href="{URL}">{Name}</a></div>
  407. {block:Description}
  408. <div class="description">{Description}</div>
  409. {/block:Description}
  410. {/block:Link}
  411.  
  412. {block:Chat}
  413. {block:Title}
  414. <div class="title">{Title}</div>
  415. {/block:Title}
  416.  
  417. {block:Lines}
  418. <div class="{Alt} user_{UserNumber}">
  419. {block:Label}
  420. <b>{Label}</b>{/block:Label}
  421. &nbsp;{Line}
  422. </div>
  423. {/block:Lines}
  424. {/block:Chat}
  425.  
  426. {block:Video}
  427. <div class="media">
  428. <div class="video-wrapper">
  429. <div class="video-container">{Video-400}</div>
  430. </div>
  431. </div>
  432. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  433. {/block:Video}
  434.  
  435. {block:Audio}
  436. <div id="audio">
  437. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  438. <div class="player">{AudioPlayerWhite}</div>
  439. <div class="songtitle">
  440. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  441. {block:Artist}{Artist}{/block:Artist}<br>
  442. {block:Album}{Album}{/block:Album}</div></div>
  443. {block:Caption}{Caption}{/block:Caption}
  444. {/block:Audio}
  445.  
  446. {block:Answer}
  447. <div class="question">{Asker} said : {Question}</div>
  448. <div class="caption">{Answer}</div>
  449. {/block:Answer}
  450.  
  451.  
  452. {block:Date}
  453. <div class="footer">
  454. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}( {NoteCount}{text:Notes symbol} ){/block:NoteCount}
  455. {block:HasTags}<br>{block:Tags}{text:Tags symbol} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  456. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">via {ReblogParentName}</a>{/block:RebloggedFrom}
  457. {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>
  458. </div>
  459.  
  460. {block:PermalinkPage}
  461. {block:NoteCount}
  462. {block:PostNotes}{PostNotes}{/block:PostNotes}
  463. {/block:NoteCount}
  464. {/block:PermalinkPage}
  465. {/block:Date}
  466.  
  467. </div>
  468. {/block:Posts}
  469. </div>
  470. </div>
  471.  
  472. </div>
  473.  
  474. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  475. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  476.  
  477. <!--again, DON'T REMOVE/EDIT THE CREDIT. So uhm pls ignore this section and good day!-->
  478.  
  479. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://rebiuld.tumblr.com/" title="theme">★</a>
  480.  
  481.  
  482.  
  483. </body>
  484. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!