API tools faq
paste
Advertisement
bakushima

want you theme

bakushima
Apr 26th, 2017
2,856
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <!-----
  4.  
  5. want you theme by sam @classroom.tumblr.com
  6.  
  7. basecode by animecharacter
  8.  
  9. *DO NOT REMOVE THE CREDIT!!* I WILL NOTICE
  10.  
  11. *DO NOT USE AS A BASE CODE!* use actual basecodes for that? god
  12.  
  13. if the pixel is big on ur blog just change it and it should be fixed!
  14. other than changing the pixel don't mess with the credit plssss
  15.  
  16. lmk if there are any weird bugs or u have questions!
  17.  
  18.  
  19. ----->
  20.  
  21.  
  22.  
  23.  
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28. <script>
  29.  
  30. (function($){
  31.  
  32. $(document).ready(function(){
  33.  
  34. $("a[title]").style_my_tooltips({
  35.  
  36. tip_follows_cursor:true,
  37.  
  38. tip_delay_time:90,
  39.  
  40. tip_fade_speed:600,
  41.  
  42. attribute:"title"
  43.  
  44. });
  45.  
  46. });
  47.  
  48. })(jQuery);
  49.  
  50. </script>
  51.  
  52.  
  53. <meta charset="utf-8">
  54. <meta https
  55. -equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  56. {block:Description}
  57. <meta name="description" content="{MetaDescription}" />
  58. {/block:Description}
  59.  
  60. <title>{Title}</title>
  61.  
  62. <meta name="image:sidebar image" content="">
  63. <meta name="image:background image" content="">
  64.  
  65. <meta name="color:background" content="">
  66. <meta name="color:post color" content="#fff">
  67. <meta name="color:text" content="">
  68. <meta name="color:link" content="">
  69. <meta name="color:link hover" content="">
  70.  
  71.  
  72. <meta name="if:description" content="">
  73. <meta name="if:circle sidebar" content="">
  74. <meta name="if:center text" content="">
  75. <meta name="if:caption" content="">
  76. <meta name="if:no scrollbar" content="">
  77. <meta name="if:underline" content="">
  78.  
  79. <meta name="select:font" content="times">
  80. <meta name="select:font" content="arial">
  81. <meta name="select:font" content="ms gothic">
  82. <meta name="select:font" content="comic sans ms">
  83. <meta name="select:font Size" content="14" title="14px">
  84. <meta name="select:font Size" content="16" title="16px">
  85. <meta name="select:font Size" content="18" title="18px">
  86. <meta name="select:font Size" content="20" title="20px">
  87. <meta name="select:font Size" content="22" title="22px">
  88. <meta name="select:font Size" content="26" title="26px">
  89.  
  90. <meta name="text:divider" content=":">
  91. <meta name="text:sidebar size" content="150">
  92. <meta name="text:post size" content="350">
  93. <meta name="text:link 1" content="">
  94. <meta name="text:link 1 url" content="/">
  95. <meta name="text:link 2" content="">
  96. <meta name="text:link 2 url" content="/">
  97.  
  98.  
  99. <link rel="shortcut icon" href="{Favicon}">
  100. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  101. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  102.  
  103. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  104.  
  105. <style type="text/css">
  106.  
  107.  
  108.  
  109. {block:IfNoScrollbar}
  110. ::-webkit-scrollbar {width: 0px; height: 3px; background: {color:Background};}
  111. ::-webkit-scrollbar-thumb {background-color:{color:Background} ;}{block:IfNoScrollbar}
  112.  
  113. .tooltip{
  114. display: inline;
  115. position: relative;
  116. }
  117.  
  118. #s-m-t-tooltip {
  119.  
  120. max-width:300px;
  121. background-color:{color:post color};
  122. border:1px solid {color:link};
  123. font-size:{select:font size}px;
  124. color:{color:text};
  125. letter-spacing:1px;
  126. text-transform:none;
  127. padding:3px;
  128. margin:20px 0px 0px 20px;
  129. z-index:9999999999999999999999;
  130. border-radius: 2px;
  131.  
  132. }
  133.  
  134. /*
  135. general text styles, fonts and colours
  136. */
  137.  
  138. body {
  139. margin:0px;
  140. background:{color:Background} url({image:Background Image});
  141. background-image: url('{image:Background Image}');
  142. background-attachment: fixed;
  143. background-position: top left;
  144. background-size: cover;
  145. font-family: {select:Font};
  146. font-size:{select:Font Size}px;
  147. line-height:140%;
  148. color: {color:text};
  149. {block:ifcentertext}
  150. text-align:center;
  151. {/block:ifcentertext}
  152. width:{text:post size};
  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};
  170. text-decoration:none;
  171. {block:ifunderline}
  172. text-decoration:underline;
  173. {/block:ifunderline}
  174. }
  175.  
  176. a:hover{
  177. color:{color:link hover};
  178. text-decoration:none;
  179. {block:ifunderline}
  180. text-decoration:underline;
  181. {/block:ifunderline}
  182. }
  183.  
  184. li{
  185. margin-left:-15px;
  186. }
  187.  
  188. /*
  189. containers etc
  190. */
  191. #wrapper{
  192. width:600px;
  193. margin:50px auto;
  194. }
  195.  
  196. #sidebar{
  197. margin-top:190px;
  198. margin-left:-50px;
  199. position:fixed;
  200. background-color:{color:post color};
  201. box-shadow: 0 0 15px 15px {color:post color};
  202. }
  203.  
  204. #content{
  205. width:{text:post size}px;
  206. margin-left:200px;
  207. overflow:hidden;
  208. box-shadow: 0 0 15px 15px {color:post color};
  209. background-color:{color:post color};
  210. padding:10px;
  211. }
  212.  
  213. .post{
  214. width:{text:post size}px;
  215. margin:0 0 60px 0;
  216. overflow:hidden;
  217. box-shadow: 0 0 15px 15px {color:post color};
  218. background-color:{color:post color};
  219. }
  220.  
  221. #sidebar img{
  222. {block:Ifcirclesidebar}
  223. moz-border-radius-bottomright: 100px;
  224. border-bottom-right-radius: 100px;
  225. -moz-border-radius-topleft: 100px;
  226. border-top-left-radius: 100px;
  227. -moz-border-radius-bottomleft: 100px;
  228. border-bottom-left-radius: 100px;
  229. -moz-border-radius-topright: 100px;
  230. border-top-right-radius: 100px;
  231. {/block:Ifcirclesidebar}
  232. width:{text:sidebar size}px;
  233. }
  234. #sidebar img, .post img{
  235. max-width:100%;
  236. }
  237.  
  238. #nav{
  239. margin:50px 0 0 0;
  240. }
  241.  
  242.  
  243. /*
  244. content in the body of the posts - quotes, asks, etc
  245. "media" contains photos, photosets, videos, audio posts
  246. */
  247. .media{
  248. margin:0 0 10px 0;
  249. }
  250.  
  251. .title{
  252. font-weight:normal;
  253. font-size:18px;
  254. margin:0 0 10px 0;
  255. }
  256.  
  257. .quote{
  258. font-weight:normal;
  259. font-size:16px;
  260. font-style:italic;
  261. margin:0 0 10px 0;
  262. }
  263.  
  264. .question{
  265. margin-bottom:10px;
  266. }
  267.  
  268. blockquote{
  269. margin:0 0 10px 10px;
  270. padding:0 0 0 10px;
  271. border-left:solid 1px #000;
  272. }
  273.  
  274. /*
  275. post footers - date, tags, via and source
  276. */
  277. .post .footer{
  278. margin:0;
  279. text-align:left;
  280. {block:ifcentertext}
  281. text-align:center;
  282. {block:ifcentertext}
  283. }
  284.  
  285. /*
  286. post notes
  287. */
  288. ol.notes{
  289. list-style-type:none;
  290. padding:0;
  291. margin:0;
  292. }
  293.  
  294. ol.notes li.note img{
  295. width:16px;
  296. height:16px;
  297. }
  298.  
  299. ol.notes li.note{
  300. margin:0px;
  301. }
  302.  
  303. {CustomCSS}
  304. }
  305.  
  306. </style>
  307. </head>
  308.  
  309. <body>
  310. <div id="wrapper">
  311.  
  312.  
  313. <div id="sidebar">
  314. <a title="{title}" href="/"> <img src= "{image:sidebar image}"> </a>
  315. {block:IfDescription}
  316. <p>{Description}</p>
  317. {/block:IfDescription}
  318. <p>
  319. <a href="{text:Link 1 url}">{text:Link 1}</a> {text:Divider}
  320. <a href="{text:Link 2 url}">{text:Link 2}</a></p>
  321. {block:HasPages}
  322. {block:Pages}
  323. <a href="{URL}">{Label}</a><br>
  324. {/block:Pages}
  325. {/block:HasPages}
  326. </div>
  327.  
  328.  
  329.  
  330. <div id="content">
  331. {block:Posts}
  332. <div class="post">
  333.  
  334. {block:Text}
  335. {block:Title}
  336. <div class="title">{Title}</div>
  337. {/block:Title}
  338. {Body}
  339. {/block:Text}
  340.  
  341. {block:Photo}
  342. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  343. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  344. {/block:Photo}
  345.  
  346. {block:Photoset}
  347. <div class="media">{Photoset-400}</div>
  348. {block:ifcaption}<div class="caption">{caption}</div>{/block:ifcaption}
  349. {/block:Photoset}
  350.  
  351. {block:Quote}
  352. <div class="quote">"{Quote}"</div>
  353. {block:Source}
  354. <div class="quotesource">{Source}</div>
  355. {/block:Source}
  356. {/block:Quote}
  357.  
  358. {block:Link}
  359. <div class="title"><a href="{URL}">{Name}</a></div>
  360. {block:Description}
  361. <div class="description">{Description}</div>
  362. {/block:Description}
  363. {/block:Link}
  364.  
  365. {block:Chat}
  366. {block:Title}
  367. <div class="title">{Title}</div>
  368. {/block:Title}
  369.  
  370. {block:Lines}
  371. <div class="{Alt} user_{UserNumber}">
  372. {block:Label}
  373. <b>{Label}</b>{/block:Label}
  374. &nbsp;{Line}
  375. </div>
  376. {/block:Lines}
  377. {/block:Chat}
  378.  
  379. {block:Video}
  380. <div class="media">{Video-400}</div>
  381. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  382. {/block:Video}
  383.  
  384. {block:Audio}
  385. <div class="media">
  386. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  387. {AudioPlayerWhite}
  388. {block:TrackName}{TrackName}<br>{/block:TrackName}
  389. {block:Artist}{Artist}<br>{/block:Artist}
  390. {block:Album}{Album}{/block:Album}
  391. </div>
  392. {block:ifcaption}{Caption}{/block:ifcaption}
  393. {/block:Audio}
  394.  
  395. {block:Answer}
  396. <div class="question">{Asker}: {Question}</div>
  397. <div class="caption">{Answer}</div>
  398. {/block:Answer}
  399.  
  400.  
  401. {block:Date}
  402. <div class="footer">
  403. <a href="{Permalink}">{TimeAgo}</a> {text:divider} <a href="{Permalink}">{notecountwithlabel}</a>
  404. <!-- {block:NoRebloggedFrom}
  405. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  406. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  407. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  408. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  409. {/block:ContentSource}
  410. </div>
  411.  
  412. {block:PermalinkPage}
  413. {block:NoteCount}
  414. {block:PostNotes}{PostNotes}{/block:PostNotes}
  415. {/block:NoteCount}
  416. {/block:PermalinkPage}
  417. {/block:Date}
  418.  
  419. </div>
  420. {/block:Posts}
  421.  
  422.  
  423. {block:Pagination}
  424. <div id="nav">
  425. {block:PreviousPage}<a href="{PreviousPage}">⇇ prev</a>{/block:PreviousPage}
  426.  
  427. {block:NextPage}<a href="{NextPage}">next ⇉</a>{/block:NextPage}
  428. </div>
  429. {/block:Pagination}
  430. </div>
  431. </div>
  432.  
  433. </div>
  434.  
  435. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  436. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  437.  
  438. <div style="position:fixed;bottom:10px;opacity:1;right:20px;padding:px;font-size:8px;font-weight:normal;"><a title="theme" href="https://classroom.tumblr.com/"><img src="https://78.media.tumblr.com/292ed3c97f3cca46180ab84fe1f7d3f2/tumblr_inline_p7tm2v1prp1v2qfml_500.png"></a></div>
  439.  
  440. </body>
  441. </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!