API tools faq
paste
Advertisement
becky4268

theme 42

becky4268
Mar 8th, 2014
735
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.04 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. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!--
  10.  
  11. code вy oғjαcĸ
  12.  
  13. do ɴoт вreαĸ тнeѕe rυleѕ:
  14. - do ɴoт υѕe αѕ α вαѕe code.
  15. - do ɴoт clαιм αѕ yoυr owɴ.
  16. - do ɴoт reмove тнe credιт.
  17.  
  18. ---->
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Sidebar" content="#ffffff"/>
  22. <meta name="color:Accent" contect="#FE2E2E"/>
  23. <meta name="color:Text" content="#a8a8a8"/>
  24. <meta name="color:Hover" content="#f2f2f2"/>
  25. <meta name="color:Post" content="#ffffff"/>
  26. <meta name="color:Answer" content="#f8f8f8"/>
  27. <meta name="color:Link" content="#111111"/>
  28. <meta name="image:sidebar1" content=""/>
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 1 Text" content="" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 2 Text" content="" />
  33. <meta name="text:Link 3" content="" />
  34. <meta name="text:Link 3 Text" content="" />
  35. <meta name="text:Link 4" content="" />
  36. <meta name="text:Link 4 Text" content="" />
  37. <meta name="text:Link 5" content="" />
  38. <meta name="text:Link 5 Text" content="" />
  39. <meta name="if:Show Link 1" content="1" />
  40. <meta name="if:Show Link 2" content="1" />
  41. <meta name="if:Show Link 3" content="1" />
  42. <meta name="if:Show Link 4" content="1" />
  43. <meta name="if:Show Link 5" content="1" />
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  46. </script>
  47. <script>
  48. $(document).ready(function(){
  49. $("#flip").click(function(){
  50. $("#panel").slideToggle("slow");
  51. });
  52. });
  53. </script>
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar {
  58. width: 5px;height: 5px;}
  59. ::-webkit-scrollbar-button:start:decrement,
  60. ::-webkit-scrollbar-button:end:increment {
  61. height: 6px;display: block;background-color: {color:Accent};}
  62. ::-webkit-scrollbar-track-piece {
  63. background-color: #fff;}
  64. ::-webkit-scrollbar-thumb:vertical {
  65. height: 9px;background-color: {color:Accent};border-top:1px solid {color:Accent};border-bottom:1px solid {color:Accent};}
  66.  
  67. body {
  68. background:{color:background};
  69. margin:0px;
  70. color:{color:text};
  71. font-family:Calibri;
  72. font-size:9px;
  73. line-height:100%;
  74. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  75. }
  76.  
  77. a {
  78. text-decoration:none;
  79. outline:none;
  80. -moz-outline-style:none;
  81. color:{color:link};
  82. -webkit-transition: all 0.7s ease;
  83. -moz-transition: all 0.7s ease;
  84. -o-transition: all 0.7s ease;
  85. }
  86.  
  87. img {
  88. border:none;
  89. }
  90.  
  91. blockquote {
  92. padding-left:5px;
  93. border-left:2px solid;
  94. }
  95.  
  96. blockquote blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101. h1 {
  102. font-size:15px;
  103. text-transform:normal;
  104. font-style:italic;
  105. font-family:georgia;
  106. color:{color:Accent};
  107. }
  108.  
  109. h2 {
  110. font-size:15px;
  111. font-family:georgia;
  112. color:{color:Accent};
  113. text-transform:normal;
  114. font-style:italic;
  115. line-height:100%;
  116. }
  117.  
  118. a:hover {
  119. color:#fff;
  120. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  121. -webkit-transition: all 0.7s ease;
  122. -moz-transition: all 0.7s ease;
  123. -o-transition: all 0.7s ease;
  124. }
  125.  
  126. b {
  127. color:black;
  128. }
  129.  
  130. i {
  131. color:{color:Accent};
  132. }
  133.  
  134. #entries {
  135. padding:10px;
  136. width:400px;
  137. margin-left:520px;
  138. margin-top:50px;
  139. font-size:10px;
  140. padding-bottom:20px;
  141. }
  142.  
  143. #post {
  144. width:400px;
  145. margin-bottom:80px;
  146. text-align:justify;
  147. position:relative;
  148. background-color:{color:Post};
  149. }
  150.  
  151. #sidebar {
  152. width:0px;
  153. position:fixed;
  154. margin-left:160px;
  155. margin-top:-150px;
  156. height:100%;
  157. }
  158.  
  159. #sidebarimage1 {
  160. width 100px;
  161. margin-left:55px;
  162. margin-top:200px;
  163. }
  164.  
  165. #sidebarimage1 img {
  166. width:180px;
  167. background-color:{color:Sidebar};
  168. border:8px solid #f9f9f9;
  169. }
  170.  
  171. .links {
  172. width:180px;
  173. padding: 4px;
  174. text-align:center;
  175. text-transform:uppercase;
  176. position:fixed;
  177. margin-top:0px;
  178. margin-left:48px;
  179. opacity:1;
  180. }
  181.  
  182. .links a{
  183. color:#111;
  184. display: inline-block;
  185. overflow: hidden;
  186. vertical-align: top;
  187. padding:3px;
  188. font-size:8px;
  189. letter-spacing:1px;
  190. text-align:center;
  191. -webkit-perspective: 600px;
  192. -moz-perspective: 600px;
  193. -o-perspective: 600px;
  194. -ms-perspective: 600px;
  195. perspective: 600px;
  196. -webkit-perspective-origin: 50% 50%;
  197. -moz-perspective-origin: 50% 50%;
  198. -o-perspective-origin: 50% 50%;
  199. -ms-perspective-origin: 50% 50%;
  200. perspective-origin: 50% 50%;
  201. }
  202.  
  203. .links a span{
  204. display: block;
  205. position: relative;
  206. padding: 5px;
  207. -webkit-transition: all 400ms ease;
  208. -moz-transition: all 400ms ease;
  209. -o-transition: all 400ms ease;
  210. -ms-transition: all 400ms ease;
  211. transition: all 400ms ease;
  212. -webkit-transform-origin: 50% 0%;
  213. -moz-transform-origin: 50% 0%;
  214. -o-transform-origin: 50% 0%;
  215. -ms-transform-origin: 50% 0%;
  216. transform-origin: 50% 0%;
  217. -webkit-transform-style: preserve-3d;
  218. -moz-transform-style: preserve-3d;
  219. -o-transform-style: preserve-3d;
  220. -ms-transform-style: preserve-3d;
  221. transform-style: preserve-3d;
  222. }
  223.  
  224. .links a:hover span {
  225. background: {color:linkbg};
  226. -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  227. -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  228. -o-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  229. -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  230. transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
  231. }
  232.  
  233. .links a span:after {
  234. content: attr(data-title);
  235. display: block;
  236. position: absolute;
  237. left: 0;
  238. top: 0;
  239. padding: 5px;
  240. color: #fff;
  241. background:{color:Accent};
  242. -webkit-transform-origin: 50% 0%;
  243. -moz-transform-origin: 50% 0%;
  244. -o-transform-origin: 50% 0%;
  245. -ms-transform-origin: 50% 0%;
  246. transform-origin: 50% 0%;
  247. -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  248. -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  249. -o-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  250. -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  251. transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
  252. }
  253.  
  254. #flip {
  255. margin-top:10px;
  256. margin-left:199px;
  257. font-family:calibri;
  258. padding: 3px;
  259. text-align:center;
  260. text-transform:uppercase;
  261. cursor:help;
  262. }
  263.  
  264. #panel,#flip {
  265. padding:2px;
  266. text-align:center;
  267. width:75px;
  268. }
  269.  
  270. #panel {
  271. display:none;
  272. margin-left:60px;
  273. margin-top:5px;
  274. text-align:left;
  275. }
  276.  
  277. #panel a {
  278. width:150px;
  279. padding:3px;
  280. font-size:9px;
  281. margin:10px;
  282. letter-spacing:1px;
  283. color:#111;
  284. text-align:left;
  285. display:block;
  286. padding-left:5px;
  287. margin-bottom:-5px;
  288. border-left:2px solid {color:Accent};
  289. }
  290.  
  291. #panel a:hover {
  292. -moz-transition-duration:0.5s;
  293. -webkit-transition-duration:0.5s;
  294. -o-transition-duration:0.5s;
  295. color:#fff;
  296. box-shadow:inset 160px 0px {color:Accent};
  297. -webkit-box-shadow:inset 160px 0px {color:Accent};
  298. }
  299.  
  300. #description {
  301. position:fixed;
  302. font-family:Calibri;
  303. line-height:140%;
  304. font-size:10px;
  305. width:175px;
  306. margin-top:20px;
  307. font-style:italic;
  308. padding:10px;
  309. margin-left:55px;
  310. text-align:center;
  311. color:black;
  312. background:#f8f8f8;
  313. border-bottom:2px solid {color:Accent};
  314. opacity:0.8;
  315. -moz-transition-duration:0.4s;
  316. -webkit-transition-duration:0.4s;
  317. -o-transition-duration:0.4s;
  318. }
  319.  
  320. #description a {
  321. color:{color:text};
  322. -moz-transition-duration:0.4s;
  323. -webkit-transition-duration:0.4s;
  324. -o-transition-duration:0.4s;
  325. }
  326.  
  327. #sidebar:hover #description {
  328. -moz-transition-duration:0.4s;
  329. -webkit-transition-duration:0.4s;
  330. -o-transition-duration:0.4s;}
  331.  
  332. .pagination {
  333. font-size:9px;
  334. text-transform:uppercase;
  335. letter-spacing:2px;
  336. font-style:normal;
  337. text-align:center;
  338. font-family:calibri;
  339. width:200px;
  340. margin-top:115px;
  341. margin-left:50px;
  342. }
  343.  
  344. .pagination a {
  345. color:{color:Accent};
  346. }
  347.  
  348. .postsinfo {
  349. position: absolute;
  350. width:400px;
  351. max-width:400px;
  352. text-align:left;
  353. font-size:8px;
  354. text-transform:uppercase;
  355. padding-top:2px;
  356. margin-top:5px;
  357. }
  358.  
  359. .postsinfo a {
  360. padding-right:5px;
  361. }
  362.  
  363. #tags {
  364. font-family:Calibri;
  365. letter-spacing:0px;
  366. text-transform:lowercase;
  367. font-size:8px;
  368. text-align:left;
  369. opacity:0;
  370. -webkit-transition: all 0.4s ease-in-out;
  371. -moz-transition: all 0.4s ease-in-out;
  372. -o-transition: all 0.4s ease-in-out;
  373. }
  374.  
  375. #tags a {
  376. padding:-3px;
  377. text-align:left;
  378. text-decoration:underline;
  379. -webkit-transition: all 0.4s ease-in-out;
  380. -moz-transition: all 0.4s ease-in-out;
  381. -o-transition: all 0.4s ease-in-out;
  382. }
  383.  
  384. #post:hover #tags {
  385. opacity:1;
  386. -webkit-transition: all 0.4s ease-in-out;
  387. -moz-transition: all 0.4s ease-in-out;
  388. -o-transition: all 0.4s ease-in-out;
  389. }
  390.  
  391. #asker {
  392. padding:5px;
  393. font-family:georgia;
  394. letter-spacing:1px;
  395. text-align:center;
  396. text-transform:normal;
  397. border-top:30px solid #f9f9f9;
  398. border-right:10px solid #f9f9f9;
  399. border-left:10px solid #f9f9f9;
  400. border-bottom:10px solid #f9f9f9;
  401. color:#111;
  402. }
  403.  
  404. #asker a {
  405. font-style:italic;
  406. color:{color:Accent};
  407. font-family:georgia;
  408. }
  409.  
  410. #s-m-t-tooltip {
  411. max-width:300px;
  412. padding:2px 2px 2px 2px;
  413. margin:10px 0px 0px 10px;
  414. background-color:#fff;
  415. background:{color:Accent};
  416. font-family:calibri;
  417. font-size:8px;
  418. letter-spacing:0px;
  419. text-transform:uppercase;
  420. color:#fff;
  421. z-index:999999999999999999999999999999999999;
  422. }
  423.  
  424. .audio {
  425. width: 27px;
  426. height: 30px;
  427. overflow: hidden;
  428. position: relative;
  429. z-index: 1000;
  430. margin: -55px 30px 30px 27px;
  431. opacity:0.5;
  432. }
  433.  
  434. .audioinfo {
  435. margin-top:-90px;
  436. margin-left:90px;
  437. padding-bottom:20px;
  438. }
  439.  
  440. #cred {
  441. position:fixed;
  442. right:10px;
  443. bottom:15px;
  444. text-transform:uppercase;
  445. }
  446.  
  447. #cred a {
  448. text-align:center;
  449. padding:0px;
  450. color:#111;
  451. font-size:15px;
  452. font-family:arial;
  453. letter-spacing:-1px;
  454. font-weight:bold;
  455. padding:4px;
  456. -moz-transition-duration:0.5s;
  457. -webkit-transition-duration:0.5s;
  458. -o-transition-duration:0.5s;
  459. }
  460.  
  461. #cred a:hover {
  462. background-color:#111;
  463. color:#fff;
  464. -moz-transition-duration:0.5s;
  465. -webkit-transition-duration:0.5s;
  466. -o-transition-duration:0.5s;
  467. }
  468.  
  469. {CustomCSS}</style></head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  470.  
  471. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  472.  
  473. <script>
  474.  
  475. (function($){
  476.  
  477. $(document).ready(function(){
  478.  
  479. $("a[title]").style_my_tooltips({
  480.  
  481. tip_follows_cursor:true,
  482.  
  483. tip_delay_time:90,
  484.  
  485. tip_fade_speed:600,
  486.  
  487. attribute:"title"
  488.  
  489. });
  490.  
  491. });
  492.  
  493. })(jQuery);
  494.  
  495. </script>
  496.  
  497. <script type="text/javascript"
  498. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  499.  
  500. <body>
  501.  
  502. <div id="sidebar">
  503. <div id="sidebarimage1"><img src="{image:sidebar1}"></div>
  504.  
  505. <div class="links">
  506. <a href="/"><span data-title="home"</span>home</a>
  507. <a href="/ask"><span data-title="mail"</span>mail</a>
  508. {block:IfShowLink1}<a href="{text:Link 1}"><span data-title="{text:Link 1 Text}"</span>{text:Link 1 Text}</a>{/block:IfShowLink1}
  509. {block:IfShowLink2}<a href="{text:Link 2}"><span data-title="{text:Link 2 Text}"</span>{text:Link 2 Text}</a>{/block:IfShowLink2}
  510. </div>
  511.  
  512. <div id="flip">+</div>
  513. <div id="panel">
  514. {block:IfShowLink3}<a href="/{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  515. {block:IfShowLink4}<a href="/{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  516. {block:IfShowLink5}<a href="/{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  517. </div>
  518.  
  519. <div id="description">
  520. {Description}
  521. </div>
  522.  
  523. {block:Pagination}
  524. <div class="pagination">
  525. {block:PreviousPage}
  526. <a href="{PreviousPage}">prev</a>
  527. {/block:PreviousPage}
  528. {block:JumpPagination length="3"}
  529. {block:CurrentPage}
  530. <span class="current_page">{PageNumber}</span>
  531. {/block:CurrentPage}
  532. {block:JumpPage}
  533. <a class="jump_page" href="{URL}">{PageNumber}</a>
  534. {/block:JumpPage}
  535. {/block:JumpPagination}
  536. {block:NextPage}
  537. <a href="{NextPage}">next</a>
  538. {/block:NextPage}
  539. </div>
  540. {/block:Pagination}
  541. </div>
  542. </div>
  543.  
  544. <div id="entries">{block:Posts}<div id="post">
  545.  
  546. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  547.  
  548. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  549.  
  550. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  551.  
  552. {block:Quote}<h2>{Quote}</h2>{/block:Quote}
  553.  
  554. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  555.  
  556. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  557.  
  558. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" style="margin-right:10px" />{/block:AlbumArt}
  559. <div class="audio">{AudioPlayerBlack}</div><p></p><div class="audioinfo">
  560. <br>{block:TrackName}<b> <h1>{TrackName}</h1></b>{/block:TrackName}
  561. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  562. {/block:ExternalAudio}<br><b>Played:</b> {FormattedPlayCount} times</div>
  563. {/block:Audio}
  564.  
  565. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  566.  
  567. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}" width="24" height="24" style="margin-top:-20px; border-radius:2em;"> <p></p><span style="font-family:Calibri;text-transform:lowercase;color:{color:Accent};font-style:italic; font-size:12px;"> {Asker}<br></span>{Question}</div><center><font face="Calibri">{Answer}</font>{/block:Answer}
  568.  
  569. <div class="postsinfo">
  570. <a href="{Permalink}" style="color:{color:Accent}; font-size:9px;">{ShortMonth} {DayofMonth}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">src</a>{/block:ContentSource}<a href="{Permalink}" style="color:{color:Accent};">{NoteCount}</span></a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog">↺</a></span> <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  571.  
  572. {/block:Posts}
  573. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  574. {/block:Posts}</div></div></div>
  575.  
  576. <div id="cred"><a href="http://ofjack.tumblr.com/" title="theme made by becky">jc</a></div>
  577.  
  578. </body></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!