API tools faq
paste
Advertisement
traciy0

TROPIC

traciy0
Feb 21st, 2014
431
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.38 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- base code by aly @ themesofrp PLS leave this here -->
  3. <html>
  4.  
  5. <!-- THEME BY TRACIOFRP. I HOPE YOU GUYS ENJOY! -->
  6.  
  7. <head>
  8.  
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  12. <script>
  13. (function($){
  14. $(document).ready(function(){
  15. $("[title]").style_my_tooltips({
  16. tip_follows_cursor:true,
  17. tip_delay_time:200,
  18. tip_fade_speed:300
  19. }
  20. );
  21. });
  22. })(jQuery);
  23. </script>
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:border" content="#ffffff"/>
  27. <meta name="color:Post" content="#414141"/>
  28. <meta name="color:bold" content="#000"/>
  29. <meta name="color:italic" content="#000"/>
  30. <meta name="color:Text" content="#000000"/>
  31. <meta name="color:Link" content="#868686"/>
  32. <meta name="color:Link Hover" content="#868686"/>
  33. <meta name="color:Scrollbar" content="#414141"/>
  34. <meta name="color:Navi" content="#414141"/>
  35. <meta name="color:Navi Hover" content="#414141"/>
  36. <meta name="color:Pagination" content="#414141"/>
  37. <meta name="color:Pagination Hover" content="#414141"/>
  38. <meta name="color:Permalink" content="#ffffff"/>
  39. <meta name="color:Permalink Hover" content="#eeeeee"/>
  40. <meta name="color:Permalink Background" content="#000000"/>
  41.  
  42. <meta name="image:Sidebar" content""/>
  43. <meta name="image:Sidebar2" content""/>
  44. <meta name="image:Sidebar3" content""/>
  45.  
  46. <meta name="text:Home Title" content="" />
  47. <meta name="text:Ask Title" content="" />
  48. <meta name="text:Ask Url" content="" />
  49. <meta name="text:Link 1 Title" content="" />
  50. <meta name="text:Link 1 Url" content="" />
  51.  
  52.  
  53.  
  54. <title>{title}</title>
  55.  
  56. <style type="text/css"> body {cursor:url("http://static.tumblr.com/hqb6dzr/ByNmls8gm/3.png"),progress} </style>
  57. <style type="text/css"> a, a:hover {cursor:url("http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"),progress} </style>
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62.  
  63. body{
  64. background-color: {color:Background};
  65. background-attachment:fixed;
  66. font-family:georgia;font-size:11px;
  67. color:{color:Text};
  68. }
  69.  
  70. a:link, a:active, a:visited{
  71. color: {color:Link};
  72. text-decoration:none;
  73. -webkit-transition: all 0.2s linear;
  74. -moz-transition: all 0.2s linear;
  75. transition: all 0.2s linear;
  76. }
  77.  
  78. a:hover {
  79. color:{color:Link Hover};
  80. -webkit-transition: all 0.2s linear;
  81. -moz-transition: all 0.2s linear;
  82. transition: all 0.2s linear;
  83. }
  84.  
  85. big{font-size:15px;font-family:georgia;}
  86. b{font-family:courier new;font-weight:bold;color:{color:bold};}
  87. ::-webkit-scrollbar-thumb {
  88. height:9px;border:1px solid {color:background};
  89. background-color: {color:scrollbar};
  90. }
  91.  
  92. ::-webkit-scrollbar {
  93. width:5px;
  94. height:4px;border:2px solid {color:background};
  95. background:{color:scrollbar};
  96. margin-right:5px;
  97. }
  98.  
  99. #s-m-t-tooltip{
  100. position:absolute;
  101. background-color:{color:background};
  102. padding:4px;
  103. z-index:999;font-family:georgia;
  104. margin-top:13px;
  105. margin-left:5px;border-bottom:2px double {color:permalink background};
  106. display:block;font-style:none;
  107. text-transform:none;
  108. font-size:11px;
  109. color:{color:nav link};
  110. }
  111. #entries{
  112. padding:20px;z-index:999999999999999;
  113. width:500px;font-size:11px;
  114. margin-left:216px;
  115. }
  116.  
  117.  
  118. #post {
  119. background-color:{color:Post};
  120. padding:15px;
  121. outline:10px solid {color:post};
  122. border: 1px solid {color:border};
  123. font-size:11px;
  124. width:500px;z-index:999999999999999;
  125. margin-top:35px;font-size:11px;
  126. margin-bottom:65px;
  127. text-align:justify;
  128. }
  129.  
  130. .posttitle{
  131. font-family:georgia;
  132. font-weight:bold;
  133. letter-spacing:-1px;
  134. font-style:italic;
  135. font-size: 20px;
  136. line-height: 20px;
  137. }
  138.  
  139. blockquote{
  140. margin-left:18px;
  141. padding-left:5px;
  142. border-left: 2px solid {color:permalink background};
  143. }
  144.  
  145.  
  146. .p { padding-top: 5px;}
  147. .ol, ul { margin-left: 10px; padding: 5px; }
  148. .ul { list-style-type: square; }
  149.  
  150. #post .tags {position:relative;
  151. text-align:left;opacity:0;
  152. color:{color:text};
  153.  
  154. margin-top:-10px;
  155. padding:8px; z-index:999999999999999;
  156. font-size:9px;
  157. font-family:georgia;
  158. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  159. -moz-transition: all 0.2s linear;
  160. transition: all 0.2s linear;}
  161. #post:hover .tags {position:relative;
  162. text-align:left;opacity:1;
  163. color:{color:text};
  164.  
  165. margin-top:0px;
  166. padding:8px; width:auto;z-index:999999999999999;
  167. font-size:9px;
  168. font-family:georgia;
  169. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  170. -moz-transition: all 0.2s linear;
  171. transition: all 0.2s linear;}
  172. .tags a {color:{color:link};text-transform:uppercase;}
  173.  
  174. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  175.  
  176. #permalink{
  177. position:relative;
  178. text-align:left;
  179. color:{color:Permalink};
  180. background:{color:Permalink Background};
  181. margin-top:8px;
  182. padding:8px;
  183. font-size:9px;
  184. width:485px;z-index:999999999999999;
  185. font-family:georgia;
  186. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  187. -moz-transition: all 0.2s linear;
  188. transition: all 0.2s linear;
  189. }
  190.  
  191. #permalink a{
  192. color:{color:Permalink};
  193. }
  194.  
  195. #permalink a:hover{
  196. color:{color:Permalink Hover};
  197. }
  198.  
  199.  
  200. #sidebar {
  201. position:fixed;
  202. margin-top:100px;
  203. margin-left:800px;
  204. z-index:1;
  205. width:200px;background-image:url('{image:sidebar}')
  206. padding: 5px;
  207. padding-bottom:5px;
  208. }
  209. #sidebar2 {
  210. position:fixed;
  211. margin-top:100px;
  212. margin-left:500px;
  213. z-index:1;
  214. width:200px;background-image:url('{image:sidebar2}')
  215. padding-bottom:5px;
  216. }
  217.  
  218. .sidebarimg img{
  219. border:1px solid {color:border};
  220. padding: 2px;
  221. width:400px;
  222. height:500px;
  223. }
  224. /* other sbs */
  225. .sigh {
  226. border:1px solid {color:border};
  227. padding: 2px;
  228. position:fixed; margin-top:208px; margin-left:50px; width:150px; height:150px;
  229. }
  230. .sigh3 {
  231. border:1px solid {color:border};
  232. padding: 2px;
  233. position:fixed; margin-top:410px; margin-left:50px;width:150px; height:150px;
  234. }
  235.  
  236. .description {
  237. position:fixed;
  238. padding:10px;
  239. margin-top: 287px;
  240. margin-left: 220px;
  241. width: 160px;
  242. height: 160px;
  243. overflow:auto;
  244. font-size: 9px;
  245. border: 1px solid {color:border};
  246. color:{color:text};
  247. letter-spacing:2px;
  248. line-height:100%;
  249. opacity:0.0;
  250. -moz-transition-duration:0.5s;
  251. -webkit-transition-duration:0.5s;
  252. -o-transition-duration:0.5s;
  253. }
  254.  
  255. .description:justify {
  256. background:{color:post};
  257. opacity:1.0;
  258. -moz-transition-duration:0.5s;
  259. -webkit-transition-duration:0.5s;
  260. -o-transition-duration:0.5s;
  261. }
  262.  
  263. pre{font-size:14px;
  264. font-family:georgia;
  265. text-transform:uppercase;
  266. text-align:center;
  267. background-color:{color:background};
  268. padding:4px;
  269. text-decoration:bold;}
  270.  
  271. .navi{
  272. margin-top:-329px;position:fixed;
  273. font-size:11px;margin-left:-763px;
  274. text-align:center;z-index:99999; width:150px;padding:5px;
  275. letter-spacing:05px;background-color:{color:border};
  276. text-transform:uppercase;
  277. }
  278.  
  279. .navi a{
  280. display:inline-block;
  281. color:{color:Navi};
  282. padding:5px;
  283. }
  284.  
  285. .navi a:hover{
  286. color:{color:Navi hover};
  287. }
  288. .pagination {
  289. position:fixed;margin-top:-85px;background-color:{color:pagination}; margin-left:-12px;
  290. font-size:12px;padding:10px;width:390px;text-align:center;
  291. text-align:center;z-index:9999999999;
  292. }
  293.  
  294. .pagination a{
  295. display:inline-block;
  296. {color:Background};
  297.  
  298. }
  299.  
  300. .pagination a:hover{font-style:bold;
  301. color:{color:permalink Hover};}
  302. .uhhh {position:fixed; margin-top:90px; margin-left:11px; }
  303.  
  304. }
  305.  
  306. {CustomCSS}
  307. </style>
  308.  
  309. <link rel="shortcut icon" href="{Favicon}">
  310. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  311.  
  312.  
  313. </head>
  314.  
  315. <body>
  316.  
  317. <div class="sigh"><img src="{image:sidebar2}"></div>
  318. <div class="sigh3"><img src="{image:sidebar3}"></div>
  319. <div id="sidebar">
  320.  
  321. <div class="sidebarimg"><img src="{image:sidebar}"></div>
  322. <div class="uhhh">
  323. <div class="navi">
  324. <a href="/"title="{text:Home Title}">I</a>
  325. <a href="{Text:Ask Url}"title="{text:Ask Title}">II</a>
  326. <a href="{text:Link 1 Url}"title="{text:Link 1 Title}">III</a>
  327. <a href="http://traciofrp.tumblr.com"title="credit">IV</a>
  328. </div>
  329.  
  330. <div class="description">
  331. {Description}
  332. </div>
  333.  
  334.  
  335. <div class="pagination">
  336. {block:Pagination}
  337. {block:PreviousPage}
  338. <a href="{PreviousPage}">backward</a>
  339. {/block:PreviousPage}
  340. {block:NextPage}
  341. <a href="{NextPage}"> /forward</a>
  342. {/block:NextPage}
  343. {/block:Pagination}
  344. </div>
  345. </div>
  346.  
  347. </div>
  348.  
  349.  
  350. <div id="entries">
  351. {block:Posts}
  352. <div id="post">
  353.  
  354. {block:Text}
  355. {block:Title}
  356. <div class="posttitle">{Title}</div>
  357. {/block:Title}
  358. {Body}
  359. {/block:Text}
  360.  
  361. {block:Link}
  362. <div class="posttitle">
  363. <a href="{URL}">{Name}</a>
  364. </div>
  365. {block:Description}{Description}{/block:Description}
  366. {/block:Link}
  367.  
  368. {block:Photo}
  369. <center>
  370. {LinkOpenTag}
  371. <a href="{permalink}">
  372. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  373. {LinkCloseTag}
  374. </center>
  375. {block:Caption}{Caption}{/block:Caption}
  376. {block:ContentSource}
  377. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  378. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  379. {/block:SourceLogo}
  380. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  381. {/block:ContentSource}
  382. {block:ReblogParentURL}
  383. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  384. {/block:ReblogParentURL}
  385. {/block:Photo}
  386.  
  387. {block:Photoset}
  388. {Photoset-500}
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:Photoset}
  391.  
  392. {block:Quote}
  393. <div class="posttitle">"{Quote}"</div>
  394. {block:Source}
  395. - {Source}
  396. {/block:Source}
  397. {/block:Quote}
  398.  
  399. {block:Chat}
  400. {block:Title}
  401. <div class="posttitle">
  402. {Title}
  403. </div>
  404. {/block:Title}
  405. {block:Lines}
  406. {block:Label}
  407. <b>{Label} </b>
  408. {/block:Label}
  409. {Line}
  410. <br>
  411. {/block:Lines}
  412. {/block:Chat}
  413.  
  414. {block:Audio}
  415. {block:AlbumArt}
  416. <img src="{AlbumArtURL}" width="120px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  417. <span class="audio">{AudioPlayerGrey}<br></span>
  418. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  419. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  420. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  421. {block:Caption}{Caption}{/block:Caption}
  422. {/block:Audio}
  423.  
  424. {block:Video}
  425. {Video-500}
  426. {block:Caption}{Caption}{/block:Caption}
  427. {/block:Video}
  428.  
  429. {block:Answer}
  430. {Asker} said: "{Question}"
  431. <div style="border-bottom: 1px solid {color:border}"></div>
  432. {Answer}{/block:Answer}
  433.  
  434.  
  435. {block:IndexPage}
  436. <div id="permalink">
  437. <a href="{Permalink}"> {TimeAgo}</a>
  438. --
  439. <a href="{Permalink}">{NoteCountWithLabel}</a>
  440. {block:RebloggedFrom}
  441. -- <a href="{ReblogParentURL}" target="_blank">via</a>
  442. -- <a href="{ReblogRootURL}" target="_blank">©</a>
  443. {/block:RebloggedFrom}
  444.  
  445. </div>
  446. <div class="tags">{block:HasTags}
  447. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  448. {/block:Tags}
  449. {/block:HasTags}</div>
  450. {/block:IndexPage}
  451.  
  452. {block:PermalinkPage}
  453. <div id="permalink">
  454. <a href="{Permalink}"> {TimeAgo}</a>
  455. |
  456. <a href="{Permalink}">{NoteCountWithLabel}</a>
  457. {block:RebloggedFrom}
  458. | <a href="{ReblogParentURL}" target="_blank">via</a>
  459. | <a href="{ReblogRootURL}" target="_blank">©</a>
  460. {/block:RebloggedFrom}
  461. | <a href="{ReblogURL}" target="_blank">REBLOG</a></br>
  462.  
  463. </div>
  464. <div class="tags">{block:HasTags}
  465. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  466. {/block:Tags}
  467. {/block:HasTags}</div>
  468. {/block:PermalinkPage}
  469.  
  470.  
  471. {block:PostNotes}
  472. {PostNotes}
  473. {/block:PostNotes}
  474. </div>
  475. {/block:Posts}
  476.  
  477. </div>
  478.  
  479. </div>
  480.  
  481. </body>
  482. </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!