API tools faq
paste
Advertisement
Minatoos

Pluto Theme

Minatoos
Aug 31st, 2015
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.12 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: PLUTO by minatoos
  3.  
  4. - pls don't steal or repost as your own
  5. - hope you enjoy it!
  6.  
  7. - @minatoos for more themes
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13.  
  14. <title>
  15. {Title}{block:PostSummary},{PostSummary}{/block:PostSummary}
  16. </title>
  17.  
  18. <meta name="text:Title" content=""/>
  19. <meta name="text:Link 1" content="/"/>
  20. <meta name="text:Link 1 Title" content="one"/>
  21. <meta name="text:Link 2" content="/" />
  22. <meta name="text:Link 2 Title" content="two"/>
  23. <meta name="text:Link 3" content="/" />
  24. <meta name="text:Link 3 Title" content="three"/>
  25.  
  26. <meta name="image:Sidebar" content=""/>
  27. <meta name="if:Image" content=""/>
  28.  
  29.  
  30. <link rel="shortcut icon" href="{Favicon}"/>
  31.  
  32. <style type="text/css">
  33.  
  34. /*CREDITS DO NOT REMOVE-------------------------------------------------*/
  35.  
  36. .c {
  37.     position: fixed;
  38.     bottom: 30px;
  39.     right: 30px;
  40.     text-align: center;
  41.     border: 1px solid #f3f3f3;
  42.     padding: 2px 4px 2px 4px;
  43. }
  44.  
  45. .c a {
  46.     color: #f3f3f3;
  47.     text-decoration: none;
  48.     font-size: 8px;
  49. }
  50.  
  51. .c a:hover {
  52.     opacity: 0.5;
  53.         -moz-transition:0.4s ease-in;
  54.         -webkit-transition:0.4s ease-in;
  55.         -o-transition:0.4s ease-in;
  56.     transition: 0.4s ease-in;
  57. }
  58.  
  59. /*SCROLLBAR-------------------------------------------------------------*/
  60.  
  61. ::-webkit-scrollbar {
  62.     background-color: #ffffff;
  63.     height: 8px;
  64.     width: 5px
  65. }
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {
  68.     background-color: #f3f3f3;
  69.     height:5px
  70. }
  71.  
  72. /*PAGE------------------------------------------------------------------*/
  73.  
  74. body {
  75.     background-color: white;
  76.     background-attachment: fixed;
  77.     font-family: Verdana;
  78.     font-size: 10px;
  79.     font-weight: lighter;
  80.     color: #000000;
  81.     word-wrap: break-word;
  82.     margin: 0;
  83. }
  84.  
  85. a {
  86.     text-decoration: none;
  87.     transition: 0.5s ease;
  88.         -o-transition: 0.5s ease;
  89.         -moz-transition: 0.5s ease;
  90.         -webkit-transition: 0.5s ease;
  91. }
  92.  
  93. /*SIDEBAR---------------------------------------------------------------*/
  94.  
  95. #sidebar {
  96.     position: fixed;
  97.     width: 77px;  
  98.     top: 171px;
  99.     left: 171px;
  100. }
  101.  
  102. #sidebar .title {
  103.     font-family: Verdana;
  104.     font-size: 7px;
  105.     text-align: center;
  106.     text-transform: uppercase;
  107.     letter-spacing: 1px;
  108. }
  109.  
  110. #sidebar .image {
  111.     width: 69px;
  112.     height: 69px;
  113.     background-color: #f3f3f3;
  114.     padding: 4px;
  115. }
  116.  
  117. #sidebar .image:hover {
  118.     opacity: 0.8;
  119.         -moz-transition:0.3s ease-in;
  120.         -webkit-transition:0.3s ease-in;
  121.         -o-transition:0.3s ease-in;
  122.     transition: 0.3s ease-in;
  123. }
  124.  
  125. /*LINKS-----------------------------------------------------------------*/
  126.  
  127. ul {
  128.     text-align: left;
  129.     text-transform: lowercase;
  130.     margin-left: -30px;
  131. }
  132.    
  133. ul a {
  134.     color: #000000;
  135.     text-decoration: none;
  136.     font-size: 8px;
  137. }
  138.    
  139. ul a:hover {
  140.     opacity: 0.5;
  141.         -moz-transition:0.4s ease-in;
  142.         -webkit-transition:0.4s ease-in;
  143.         -o-transition:0.4s ease-in;
  144.     transition: 0.4s ease-in;
  145.     padding-left: 8px;
  146. }
  147.  
  148. /*PAGINATION-----------------------------------------------------------*/
  149.  
  150. .pagination {
  151.     font-family: arial;
  152.     font-size: 9px;
  153.     text-transform: lowercase;
  154.     margin-left: 450px;
  155. }
  156.  
  157. .pagination a {
  158.     color: #000000;
  159.     text-transform: none;
  160.     text-decoration: none;
  161. }
  162.  
  163. .pagination a:hover {
  164.     opacity: 0.5;
  165.         -moz-transition:0.4s ease-in;
  166.         -webkit-transition:0.4s ease-in;
  167.         -o-transition:0.4s ease-in;
  168.     transition: 0.4s ease-in;
  169. }
  170.  
  171.  
  172. /*CONTENT---------------------------------------------------------------*/
  173.    
  174. #content {
  175.     width: 520px;
  176.     background-color: white;
  177.     margin: 50px 0px 50px 362px;
  178.     overflow: auto;
  179. }
  180.  
  181. #content a {
  182.     color: #000000;
  183.     text-decoration: none;
  184. }
  185.  
  186. #content a:hover {
  187.     opacity: 0.5;
  188.         -moz-transition:0.3s ease-in;
  189.         -webkit-transition:0.3s ease-in;
  190.         -o-transition:0.3s ease-in;
  191.     transition: 0.3s ease-in;
  192. }
  193.  
  194. #content blockquote {
  195.     border-left: solid 1px #000000;
  196.     margin-left: 5px;
  197.     padding-left: 5px;
  198. }
  199.  
  200. img {
  201.     border: 0;
  202.     max-width: 100%;
  203. }
  204.  
  205. #content #posts {
  206.     width: 500px;
  207.     color: #000000;
  208.     background-color: white;
  209.     padding: 20px;
  210. }
  211.  
  212. #content #posts .title {
  213.     font-size: 12px;
  214. }
  215.  
  216. #content #posts .text {
  217.     color: #000000;
  218.     font-size: 10px;
  219. }
  220.  
  221. #content #posts .text a {
  222.     color: #000000;
  223.     text-decoration: none;
  224.     font-size: 10px;
  225. }
  226.  
  227. .border {
  228.     border-top: 2px solid #f3f3f3;
  229.     margin-top: 25px;
  230. }
  231.  
  232. #content #posts #permalink {
  233.     width: auto;
  234.     background-color: #ffffff;
  235.     font-size: 8px;
  236.     text-align: right;
  237.     text-transform: uppercase;
  238.     margin-right: 0px;
  239.     padding: 4px
  240. }
  241.  
  242. #content #posts #permalink a {
  243.     color: #444444;
  244. }
  245.  
  246. #content #posts #permalink a:hover {
  247.     opacity: 0.5;
  248.         -moz-transition:0.3s ease-in;
  249.         -webkit-transition:0.3s ease-in;
  250.         -o-transition:0.3s ease-in;
  251.     transition: 0.3s ease-in;
  252. }
  253.  
  254. #content #posts #tags {
  255.     font-size: 8px;
  256.     text-align: right;
  257.     margin-bottom: 20px;
  258.     padding-right: 4px;
  259. }
  260.  
  261. #content #posts #tags a {
  262.     color: #cccccc;
  263. }
  264.  
  265. #content #posts #tags a:hover {
  266.     opacity: 0.5;
  267.         -moz-transition:0.3s ease-in;
  268.         -webkit-transition:0.3s ease-in;
  269.         -o-transition:0.3s ease-in;
  270.     transition: 0.3s ease-in;
  271. }
  272.  
  273. /*AUDIOPLAYER----------------------------------------------------------*/
  274.  
  275. .newplayerbutton {
  276.     position: relative;
  277.     width: 20px;
  278.     height: 20px;
  279.     overflow: hidden;
  280. }
  281.            
  282. .playerbuttonhug {
  283.     position: absolute;
  284.     top: -14px;
  285.     left: -4px;
  286. }
  287.  
  288. .tumblr_audio_player {
  289.     height: 50px;
  290.     width: 500px;
  291.     border: none;
  292.     margin: 0px;
  293.     padding: 0px;
  294. }
  295.  
  296. .playerbuttonbg {
  297.     position: absolute;
  298.     width: 20px;
  299.     height: 20px;
  300.     left: 10px;
  301.     top: 25px;
  302.     background-color: #ffffff;
  303.     padding: 10px;
  304.          -webkit-border-radius: 0px;
  305.          -moz-border-radius: 0px;
  306.     border-radius: 50%;
  307.     opacity: .3;
  308.          filter: alpha(opacity=40);
  309.          -moz-opacity: 0.4;
  310.          -khtml-opacity: 0.4;
  311.     transition: opacity .7s ease-in-out;
  312.          -moz-transition: opacity .7s ease-in-out;
  313.          -webkit-transition: opacity .7s ease-in-out;
  314. }
  315.            
  316. .playerbuttonbg:hover {
  317.     opacity: 0.7;
  318.          filter: alpha(opacity=100);
  319.          -moz-opacity: 1;
  320.          -khtml-opacity: 1;
  321. }
  322.  
  323. .audioimgwrapper {
  324.     position: absolute;
  325.     width: 50px;
  326.     height: 50px;
  327.     left: 5px;
  328.     top: 20px;
  329.          -webkit-border-radius: 0px;
  330.          -moz-border-radius: 0px;
  331.     border-radius: 0px;                
  332.     overflow: hidden;
  333. }
  334.            
  335. .audioimgwrapper img {
  336.     width: 100%;
  337.     height: auto;      
  338.          -webkit-border-radius: 0px;
  339.          -moz-border-radius: 0px;
  340.     border-radius: 0px;                
  341. }
  342.            
  343. .trackdetails {
  344.     width: 408px;
  345.     min-height: 55px;
  346.     display: inline-block;
  347.     font-size: 10px;
  348.     line-height: 140%;
  349.     margin-left: 70px;
  350.     margin-top: 6px;
  351.     padding: 10px;
  352.     background-color: #f8f8f8;
  353. }
  354.  
  355. .tracktitle {
  356.     font-size: 12px;
  357.     font-family: arial;
  358.     letter-spacing: 0px;
  359.     text-transform: uppercase;
  360.     margin-bottom: -10px;
  361. }
  362.            
  363. .audiowrapper {
  364.     position: relative;
  365.     display: inline-block;
  366. }
  367.  
  368. /*CHAT------------------------------------------------------------------*/
  369.  
  370. .chat {
  371.     line-height: 110%;
  372.     list-style: none;
  373. }
  374.  
  375. .line.odd {
  376.     list-style:none;
  377.     font-size:10px;
  378.     margin-bottom:2px;
  379.     padding:5px;
  380.     background-color :#f8f8f8;
  381. }
  382.  
  383. .line.even {
  384.     list-style: none;
  385.     font-size: 10px;
  386.     margin-bottom:2px;
  387.     padding:5px;
  388.     background-color: #ffffff;
  389. }
  390.  
  391. .label {
  392.     color: #000000;
  393.     text-transform: uppercase;
  394.     font-weight: bold;
  395.     font-size: 9px;
  396.     padding-right: 1px;
  397. }
  398.  
  399. /*QUESTIONS-------------------------------------------------------------*/
  400.  
  401. .askbox {
  402.     height: auto;
  403.     min-height: 30px;
  404. }
  405.  
  406. .pic {
  407.     width: 30px;
  408.     height: 30px;
  409.     background: transparent;
  410.     padding: 0;
  411. }
  412.  
  413. .pic img {
  414.     width: 30px;
  415.     height: 30px;
  416.     float: left;
  417. }
  418.  
  419. .question {
  420.     min-height: 30px;
  421.     font-size: 9px;
  422.     font-style: none;
  423.     margin-left: 40px;
  424.     margin-top: -40px;
  425.     padding: 10px 15px 10px 10px;
  426.     background-color: #f8f8f8;
  427. }
  428.  
  429. .asker {
  430.     text-transform: none;
  431.     font-weight: bold;
  432.     font-size: 9px;
  433. }
  434.  
  435. .answer {
  436.     text-transform: none;
  437.     font-size: 10px;
  438.     font-family: arial;
  439.     padding: 10px 10px 4px 10px;
  440. }
  441.    
  442. </style>
  443. <script type="text/javascript"
  444. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  445. </head>
  446.  
  447. <body>
  448.  
  449.  
  450. <div id="sidebar">
  451. {block:ifImage}<img class="image" src="{image:Sidebar}"/>{/block:ifImage}
  452. <div class="title">{text:Title}</div>
  453. <ul id="navigation">
  454. <a href="">▸ Index</a><br>
  455. <a href="/ask">▸ Ask</a><br>
  456. {block:ifLink1}<a href="{text:Link 1}">▸ {text:Link 1 Title}</a>{block:ifLink1}<br>
  457. {block:ifLink2}<a href="{text:Link 2}">▸ {text:Link 2 Title}</a>{block:ifLink2}<br>
  458. {block:ifLink3}<a href="{text:Link 3}">▸ {text:Link 3 Title}</a>{block:ifLink3}
  459. </ul>
  460. </div>
  461. </div>
  462.  
  463. <div id="content">
  464. {block:Posts}
  465. <div id="posts">
  466.  
  467. {block:Photo}
  468. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  469. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  470. {/block:Photo}
  471.  
  472. {block:Photoset}
  473. {Photoset-500}
  474. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  475. {/block:Photoset}
  476.  
  477. {block:Video}
  478. {Video-500}
  479. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  480. {/block:Video}
  481.  
  482. {block:Audio}
  483. {block:AudioPlayer}
  484. <div class="audiowrapper">
  485. {block:AlbumArt}
  486. <div class="audioimgwrapper">
  487. <img src="{AlbumArtURL}"></div>
  488. {/block:AlbumArt}
  489. <div class="playerbuttonbg">
  490. <div class="newplayerbutton">
  491. <div class="playerbuttonhug">
  492. {AudioPlayerWhite}
  493. </div></div></div>
  494. <div class="trackdetails">
  495. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}
  496. <br/>
  497. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}
  498. <br/>
  499. {block:Album}<b>album:</b> {Album}{/block:Album}
  500. <br/>
  501. <b>PLAYS:</b> {FormattedPlayCount}
  502. </div></div>
  503. {/block:AudioPlayer}
  504. {block:Caption}{/block:Caption}
  505. {/block:Audio}
  506.  
  507. {block:Quote}
  508. <div class="title">“{Quote}”</div>
  509. {/block:Quote}
  510.  
  511. {block:Text}
  512. {block:Title}<div class="title">{Title}</div>
  513. {/block:Title}
  514. <div class="text">{Body}</div>
  515. {/block:Text}
  516.  
  517. {block:Answer}
  518. <div class="askbox">
  519. <div class="pic">
  520. <a href="{AskerURL}"><img src="{AskerPortraitURL-30}"/></a>
  521. </div>
  522. <div class="question">
  523. <span class="asker">{Asker} screamed:</span>
  524. <br>
  525. {Question}</div></div>
  526. <div class="answer">{Answer}</div>
  527. {/block:Answer}
  528.  
  529.  
  530. {block:Chat}
  531. {block:Title}<h1>{Title}</h1>{/block:Title}
  532. <div class="chat">
  533. {block:Lines}
  534. <li class="line {Alt}">
  535. {block:Label}
  536. <span class="label">{Label}</span>
  537. {/block:Label}{Line}</li>
  538. {/block:Lines}</div>
  539. {/block:Chat}
  540.  
  541. <div class="border"></div>
  542. <div id="permalink">
  543. <a href="{Permalink}">
  544. {block:Date}
  545. {MonthNumberWithZero} {ShortMonth} {12HourWithZero}:{Minutes} {CapitalAmPm}
  546. {/block:Date}
  547. {block:NoteCount} with {NoteCountWithLabel}
  548. {/block:NoteCount}
  549. </a>
  550. </div>
  551.  
  552. {block:HasTags}<div id="tags">
  553. {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="comma"> </span>
  554. {/block:Tags}</div>
  555. {/block:HasTags}
  556. </div>
  557.  
  558. <!-- {block:NoRebloggedFrom}
  559. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  560. {/block:NoRebloggedFrom} -->
  561. {block:ContentSource}<!-- {SourceURL}
  562. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  563. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  564. {/block:ContentSource}
  565.  
  566. {/block:Posts}
  567.  
  568. <div class="pagination">
  569. {block:Pagination}
  570. {block:PreviousPage}<a href="{PreviousPage}">« back&nbsp;</a>
  571. {/block:PreviousPage}
  572. {block:NextPage}<a href="{NextPage}">&nbsp;next »</a>
  573. {/block:NextPage}
  574. {/block:Pagination}
  575. </div>
  576.  
  577. </div>
  578.  
  579. <div class="c"><a href="http://minatoos.tumblr.com">M</a></div>
  580. </div>
  581.  
  582. </body>
  583. </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!