API tools faq
paste
Advertisement
lennonthemes

Untitled

lennonthemes
May 30th, 2013
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.71 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <meta name="if:400px Posts" content="1">
  3. <meta name="image:Background" content="">
  4. <meta name="image:Topbar Background" content="http://static.tumblr.com/mtdphun/fteml9tw6/madoka_bg.png">
  5. <meta name="if:Posts Shadows" content="0">
  6.  
  7. <style type="text/css">
  8.  
  9. /* BODY */
  10.  
  11. body {
  12. font-family:calibri;
  13. font-size:11px;
  14. color:#888;
  15. text-align:justify;
  16. background:#eee;
  17. background-image:url('http://static.tumblr.com/c1034642d20974ab928c536e41f16b2a/mtdphun/5ibmlohzi/tumblr_static_fodok0.png');
  18. background-attachment:fixed;
  19. }
  20.  
  21. a {
  22. color:#aaa;
  23. text-decoration:none;
  24. -webkit-transition:all 1s ease;
  25. -moz-transition:all 1s ease;
  26. -o-transition:all 1s ease;
  27. transition:all 1s ease-in-out;
  28. }
  29.  
  30. a:hover {
  31. color:#666;
  32. }
  33.  
  34. b, strong {
  35. color:#555;
  36. }
  37.  
  38. i, em {
  39. color:#6699cc;
  40. }
  41.  
  42. h1, h1 a, h1 a:hover {
  43. margin-top:0px;
  44. color:#333;
  45. font-size:15px;
  46. text-transform:lowercase;
  47. text-decoration:none;
  48. text-shadow:none;
  49. text-align:center;
  50. }
  51.  
  52. blockquote {
  53. margin-left:10px;
  54. border-left:3px solid #ccc;
  55. padding-left:10px;
  56. }
  57.  
  58. #container {
  59. margin:auto;
  60. width:760px;
  61.  
  62. }
  63.  
  64. /* TOPBAR */
  65.  
  66. #top {
  67. position:fixed;
  68. top:0px;
  69. left:0px;
  70. height:80px;
  71. width:100%;
  72. background-color:#333;
  73. background-image:url('http://static.tumblr.com/mtdphun/fteml9tw6/madoka_bg.png');
  74.  
  75. }
  76.  
  77. #head {
  78. position:fixed;
  79. top:0px;
  80. width:760px;
  81.  
  82. }
  83.  
  84. /* NAVIGATION LINKS */
  85.  
  86. #navigation {
  87. height:80px;
  88. width:530px;
  89.  
  90. }
  91.  
  92. #navigation a {
  93. display:inline-block;
  94. float:left;
  95. padding:10px 0;
  96. color:#fff;
  97. text-transform:uppercase;
  98. background:#666;
  99. margin-right:10px;
  100. text-align:center;
  101. width:96px;
  102.  
  103. }
  104.  
  105. #navigation a:hover {
  106. background:transparent;
  107. color:#fff;
  108. }
  109.  
  110. /* TITLE */
  111.  
  112. #title {
  113. float:right;
  114. height:15px;
  115. padding:21px 0;
  116. width:220px;
  117. text-align:center;
  118. color:#ccc;
  119. text-transform:uppercase;
  120. background:#444;
  121. height:100%;
  122. font-size:20px;
  123. }
  124.  
  125. #title span {
  126. color:#fff;
  127. font-size:31px;
  128. }
  129.  
  130. /* SIDEBAR */
  131.  
  132. #sidebar {
  133. position:fixed;
  134. top:100px;
  135. color:#aaa;
  136. margin-left:540px;
  137.  
  138. }
  139.  
  140. #sidebar a, #sidebar a:hover {
  141. color:#fff;
  142. }
  143.  
  144. #sidebar b {
  145. color:#ccc;
  146. }
  147.  
  148. .side {
  149. width:200px;
  150. padding:10px;
  151. margin-bottom:20px;
  152. background-image:url('http://static.tumblr.com/mtdphun/fteml9tw6/madoka_bg.png');
  153.  
  154. }
  155.  
  156. #header {
  157. background:#555;
  158. display:inline-block;
  159. padding:5px;
  160. color:#fff;
  161. letter-spacing:1px;
  162. text-transform:uppercase;
  163. }
  164.  
  165. #desc a:hover, #updates a:hover {
  166. text-shadow:2px 0 .2px #aaa;
  167. }
  168.  
  169. /* LINKS */
  170.  
  171. #links {
  172. padding:5px;
  173. width:210px;
  174. text-align:left;
  175. }
  176.  
  177. #links a {
  178. display:inline-block;
  179. padding:5px 0;
  180. color:#fff;
  181. width:95px;
  182. text-align:center;
  183. margin:5px 3px 5px 5px;
  184. background:#666;
  185. }
  186.  
  187. #links a:hover {
  188. background:transparent;
  189. color:#fff;
  190. }
  191.  
  192. /* NEW THEMES */
  193.  
  194. #themes {
  195. height:140px;
  196. }
  197.  
  198. #themes span {
  199. position:absolute;
  200. background-color:rgba(0,0,0, 0.6);
  201. color:#fff;
  202. padding:3px;
  203. display:inline-block;
  204. width:100px;
  205. text-transform:uppercase;
  206. font-size:10px;
  207. margin:61px 0 0 -53px;
  208. }
  209.  
  210. /* IMAGE ROTATION CSS */
  211. /* rotator in-page placement */
  212. div.rotator {
  213. margin-left:-40px;
  214. }
  215. /* rotator css */
  216. div.rotator ul li {
  217. float:left;
  218. position:absolute;
  219. list-style: none;
  220. }
  221. /* rotator image style */
  222. div.rotator ul li img {
  223. margin-top:-11px;
  224. display:block;
  225. width:200px;
  226. }
  227.  
  228. div.rotator ul li.show {
  229. z-index:500;
  230. }
  231.  
  232. /* PAGINATION */
  233.  
  234. #pagination a, #pagination span {
  235. display:inline-block;
  236. padding:5px;
  237. background:#333;
  238. color:#fff;
  239. }
  240.  
  241. #pagination span {
  242. background:#555;
  243. }
  244.  
  245. /* POSTS */
  246.  
  247. #entry {
  248. margin-top:100px;
  249. }
  250.  
  251. #posts a {
  252. text-decoration:underline;
  253. }
  254.  
  255. #posts a:hover {
  256. text-shadow:2px 0 .2px #ccc;
  257. }
  258.  
  259. #posts {
  260. padding:10px 10px 0 10px;
  261. margin-bottom:20px;
  262. background:#fff;
  263. overflow:hidden;
  264.  
  265. width:500px;
  266.  
  267. }
  268.  
  269. #posts code {
  270. color:#6699cc;
  271. }
  272.  
  273. #posts pre {
  274. padding:10px;
  275. max-width:100%;
  276. color:#ccc;
  277. background-color:#333;
  278. padding:10px;
  279. white-space:pre-wrap;
  280. }
  281.  
  282. #posts img {
  283. max-width:100%;
  284. }
  285.  
  286. #posts small, #posts big {
  287. font-size:11px;
  288. }
  289.  
  290. #photo, iframe.photoset {
  291. display:block;
  292. box-sizing:border-box;
  293. }
  294.  
  295. #quote {
  296. font-size:18px;
  297. text-transform:lowercase;
  298. }
  299.  
  300. /* INFO */
  301.  
  302. #info {
  303. background:#ddd;
  304. padding:5px;
  305. text-transform:uppercase;
  306. font-size:10px;
  307. margin:10px 0 0 -10px;
  308. height:13px;
  309. background-image:url('http://media.tumblr.com/tumblr_m1vpcc4Omu1r9ly5j.gif');
  310. width:510px;
  311.  
  312. }
  313.  
  314. #info a {
  315. color:#888;
  316. text-decoration:none;
  317. }
  318.  
  319. #info a:hover {
  320. color:#666;
  321. text-shadow:none;
  322. }
  323.  
  324. /* PERMALINK */
  325.  
  326. ol.notes {
  327. list-style-type:none;
  328. margin:0 0 20px -40px;
  329. }
  330.  
  331. ol.notes img {
  332. width:13px;
  333. float:left;
  334. margin-right:5px;
  335. }
  336.  
  337. .notes li {
  338. padding:5px;
  339. margin-bottom:2px;
  340. text-transform:uppercase;
  341. font-size:10px;
  342. background-color:#fff;
  343. width:510px;
  344.  
  345. }
  346.  
  347. /* MISC */
  348.  
  349. iframe#tumblr_controls {
  350. position:fixed !important;
  351. margin-top:5px !important;
  352. margin-left:5px !important;
  353. }
  354.  
  355. ::-webkit-scrollbar-thumb:vertical {
  356. background-color:#333;
  357. }
  358.  
  359. ::-webkit-scrollbar-thumb:horizontal {
  360. background-color:#333;
  361. }
  362.  
  363. ::-webkit-scrollbar {
  364. height:5px;
  365. width:5px;
  366. background-color:#aaa;
  367. }
  368.  
  369. ::selection {
  370. color:#fff;
  371. background-color:#990000;
  372. }
  373.  
  374. /* POPUP CSS */
  375.  
  376. #fade {
  377. display: none;
  378. background: #000;
  379. position: fixed;
  380. left: 0;
  381. top: 0;
  382. width: 100%;
  383. height: 100%;
  384. opacity: .80;
  385. z-index: 9999;
  386. }
  387.  
  388. .popup_block{
  389. display: none;
  390. background: #FFFFFF;
  391. padding: 10px;
  392. float: left;
  393. position: fixed;
  394. top: 50%;
  395. left: 50%;
  396. z-index: 99999;
  397. }
  398.  
  399. img.btn_close {
  400. float: right;
  401. margin: -55px -55px 0 0;
  402. }
  403.  
  404. *html #fade {
  405. position: absolute;
  406. }
  407.  
  408. *html .popup_block {
  409. position: absolute;
  410. }
  411.  
  412. #continue {
  413. text-align:center;
  414. }
  415.  
  416. #continue a {
  417. display:inline-block;
  418. width:100px;
  419. margin:0 5px;
  420. padding:5px;
  421. color:#fff;
  422. background:#333;
  423. font-size:10px;
  424. text-transform:uppercase;
  425. }
  426.  
  427. </style>
  428.  
  429. <!-- POPUP SCRIPT -->
  430.  
  431. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  432.  
  433. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/QtEmlkxov/popup.js"></script>
  434.  
  435. <!-- IMAGE ROTATION SCRIPTS -->
  436.  
  437. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  438. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/vwZmkoxz0/image_rotator.js"></script>
  439.  
  440. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/QLwmf75xc/smooth_scroll.js"></script>
  441.  
  442.  
  443. <!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS -->
  444. <!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. -->
  445. <!-- Read more: http://ogp.me/ -->
  446. <meta property="fb:app_id" content="48119224995" />
  447. <meta property="og:title" content="Viwan Themes" />
  448. <meta property="og:url" content="http://viwan-th.tumblr.com/" />
  449. <meta property="og:description" content="A blog to host my tumblr themes. Themes work best in Google Chrome. Newest Theme: Moonrise Askbox..." />
  450. <meta property="og:type" content="tumblr-feed:tumblelog" />
  451. <meta property="og:image" content="http://24.media.tumblr.com/avatar_8804a69b607b_128.png" />
  452. <!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
  453.  
  454.  
  455. <!-- TWITTER TAGS -->
  456. <meta charset="utf-8">
  457. <meta name="twitter:site" content="tumblr" />
  458. <meta name="twitter:card" content="summary" />
  459. <meta name="twitter:title" content="viwan-th" />
  460. <meta name="twitter:description" content="A blog to host my tumblr themes.&lt;/br&gt; Themes work best in Google Chrome.&lt;/p&gt;
  461.  
  462. &lt;B&gt;Newest Theme:&lt;/b&gt; &lt;a href=&quot;/tagged/moonrise&quot;&gt;Moonrise&lt;/a&gt;&lt;/br&gt;
  463. &lt;b&gt;Askbox Status:&lt;/b&gt; &lt;a href=&quot;/faq&quot;&gt;Open&lt;/a&gt; &lt;/p&gt;
  464.  
  465. Will be updated sporadically at best.&lt;/br&gt;
  466. &lt;script language=&quot;JavaScript&quot;&gt;
  467. var ref = (&#039;&#039;+document.referrer+&#039;&#039;);
  468. document.write(&#039;&lt;script src=&quot;http://s1.freehostedscripts.net/ocounter.php?site=ID2198259&amp;e1=online user&amp;e2=online users&amp;r=&#039; + ref + &#039;&quot;&gt;&lt;\/script&gt;&#039;);
  469. &lt;/script&gt; | &lt;script language=&quot;JavaScript&quot; src=&quot;http://s1.freehostedscripts.net/ocount.php?site=ID1720023&amp;name=visits&quot;&gt;&lt;/script&gt; " />
  470. <meta name="twitter:app:name:iphone" content="Tumblr" />
  471. <meta name="twitter:app:name:ipad" content="Tumblr" />
  472. <meta name="twitter:app:name:googleplay" content="Tumblr" />
  473. <meta name="twitter:app:id:iphone" content="305343404" />
  474. <meta name="twitter:app:id:ipad" content="305343404" />
  475. <meta name="twitter:app:id:googleplay" content="com.tumblr" />
  476. <meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=viwan-th&amp;referrer=twitter-cards" />
  477. <meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=viwan-th&amp;referrer=twitter-cards" />
  478. <meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=viwan-th&amp;referrer=twitter-cards" />
  479.  
  480.  
  481. <script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=08014aeba546c42be2d8ceba5307db16"></script><meta http-equiv="x-dns-prefetch-control" content="off"/>
  482. <meta name="keywords" content="themes,pages,swordland,tags01,tutorial" />
  483.  
  484. </head><body>
  485.  
  486. <div id="popup_name" class="popup_block">
  487. <h1>— Terms of Use —</h1>
  488.  
  489. <p>&raquo; <strong>When using my themes or blog pages, you may:</strong></p>
  490. <ul>
  491. <li>Lightly/heavily edit the css and html</li>
  492. <li>Move the theme credit to another page</li>
  493. <li>Add parts of the code from my other themes (please credit if you do though)</li>
  494. </ul>
  495. <p>&raquo;&nbsp;<strong>You may not:</strong></p>
  496. <ul>
  497. <li>Remove the credit completely from the theme</li>
  498. <li>Change the credit to your own username</li>
  499. <li>Redistribute the code as your own, no matter how much it has been edited</li>
  500. <li>Redistribute the code on other sites</li>
  501. </ul>
  502. <p>Thank you for understanding. Feel free to <a href="http://viwan-th.tumblr.com/faq">ask</a> if you have any questions.</p>
  503.  
  504. <div id="continue">
  505. <a href="#" class="close">&laquo; go back</a>
  506. <a href="/theme">continue &raquo;</a>
  507. </div>
  508.  
  509. </div>
  510.  
  511. <div id="container">
  512.  
  513. <!-- TOPBAR -->
  514.  
  515. <div id="top"></div>
  516.  
  517. <div id="head">
  518.  
  519. <!-- TITLE -->
  520.  
  521. <a id="title" href="#top">
  522. <span>V</span>iwan <span>T</span>hemes
  523. </a>
  524.  
  525. <!-- NAVIGATION LINKS -->
  526.  
  527. <table id="navigation" cellpadding="0" cellspacing="0"><tr><td>
  528. <a href="/">home</a>
  529. <a href="/faq">message</a>
  530. <a href="/archive">archive</a>
  531. <a href="/support" target="blank">support</a>
  532. <a href="/credits">credits</a>
  533. </td></tr></table>
  534.  
  535. </div>
  536.  
  537. <!-- END TOPBAR -->
  538.  
  539. <!-- SIDEBAR -->
  540.  
  541. <div id="sidebar">
  542.  
  543. <!-- DESCRIPTION -->
  544.  
  545. <span id="header"> + about</span>
  546. <div class="side" id="desc"><div style="margin:-10px 0;">
  547. <p>A blog to host my tumblr themes.</br> Themes work best in Google Chrome.</p>
  548.  
  549. <B>Newest Theme:</b> <a href="/tagged/moonrise">Moonrise</a></br>
  550. <b>Askbox Status:</b> <a href="/faq">Open</a> </p>
  551.  
  552. Will be updated sporadically at best.</br>
  553. <script language="JavaScript">
  554. var ref = (''+document.referrer+'');
  555. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2198259&e1=online user&e2=online users&r=' + ref + '"><\/script>');
  556. </script> | <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1720023&name=visits"></script></p>
  557. </div></div>
  558.  
  559. <!-- LINKS -->
  560.  
  561. <span id="header"> + links</span>
  562. <div class="side" id="links">
  563. <a href="#?w=500" rel="popup_name" class="poplight">themes</a>
  564. <a href="/tagged/pages">pages</a>
  565. <a href="/tagged/tutorial">tutorials</a>
  566. <a href="/tou">terms of use</a>
  567. </div>
  568.  
  569. <!-- NEW THEMES -->
  570.  
  571. <span id="header"> + newest themes</span>
  572. <div class="side" id="themes"><div class="rotator"><ul>
  573.  
  574. <li class="show"><a href="/tagged/moonrise">
  575. <center><span>moonrise</span></center>
  576. <img src="http://media.tumblr.com/f84d0495aa07856a7610b98344a42834/tumblr_inline_mmrggchpyv1qz4rgp.jpg"></a></li>
  577.  
  578. <li><a href="/tagged/magica">
  579. <center><span>magica</span></center>
  580. <img src="http://media.tumblr.com/a6e8b976e9ba31da5aca9f5d989272fb/tumblr_inline_mm8ue0u1yM1qz4rgp.jpg"></a></li>
  581.  
  582. <li><a href="/tagged/jack of hearts">
  583. <center><span>jack of hearts</span></center>
  584. <img src="http://media.tumblr.com/fee0383e78dca2a765847fda4d8a14d7/tumblr_inline_mlvwu5Uzuq1qz4rgp.jpg"></a></li>
  585.  
  586. <li><a href="/tagged/my dear watson">
  587. <center><span>my dear watson</span></center>
  588. <img src="http://media.tumblr.com/2880aa73f2f3620c9ecba9f19bf6ab14/tumblr_inline_mmwq4391R91qz4rgp.jpg"></a></li>
  589.  
  590. </ul></div></div>
  591.  
  592. <!-- UPDATES -->
  593.  
  594. <span id="header"> + updates and news</span>
  595. <div class="side" id="updates">
  596. <b>05.17.13</b> - <a href="/tagged/moonrise">Moonrise Theme</a></br>
  597. <b>05.16.13</b> - Moving previews to static pages</br>
  598. <b>05.02.13</b> - <a href="/tagged/magica">Magica Theme</a></br>
  599. <b>04.27.13</b> - <a href="/tagged/family01">Family Page 01</a></br>
  600. </div>
  601.  
  602. <!-- PAGINATION -->
  603.  
  604.  
  605.  
  606. <div id="pagination"><center>
  607.  
  608.  
  609.  
  610.  
  611. <span>1</span>
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619. <a class="jump_page" href="/page/2">2</a>
  620.  
  621.  
  622.  
  623.  
  624.  
  625. <a class="jump_page" href="/page/3">3</a>
  626.  
  627.  
  628.  
  629.  
  630. <a href="/page/2" title="next">&raquo;</a>
  631.  
  632. </center></div>
  633.  
  634.  
  635.  
  636. </div>
  637.  
  638. <!-- END SIDEBAR -->
  639.  
  640. <div id="entry">
  641.  
  642. <!-- POSTS BLOCK -->
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649. </div><!-- end entry div -->
  650.  
  651. </div><!-- end container div -->
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!