API tools faq
paste
palfin

theme #1 cutie pie

palfin
Feb 15th, 2014
185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.46 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  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. <!--META NAMES-->
  11.  
  12. <meta name="color:body" content="#666666"/>
  13. <meta name="color:links" content="#6f6e6e"/>
  14.  
  15. <meta name="color:hover" content="#fafafa"/>
  16. <meta name="color:info" content="#a8a8a8">
  17. <meta name="color:desc" content="#aaaaaa">
  18.  
  19. <meta name="color:bg" content="#ffffff">
  20. <meta name="color:maincolor" content="#ffffff">
  21.  
  22.  
  23. <meta name="image:sb" content=""/>
  24.  
  25. <meta name="text:link1title" content="" />
  26. <meta name="text:link1url" content="/" />
  27. <meta name="text:link2title" content="" />
  28. <meta name="text:link2url" content="/" />
  29. <meta name="text:link3title" content="" />
  30. <meta name="text:link3url" content="/" />
  31. <meta name="text:link4title" content="" />
  32. <meta name="text:link4url" content="/" />
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:90,
  42. tip_fade_speed:600,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52.  
  53. #s-m-t-tooltip {
  54. max-width:300px;
  55. padding:4px;
  56. margin:10px 0px 0px 10px;
  57. background-color:#000; /*background color */
  58. font-family:tahoma; /*font */
  59. font-size:9px; /*font size */
  60. font-style:normal; /* can be italic, normal, etc. */
  61. letter-spacing:2px; /*letter spacing */
  62. text-transform:none; /* can be uppercase, lowercase, none*/
  63. color:#fff; /*text color */
  64. z-index:999999999999999999999999999999999999;
  65. }
  66.  
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. height:auto;
  70. background-color:{color:maincolor};
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. height:9px;
  75. width:4px;
  76. background-color:#fff;
  77. }
  78.  
  79. body {
  80. background-color:{color:bg};
  81. font-family:calibri;
  82. font-size:9px;
  83. text-align:justify;
  84. color:{color:body};
  85. margin:0;
  86. }
  87.  
  88. a {
  89. color:{color:links};
  90. text-decoration:none;
  91. -moz-outline-style:none;
  92. }
  93.  
  94. a:hover{
  95. color:{color:hover};
  96. -moz-transition-duration:0.3s;
  97. -webkit-transition-duration:0.3s;
  98. -o-transition-duration:0.3s;
  99. }
  100.  
  101. img {
  102. border:none;
  103. }
  104.  
  105. blockquote {
  106. padding-left:5px;
  107. border-left:2px solid;
  108. }
  109.  
  110. blockquote blockquote {
  111. padding-left:5px;
  112. border-left:2px solid;
  113. }
  114.  
  115. #sidebar{
  116. position:fixed;
  117. margin-top:150px;
  118. margin-left:250px;
  119. width:150px;
  120. }
  121.  
  122. #sidebarimg img{
  123. width:250px;
  124. height:160px;
  125.  
  126. }
  127.  
  128. .links {
  129. height:5px;
  130. padding: 7px;
  131. font-size:10px;
  132. font-family:'helvetica';
  133. text-align:center;
  134. margin-top:-125px;
  135. margin-left:-25px;
  136. text-transform:none;
  137. word-spacing:-1px;
  138. position:fixed;
  139. padding-bottom:7px;
  140.  
  141. }
  142.  
  143. .links a {
  144. width:28px;
  145. color:white;
  146. display:inline-block;
  147. padding:5px;
  148. margin-top:3px;
  149. background-color:{color:maincolor};
  150. }
  151.  
  152. .links a:hover {
  153. width:28px;
  154. padding:5px;
  155. color:{color:maincolor};
  156. background-color:#fff;
  157. }
  158.  
  159. .desc{
  160. position:fixed;
  161. overflow:auto;
  162. height:100px;
  163. margin-top:5px;
  164. width:230px;
  165. font-size:10px;
  166. margin-left:-2px;
  167. text-align:center;
  168. -moz-transition-duration:0.9s;
  169. -webkit-transition-duration:0.9s;
  170. -o-transition-duration:0.9s;
  171. }
  172.  
  173. .desc a{
  174. width:10px;
  175. display:inline-block;
  176. margin:2px;
  177. text-align:center;
  178. -moz-transition-duration:0.9s ;
  179. -webkit-transition-duration:0.9s;
  180. -o-transition-duration:0.9s;
  181. }
  182.  
  183. .desc a:hover{
  184. display:inline-block;
  185. background:#fff;
  186. color:#fff;
  187. text-align:center;
  188. -moz-transition-duration:0.9s ;
  189. -webkit-transition-duration:0.9s;
  190. -o-transition-duration:0.9s;
  191. }
  192.  
  193.  
  194. #pagi{
  195. display:block;
  196. width:100px;
  197. font-size:8px;
  198. text-align:center;
  199. margin-left:80px;
  200. margin-top:-5px;
  201. position:fixed;
  202. font-family:arial;
  203. letter-spacing:0px;
  204. word-spacing:5px;
  205. font-weight:bold;
  206. color:#ccc;
  207. }
  208.  
  209. #pagi a{
  210. color:#999;
  211. }
  212.  
  213.  
  214.  
  215. /*ENTRIES*/
  216.  
  217. #container {
  218. width:400px;
  219. padding:10px;
  220. margin-left:550px;
  221. margin-top:10px;
  222. }
  223.  
  224. #posts{
  225. width:400px;
  226. padding:25px;
  227. margin-top:15px;
  228. }
  229.  
  230.  
  231. /*POST INFO*/
  232.  
  233. #info {
  234. width:400px;
  235. text-align:left;
  236. font-family:monkey;
  237. font-size:9px;
  238. text-transform:normal;
  239. padding:1px;
  240. color:{color:info};
  241. line-height:10px;
  242. border-top:1px solid #999;
  243. margin-top:5px;
  244. margin-bottom:55px;
  245. }
  246.  
  247. #info a{
  248. color:{color:info};
  249. }
  250.  
  251. #info a:hover{
  252. color:{color:maincolor};
  253. }
  254.  
  255.  
  256.  
  257. #notes{
  258. font-size:11px;
  259.  
  260. text-transform:uppercase;
  261. }
  262.  
  263. #audio {
  264. margin-bottom:5px;
  265. width:500px;
  266. height:105px;
  267. }
  268.  
  269. .albumart {
  270. width:100px;
  271. height:100px;
  272. position:absolute;
  273. }
  274.  
  275. .albumart img {
  276. width:100px;
  277. height:100px;
  278. float:left;
  279. }
  280.  
  281. .playercontainer {
  282. opacity: .2;
  283. display:block;
  284. width:100px;
  285. height:100px;
  286. background:#fff;
  287. position:absolute;
  288. -webkit-transition:all 0.9s ease-in-out;
  289. -moz-transition:all 0.9s ease-in-out;
  290. -o-transition:all 0.9s ease-in-out;
  291. -ms-transition: all 0.9s ease-in-out;
  292. transition:all 0.9s ease-in-out;
  293.  
  294. }
  295.  
  296. .playercontainer:hover {
  297. opacity:.7;
  298. position:absolute;
  299. -webkit-transition:all 0.9s ease-in-out;
  300. -moz-transition:all 0.9s ease-in-out;
  301. -o-transition:all 0.9s ease-in-out;
  302. -ms-transition: all 0.9s ease-in-out;
  303. transition:all 0.9s ease-in-out;
  304. }
  305.  
  306. .player {
  307. margin-left:36px;
  308. margin-top:36px;
  309. width:25px;
  310. height:25px;
  311. overflow:hidden;
  312. position:absolute;
  313. background:#fff;
  314. }
  315.  
  316. .audioinfo {
  317. margin-left:110px;
  318. float:left;
  319. color:#000;
  320. letter-spacing:1px;
  321. font-size:10px;
  322. text-transform:normal;
  323. width:386px;
  324. padding:2px;
  325. margin-top:3px;
  326. }
  327.  
  328. .audioinfo b {
  329. font-family:calibri;
  330. background:#fff;
  331. padding:3px 4px 3px 4px;
  332. font-weight:normal;
  333. margin-right:5px;
  334. }
  335.  
  336. .quote {
  337. font-size:11px;
  338. }
  339.  
  340. .chat{
  341. line-height: 12px;
  342. color:{color:text};
  343. }
  344.  
  345. .chat ul {
  346. line-height: 15px;
  347. list-style: none;
  348. padding: 0px;
  349. line-height: 20px;
  350. }
  351.  
  352. .person1 {
  353. color:{color:Text};
  354. background-color:#eee;
  355. }
  356.  
  357. .person1 .label {
  358. font-weight: bold;
  359. margin-left:5px;
  360. color:{color:Text};
  361. }
  362.  
  363. .person2 {
  364. color:{color:Text};
  365. background-color:#fff;
  366. }
  367.  
  368. .person2 .label {
  369. font-weight: bold;
  370. padding: 0px;
  371. margin-left: 5px;
  372. color: {color:Text};
  373. }
  374.  
  375. #credit{
  376. right:8px;
  377. bottom: 2px;
  378. position:fixed;
  379. padding:5px;
  380. }
  381.  
  382.  
  383. {CustomCSS}
  384.  
  385. </style></head>
  386.  
  387.  
  388. <body>
  389.  
  390. <div id="sidebar">
  391. <div id="sidebarimg">
  392. <img src="{image:sb}"></div>
  393. <div class="links">
  394. <a href="{text:link1url}" title="{text:link1title}">uno</a> <br>
  395. <a href="{text:link2url}" title="{text:link2title}">dos</a> <br>
  396. <a href="{text:link3url}" title="{text:link3title}">tres</a> <br>
  397. <a href="{text:link4url}" title="{text:link4title}">cuatro</a> <br>
  398. </div>
  399. <div class="desc">{description}<br><br>
  400.  
  401.  
  402.  
  403.  
  404. <div id="pagi">
  405. {block:PreviousPage}
  406. <a href="{PreviousPage}">back </a>
  407. {/block:PreviousPage} -
  408. {block:NextPage}
  409. <a href="{NextPage}">next</a>
  410. {/block:NextPage}
  411. </div>
  412. {/block:Pagination}</div>
  413. </div>
  414.  
  415. </div>
  416.  
  417.  
  418. <div id="container">
  419. {block:Posts}
  420. <div id="post">
  421.  
  422. <!--TEXT POSTS-->
  423.  
  424. {block:Text}
  425. {block:Title}<h2>{Title}</h2>{/block:Title}
  426. {Body}
  427. {/block:Text}
  428.  
  429. <!--ASKS-->
  430.  
  431. {block:Answer}
  432. <div class="question">
  433. <img src="{AskerPortraitURL-40}"> {Asker} asked: {Question}
  434. </div>
  435. {Answer}
  436. {/block:Answer}
  437.  
  438. <!--QUOTE POSTS-->
  439. {block:Quote}
  440.  
  441. <div class="quote">
  442. "<div class="quotetext_{Length}">{Quote}</div>"
  443. {block:Source}<div class="source">{Source}</div>{/block:Source}
  444. </div>
  445. {/block:Quote}
  446.  
  447. <!--LINK POSTS-->
  448.  
  449. {block:Link}
  450. <h2><a href="{URL}">{Name}</a></h2>
  451. {block:Description}{Description}{/block:Description}
  452. {/block:Link}
  453.  
  454. <!--CHAT POSTS-->
  455.  
  456. {block:Chat}
  457. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  458. <div class="chat"><ul>{block:Lines}
  459. <li class="person{UserNumber}">{block:Label}
  460. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  461. {/block:Chat}
  462.  
  463. <!--PHOTO POSTS-->
  464.  
  465. {block:Photo}
  466. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  467.  
  468. {block:Caption}{Caption}{/block:Caption}
  469. {/block:Photo}
  470.  
  471. <!--PHOTOSET POSTS-->
  472.  
  473. {block:Photoset}
  474. {Photoset-400}
  475. {block:Caption}{Caption}{/block:Caption}
  476. {/block:Photoset}
  477.  
  478. <!--VIDEO POSTS-->
  479.  
  480. {block:Video}
  481. {Video-400}
  482. {block:Caption}{Caption}{/block:Caption}
  483. {/block:Video}
  484.  
  485.  
  486. <!--AUDIO-->
  487.  
  488.  
  489. {block:Audio}
  490. <div id="audio">
  491. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg" width="100px" height="100px"></div>{block:AlbumArt}
  492. <div class="albumart"><img src="{AlbumArtURL}" width="100px" height="100px"></div>{/block:AlbumArt}
  493. <div class="playercontainer"><div class="player">{AudioPlayerwhite}</div></div>
  494. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  495. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  496. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  497. </div>{block:Caption}{Caption}{/block:Caption}
  498. {/block:Audio}
  499.  
  500.  
  501. <!--POST INFO-->
  502.  
  503. <div id="info">
  504. <a title="{Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes} {CapitalAMPM}" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> - {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} - © <a href="{SourceURL}" title="{SourceTitle}">{SourceLink}</a> {/block:ContentSource} -
  505. <a href="{Permalink}" title="Permalink">{NoteCount} ♡ -</a>
  506. <a href="{ReblogURL}" title="Reblog This Post">↺</a>
  507. </div>
  508.  
  509. </div>
  510.  
  511.  
  512.  
  513. {/block:Posts}
  514. <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  515. {/block:Posts}</div></div></div>
  516. <br><br><br><br>
  517.  
  518.  
  519. <div id="credit" data="credit"><a href="http://hellzayn.tumblr.com"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" width="15px" height="15px"></a></div>
  520.  
  521. </div></div>
  522.  
  523. {/block:Posts}
  524.  
  525.  
  526. </body></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!