API tools faq
paste
rorytastic

theme 06

rorytastic
Feb 23rd, 2014
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.00 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.  
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:Text" content="#a8a8a8"/>
  13. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  14. <meta name="color:DescriptionText" content="#000000"/>
  15. <meta name="color:Border" content="#dddddd"/>
  16. <meta name="color:Hover" content="#f2f2f2"/>
  17. <meta name="color:Scrollbar" content="#000000"/>
  18. <meta name="color:ScrollbarBg" content="#ffffff"/>
  19. <meta name="color:Post Links" content="#c0bfbf"/>
  20. <meta name="color:Answer Backg" content="#000000"/>
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="text:linkA url" content="" />
  24. <meta name="text:linkA" content="" />
  25. <meta name="text:linkB url" content="" />
  26. <meta name="text:linkB" content="" />
  27. <meta name="text:linkC url" content="" />
  28. <meta name="text:linkC" content="" />
  29. <meta name="text:linkD url" content="" />
  30. <meta name="text:linkD" content="" />
  31. <meta name="text:linkE url" content="" />
  32. <meta name="text:linkE" 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.  
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("#standardlinks a[title]").style_my_tooltips({
  41. tip_delay_time:1
  42. });
  43. });
  44. })(jQuery);
  45. </script>
  46.  
  47. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  48.  
  49. <style>
  50. div#qTip {
  51. padding: 3px;
  52. display: none;
  53. text-align: center;
  54. position: absolute;
  55. font-size:7px;
  56. line-height:9px;
  57. font-family: 'Fanwood Text', serif;
  58. z-index: 1000;
  59. border: 1px solid #d1d1d1;
  60. background-color:#fff;
  61. color: {color:text};
  62. text-transform:uppercase;
  63. letter-spacing: 1px;
  64. }
  65. </style>
  66.  
  67. <style type="text/css">
  68.  
  69. iframe#tumblr_controls {
  70. top: 0% !important;
  71. right:0% !important;
  72. opacity:0.3;
  73. position: fixed !important;
  74. filter:alpha(opacity=30);
  75. -webkit-transition: all 0.7s ease;
  76. -moz-transition: all 0.7s ease;
  77. -o-transition: all 0.7s ease;
  78. }
  79. iframe#tumblr_controls:hover{
  80. top:0% !important;
  81. right:0% !important;
  82. opacity:0.8;
  83. position: fixed !important;
  84. filter:alpha(opacity=80);
  85. -webkit-transition: all 0.7s ease;
  86. -moz-transition: all 0.7s ease;
  87. -o-transition: all 0.7s ease;
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb {
  91. height:auto;
  92. background-color:{color:Scrollbar};
  93. }
  94.  
  95. ::-webkit-scrollbar {
  96. height:9px;
  97. width:4px;
  98. background-color:{color:ScrollbarBg};
  99. }
  100.  
  101. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  102.  
  103. body {
  104. background:{color:background};
  105. margin:0px;
  106. color:{color:text};
  107. font-family:calibri;
  108. font-size:10px;
  109. line-height:100%;
  110. letter-spacing:0px;
  111. text-align:justify;
  112. background-image:url('{image:Background}');
  113. }
  114.  
  115. a {
  116. text-decoration:none;
  117. outline:none;
  118. -moz-outline-style:none;
  119. color:{color:Post Links};
  120. }
  121.  
  122. img {
  123. border:none;
  124. }
  125.  
  126. blockquote {
  127. padding-left:5px;
  128. border-left:2px solid;
  129. }
  130.  
  131. blockquote blockquote {
  132. padding-left:5px;
  133. border-left:2px solid;
  134. }
  135.  
  136. h1 {
  137. font-size:8px;
  138. letter-spacing:2px;
  139. text-transform:uppercase;
  140. font-family:'CAMBRIA';
  141. font-style:none;
  142. line-height:10px;
  143. text-align:left;
  144. padding:0px;
  145. }
  146.  
  147. a:hover {
  148. color:#000000;
  149. -moz-transition-duration:0.3s;
  150. -webkit-transition-duration:0.3s;
  151. -o-transition-duration:0.3s;
  152. }
  153.  
  154.  
  155. /*ENTRIES*/
  156.  
  157. #entries {
  158. padding:10px;
  159. width:500px;
  160. margin-left:-205px;
  161. margin-top:50px;
  162. font-size:10px;
  163. font-family:'arial';
  164. letter-spacing:0px;
  165. }
  166.  
  167. #post {
  168. width:500px;
  169. padding-bottom:40px;
  170. padding:25px;
  171. margin-top:50px;
  172. -moz-box-shadow: 5px 5px 5px #909090;
  173. -webkit-box-shadow: 5px 5px 5px #909090;
  174. box-shadow: 6px 6px 9px #909090;
  175. }
  176.  
  177. /*SIDEBAR*/
  178.  
  179. #sidebar {
  180. width:150px;
  181. position:relative;
  182. margin-left:546px;
  183. margin-top:30px;
  184. }
  185.  
  186. #sidebarimage {
  187. width 150px;
  188. }
  189.  
  190. #sidebarimage img {
  191. width:320px;
  192. height:auto;
  193. padding-bottom:0px;
  194. margin-left:-80px;
  195. }
  196.  
  197.  
  198. #sidebarimage img:hover {
  199. opacity:1;
  200. -moz-transition-duration:0.6s;
  201. -webkit-transition-duration:0.6s;
  202. -o-transition-duration:0.6s;
  203. }
  204.  
  205.  
  206.  
  207. #description {
  208. text-align:center;
  209. font-family:Baskerville;
  210. color:{color:DescriptionText};
  211. width:300px;
  212. margin-top:-138px;
  213. margin-left:-80px;
  214. border-bottom:double #dedede;
  215. border-top:1px solid #dedede;
  216. padding:10px;
  217. font-style:bold;
  218. font-size:9px;
  219. opacity:0;
  220. position:absolute;
  221. text-align:center;
  222. text-transform:uppercase;
  223. line-height:120%;
  224. -moz-transition-duration:.1.5s;
  225. -webkit-transition-duration:1.5s;
  226. -o-transition-duration:1.5s;
  227. }
  228.  
  229. #description a {
  230. color:{color:link};
  231. }
  232.  
  233. #description a:hover {
  234. color:#5b5b5b;
  235. }
  236. #sidebar:hover #description{
  237. margin-top:-40px;
  238. opacity:1;
  239. -moz-transition-duration:1.5s;
  240. -webkit-transition-duration:1.5s;
  241. -o-transition-duration:1.5s;
  242. }
  243.  
  244.  
  245. #pagination {
  246. font-family:Baskerville;
  247. width:500px;
  248. font-size:12px;
  249. bottom:125px;
  250. margin-left:360px;
  251. margin-bottom:22px;
  252. padding-left:10px;
  253. letter-spacing:1px;
  254. text-align:center;
  255. text-transform:uppercase;
  256. }
  257.  
  258. #pagination a {
  259. color:#3c3c3c;
  260. }
  261.  
  262. .jump_page {
  263. padding:0 4px;
  264. text-align:center;}
  265.  
  266. #links {
  267. position:relative;
  268. letter-spacing:1px;
  269. position:fixed;
  270. font-family:times;
  271. width:180px;
  272. margin-top:-68px;
  273. opacity:0;
  274. margin-left:-5px;
  275. font-size:12px;
  276. text-transform:lowercase;
  277. text-align:center;
  278. line-height:170%;
  279. -moz-transition-duration:.1.5s;
  280. -webkit-transition-duration:1.5s;
  281. -o-transition-duration:1.5s;
  282. }
  283.  
  284.  
  285. #links a {
  286. display:inline-block;
  287. border: 1px solid #dedede;
  288. background:#fefefe;
  289. -moz-border-radius:100%;
  290. -webkit-border-radius:100%;
  291. border-radius:0%;
  292. height:10px;
  293. width:10px;
  294. letter-spacing:0px;
  295. text-transform:uppercase;
  296. transition-duration: 0.7s;
  297. -moz-transition-duration: 0.7s;
  298. -webkit-transition-duration: 0.7s;
  299. -o-transition-duration: 0.7s;
  300. }
  301.  
  302.  
  303. #links a:hover {
  304. background:#dedede;
  305. border: 1px solid #d6d6d6;
  306. color:#fff;
  307. }
  308.  
  309. #sidebar:hover #links{
  310. margin-top:20px;
  311. opacity:1;
  312. -moz-transition-duration:1.5s;
  313. -webkit-transition-duration:1.5s;
  314. -o-transition-duration:1.5s;
  315. }
  316.  
  317. #s-m-t-tooltip{
  318. /* basic */
  319. max-width:300px;
  320. z-index:10;
  321. margin:24px 14px 7px 12px;
  322. /* style and design */
  323. padding:2px;
  324. background:#fff; /* fallback if rgba not supported */
  325. background:rgba(0,0,0,0.8);
  326. font-size:11px;
  327. color:#fff;
  328. }
  329.  
  330.  
  331. /*POST INFO*/
  332.  
  333. #info {
  334. width:500px;
  335. text-align:left;
  336. font-family:'trebuchet ms';
  337. margin-top:3px;
  338. margin-left:px;
  339. letter-spacing:1px;
  340. font-size:7px;
  341. font-style:none;
  342. padding:1px;
  343. line-height:10px;
  344. text-transform:uppercase;
  345. border-top:1px solid;
  346. border-color:{color:Border};
  347. }
  348.  
  349. #info a {
  350. text-align:center;
  351. color:{color:Post Links};
  352. }
  353.  
  354. #info a:hover {
  355. -moz-transition-duration:0.3s;
  356. -webkit-transition-duration:0.3s;
  357. -o-transition-duration:0.3s;
  358. color:{color:Hover}
  359. }
  360.  
  361. #tags {
  362. float:left;
  363. width:489px;
  364. margin-top:-7px;
  365. margin-left:-5px;
  366. text-align:left;
  367. font-size:7px;
  368. padding:5px;
  369. font-size:8px;
  370. opacity:1;
  371. transition-duration: 0.5s;
  372. -moz-transition-duration: 0.5s;
  373. -webkit-transition-duration: 0.5s;
  374. -o-transition-duration: 0.5s
  375. color:{color:Post Links};
  376. }
  377.  
  378. #tags a {
  379. letter-spacing:0px;
  380. font-size:8px;
  381. text-align:center;
  382. font-family:'CALIBRI';
  383. text-decoration:none;
  384. display:inline-block;
  385. color:#ddd;
  386. }
  387.  
  388. #tags a:hover {
  389. background-color:#fff;
  390. -moz-transition-duration:0.3s;
  391. -webkit-transition-duration:0.3s;
  392. -o-transition-duration:0.3s;
  393. color:{color:Hover};
  394. }
  395.  
  396. #audio{
  397. background-color:#e5e5e5;
  398. height:65px;
  399. overflow:hidden;
  400. }
  401.  
  402. #question {
  403. padding:7px;
  404. text-align:left;
  405. text-transform:italic;
  406. border:2px {color:border} solid;
  407. color:{color:text};
  408. border-bottom: 1px solid #f6f6f6;
  409. line-height:120%;
  410. }
  411.  
  412. #answer {
  413. text-align:left;
  414. padding:50px;
  415. font-family: 'Fanwood Text', serif;
  416. color:{color:text};
  417. background-color:{color:background};
  418. }
  419.  
  420. /*CREDIT*/
  421.  
  422. #cred {
  423. position:fixed;
  424. font-family:'Calibri';
  425. text-transform:uppercase;
  426. border:1px solid #dedede;
  427. font-size:12px;
  428. right:9px;
  429. bottom:9px;
  430. padding:4px;
  431. letter-spacing:1px;
  432. }
  433.  
  434. {CustomCSS}</style></head><body>
  435.  
  436. <div id="sidebar">
  437.  
  438. <div id="sidebarimage">
  439. <a title="home" href="/">
  440. <img src="{image:Sidebar}">
  441. </a>
  442. </div>
  443.  
  444. <div class="links">
  445. <div id="links">
  446. <a href="{text:linkA url}" title="{text:linkA}"></a>
  447. <a href="{text:linkB url}" title="{text:linkB}"></a>
  448. <a href="{text:linkC url}" title="{text:linkC}"></a>
  449. <a href="{text:linkD url}" title="{text:linkD}"></a>
  450. <a href="{text:linkE url}" title="{text:linkE}"></a>
  451. </div>
  452.  
  453. <div id="description">{Description}
  454.  
  455. </div>
  456.  
  457.  
  458. <div id="entries">
  459. {block:Posts}
  460. <div id="post">
  461.  
  462. {block:Text}
  463. <h1>{block:Title}{Title}{/block:Title}</h1>
  464. {Body}{/block:Text}
  465.  
  466. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  467. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  468.  
  469. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  470. {/block:Caption}{/block:Photoset}
  471.  
  472. {block:Quote}<h2>"{Quote}"</h2>
  473. {block:Source}<div class="qsource"> —{Source}</div>
  474. {/block:Source}{/block:Quote}
  475.  
  476. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  477.  
  478. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  479.  
  480. {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>
  481. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  482. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  483. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  484. {/block:Audio}<br>
  485.  
  486. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  487.  
  488. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:10px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  489.  
  490. <div id="info">
  491. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  492. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  493. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  494. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  495. with {NoteCountWithLabel}</a>
  496. {block:HasTags}<div id="tags">
  497.  
  498. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  499. </div>{block:HasTags}
  500. </div>
  501. </div>
  502. {/block:Posts}
  503. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  504. {/block:Posts}</div></div></div>
  505. <br><br><br><br>
  506.  
  507. <div id="pagination">
  508. <center>
  509. {block:Pagination}
  510. {block:PreviousPage}
  511. <a href="{PreviousPage}">back</a>
  512. {/block:PreviousPage}
  513. &nbsp;
  514. {block:NextPage}
  515. <a href="{NextPage}">forth</a>
  516. {/block:NextPage}
  517. {/block:Pagination}
  518. </center>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. </div>
  524. </div>
  525.  
  526. <div id="cred">
  527. <a href="http://rorytastic.tumblr.com/">JT</a>
  528. </div>
  529. </div>
  530.  
  531.  
  532.  
  533. </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!