Advertisement
ancrestas

little things 2.0

Jul 2nd, 2014
1,651
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.72 KB | None | 0 0
  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. <html>
  5. <head>
  6.  
  7. <meta name="color:background" content="#FFFFFF">
  8. <meta name="color:link" content="#928f8f">
  9. <meta name="color:post links" content="#928f8f">
  10. <meta name="color:hover" content="#454545">
  11. <meta name="color:infoposts" content="#dadada">
  12. <meta name="color:accent" content="#dadada">
  13. <meta name="color:text" content="#9A9A9A">
  14. <meta name="color:title" content="#0a0a0a">
  15. <meta name="color:titlebg" content="#0a0a0a">
  16. <meta name="color:descriptionbg" content="#f6f6f6">
  17. <meta name="color:tags" content="#dddddd">
  18. <meta name="color:ask border" content="#ffffff"/>
  19. <meta name="color:question background" content="#f6f6f6"/>
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:Link1" content="" />
  24. <meta name="text:Link1 Title" content="" />
  25. <meta name="text:Link2" content="" />
  26. <meta name="text:Link2 Title" content="" />
  27. <meta name="text:Link3" content="" />
  28. <meta name="text:Link3 Title" content="" />
  29. <meta name="text:Link4" content="" />
  30. <meta name="text:Link4 Title" content="" />
  31. <meta name="text:Link5" content="" />
  32. <meta name="text:Link5 Title" content="" />
  33.  
  34.  
  35. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  36. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" />
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  39.  
  40. <script type="text/javascript"
  41. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  42.  
  43. <script type="text/javascript"
  44. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45.  
  46. <style type="text/css">
  47.  
  48. #s-m-t-tooltip {
  49. max-width:300px;
  50. padding:5px;
  51. margin:10px 0px 0px 10px;
  52. background-color:{color:titlebg};
  53. font-family:trebuchet ms;
  54. font-size:7px;
  55. letter-spacing:1px;
  56. font-style:none;
  57. text-transform:uppercase;
  58. padding-bottom:3px;
  59. color:#fff;
  60. z-index:999999999999999999999999999999999999;
  61. }
  62.  
  63. ::-webkit-scrollbar-thumb {
  64. height:auto;
  65. background-color: #555;
  66. border:1px solid #fff;
  67. }
  68.  
  69. ::-webkit-scrollbar {
  70. height:9px;
  71. width:5px;
  72. background-color: #ddd;
  73. border:2px solid #fff;
  74. }
  75.  
  76. a {
  77. text-decoration:none;
  78. color:{color:post links};
  79. text-decoration:none;
  80. outline:none;
  81. -moz-outline-style:none;
  82. color:{color:links};
  83. -moz-transition-duration:0.5s;
  84. -webkit-transition-duration:0.5s;
  85. -o-transition-duration:0.5s;
  86. }
  87.  
  88. a:hover {
  89. color:{color:hover};
  90. text-decoration:none;
  91. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  92. -moz-transition-duration:0.5s;
  93. -webkit-transition-duration:0.5s;
  94. -o-transition-duration:0.5s;
  95. }
  96.  
  97. body {
  98. background-color:{color:background};
  99. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  100. margin:0px;
  101. color:{color:text};
  102. font-family:calibri;
  103. font-size:10px;
  104. line-height:100%;
  105. letter-spacing:0px;
  106. text-align:justify;
  107. }
  108.  
  109. h1 {
  110. font-weight:normal;
  111. font-size:10px;
  112. text-align:center;
  113. font-style:normal;
  114. line-height:80%;
  115. letter-spacing:1px;
  116. text-transform:uppercase;
  117. color:{color:text};
  118. }
  119.  
  120. h2 {
  121. font-size:18px;
  122. text-align:center;
  123. text-transform:uppercase;
  124. font-family:calibri;
  125. font-style:none;
  126. color:{color:title};
  127. letter-spacing:-1.3px;
  128. margin-bottom:6px
  129. }
  130.  
  131. blockquote {
  132. border-left:2px solid {color:text};
  133. padding-left:5px;
  134. margin:5px;
  135. }
  136.  
  137.  
  138. #sb {
  139. margin-left:200px;
  140. margin-top:220px;
  141. position:fixed;
  142. }
  143.  
  144. #sb img {
  145. width:245px;
  146. height:130px;
  147. overflow:hidden;
  148. border-radius:0px;
  149. margin-left:10px;
  150. }
  151.  
  152. #sb img:hover {
  153. opacity:0.8;
  154. -moz-transition-duration:0.6s;
  155. -webkit-transition-duration:0.6s;
  156. -o-transition-duration:0.6s;
  157. }
  158.  
  159. #title {
  160. position:fixed;
  161. font-family:arial;
  162. font-size:17px;
  163. text-align:right;
  164. margin-top:-150px;
  165. margin-left:28px;
  166. text-transform:lowercase;
  167. font-weight: bold;
  168. width:223px;
  169. padding:2px;
  170. z-index:999999999999999999999999999;
  171. letter-spacing:-1px;
  172. color:{color:title};
  173. }
  174.  
  175. .links {
  176. margin-top:0px;
  177. margin-left:12px;
  178. position:fixed;
  179. padding-top:5px;
  180. width:245px;
  181. text-align:center;
  182. background:;
  183. z-index:999999999999999999999999999999999999;
  184. }
  185.  
  186. .links a {
  187. display:inline-block;
  188. font-family:'calibri';
  189. text-transform:uppercase;
  190. font-size:8px;
  191. width:25px;
  192. text-align:center;
  193. color:{color:link};
  194. background:{color:descriptionbg};
  195. margin-left:1px;
  196. margin-bottom:2px;
  197. padding:5px;
  198. font-weight:bold;
  199. }
  200.  
  201. .links a:hover {
  202. color:{color:hover};
  203. -moz-transition-duration:0.7s;
  204. -webkit-transition-duration:0.7s;
  205. -o-transition-duration:0.7s;
  206. text-decoration:underline;
  207. }
  208.  
  209. .description {
  210. width:223px;
  211. padding:10px 10px 10px 10px;
  212. margin-left:10px;
  213. margin-top:5px;
  214. background-color:{color:descriptionbg};
  215. font-size:8px;
  216. text-align:justify;
  217. font-family:'calibri';
  218. text-transform:uppercase;
  219. color:{color:text};
  220. display:block;
  221. line-height:11px;
  222. border-bottom:1px solid #f0f0f0;
  223. border-left:3px solid{color:accent};
  224. }
  225.  
  226. #pagination {
  227. width:223px;
  228. position:fixed;
  229. font-family:arial;
  230. font-size:17px;
  231. text-align:right;
  232. text-transform:lowercase;
  233. font-weight: bold;
  234. padding:2px;
  235. margin-left:10px;
  236. margin-top:203px;
  237. color:#fff;
  238. letter-spacing:1px;
  239. }
  240.  
  241. #entries {
  242. padding:14px;
  243. width:427px;
  244. margin-left:490px;
  245. margin-top:-30px;
  246. font-size:10px;
  247. font-family:'arial';
  248. letter-spacing:0px;
  249. }
  250.  
  251. #post {
  252. width:500px;
  253. padding-bottom:40px;
  254. padding:17px;
  255. margin-top:50px;
  256. border:1px solid;
  257. border-color:#fff;
  258. padding-bottom:30px;
  259. border:1px solid;
  260. border-color:#fff;
  261. }
  262.  
  263. .caption {
  264. width:500px;
  265. text-align:justify;
  266. line-height:120%;
  267. }
  268.  
  269. #askbox {
  270. height:auto;
  271. min-height:48px;
  272. width:500px;
  273. }
  274.  
  275. .askimg {
  276. background:transparent;
  277. padding:0;
  278. width:48px;
  279. height:48px;
  280. }
  281.  
  282. #question {
  283. z-index:10;
  284. padding:10px;
  285. text-align:justify;
  286. line-height:10px;
  287. min-height:46px;
  288. background-color:{color:question background};
  289. }
  290.  
  291. .portrait {
  292. position:absolute;
  293. height:48px;
  294. width:48px;
  295. }
  296.  
  297. .portrait img {
  298. border:3px solid {color:ask border};
  299. }
  300.  
  301. .asker {
  302. margin:5px 0px 4px 60px;
  303. font:12px cambria italic;
  304. }
  305.  
  306. .asker a {
  307. margin-left:-5px;
  308. }
  309.  
  310. .question {
  311. margin-left:55px;
  312. }
  313.  
  314. .audio {
  315. width:500px;
  316. padding-bottom:10px;
  317. background-color:{color:infoposts};
  318. }
  319.  
  320. .albumart {
  321. float:left;
  322. padding:0px 10px 10px 0px;
  323. }
  324.  
  325. .albumart img {
  326. width:45px;
  327. height:45px;
  328. }
  329.  
  330. .playercontainer {
  331. text-align:left;
  332. padding:10px;
  333. background-color:#ffffff;
  334. width:480px;
  335. }
  336.  
  337. .audioinfo {
  338. padding:10px;
  339. color:{color:text};
  340. }
  341.  
  342. #postinfo {
  343. width:490px;
  344. padding:5px;
  345. font-size:8px;
  346. color:{color:post link};
  347. text-transform:uppercase;
  348. font-style:normal;
  349. letter-spacing:2px;
  350. text-align:center;
  351. -moz-transition-duration:0.5s;
  352. -webkit-transition-duration:0.5s;
  353. -o-transition-duration:0.5s;
  354. background:{color:infoposts};
  355. }
  356.  
  357. #postinfo a {
  358. color:{color:post links};
  359. text-align:center;
  360. letter-spacing:1px;
  361. font-style:normal;
  362. }
  363.  
  364. #postinfo a:hover {
  365. color:{color:hover};
  366. }
  367.  
  368. .note {
  369. text-transform:uppercase;
  370. font-style:normal;
  371. letter-spacing:0px;
  372. font-size: 9px;
  373. text-align:left;
  374. line-height:90%;
  375. margin-left:-40px;
  376. }
  377.  
  378. .note li {
  379. list-style-type:none;
  380. padding:10px 25px 10px 25px;
  381. text-align:left;
  382. margin:0px;
  383. -moz-transition-duration:0.5s;
  384. -webkit-transition-duration:0.5s;
  385. -o-transition-duration:0.5s;
  386. }
  387.  
  388. #tag {
  389. font-family:calibri;
  390. font-size:8px;
  391. text-align:center;
  392. text-transform:uppercase;
  393. letter-spacing:1px;
  394. color:{color:text};
  395. }
  396.  
  397. #tag {
  398. position:absolute;
  399. margin-left:510px;
  400. margin-top:5px;
  401. font-family:calibri;
  402. font-size:8px;
  403. text-align:left;
  404. padding-left:4px;
  405. padding-bottom:4px;
  406. padding-top:2px;
  407. width:110px;
  408. text-transform:uppercase;
  409. letter-spacing:1px;
  410. color:{color:text};
  411. border-left:3px solid {color:accent};
  412. -webkit-transition:all 0.7s ease-out;
  413. -moz-transition:all 0.7s ease-out;
  414. transition:all 0.7s ease-out;
  415. }
  416.  
  417. ul.chat, .chat ol, .chat li {
  418. list-style:none;
  419. margin:0px;
  420. padding:2px;
  421. }
  422.  
  423. .label {
  424. padding-right:1px;
  425. text-transform:uppercase;
  426. font-weight:bold;
  427. color:{color:links};
  428. }
  429.  
  430. #credit {
  431. font-size:11px;
  432. bottom:0;
  433. right:0;
  434. position:fixed;
  435. text-transform:uppercase;
  436. padding:5px;
  437. color:{color:links};
  438. }
  439.  
  440. {CustomCSS}
  441. </style>
  442. </head>
  443.  
  444. <body>
  445.  
  446. <div id="sb"><img src="{image:sidebar}">
  447. <div id="title"><y>{Title};</y></div>
  448. <div class="description">{Description}</div>
  449. <div class="links">
  450. <a href="{text:Link1}">{text:Link1 Title}</a>
  451. <a href="{text:Link2}">{text:Link2 Title}</a>
  452. <a href="{text:Link3}">{text:Link3 Title}</a>
  453. <a href="{text:Link4}">{text:Link4 Title}</a>
  454. <a href="{text:Link5}">{text:Link5 Title}</a>
  455.  
  456. </div>
  457. </div>
  458. <div id="pagination">{block:Pagination}
  459. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  460. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
  461. </div>{/block:Pagination}
  462.  
  463. </div>
  464. </div>
  465.  
  466. <div id="entries">
  467. {block:Posts}
  468. <div id="post">
  469.  
  470. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  471.  
  472. {block:hastags}<div id="tag">
  473. {block:Tags}<a href="{TagURL}"><span style="color:{color:text};">#</span>{Tag}</a><br>{/block:Tags}</div>{/block:hastags}
  474.  
  475. {block:Quote}
  476. <h2>❝ {Quote} ❞</h2>
  477. {block:Source}
  478. <div class="source">— {Source}</div>{/block:Source}
  479. {/block:Quote}
  480.  
  481. {block:Link}
  482. <a href="{URL}"><h2>{Name}</h2></a>
  483. {block:Description}
  484. <p>{Description}</p>
  485. {/block:Description}
  486. {/block:Link}
  487.  
  488. {block:Photo}
  489. <center><img src="{PhotoURL-500}"/></center>
  490. {block:Caption}
  491. {Caption}
  492. {/block:Caption}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. <center>
  497. {Photoset-500}
  498. </center>
  499. {block:Caption}
  500. {Caption}
  501. {/block:Caption}
  502. {/block:Photoset}
  503.  
  504. {block:Chat}
  505. {block:Title}
  506. <h1>{Title}</h1>
  507. {/block:Title}
  508. <div class="chat">
  509. <ol>{block:Lines}
  510. <li class="line {Alt}">
  511. {block:Label}
  512. <span class="label">
  513. {Label}</span>
  514. {/block:Label}{Line}</li>
  515. {/block:Lines}
  516. </ol></div>
  517. {/block:Chat}
  518.  
  519. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  520.  
  521. {block:Answer}
  522. <div id="question">
  523. <div class="portrait">
  524. <img src="{AskerPortraitURL-40}"></div>
  525. <div class="asker">{Asker}</div>
  526. <div class="question">{Question}</div>
  527. </div>{Answer}
  528. {/block:Answer}
  529.  
  530. {block:Audio}
  531. <div class="audio">
  532. {block:AlbumArt}
  533. <div class="albumart"><img src="{AlbumArtURL}"/></div>
  534. {/block:AlbumArt}
  535. <div class="audioinfo">
  536. {block:TrackName}
  537. <b>Title:</b> {TrackName}<br />
  538. {/block:TrackName}
  539. {block:Artist}
  540. <b>Artist:</b> {Artist}<br />
  541. {/block:Artist}
  542. {/block:ExternalAudio}
  543. <b>Played:</b> {PlayCount} times</div>
  544. <br><div class="playercontainer">
  545. {AudioPlayerWhite}</div></div>
  546. {block:Caption}
  547. {Caption}
  548. {/block:Caption}<br>
  549. {/block:Audio}
  550.  
  551. <p>
  552.  
  553. {block:Date}
  554. <div id="postinfo">
  555. {MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  556. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  557. <div class="note">
  558. {block:PostNotes}{PostNotes}{/block:PostNotes}
  559. </div>
  560. </div>
  561. {/block:Posts}
  562.  
  563.  
  564. </div>
  565.  
  566. <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="thai's themes">thai</a></div>
  567.  
  568. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  569. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  570. <script>
  571. (function($){
  572. $(document).ready(function(){
  573. $("a[title]").style_my_tooltips({
  574. tip_follows_cursor:true,
  575. tip_delay_time:150,
  576. tip_fade_speed:700,
  577. attribute:"title"
  578. });
  579. });
  580. })(jQuery);
  581. </script>
  582.  
  583. </body>
  584.  
  585.  
  586. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement