API tools faq
paste
Advertisement
becky4268

theme 43

becky4268
Apr 17th, 2014
282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. code вy oғjαcĸ
  8.  
  9. do ɴoт вreαĸ тнeѕe rυleѕ:
  10. - do ɴoт υѕe αѕ α вαѕe code.
  11. - do ɴoт clαιм αѕ yoυr owɴ.
  12. - do ɴoт reмove тнe credιт.
  13.  
  14. ---->
  15.  
  16.  
  17. <head>
  18.  
  19.  
  20. <meta name="color:bg" content="#FFFFFF">
  21. <meta name="color:hover" content="#FFFFFF">
  22. <meta name="color:link" content="#AAAAAA">
  23. <meta name="color:text" content="#AAAAAA">
  24. <meta name="color:tags" content="#AAAAAA">
  25. <meta name="color:scrollbar" content="#EEEEEE">
  26.  
  27. <meta name="text:Title" content=""/>
  28. <meta name="text:subtitle" content=""/>
  29.  
  30. <meta name="text:link1" content="">
  31. <meta name="text:link1 url" content="/">
  32. <meta name="text:link2" content="">
  33. <meta name="text:link2 url" content="/">
  34. <meta name="text:link3" content="">
  35. <meta name="text:link3 url" content="/">
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("a[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:90,
  51. tip_fade_speed:600,
  52. attribute:"title"
  53. });
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. a {
  62. color:{color:link};
  63. text-decoration:none;
  64. -moz-transition-duration:0.5s;
  65. -webkit-transition-duration:0.5s;
  66. -o-transition-duration:0.5s;
  67. }
  68.  
  69. a:hover {
  70. color:{color:hover};
  71. text-decoration:none;
  72. -moz-transition-duration:0.5s;
  73. -webkit-transition-duration:0.5s;
  74. -o-transition-duration:0.5s;
  75. }
  76.  
  77.  
  78. ::-webkit-scrollbar {background-color:{color:bg}; height:8px; width:8px}
  79. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  80. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  81.  
  82.  
  83. body {
  84. background-color:{color:bg};
  85. font-family:helvetica;
  86. font-weight:normal;
  87. font-size:10px;
  88. }
  89.  
  90. h1 {
  91. font-weight:normal;
  92. font-size:11px;
  93. text-align:center;
  94. font-style:italic;
  95. line-height:50%;
  96. letter-spacing:1px;
  97. text-transform:lowercase;
  98. color:{color:text};
  99. }
  100.  
  101. h2 {
  102. font-size:10px;
  103. text-align:left;
  104. line-height:100%;
  105. letter-spacing:-0.5px;
  106. color:{color:text};
  107. font-weight:bold;
  108. text-transform:uppercase;
  109. padding:5px;
  110. padding-bottom:2px;
  111. }
  112.  
  113. h3 {
  114. font-size:10px;
  115. text-align:center;
  116. line-height:100%;
  117. letter-spacing:-0.5px;
  118. color:{color:text};
  119. font-weight:bold;
  120. text-transform:uppercase;
  121. padding:5px;
  122. padding-bottom:2px;
  123. }
  124.  
  125. blockquote {
  126. border-left:2px solid {color:text};
  127. padding-left:5px;
  128. margin:5px;
  129. }
  130.  
  131. #themenum {
  132. background-color:{color:bg};
  133. width:700px;
  134. margin: 0 auto -12px auto;
  135. text-align: center;
  136. }
  137.  
  138. #sidebar {
  139. color:{color:text};
  140. position:fixed;
  141. width:200px;
  142. margin-top:200px;
  143. margin-left:0px;
  144. text-align:left;
  145. }
  146.  
  147. .slinks {
  148. padding:6px;
  149. position:fixed;
  150. z-index:2222;
  151. width:200px;
  152. font-family:Trebuchet MS;
  153. font-size:1px;
  154. text-align:center;
  155. letter-spacing:1px;
  156. padding:20px;
  157. margin-top:40px;
  158. opacity:1;
  159. margin-left:-10px;
  160. color:#111;
  161. -webkit-transition: all 1s ease;
  162. }
  163.  
  164. .slinks a{
  165. padding:6px;
  166. display:inline-block;
  167. margin:1px;
  168. font-style:normal;
  169. color:#111;
  170. background:#111;
  171. border-radius:200px;
  172. -webkit-transition: all 0.7s;
  173. -moz-transition: all 0.7s;
  174. transition: all 0.7s;
  175. }
  176.  
  177. .slinks a:hover{
  178. color:{color:text};
  179. -moz-transition-duration:0.8s;
  180. -webkit-transition-duration:0.8s;
  181. -o-transition-duration:0.8s;
  182. }
  183.  
  184. .description {
  185. margin-left:24px;
  186. margin-top:93px;
  187. width:170px;
  188. position:fixed;
  189. text-align:center;
  190. font-size:9px;
  191. color:{color:text};
  192. letter-spacing:1px;
  193. border-top:1px solid #eee;
  194. padding-top:20px;
  195. line-height:105%;
  196. font-family:Trebuchet MS;
  197. }
  198.  
  199. #title {
  200. margin-left:25px;
  201. margin-top:30px;
  202. width:170px;
  203. text-align:center;
  204. font-size:15px;
  205. color:{color:text};
  206. letter-spacing:2px;
  207. line-height:105%;
  208. font-family:century;
  209. text-transform:uppercase;
  210. }
  211.  
  212. #tit {
  213. margin-left:78px;
  214. margin-top:38px;
  215. width:60px;
  216. text-align:center;
  217. font-size:20px;
  218. color:{color:text};
  219. letter-spacing:-1px;
  220. line-height:105%;
  221. font-family:arial;
  222. font-style:italic;
  223. position:fixed;
  224. z-index:2;
  225. background:#fff;
  226. }
  227.  
  228. .pagination {
  229. font-size:8px;
  230. text-transform:uppercase;
  231. letter-spacing:3px;
  232. font-style:normal;
  233. text-align:center;
  234. margin-top:120px;
  235. margin-left:25px
  236. }
  237.  
  238. .pagination a {
  239. color:#111;
  240. }
  241.  
  242. #postcontainer {
  243. float:left;
  244. margin-left:320px;
  245. margin-top:50px;
  246. text-align:justify;
  247. background-color:{color:bg};
  248. color:{color:text};
  249. margin-bottom: 120px;
  250. }
  251.  
  252. #posts {
  253. width:400px;
  254. margin-top:75px;
  255. text-align:justify;
  256. font-size:11px;
  257. line-height:90%;
  258. color:{color:text};
  259. -moz-transition-duration:0.5s;
  260. -webkit-transition-duration:0.5s;
  261. -o-transition-duration:0.5s;
  262. }
  263.  
  264. #info {
  265. font-family:Trebuchet MS;
  266. width:390px;
  267. background:#f9f9f9;
  268. margin-top:10px;
  269. padding:2px;
  270. padding-left:8px;
  271. font-size:8px;
  272. color:{color:link};
  273. text-transform:uppercase;
  274. font-style:normal;
  275. letter-spacing:0px;
  276. text-align:center;
  277. -moz-transition-duration:0.5s;
  278. -webkit-transition-duration:0.5s;
  279. -o-transition-duration:0.5s;
  280. }
  281.  
  282. #info a {
  283. color:{color:link};
  284. text-align:right;
  285. letter-spacing:1px;
  286. font-style:normal;
  287. margin-right:3px;
  288. margin-left:3px;
  289. }
  290.  
  291. #info a:hover {
  292. color:{color:hover};
  293. }
  294.  
  295. #posts:hover .tags {
  296. opacity:1;
  297. -moz-transition-duration:0.5s;
  298. -webkit-transition-duration:0.5s;
  299. -o-transition-duration:0.5s;
  300. }
  301.  
  302. .caption {
  303. width:400px;
  304. text-align:justify;
  305. line-height:120%;
  306. }
  307.  
  308. .question {
  309. padding:10px;
  310. text-align:left;
  311. color:{color:text};
  312. background-color:{color:infobg};
  313. border-bottom:1px solid {color:text};
  314. }
  315.  
  316. .answer {
  317. text-align:left;
  318. padding:10px;
  319. color:{color:text};
  320. }
  321.  
  322. .music {
  323. width:400px;
  324. padding-bottom:10px;
  325. background-color:{color:infobg};
  326. }
  327.  
  328. .albumart {
  329. float:left;
  330. padding:0px 10px 10px 0px;
  331. }
  332.  
  333. .albumart img {
  334. width:45px;
  335. height:45px;
  336. }
  337.  
  338. .playercontainer {
  339. text-align:left;
  340. padding:10px;
  341. background-color:#ffffff;
  342. width:380px;
  343. }
  344.  
  345. .musicinfo {
  346. padding:10px;
  347. color:{color:text};
  348. }
  349.  
  350. .postnote {
  351. text-transform:uppercase;
  352. font-style:normal;
  353. letter-spacing:0px;
  354. font-size: 9px;
  355. text-align:left;
  356. line-height:90%;
  357. margin-left:-40px;
  358. }
  359.  
  360. .postnote li {
  361. list-style-type:none;
  362. border-bottom:1px solid #f9f9f9;
  363. padding:10px 25px 10px 25px;
  364. text-align:left;
  365. margin:5px;
  366. -moz-transition-duration:0.5s;
  367. -webkit-transition-duration:0.5s;
  368. -o-transition-duration:0.5s;
  369. }
  370.  
  371. li.notes {
  372. padding:10px;
  373. }
  374.  
  375. .tags {
  376. font-style:normal;
  377. width:400px;
  378. text-transform:lowercase;
  379. font-style:italic;
  380. color:{color:tags};
  381. letter-spacing:0px;
  382. line-height:120%;
  383. font-size:8px;
  384. text-align:center;
  385. opacity:0;
  386. padding:2px;
  387. -moz-transition-duration:0.5s;
  388. -webkit-transition-duration:0.5s;
  389. -o-transition-duration:0.5s;
  390. }
  391.  
  392. .tags a {
  393. color:{color:text};
  394. letter-spacing:1px;
  395. padding:1px;
  396. }
  397.  
  398. .tags a:hover {
  399. color:#f1f1f1;
  400. }
  401.  
  402. ul.chat, .chat ol, .chat li {
  403. list-style:none;
  404. margin:0px;
  405. padding:2px;
  406. }
  407.  
  408. .tab {
  409. text-decoration:underline;
  410. font-weight:700;
  411. background-color:{color:bg};
  412. margin-right:5px;
  413. }
  414.  
  415. .q {
  416. margin-bottom:10px;
  417. background:#f9f9f9;
  418. padding:5px;
  419. }
  420.  
  421. .as {
  422. font-weight:bold;
  423. text-transform:uppercase;
  424. border-bottom:2px solid #fff;
  425. padding-bottom:5px;
  426. }
  427.  
  428. .a {
  429. margin-top:10px;
  430. }
  431.  
  432. #s-m-t-tooltip {
  433. max-width:300px;
  434. padding:1px;
  435. margin:10px 0px 0px 10px;
  436. background-color:#fff;
  437. background:#fff;
  438. font-family:arial;
  439. font-size:10px;
  440. letter-spacing:0px;
  441. text-transform:lowercase;
  442. color:#111;
  443. border:1px solid #eee;
  444. z-index:999999999999999999999999999999999999;
  445. }
  446.  
  447. #cred {
  448. position:fixed;
  449. right:10px;
  450. bottom:15px;
  451. text-transform:uppercase;
  452. }
  453.  
  454. #cred a {
  455. text-align:center;
  456. padding:0px;
  457. color:#111;
  458. font-size:15px;
  459. font-family:arial;
  460. letter-spacing:-1px;
  461. font-weight:bold;
  462. padding:4px;
  463. -moz-transition-duration:0.5s;
  464. -webkit-transition-duration:0.5s;
  465. -o-transition-duration:0.5s;
  466. }
  467.  
  468. #cred a:hover {
  469. background-color:#111;
  470. color:#fff;
  471. -moz-transition-duration:0.5s;
  472. -webkit-transition-duration:0.5s;
  473. -o-transition-duration:0.5s;
  474. }
  475.  
  476.  
  477. {CustomCSS}
  478.  
  479. </style></head>
  480.  
  481. <body>
  482.  
  483. <div id="themenum">
  484. <div id="sidebar">
  485. <div class="slinks">
  486. <a href="/" style="background:#000000" title="home"></a>
  487. <a href="/ask" style="background:#585858" title="letter"></a>
  488. {block:IfLink1}
  489. <a href="{text:link1 url}" style="background:#6E6E6E" title="{text:link1}"></a>
  490. {/block:IfLink1}
  491. {block:IfLink2}
  492. <a href="{text:link2 url}" style="background:#BDBDBD" title="{text:link1}"></a>
  493. {/block:IfLink2}
  494. {block:IfLink3}
  495. <a href="{text:link3 url}" style="background:#F2F2F2" title="{text:link1}"></a>
  496. {/block:IfLink3}
  497. </div>
  498. <div class="description">
  499. {Description}
  500. </div>
  501. <div id="title">{text:Title}</div><div id="tit">{text:subtitle}</div>
  502. {block:Pagination}
  503. <div class="pagination">
  504.  
  505. {block:PreviousPage}
  506. <a href="{PreviousPage}">←</a>
  507. {/block:PreviousPage}
  508.  
  509. {CurrentPage}
  510. out of {TotalPages}
  511.  
  512. {block:NextPage}
  513. <a href="{NextPage}">→</a>
  514. {/block:NextPage}
  515. </div>
  516. {/block:Pagination}
  517. </div>
  518.  
  519. <div id="postcontainer">
  520.  
  521. {block:Posts}
  522.  
  523. <div id="posts">
  524.  
  525. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  526.  
  527. {block:Quote}<h3>“{Quote}”</h3><h1>{Source}</h1>{/block:Quote}
  528.  
  529. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  530. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  531.  
  532. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  533.  
  534. {block:Photoset}<center>{Photoset-400}</center>
  535. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  536.  
  537. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="tab">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  538.  
  539. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  540.  
  541. {block:Answer}<div class="q"><div class="as">{Asker}:</div><div style="padding-top:5px">{Question}</div></div><div class="a">{Answer}</div>{/block:Answer}
  542.  
  543. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  544. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  545. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  546. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  547. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  548.  
  549. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo} {block:NoteCount} </a> <a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  550. {block:ContentSource} // <a href="{SourceURL}">source</a>{/block:ContentSource}</div>{/block:Date}
  551. {block:HasTags}
  552. <div class="tags">
  553. {block:Tags}<a href="{TagURL}">#{Tag},</a>{/block:Tags}</div>
  554. {/block:HasTags}
  555. <div class="postnote">
  556. {block:PostNotes}{PostNotes}{/block:PostNotes}
  557. </div>
  558. </div>
  559. {/block:Posts}
  560.  
  561.  
  562. </div>
  563.  
  564. <div id="cred"><a href="http://ofjack.tumblr.com/" title="theme made by becky">jc</a></div>
  565.  
  566.  
  567. </div>
  568. </div>
  569. </div>
  570. </body>
  571. </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!