API tools faq
paste
Advertisement
Maddiebby

MINE THEME by lounare

Maddiebby
Aug 29th, 2015
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.63 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. SECOND THEME by LOUNARE
  3. DO NOT STEAL or Pikachu will cry
  4. enjoy it ~
  5. -->
  6.  
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <meta name="color:Background" content="#cccccc" />
  11. <meta name="color:Sidebar" content="#000000" />
  12. <meta name="color:Text" content="#000000" />
  13. <meta name="color:Link" content="#000000" />
  14. <meta name="color:Link hover" content="#f6f6f6" />
  15. <meta name="color:Sidebar Text" content="#f6f6f6" />
  16. <meta name="color:description border" content="#f6f6f6" />
  17. <meta name="color:Blogtitle color" content="#000000" />
  18. <meta name="color:Blogtitle hover color" content="#f6f6f6" />
  19. <meta name="color:Posts color" content="#ffffff" />
  20. <meta name="color:Posts border color" content="#000000" />
  21. <meta name="color:Permalink" content="#000000" />
  22. <meta name="color:Permalink text" content="#f6f6f6" />
  23. <meta name="color:navlinks" content="#ffffff" />
  24. <meta name="if:1 Column" content="0"/>
  25. <meta name="if:2 Columns" content="1"/>
  26. <meta name="if:Posts Border" content="0"/>
  27.  
  28.  
  29. <meta name="text:Link1" content="Link1" />
  30. <meta name="text:Url1" content="" />
  31. <meta name="text:Link2" content="Link2" />
  32. <meta name="text:Url2" content="" />
  33. <meta name="text:Link3" content="Link3" />
  34. <meta name="text:Url3" content="" />
  35. <meta name="text:Link4" content="Link4" />
  36. <meta name="text:Url4" content="" />
  37.  
  38.  
  39. <link href='http://static.tumblr.com/blpgwiz/sSZmijydf/slide_in.css' rel='stylesheet' style='text/css'>
  40.  
  41. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  42. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43. <link rel="shortcut icon" href="{Favicon}" />
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. .pagination {
  51. display: none;
  52. }
  53.  
  54. body{
  55. background:{color:Background};
  56. color:{color:text};
  57. font-family: 'Roboto', sans-serif;
  58. }
  59.  
  60. #sidebar {
  61. background-color:{color:Sidebar};
  62. color: {color:Sidebar Text};
  63. width: 200px;
  64. height: auto;
  65. position: fixed;
  66. top: 18%;
  67. left: 13%;
  68. border-bottom:2px solid {color:description border};
  69.  
  70. }
  71.  
  72. #sidebar .description {
  73. color: {color:Sidebar Text};
  74. font-size: 15px;
  75. text-align: justify;
  76. padding:10px;
  77. line-height:100%;
  78.  
  79. }
  80.  
  81. #sidebar .description a {
  82. color: {color:link};
  83. text-decoration: none;
  84. }
  85.  
  86. #sidebar .description a:hover {
  87. color: {color:link hover};
  88. }
  89. #sidebar .navigation {
  90. color: {color:link}
  91. font-size: 15px;
  92. text-align: center;
  93. padding: 3px 2px;
  94. margin: 2px;
  95.  
  96. width: 232px;
  97. position: fixed;
  98. left:11.7%;
  99. top:auto;
  100. }
  101.  
  102. #sidebar .navigation a {
  103. text-decoration:none;
  104. padding:5px;
  105. margin-right:3.5px;
  106. color: {color:navlinks}
  107. -webkit-transition: all 0.5s ease-in-out;
  108. -moz-transition: all 0.5s ease-in-out;
  109. -o-transition: all 0.5s ease-in-out;
  110.  
  111. }
  112.  
  113. #sidebar .navigation a:hover {
  114. color:{color:link hover};
  115. letter-spacing:2px;
  116. -webkit-transition: all 0.5s ease-in-out;
  117. -moz-transition: all 0.5s ease-in-out;
  118. -o-transition: all 0.5s ease-in-out;
  119.  
  120. }
  121.  
  122. .question{
  123. font-size:13px;
  124. border:1px solid {color:sidebar border};
  125. padding:5px;
  126. text-align:justify;
  127.  
  128. }
  129.  
  130. .answer{
  131. font-size:13px;
  132. text-align:justify;
  133. }
  134.  
  135. .blogtitle {
  136. color: {color:Blogtitle color};
  137. position:fixed;
  138. top:15%;
  139. left:13%;
  140. font-family: 'Roboto', sans-serif;
  141. font-size:16px;
  142. text-transform:uppercase;
  143.  
  144. }
  145.  
  146. .blogtitle a{
  147. color: {color:Blogtitle color};
  148. text-decoration:none;
  149.  
  150. }
  151.  
  152. .blogtitle a:hover{
  153. color: {color:Blogtitle hover color};
  154. font-style:italic;
  155.  
  156. }
  157.  
  158. #content {
  159. {block:if1column}
  160. width:280px;
  161. margin-left:155px;
  162. {/block:if1column}
  163.  
  164. {block:if2columns}
  165. width:600px;
  166. {/block:if2columns}
  167.  
  168. margin: 10px 0 40px 30%;
  169. padding: 10px 0;
  170. color: {color:text};
  171. }
  172.  
  173. #content a {
  174. color: {color:link};
  175. text-decoration: none;
  176. }
  177.  
  178. #content a:hover {
  179. color: {color:link hover};
  180. letter-spacing:3px;
  181. }
  182.  
  183. #content .blockquote {
  184. border-left: solid 2px black;
  185. margin: 0;
  186. padding-left: 10px;
  187. }
  188.  
  189.  
  190.  
  191. a {
  192. color:{color:link};
  193. text-decoration:none;
  194. -webkit-transition: all 0.2s ease-in-out;
  195. -moz-transition: all 0.2s ease-in-out;
  196. -o-transition: all 0.2s ease-in-out;
  197. }
  198.  
  199. #content .posts {
  200. background-color: {color:posts color};
  201. {block:ifPostsBorder}
  202. border:2px solid {color:posts border color};
  203. {/block:ifPostsBorder}
  204. float:left;
  205. width:200px;
  206.  
  207. height:auto;
  208. margin: 20px 20px;
  209.  
  210. padding:2px;
  211. position:relative;
  212. -webkit-transition:all .5s ease-in-out;
  213. -moz-transition:all .5s ease-in-out;
  214. -o-transition:all .5s ease-in-out;
  215. transition:all .5s ease-in-out;
  216. {block:PermalinkPage}
  217. width:500px;
  218. {/block:PermalinkPage}
  219.  
  220. }
  221.  
  222.  
  223. #content .posts .title {
  224. font-size: 22px;
  225. }
  226.  
  227. #content .posts .text {
  228. font-size:13px;
  229. }
  230.  
  231. #content .posts .permalink {
  232. width:192px;
  233. color:{color:permalink text};
  234. background-color:{color:permalink};
  235. font-size:14px;
  236. text-align:center;
  237. font-weight:bold;
  238. letter-spacing:1px;
  239. padding:4px;
  240. position:absolute;
  241. line-height:100%;
  242. bottom:-10px;
  243. {ifPostsBorder}
  244. bottom:-15px;
  245. {/ifPostsBorder}
  246. right:2px;
  247. opacity:0;
  248. -webkit-transition:all .5s ease-in-out;
  249. -moz-transition:all .5s ease-in-out;
  250. -o-transition:all .5s ease-in-out;
  251. transition:all .5s ease-in-out;
  252.  
  253.  
  254. }
  255.  
  256. .posts img {opacity:0.7;
  257. -webkit-transition:all .5s ease-in-out;
  258. -moz-transition:all .5s ease-in-out;
  259. -o-transition:all .5s ease-in-out;
  260. transition:all .5s ease-in-out;
  261. }
  262.  
  263. .posts img:hover {
  264. opacity:1;
  265.  
  266. -webkit-transition:all .5s ease-in-out;
  267. -moz-transition:all .5s ease-in-out;
  268. -o-transition:all .5s ease-in-out;
  269. transition:all .5s ease-in-out;
  270. }
  271.  
  272. #content .posts:hover .permalink {
  273. {ifPostsBorder}
  274. bottom:-27px;
  275. {/ifPostsBorder}
  276. bottom:-22px;
  277. opacity:1;
  278. -webkit-transition:all .5s ease-in-out;
  279. -moz-transition:all .5s ease-in-out;
  280. -o-transition:all .5s ease-in-out;
  281. transition:all .5s ease-in-out;
  282. }
  283.  
  284.  
  285. .buttons{
  286. list-style:none;
  287. }
  288.  
  289. .buttons li{
  290. float:left;
  291. margin:3px;
  292. }
  293.  
  294. #content .posts .permalink a {
  295. color:{color:permalink text};
  296. }
  297.  
  298. #content .posts .permalink a:hover {
  299. color:{color:Link Hover};
  300. letter-spacing:3px;
  301. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  302. -webkit-transition:all 0.3s ease-in-out;
  303. -moz-transition:all 0.3s ease-in-out;
  304. transition:all 0.3s ease-in-out;
  305. }
  306.  
  307. #content .posts .photo {
  308. opacity:{text:opacity};
  309. -webkit-transition:all .5s ease-in-out;
  310. -moz-transition:all .5s ease-in-out;
  311. -o-transition:all .5s ease-in-out;
  312. transition:all .5s ease-in-out;
  313. }
  314.  
  315. .posts .photo img {
  316. {block:ifuseborder}
  317. border:1px solid {color:borders};
  318. {/block:ifuseborder}
  319. max-width:200px;
  320. {block:PermalinkPage}
  321. width:500px;
  322. {/block:PermalinkPage}
  323. }
  324.  
  325. .posts .photoset{
  326. {block:IndexPage}max-width:200px; {/block:IndexPage}
  327. {block:PermalinkPage}
  328. {Photoset-500}
  329. {/block:PermalinkPage}
  330. }
  331.  
  332. #content #notecontainer {
  333. margin: 0px auto;
  334. width: 500px;
  335. font-size:13px;
  336. }
  337.  
  338. .whisper{
  339. font-size:11px;
  340. }
  341.  
  342. .caption {
  343. width:500px;
  344. font-size:13px;
  345. text-align:center;
  346. }
  347.  
  348. .cutelittlepixel {
  349. position:fixed;
  350. bottom:5px;
  351. right:5px;
  352. width:auto;
  353. }
  354.  
  355.  
  356.  
  357.  
  358.  
  359. {CustomCSS}
  360. </style>
  361. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  362.  
  363. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  364.  
  365. <script>
  366. $(function(){
  367. var $container = $('#content');
  368. $container.imagesLoaded(function(){
  369. $container.masonry({
  370. itemSelector: '.posts',
  371. });
  372. });
  373. $container.infinitescroll({
  374. itemSelector : ".posts",
  375. navSelector : "div.pagination",
  376. nextSelector : ".pagination a#next",
  377. loadingImg : "",
  378. loadingText : "<em></em>",
  379. bufferPx : 10000,
  380. extraScrollPx: 12000,
  381. },
  382. // trigger Masonry as a callback
  383. function( newElements ) {
  384. var $newElems = $( newElements ).css({ opacity: 0 });
  385. // ensure that images load before adding to masonry layout
  386. $newElems.imagesLoaded(function(){
  387. $newElems.animate({ opacity: 1 });
  388. $container.masonry( 'appended', $newElems, true );
  389. });
  390. }
  391. );
  392. });
  393. </script>
  394.  
  395.  
  396.  
  397. </head>
  398. <body>
  399.  
  400. <div class="pagination">
  401. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}”>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"">next</a>{/block:NextPage}{/block:Pagination}
  402. </div>
  403.  
  404.  
  405.  
  406. <div id="sidebar">
  407.  
  408.  
  409. <div class="description">{Description}</div>
  410. <div class="navigation">
  411. <a href="{text:Url1}" title="{text:Link1}">{text:Link1}</a>
  412. <a href="{text:Url2}" title="{text:Link2}">{text:Link2}</a>
  413. <a href="{text:Url3}" title="{text:Link3}">{text:Link3}</a>
  414. <a href="{text:Url4}" title="{text:Link4}">{text:Link4}</a>
  415.  
  416. </div>
  417.  
  418.  
  419.  
  420. </div>
  421.  
  422.  
  423. <div class="blogtitle">
  424. <a href="/">{Title}</a></div>
  425. </div>
  426.  
  427. <div id="content">
  428. <div class = "autopagerize_page_element" >
  429. {block:Posts}
  430. <div class="posts">
  431.  
  432.  
  433.  
  434.  
  435.  
  436. {block:Photo}
  437. {block:IndexPage}
  438. <div class="photo" style="line-height:0px;">
  439. <div class="permalink">
  440. <a href="{Permalink}" >{NoteCount} </a> ♥
  441. <a href="{ReblogURL}">reblog</a>
  442. </div>
  443. <div class="photo">{LinkOpenTag}<a href="{permalink}"><img width="100%" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>
  444. </div>
  445. {/block:IndexPage}
  446. {block:PermalinkPage}
  447. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  448. <br>
  449. {/block:PermalinkPage}
  450. {/block:Photo}
  451.  
  452.  
  453.  
  454. {block:Photoset}
  455. {block:IndexPage}
  456. {Photoset-250}
  457. <div class="permalink">
  458. <a href="{Permalink}" >{NoteCount}</a> ♥
  459. <a href="{ReblogURL}">reblog</a>
  460. </div>
  461. {/block:IndexPage}
  462.  
  463. {block:PermalinkPage}{Photoset-500}
  464. <br>
  465. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  466. {/block:Photoset}
  467.  
  468. {block:Video}
  469. {Video-250}
  470. <div class="permalink">
  471. <a href="{Permalink}" >{NoteCount}</a> ♥
  472. <a href="{ReblogURL}">reblog</a>
  473. </div>
  474. {/block:Video}
  475.  
  476. {block:Audio}
  477. {AudioPlayerBlack}
  478. <div class="text">~ {PlayCountWithLabel}
  479. <div class="permalink">
  480. <a href="{Permalink}" >{NoteCount}</a> ♥
  481. <a href="{ReblogURL}">reblog</a>
  482. </div>
  483. </div>
  484.  
  485. {/block:Audio}
  486.  
  487. {block:Quote}
  488. <div class="title">“{Quote}”</div>
  489. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  490. <div class="permalink">
  491. <a href="{Permalink}" >{NoteCount}</a> ♥
  492. <a href="{ReblogURL}">reblog</a>
  493. </div>
  494. {/block:Quote}
  495.  
  496. {block:Text}
  497. {block:Title}<div class="title">{Title}</div>{/block:Title}
  498. <div class="text">{Body} </div>
  499.  
  500. {block:IndexPage}
  501. <div class="permalink">
  502. <a href="{Permalink}" >{NoteCount}</a> ♥
  503. <a href="{ReblogURL}">reblog</a>
  504. </div>
  505. {/block:IndexPage}
  506.  
  507. {/block:Text}
  508.  
  509. {block:Answer}
  510. <div class="question">{Question}</div>
  511. <div class="whisper">~ whispered by {Asker}</div>
  512. <div class="answer">{Answer}</div>
  513. <div class="permalink">
  514. <a href="{Permalink}" >{NoteCount}</a> ♥
  515. <a href="{ReblogURL}">reblog</a>
  516. </div>
  517. {/block:Answer}
  518.  
  519. {block:Chat}
  520. {block:Title}<div class="title">{Title}</div>{/block:Title}
  521. <div class="text">
  522. {block:Lines}
  523. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  524. {/block:Lines}
  525.  
  526. <div class="permalink">
  527. <a href="{Permalink}" >{NoteCount}</a> ♥
  528. <a href="{ReblogURL}">reblog</a>
  529. </div>
  530.  
  531. </div> <!--text-->
  532.  
  533. {/block:Chat}
  534.  
  535. {block:Link}
  536. <div class="title"><a href="{URL}">{Name}</a></div>
  537. {block:Description}
  538. <div class="text">{Description}</div>
  539. {/block:Description}
  540. <div class="permalink">
  541. <a href="{Permalink}" >{NoteCount}</a> ♥
  542. <a href="{ReblogURL}">reblog</a>
  543. </div>
  544. {/block:Link}
  545.  
  546. {block:PostNotes}
  547. <div id="notecontainer">{PostNotes}</div>
  548. {/block:PostNotes}
  549.  
  550. </div> <!--posts-->
  551.  
  552.  
  553.  
  554. {/block:Posts}
  555. </div>
  556. </div> <!--content-->
  557.  
  558. <div class="cutelittlepixel"><a href="http://lounare.tumblr.com" target="_blank" title="theme by lounare"><img src="http://31.media.tumblr.com/65ccd4ee24f2cec6b555a1810271a5a7/tumblr_inline_mz64gwimQO1r9ajsd.gif"></a></div>
  559.  
  560.  
  561. </body>
  562. </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!