API tools faq
paste
Advertisement
horanique

THEME11

horanique
Sep 3rd, 2013
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.65 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7. <!--- theme by diaemonds@tumblr
  8. dont claim as yours // delete or move credit // basically just use it ok it's not that difficult--->
  9.  
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="image:background" content""/>
  13. <meta name="color:backgroundcolor" content"" />
  14. <meta name="color:text" content""/>
  15. <meta name="color:links" content""/>
  16. <meta name="color:desc" content""/>
  17. <meta name="color:linkhover" 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. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30.  
  31. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32.  
  33. <script>
  34.  
  35. (function($){
  36.  
  37. $(document).ready(function(){
  38.  
  39. $("a[title]").style_my_tooltips({
  40.  
  41. tip_follows_cursor:true,
  42.  
  43. tip_delay_time:50,
  44.  
  45. tip_fade_speed:600,
  46.  
  47. attribute:"title"
  48.  
  49. });
  50.  
  51. });
  52.  
  53. })(jQuery);
  54.  
  55. </script>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'>
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65.  
  66.  
  67. body {
  68. font-family: times new;
  69. font-size: 10px;
  70. color: {color:text};
  71. margin: 0;
  72. }
  73.  
  74. a {
  75. color: {color:links};
  76. text-decoration: none;
  77. transition: all 0.7s ease-out;
  78. -o-transition-transition: all 0.7s ease-out;
  79. -webkit-transition: all 0.7s ease-out;
  80. -moz-transition: all 0.7s ease-out;
  81. }
  82.  
  83. a:hover {
  84. color: {color:linkhover};
  85. }
  86.  
  87. ::-webkit-scrollbar { height:8px; width:5px}
  88. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  89. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  90.  
  91.  
  92. #content {
  93. background-color: {color:backgroundcolor};
  94. background-image:url('{image:background}');
  95. background-attachment:fixed;
  96. width: 500px;
  97. height: 600px;
  98. background-color: #eee;
  99. margin: auto;
  100. line-height: 10px;
  101. font-family: times new;
  102. padding: 20px;
  103. opacity: 1;
  104. }
  105.  
  106.  
  107. #poop {
  108. overflow: auto;
  109. width: 485px;
  110. height: 550px;
  111. position: fixed;
  112. margin-top: 40px;
  113. margin-left: 0px;
  114. }
  115.  
  116. .hello {
  117. letter-spacing: 1px;
  118. font-size: 140%;
  119. margin-left: 20px;
  120. padding-bottom: 20px;
  121. font-family: 'Playfair Display', serif;
  122. font-style: oblique;
  123. color: #d0e5ba;
  124. }
  125.  
  126. @import url(http://fonts.googleapis.com/css?family=Playfair+Display:400italic);
  127.  
  128.  
  129. .posts {
  130. overflow: hidden;
  131. padding: 30px;
  132. background: #FFF;
  133. width: 400px;
  134. margin-left: 20px;
  135. }
  136.  
  137.  
  138.  
  139.  
  140. blockquote {
  141. border-left: 2px solid #F0F0F0;
  142. padding: 1px 1px 1px 10px;
  143. margin: 5px;
  144. }
  145.  
  146.  
  147.  
  148. #captions {
  149. display: block;
  150. padding: 1px 10px 1px 10px;
  151. margin-top: 10px;
  152. {block:IfNotShowCaptions}
  153. {block:IndexPage}
  154. display: none;
  155. {/block:IndexPage}
  156. {/block:IfNotShowCaptions}
  157. }
  158.  
  159. #audiocaptions {
  160. display: block;
  161. padding: 1px 10px 1px 10px;
  162. margin-top: 10px;
  163. {block:IfNotShowCaptions}
  164. {block:IndexPage}
  165. display: none;
  166. {/block:IndexPage}
  167. {/block:IfNotShowCaptions}
  168. }
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175. #albumart img {
  176. width: 50px;
  177. height: 50px;
  178. }
  179.  
  180.  
  181. #permalink {
  182. padding: 5px 10px 5px 10px;
  183.  
  184. }
  185.  
  186.  
  187. #sidebar {
  188. background-color: #fff;
  189. width: 460px;
  190. height: 30px;
  191. position: fixed;
  192. top: 15px;
  193. margin-left: 20px;
  194. text-align: justify;
  195. opacity: 1;
  196. outline: double #fff;
  197. outline-offset: 0px;
  198. }
  199.  
  200.  
  201.  
  202.  
  203. #desc {
  204. width: 450px;
  205. height: 50px;
  206. padding:5px;
  207. text-align: center;
  208. text-transform: uppercase;
  209. font-family: times new;
  210. letter-spacing: 2px;
  211. font-size: 110%;
  212. margin-top: -5px;
  213. color: {color:desc};
  214. opacity:1;
  215. transition: all 0.9s ease-out;
  216. -o-transition-transition: all 0.9s ease-out;
  217. -webkit-transition: all 0.9s ease-out;
  218. -moz-transition: all 0.9s ease-out
  219. }
  220.  
  221.  
  222.  
  223.  
  224. .navi {
  225. width: 450px;
  226. margin-top:-67px;
  227. margin-left: 10px;
  228. text-align: center;
  229. line-height: 120%;
  230. font-family: times new;
  231. letter-spacing: 1px;
  232. text-transform: uppercase;
  233. letter-spacing: 2px;
  234. font-size: 100%;
  235. opacity: 0;
  236. transition: all 0.7s ease-out;
  237. -o-transition-transition: all 0.7s ease-out;
  238. -webkit-transition: all 0.7s ease-out;
  239. -moz-transition: all 0.7s ease-out;
  240.  
  241.  
  242. }
  243.  
  244. .navi a {
  245. width: 90px;
  246. float:left;
  247. color: {color:desc};
  248. padding: 10px;
  249. opacity: 1;
  250. }
  251.  
  252. .navi a:hover {
  253. opacity: .8;
  254. }
  255.  
  256.  
  257. #content:hover #desc {
  258. opacity: 0;
  259. }
  260.  
  261. #content:hover .navi {
  262. opacity: .9;
  263. }
  264.  
  265. #info {
  266. text-transform: uppercase;
  267. font-size: 70%;
  268. letter-spacing: 1px;
  269. font-family: trebuchet ms;
  270. text-align: right;
  271. margin-right: 10px;
  272. margin-top: 20px;
  273. line-height: 8px;
  274. word-spacing: -1px;
  275. color: #ffe3e6;
  276. transition: all 0.7s ease-out;
  277. -o-transition-transition: all 0.7s ease-out;
  278. -webkit-transition: all 0.7s ease-out;
  279. -moz-transition: all 0.7s ease-out;
  280. }
  281.  
  282.  
  283. #info a {
  284. color: #ffe3e6;
  285. }
  286.  
  287. #info a:hover {
  288. color:#e2b8b3;
  289. }
  290.  
  291.  
  292. #tags {
  293. padding-right: 5px;
  294. font-size: 7px;
  295. color: {color:links};
  296. text-align: right;
  297. opacity: 0;
  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. .posts:hover #tags {
  305. opacity: .8;
  306. }
  307.  
  308. iframe#tumblr_controls {
  309. position: fixed !important;
  310. z-index: 9999;
  311. }
  312.  
  313.  
  314. #pagination {
  315. position: fixed;
  316. bottom: 10px;
  317. right: 380px;
  318. word-spacing: 4px;
  319. font-size:7px;
  320. letter-spacing: 1px;
  321. text-align:center;
  322. opacity: .8;
  323. text-transform: uppercase;
  324. font-family: times new;
  325. transition: all 0.7s ease-out;
  326. -o-transition-transition: all 0.7s ease-out;
  327. -webkit-transition: all 0.7s ease-out;
  328. -moz-transition: all 0.7s ease-out;
  329.  
  330. }
  331.  
  332. #pagination a {
  333. color: {color:desc};
  334. }
  335.  
  336.  
  337. #quote {
  338. color:{color:desc};
  339. font-weight: lighter;
  340. font-style: italic;
  341. letter-spacing: 1px;
  342. font-size: 140%;
  343. text-align: center;
  344. border-bottom: 1px solid {color:scrollbar} ;
  345. padding-bottom: 5px;
  346. }
  347.  
  348. #quotesource {
  349. text-align: right;
  350. text-transform: uppercase;
  351. letter-spacing: 1px;
  352. font-size: 80%;
  353. padding-right: 20px;
  354. padding-top: 3px;
  355. color:{color:text};
  356. }
  357.  
  358. #quotesource a {
  359. color:{color:text};
  360. }
  361.  
  362.  
  363. #credit a {
  364. position:fixed;
  365. bottom:5px;
  366. right:-52px;
  367. text-transform:uppercase;
  368. color:#666666;
  369. font-size:8px;
  370. width:80px;
  371. font-family:consolas;
  372. text-align:center;
  373. transition: all 0.7s ease-out;
  374. -o-transition-transition: all 0.7s ease-out;
  375. -webkit-transition: all 0.7s ease-out;
  376. -moz-transition: all 0.7s ease-out;
  377. }
  378.  
  379. #credit a:hover {
  380. right: -3px;
  381. transition: all 0.7s ease-out;
  382. -o-transition-transition: all 0.7s ease-out;
  383. -webkit-transition: all 0.7s ease-out;
  384. -moz-transition: all 0.7s ease-out;
  385. }
  386.  
  387.  
  388. #s-m-t-tooltip {
  389. z-index: 9999;
  390. background: {color:desc};
  391. font-size: 8px;
  392. line-height: 8px;
  393. font-family: times new;
  394. letter-spacing: 2px;
  395. text-transform: uppercase;
  396. color: #fff;
  397. max-width: 150px;
  398. word-wrap: break-word;
  399. padding: 5px;
  400. display: block;
  401. opacity: .9;
  402. margin-top: 10px;
  403. margin-left: 10px;
  404. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  405. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  406. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  407.  
  408. }
  409.  
  410.  
  411. .posts{
  412. -webkit-transition: opacity 0.8s linear;
  413. -webkit-filter:grayscale(100%);
  414.  
  415. transition: all 0.7s ease-out;
  416. -o-transition-transition: all 0.7s ease-out;
  417. -webkit-transition: all 0.7s ease-out;
  418. -moz-transition: all 0.7s ease-out;
  419. }
  420. .posts:hover {
  421. -webkit-transition: opacity 0.8s linear;
  422. -webkit-filter:none;
  423. transition: all 0.7s ease-out;
  424. -o-transition-transition: all 0.7s ease-out;
  425. -webkit-transition: all 0.7s ease-out;
  426. -moz-transition: all 0.7s ease-out;
  427. }
  428.  
  429.  
  430. </style>
  431.  
  432. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  433.  
  434. </head>
  435.  
  436.  
  437.  
  438. <body>
  439.  
  440.  
  441. <div id="content">
  442.  
  443.  
  444. <div id="sidebar">
  445.  
  446.  
  447. <div id="daimage"><img src="{image:sidebar}"></div>
  448.  
  449.  
  450.  
  451. <div id="desc">{Description}</div>
  452.  
  453.  
  454.  
  455. <div class="navi">
  456. <a href="{text:link1url}" >{text:linktitle1}</a>
  457. <a href="{text:link2url}" >{text:linktitle2}</a>
  458. <a href="{text:link3url}" >{text:linktitle3}</a>
  459. <a href="{text:link4url}" >{text:linktitle4}</a>
  460. </div>
  461.  
  462.  
  463.  
  464. <div id="pagination">
  465. {block:Pagination}
  466. <div class="ha">
  467. {block:PreviousPage}
  468. <a href="{PreviousPage}">prev</a>
  469. {/block:PreviousPage}
  470. <br>
  471. {block:NextPage}
  472. <a href="{NextPage}">next</a>
  473. {/block:NextPage}
  474. </div>
  475. {/block:Pagination}
  476. </div>
  477.  
  478.  
  479.  
  480. </div>
  481.  
  482. <div id="poop">
  483.  
  484.  
  485.  
  486. {block:Posts}
  487.  
  488.  
  489. <div class="posts">
  490.  
  491.  
  492. {block:Text}
  493.  
  494. {block:Title}
  495. <div class="hello">{Title}</div>
  496. {/block:Title}
  497.  
  498. {Body}
  499.  
  500. {/block:Text}
  501.  
  502.  
  503.  
  504.  
  505. {block:Photo}
  506.  
  507. <center>
  508. <img src="{PhotoURL-400}">
  509. </center>
  510.  
  511. {block:Caption}
  512. <div id="captions">
  513. {Caption}</div>
  514. {/block:Caption}
  515.  
  516. {/block:Photo}
  517.  
  518.  
  519.  
  520. {block:Photoset}
  521.  
  522. <div class="photoset">
  523. {Photoset-400}
  524. </div>
  525.  
  526. {block:Caption}
  527. <div id="captions">
  528. {Caption}</div>
  529. {/block:Caption}
  530.  
  531. {/block:Photoset}
  532.  
  533.  
  534.  
  535. {block:Quote}
  536.  
  537. <div id="quote">{Quote}</div>
  538.  
  539. {block:Source}
  540. <div id="quotesource">{Source}</div>
  541. {/block:Source}
  542.  
  543. {/block:Quote}
  544.  
  545.  
  546.  
  547. {block:Link}
  548.  
  549. <a href="{URL}" {Target}>+ {Name}</a>
  550.  
  551. {block:Description}
  552. {Description}
  553. {/block:Description}
  554.  
  555. {/block:Link}
  556.  
  557.  
  558.  
  559. {block:Chat}
  560.  
  561. {block:Title}
  562. <div class="hello">{Title}</div>
  563. {/block:Title}
  564.  
  565.  
  566. {block:Lines}<br>
  567. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  568. {/block:Lines}
  569.  
  570.  
  571. {/block:Chat}
  572.  
  573.  
  574.  
  575. {block:Audio}
  576.  
  577.  
  578.  
  579. {AudioPlayerWhite}
  580. <br>
  581. {block:TrackName}<b></b> {TrackName}{/block:TrackName} -
  582. {block:Artist}<b></b>{Artist}{/block:Artist}
  583. {block:Caption}
  584. <div id="audiocaptions">
  585. {Caption}</div>
  586. {/block:Caption}
  587.  
  588. {/block:Audio}
  589.  
  590.  
  591.  
  592. {block:Video}
  593.  
  594. <div class="video">
  595. {block:IndexPage}{Video-400}{/block:IndexPage}
  596. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  597. </div>
  598. {block:Caption}
  599. <div id="captions">
  600. {Caption}</div>
  601. {/block:Caption}
  602.  
  603. {/block:Video}
  604.  
  605.  
  606.  
  607. {block:Answer}
  608.  
  609. <center> <div style="font-size: 110%; text-transform: uppercase; letter-spacing: 1px;">{Asker}</div> <br>
  610. <i>{Question}</i>
  611.  
  612. <div style="line-height: 8px;padding-top: 10px;">{Answer}</div></center>
  613.  
  614. {/block:Answer}
  615.  
  616. <div id="info">
  617.  
  618. {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}
  619. <br>
  620. <div id="tags">{block:HasTags}{block:Tags} <a href="{tagurl}">{tag} /{/block:Tags} {/block:HasTags}</div>
  621.  
  622. {block:PermalinkPage}
  623. <div style="text-align:left;">{block:PostNotes}
  624. {PostNotes}
  625. {/block:PostNotes}</div>
  626. {/block:PermalinkPage}
  627.  
  628. </div>
  629.  
  630. </div>
  631.  
  632.  
  633.  
  634. {/block:Posts}
  635.  
  636. </div>
  637.  
  638. <div id="credit"><a href="http://diaemonds.tumblr.com/">[C] DIAEMONDS </a></div>
  639.  
  640. </div>
  641. <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>
  642. </body>
  643. </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!