Advertisement
Guest User

"classic" edited

a guest
Jul 21st, 2014
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.16 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. <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. <!---
  12.  
  13. theme 5 "CLASSIC" by harryassists edited by hippieofrps
  14. • do NOT redistribute
  15. • editing for personal use is totally welcome
  16. • come to me if you'd like to release an edited version
  17. • taking little snippets and putting them into your own coding is STILL stealing and i WILL ask you to take said snippet down
  18. • don't take images from the static preview
  19. • thank you for using this theme, have fun! :-)
  20. --->
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#a8a8a8"/>
  24. <meta name="color:postbg" content="#000000"/>
  25. <meta name="color:Border" content="#dddddd"/>
  26. <meta name="color:Hover" content="#f2f2f2"/>
  27. <meta name="color:Scrollbar" content="#000000"/>
  28. <meta name="color:ScrollbarBg" content="#ffffff"/>
  29. <meta name="color:Post Links" content="#c0bfbf"/>
  30. <meta name="color:links" content=""/>
  31. <meta name="color:sidebarbg" content=""/>
  32. <meta name="color:descriptionbox" content=""/>
  33.  
  34. <meta name="image:Background" content=""/>
  35. <meta name="image:sidebar" content=""/>
  36. <meta name="image:askbg" content=""/>
  37.  
  38. <meta name="text:link 1 label" content="" />
  39. <meta name="text:link 2 label" content="" />
  40. <meta name="text:link 3 label" content="" />
  41. <meta name="text:link 4 label" content="" />
  42. <meta name="text:link 1" content=""/>
  43. <meta name="text:link 2" content=""/>
  44. <meta name="text:link 3" content=""/>
  45. <meta name="text:link 4" content=""/>
  46.  
  47. <style type="text/css">
  48.  
  49. #tumblr_controls{
  50.  
  51. position:fixed !important;
  52.  
  53. -webkit-filter: invert(100%);
  54.  
  55. }
  56.  
  57. ::-webkit-scrollbar-thumb {
  58. height:auto;
  59. border:1px solid {color:ScrollbarBg};
  60. background-color:{color:Scrollbar};
  61. }
  62.  
  63. ::-webkit-scrollbar {
  64. height:9px;
  65. width:6px;
  66. background-color:{color:ScrollbarBg};
  67. }
  68.  
  69. body {
  70. background:{color:background};
  71. margin:0px;
  72. color:{color:text};
  73. font-family:'arial';
  74. font-size:10px;
  75. line-height:100%;
  76. letter-spacing:0px;
  77. text-align:justify;
  78. background-image:url('{image:background}');
  79. background-attachment:fixed;
  80. }
  81.  
  82. li {
  83. list-style-type:square;
  84. }
  85.  
  86. a {
  87. text-decoration:none;
  88. outline:none;
  89. -moz-outline-style:none;
  90. color:{color:Post Links};
  91. }
  92.  
  93. img {
  94. border:none;
  95. }
  96.  
  97. blockquote {
  98. padding-left:5px;
  99. border-left:2px solid;
  100. }
  101.  
  102. blockquote blockquote {
  103. padding-left:5px;
  104. border-left:2px solid;
  105. }
  106.  
  107. h1 {
  108. font-size:20px;
  109. text-transform:lowercase;
  110. font-family:'minion pro';
  111. font-style:bold;
  112. text-align:right;
  113. color:{color:post links};
  114. padding:5px;
  115. }
  116.  
  117. h1:first-letter {
  118. text-transform:uppercase;
  119. }
  120.  
  121. h1 a{
  122. color:{color:post links};
  123. }
  124.  
  125. h2 {
  126. font-size:20px;
  127. text-transform:lowercase;
  128. font-family:'minion pro';
  129. background-color:{color:postbg};
  130. font-style:bold;
  131. text-align:right;
  132. color:{color:post links};
  133. padding:5px;
  134. }
  135.  
  136. h2:first-letter {
  137. text-transform:uppercase;
  138. }
  139.  
  140. h2 a{
  141. color:{color:post links};
  142. }
  143.  
  144. h9 {
  145. text-align:right;
  146. font-family:'arial';
  147. letter-spacing:1px;
  148. padding:3px;
  149. font-size:7px;
  150. font-style:none;
  151. line-height:10px;
  152. text-transform:uppercase;
  153. background-color:{color:postbg};
  154. }
  155.  
  156. h9 a{
  157. text-align:right;
  158. font-family:'arial';
  159. letter-spacing:1px;
  160. font-size:7px;
  161. font-style:none;
  162. padding:3px;
  163. line-height:10px;
  164. text-transform:uppercase;
  165. background-color:{color:postbg};
  166. }
  167.  
  168. a:hover {
  169. color:{color:hover};
  170. -moz-transition-duration:0.3s;
  171. -webkit-transition-duration:0.3s;
  172. -o-transition-duration:0.3s;
  173. }
  174.  
  175. #s-m-t-tooltip {
  176.  
  177. max-width:300px;
  178. background-color:{color:postbg};
  179. font-size:9px;
  180. font:"arial";
  181. color:{color:text};
  182. letter-spacing:1px;
  183. text-transform:lowercase;
  184. padding:5px;
  185. margin:20px 0px 0px 20px;
  186. z-index:9999999999999999999999;
  187. }
  188.  
  189. /*ENTRIES*/
  190.  
  191. #entries {
  192. padding:10px;
  193. width:500px;
  194. margin-left:602px;
  195. margin-top:-20px;
  196. font-size:10px;
  197. font-family:'arial';
  198. letter-spacing:0px;
  199. }
  200.  
  201. #post {
  202. width:500px;
  203. padding-bottom:40px;
  204. padding:25px;
  205. margin-top:50px;
  206. background-color:{color:postbg};
  207. }
  208.  
  209. /*SIDEBAR*/
  210.  
  211. #sidebar {
  212. width: 400px;
  213. z-index:99999;
  214. }
  215.  
  216. #sidebar img {
  217. width:500px;
  218. z-index:9;
  219. margin-top:80px;
  220. margin-left:60px;
  221. z-index:99999;
  222. height:350px;
  223. position:fixed;
  224. outline:1px solid {color:border};
  225. outline-offset:3px;
  226. }
  227.  
  228. .slinks {
  229. text-transform:uppercase;
  230. text-align:center;
  231. font-family:'arial';
  232. font-size:14px;
  233. color:{color:text};
  234. position:fixed;
  235. margin-top:439px;
  236. margin-left:55px;
  237. }
  238.  
  239. .slinks a {
  240. width:500px;
  241. margin-bottom:-15px;
  242. height:8px;
  243. text-align:center;
  244. padding:6px;
  245. letter-spacing:3px;
  246. color:{color:postbg};
  247. font-family:'arial';
  248. background-color:{color:links};
  249. font-size:8px;
  250. text-transform:uppercase;
  251. text-align:center;
  252. display:block;
  253. }
  254.  
  255. .slinks a:hover {
  256. background-color:{color:descriptionbox};
  257.  
  258. }
  259.  
  260. #description {
  261. text-align:left;
  262. overflow-y:auto;
  263. font-family:'arial';
  264. padding:14px;
  265. width:500px;
  266. height:auto;
  267. margin-top:540px;
  268. margin-left:47px;
  269. background-color:{color:descriptionbox};
  270. font-size:9px;
  271. position:fixed;
  272. text-transform:none;
  273. }
  274.  
  275. #description a{
  276. color:{color:postbg};
  277. }
  278.  
  279. #sidebarbg {
  280. width:550px;
  281. height:1000%;
  282. margin-left:35px;
  283. margin-top:0px;
  284. background-color:{color:sidebarbg};
  285. position:fixed;
  286. z-index:-9999999;
  287. }
  288.  
  289. #pagination {
  290. margin-top:50px;
  291. margin-left:56px;
  292. position:fixed;
  293. width:499px;
  294. height:10px;
  295. text-align:center;
  296. padding:5px;
  297. font-family:'arial';
  298. color:{color:postbg};
  299. background-color:{color:links};
  300. font-size:8px;
  301. text-transform:uppercase;
  302. text-align:center;
  303. }
  304.  
  305. #pagination a {
  306. color:{color:postbg};
  307. }
  308.  
  309.  
  310.  
  311. /*POST INFO*/
  312.  
  313. #info {
  314. width:500px;
  315. text-align:right;
  316. font-family:'trebuchet ms';
  317. margin-top:-6px;
  318. margin-left:0px;
  319. letter-spacing:1px;
  320. color:{color:text};
  321. font-size:7px;
  322. font-style:none;
  323. padding:1px;
  324. line-height:10px;
  325. text-transform:uppercase;
  326. z-index:99999;
  327. }
  328.  
  329. #info a {
  330. text-align:center;
  331. color:{color:Post Links};
  332. }
  333.  
  334. #info a:hover {
  335. -moz-transition-duration:0.3s;
  336. -webkit-transition-duration:0.3s;
  337. -o-transition-duration:0.3s;
  338. color:{color:Hover}
  339. }
  340.  
  341. #line {
  342. border-top:1px solid {color:border};
  343. }
  344.  
  345. #tags {
  346. background-color:{color:postbg};
  347. float:left;
  348. width:auto;
  349. margin-top:5px;
  350. margin-left:-5px;
  351. text-align:left;
  352. font-size:7px;
  353. padding:5px;
  354. font-size:8px;
  355. opacity:1;
  356. transition-duration: 0.5s;
  357. -moz-transition-duration: 0.5s;
  358. -webkit-transition-duration: 0.5s;
  359. -o-transition-duration: 0.5s
  360. color:{color:Post Links};
  361. }
  362.  
  363. #tags a {
  364. letter-spacing:0px;
  365. font-size:8px;
  366. text-align:center;
  367. font-family:'CALIBRI';
  368. text-decoration:none;
  369. display:inline-block;
  370. color:{color:Post Links};
  371. }
  372.  
  373. #tags a:hover {
  374. -moz-transition-duration:0.3s;
  375. -webkit-transition-duration:0.3s;
  376. -o-transition-duration:0.3s;
  377. color:{color:Hover};
  378. }
  379.  
  380. /*QUESTION*/
  381.  
  382. #asker {
  383. padding:14px;
  384. background-image:url('{image:askbg}');
  385. font-size:11px;
  386. letter-spacing:0px;
  387. text-align:left;
  388. margin-top:0px;
  389. border:2px solid {color:Border};
  390. text-transform:lowercase;
  391. line-height:100%;
  392. }
  393. #asker {
  394. background-color:{color:background};
  395. padding:14px;
  396. font-family:'arial';
  397. font-size:11px;
  398. letter-spacing:0px;
  399. text-align:left;
  400. margin-top:0px;
  401. text-transform:lowercase;
  402. line-height:100%;
  403. color:{color:postbg};
  404. }
  405.  
  406. #asker a{
  407. color:{color:text};
  408. }
  409. /*CREDIT*/
  410.  
  411. #cred {
  412. position:fixed;
  413. font-family:'helvetica';
  414. background-color:{color:postbg};
  415. right:9px;
  416. bottom:9px;
  417. padding:5px;
  418. }
  419.  
  420. {CustomCSS}</style></head><body>
  421.  
  422. <!-- start of script tooltip -->
  423. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  424.  
  425. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  426.  
  427. <script>
  428.  
  429. (function($){
  430.  
  431. $(document).ready(function(){
  432.  
  433. $("a[title]").style_my_tooltips({
  434.  
  435. tip_follows_cursor:true,
  436.  
  437. tip_delay_time:10,
  438.  
  439. tip_fade_speed:60,
  440.  
  441. attribute:"title"
  442.  
  443. });
  444.  
  445. });
  446.  
  447. })(jQuery);
  448.  
  449. </script>
  450.  
  451. <img src="{image:title}"
  452. style="position:fixed;top:10px;left:60px;z-index:9999" /></a>
  453.  
  454. <div id="sidebarbg"></div>
  455.  
  456. <div id="sidebar">
  457. <img src="{image:sidebar}">
  458. </a>
  459. </div>
  460.  
  461. <div id="description"><p>{Description}
  462. </div>
  463.  
  464. <div class="slinks">
  465. <a href="{text:link 1}">{text:link 1 label}</a><br><br>
  466. <a href="{text:link 2}">{text:link 2 label}</a><br><br>
  467. <a href="{text:link 3}">{text:link 3 label}</a><br><br>
  468. <a href="{text:link 4}">{text:link 4 label}</a><br><br>
  469. </div>
  470.  
  471. <div id="pagination">
  472. {block:Pagination}
  473. {block:PreviousPage}<a href="{PreviousPage}">forget</a>{/block:PreviousPage}
  474. / {block:NextPage}<a href="{NextPage}">remember</a>{/block:NextPage}
  475. {/block:Pagination}
  476. </div>
  477.  
  478. <div id="entries">
  479. {block:Posts}
  480. <div id="post">
  481.  
  482. {block:Text}
  483. {block:Title}<h1>{Title}</h1>{/block:Title}
  484. {Body}{/block:Text}
  485.  
  486. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  487. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  488.  
  489. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  490. {/block:Caption}{/block:Photoset}
  491.  
  492. {block:Quote}<h2>"{Quote}"</h2>
  493. {block:Source}<div class="qsource"> —{Source}</div>
  494. {/block:Source}{/block:Quote}
  495.  
  496. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  497.  
  498. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  499.  
  500. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  501. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  502. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  503. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  504. {/block:Audio}<br>
  505.  
  506. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  507.  
  508. {block:Answer}<div id="asker">{Question} — <span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  509.  
  510. <p></p><p>
  511. <div id="line"></div>
  512. <div id="info">
  513. <h9>
  514. <a href="{Permalink}">{TimeAgo}</a> ▲
  515. {block:RebloggedFrom} <a href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom} ▲ {block:ContentSource} <a href="{SourceURL}"> source </a>{/block:ContentSource}
  516. ▲ {NoteCount}</a></h9>
  517. {block:HasTags}<div id="tags"><h9>filed under:</h9>
  518.  
  519. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  520. </div>{block:HasTags}
  521. </div>
  522. </div>
  523. {/block:Posts}
  524. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  525. {/block:Posts}</div></div></div>
  526. <br><br><br><br>
  527.  
  528. <div id="cred">
  529. <a href="http://harryassists.tumblr.com/"><big><big>☯ ☯ ☯</big></big></a>
  530. </div>
  531. </div>
  532.  
  533. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement