API tools faq
paste
Advertisement
horanique

THEME04

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