API tools faq
paste
Advertisement
horanique

THEME09

horanique
Jun 3rd, 2013
405
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.70 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. <!--- THEME BY DIAEMONDS@tumblr
  7. dont use as base / claim as yours / or anything else like only use it please--->
  8.  
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="image:Sidebar" content""/>
  12. <meta name="color:text" content""/>
  13. <meta name="color:links" content""/>
  14. <meta name="color:desc" content""/>
  15. <meta name="color:linkhover" content""/>
  16. <meta name="color:sblinks" content""/>
  17. <meta name="color:border" content"" />
  18. <meta name="color:scrollbar" content""/>
  19.  
  20. <meta name="text:link1url" content""/>
  21. <meta name="text:linktitle1" content""/>
  22. <meta name="text:link2url" content""/>
  23. <meta name="text:linktitle2" content""/>
  24. <meta name="text:link3url" content""/>
  25. <meta name="text:linktitle3" content""/>
  26. <meta name="text:link4url" content""/>
  27. <meta name="text:linktitle4" content""/>
  28.  
  29.  
  30.  
  31. <style type="text/css">
  32.  
  33.  
  34. body {
  35. font-family: calibri;
  36. font-size: 11px;
  37. color: {color:text};
  38. margin: 0;
  39. }
  40.  
  41. a {
  42. color: {color:links};
  43. text-decoration: none;
  44. }
  45.  
  46. a:hover {
  47. color: {color:linkhover};
  48. -webkit-transition: all 0.5s ease;
  49. -moz-transition: all 0.5s ease;
  50. -o-transition: all 0.5s ease;
  51. }
  52.  
  53. ::-webkit-scrollbar {background-color:#fff; height:8px; width:8px}
  54. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  55. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  56.  
  57.  
  58. #content {
  59. width: 500px;
  60. margin: auto;
  61. line-height: 10px;
  62. font-family: times new;
  63. }
  64.  
  65. .hello {
  66. text-transform: uppercase;
  67. letter-spacing: 1px;
  68. font-size: 120%;
  69. margin-left: 20px;
  70. padding-bottom: 20px;
  71. }
  72.  
  73.  
  74.  
  75.  
  76. .posts {
  77. padding: 19px;
  78. margin-top: 20px;
  79. overflow: hidden;
  80. background: #FFF;
  81. width: 500px;
  82. }
  83.  
  84.  
  85.  
  86. .posts img {
  87. max-width: 100%;
  88. }
  89.  
  90.  
  91. blockquote {
  92. border-left: 2px solid #F0F0F0;
  93. padding: 1px 1px 1px 10px;
  94. margin: 5px;
  95. }
  96.  
  97.  
  98.  
  99. #captions {
  100. display: block;
  101. padding: 1px 10px 1px 10px;
  102. margin-top: 10px;
  103. {block:IfNotShowCaptions}
  104. {block:IndexPage}
  105. display: none;
  106. {/block:IndexPage}
  107. {/block:IfNotShowCaptions}
  108. }
  109.  
  110. #audiocaptions {
  111. display: block;
  112. padding: 1px 10px 1px 10px;
  113. margin-top: 10px;
  114. {block:IfNotShowCaptions}
  115. {block:IndexPage}
  116. display: none;
  117. {/block:IndexPage}
  118. {/block:IfNotShowCaptions}
  119. }
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. #albumart img {
  127. width: 50px;
  128. height: 50px;
  129. }
  130.  
  131.  
  132. #permalink {
  133. padding: 5px 10px 5px 10px;
  134.  
  135. }
  136.  
  137.  
  138.  
  139.  
  140. #sidebar {
  141. width: 200px;
  142. position: fixed;
  143. margin-top: 130px;
  144. margin-left: -190px;
  145. text-align: justify;
  146.  
  147. }
  148.  
  149.  
  150.  
  151. #sidebar img {
  152. height: 70px;
  153.  
  154. }
  155.  
  156. #sidebar a:hover {
  157.  
  158. }
  159.  
  160.  
  161. #desc {
  162. width:65px;
  163. padding:3px;
  164. text-align: right;
  165. font-family: times new;
  166. font-size: 8px;
  167. line-height: 8px;
  168. letter-spacing: 1px;
  169. color: {color:desc};
  170. opacity: 0.75;
  171. margin-left:80px;
  172. margin-top: -64px;
  173. transition: all 0.7s ease-out;
  174. -o-transition-transition: all 0.7s ease-out;
  175. -webkit-transition: all 0.7s ease-out;
  176. -moz-transition: all 0.7s ease-out;
  177. }
  178.  
  179. #desc a {
  180. font-size: 8px;
  181. }
  182.  
  183. #sidebar:hover #desc {
  184. opacity: 0;
  185. margin-left: 90px;
  186. }
  187.  
  188. #navi {
  189. font-size: 7px;
  190. font-family: times new;
  191. letter-spacing:1px;
  192. margin-top:-65px;
  193. margin-left: 70px;
  194. line-height: 16px;
  195. opacity: 0;
  196. transition: all 0.7s ease-out;
  197. -o-transition-transition: all 0.7s ease-out;
  198. -webkit-transition: all 0.7s ease-out;
  199. -moz-transition: all 0.7s ease-out;
  200. }
  201.  
  202. #navi a {
  203. color: {color:desc};
  204. text-align: center;
  205. }
  206.  
  207.  
  208. #sidebar:hover #navi {
  209. margin-left: 80px;
  210. opacity: .8;
  211. }
  212.  
  213.  
  214. #pagination {
  215. position: fixed;
  216. bottom: 0px;
  217. background-color: #fff;
  218. left: 390px;
  219. width: 510px;
  220. word-spacing: 10px;
  221. padding: 10px;
  222. margin-left: 50px;
  223. font-size:10px;
  224. text-align:center;
  225. opacity: 1;
  226. font-family: times new;
  227. text-transform: uppercase;
  228. transition: all 0.7s ease-out;
  229. -o-transition-transition: all 0.7s ease-out;
  230. -webkit-transition: all 0.7s ease-out;
  231. -moz-transition: all 0.7s ease-out;
  232.  
  233. }
  234.  
  235. #asker {
  236. font-size: 15px;
  237. font-style: italic;
  238. text-align: center;
  239. font-family: times new;
  240. padding-bottom: 8px;
  241. }
  242.  
  243. #question {
  244. text-transform: uppercase;
  245. text-align: center;
  246. margin-top: 5px;
  247. font-size: 70%;
  248. }
  249.  
  250. #answer {
  251. text-align: justify;
  252. margin-top: 30px;
  253. }
  254.  
  255. #info {
  256.  
  257. text-transform: uppercase;
  258. font-size: 60%;
  259. margin-top: 5px;
  260. letter-spacing: 1px;
  261. font-family: times new;
  262. text-align: right;
  263. line-height: 8px;
  264. word-spacing: -1px;
  265. color: {color:links};
  266. opacity: .8;
  267.  
  268. }
  269.  
  270. #info a {
  271. color: {color:text};
  272. }
  273.  
  274.  
  275. #credit a {
  276. position:fixed;
  277. bottom:5px;
  278. right:-52px;
  279. text-transform:uppercase;
  280. color:#666666;
  281. font-size:8px;
  282. width:80px;
  283. font-family:consolas;
  284. text-align:center;
  285. transition: all 0.7s ease-out;
  286. -o-transition-transition: all 0.7s ease-out;
  287. -webkit-transition: all 0.7s ease-out;
  288. -moz-transition: all 0.7s ease-out;
  289. }
  290.  
  291. #credit a:hover {
  292. right: -3px;
  293. transition: all 0.7s ease-out;
  294. -o-transition-transition: all 0.7s ease-out;
  295. -webkit-transition: all 0.7s ease-out;
  296. -moz-transition: all 0.7s ease-out;
  297. }
  298.  
  299. iframe#tumblr_controls {
  300. position: fixed !important;
  301. z-index: 9999;
  302. }
  303.  
  304.  
  305. #s-m-t-tooltip {
  306. z-index: 9999;
  307. background: #fff;
  308. font-size: 8px;
  309. line-height: 8px;
  310. font-family: calibria;
  311. letter-spacing: 1px;
  312. text-transform: uppercase;
  313. color: {color:text};
  314. max-width: 150px;
  315. word-wrap: break-word;
  316. padding: 2px;
  317. display: block;
  318. opacity: .9;
  319. margin-top: 10px;
  320. margin-left: 10px;
  321. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  322. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  323. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  324. }
  325.  
  326.  
  327.  
  328.  
  329.  
  330. #tags {
  331. padding-right: 5px;
  332. font-size: 90%;
  333. color: {color:links};
  334. text-align: right;
  335. opacity: 0;
  336. transition: all 0.7s ease-out;
  337. -o-transition-transition: all 0.7s ease-out;
  338. -webkit-transition: all 0.7s ease-out;
  339. -moz-transition: all 0.7s ease-out;
  340. }
  341.  
  342.  
  343. .posts:hover #tags {
  344. opacity: .8;
  345. }
  346.  
  347.  
  348. </style>
  349.  
  350.  
  351. </head>
  352.  
  353.  
  354.  
  355. <body>
  356.  
  357.  
  358. <div id="content">
  359.  
  360.  
  361. <div id="sidebar">
  362.  
  363.  
  364. <img src="{image:sidebar}">
  365.  
  366. <div id="navi">
  367. <a href="{text:link1url}" title="{text:linktitle1}">01</a><br>
  368. <a href="{text:link2url}" title="{text:linktitle2}">02</a><br>
  369. <a href="{text:link3url}" title="{text:linktitle3}">03</a><br>
  370. <a href="{text:link4url}" title="{text:linktitle4}">04</a>
  371. </div>
  372.  
  373. <div id="desc">{Description}</div>
  374.  
  375.  
  376.  
  377. </div>
  378.  
  379. <div id="pagination">
  380. {block:Pagination}
  381. <div class="ha">
  382. {block:PreviousPage}
  383. <a href="{PreviousPage}">«</a>
  384. {/block:PreviousPage}
  385. {block:JumpPagination length="5"}
  386. {block:CurrentPage}
  387. <span class="current_page">{PageNumber}</span>
  388. {/block:CurrentPage}
  389.  
  390. {block:JumpPage}
  391. <a class="jump_page" href="{URL}">{PageNumber}</a>
  392. {/block:JumpPage}
  393. {/block:JumpPagination}
  394. {block:NextPage}
  395. <a href="{NextPage}">»</a>
  396. {/block:NextPage}
  397. </div>
  398. {/block:Pagination}
  399. </div>
  400.  
  401.  
  402.  
  403.  
  404. {block:Posts}
  405.  
  406.  
  407. <div class="posts">
  408.  
  409.  
  410. {block:Text}
  411.  
  412. {block:Title}
  413. <div class="hello">{Title}</div>
  414. {/block:Title}
  415.  
  416. {Body}
  417.  
  418. {/block:Text}
  419.  
  420.  
  421.  
  422.  
  423. {block:Photo}
  424.  
  425. <center>
  426. <img src="{PhotoURL-500}">
  427. </center>
  428.  
  429. {block:Caption}
  430. <div id="captions">
  431. {Caption}</div>
  432. {/block:Caption}
  433.  
  434. {/block:Photo}
  435.  
  436.  
  437.  
  438. {block:Photoset}
  439.  
  440. <div class="photoset">
  441. {Photoset-500}
  442. </div>
  443.  
  444. {block:Caption}
  445. <div id="captions">
  446. {Caption}</div>
  447. {/block:Caption}
  448.  
  449. {/block:Photoset}
  450.  
  451.  
  452.  
  453. {block:Quote}
  454.  
  455. ❝{Quote}❞
  456.  
  457. {block:Source}
  458. <br><br>—{Source}
  459. {/block:Source}
  460.  
  461. {/block:Quote}
  462.  
  463.  
  464.  
  465. {block:Link}
  466.  
  467. <a href="{URL}" {Target}>+ {Name}</a>
  468.  
  469. {block:Description}
  470. {Description}
  471. {/block:Description}
  472.  
  473. {/block:Link}
  474.  
  475.  
  476.  
  477. {block:Chat}
  478.  
  479. {block:Title}
  480. <div class="hello">{Title}</div>
  481. {/block:Title}
  482.  
  483.  
  484. {block:Lines}<br>
  485. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  486. {/block:Lines}
  487.  
  488.  
  489. {/block:Chat}
  490.  
  491.  
  492. {block:Audio}
  493.  
  494.  
  495.  
  496. {AudioPlayerWhite}
  497.  
  498. {block:TrackName} {TrackName}{/block:TrackName} -
  499. {block:Artist}{Artist}{/block:Artist}
  500. {block:Caption}
  501. <div id="audiocaptions">
  502. {Caption}</div>
  503. {/block:Caption}
  504.  
  505. {/block:Audio}
  506.  
  507.  
  508.  
  509. {block:Video}
  510.  
  511. <div class="video">
  512. {block:IndexPage}{Video-500}{/block:IndexPage}
  513. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  514. </div>
  515. {block:Caption}
  516. <div id="captions">
  517. {Caption}</div>
  518. {/block:Caption}
  519.  
  520. {/block:Video}
  521.  
  522.  
  523.  
  524. {block:Answer}
  525.  
  526. <center> <div style="font-size: 110%; text-transform: uppercase; letter-spacing: 1px;">{Asker}</div> <br>
  527. <i>{Question}</i>
  528.  
  529. <div style="line-height: 8px;padding-top: 10px;">{Answer}</div></center>
  530.  
  531. {/block:Answer}
  532.  
  533. <div id="info">
  534.  
  535. {block:Date}<a href="{permalink}">{TimeAgo}</a>{/block:Date}&#160<a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&#160<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&#160{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}
  536. <br>
  537. <div id="tags">{block:HasTags}{block:Tags}+ <a href="{tagurl}">{tag} {/block:Tags} {/block:HasTags}</div>
  538.  
  539. {block:PermalinkPage}
  540. {block:PostNotes}<div style="text-align:left;">
  541. {PostNotes}</div>
  542. {/block:PostNotes}
  543. {/block:PermalinkPage}
  544.  
  545. </div>
  546.  
  547. </div>
  548.  
  549.  
  550.  
  551. {/block:Posts}
  552.  
  553.  
  554.  
  555. <div id="credit"><a href="http://diaemonds.tumblr.com/">[C] DIAEMONDS </a></div>
  556.  
  557. </div>
  558.  
  559. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  560. </body>
  561. </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!