daily pastebin goal
63%
SHARE
TWEET

Comprehensible

stylesheet Dec 22nd, 2017 (edited) 1 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. ==============================================
  7.  
  8. Coded by Monica T.
  9. http://monicagalaxy.info/
  10. Theme: Comprehensible
  11. Updated: December 23, 2017
  12. DO NOT REMOVE CREDITS
  13.  
  14. external sources -
  15. general assembly tumblr tutorial
  16.  
  17. ==============================================
  18.  
  19. <title>{title}</title>
  20.  
  21. <style>
  22.  
  23.     body {
  24.     margin: 0;
  25.     text-align: center;
  26.     font-size: 11px;
  27.     font-family: 'arial';
  28.     color: #666666;
  29.     line-height: 13px;
  30.     margin: 0 0 23px 0;
  31. }
  32.  
  33.  
  34.     header {
  35.         border-bottom: 1px solid #000000;
  36. }
  37.  
  38.     .like-reblog {
  39.         list-style: none;
  40.         margin-top: -31px;
  41.         text-align: right;
  42.         color: #4d5e6d;
  43.         width: 468px;
  44. }
  45.     .like-reblog li {
  46.         float: right;
  47.         margin-bottom: 20px;
  48.         padding: 6px;
  49.         color: #4d5e6d;
  50.         height: 20px;  
  51.        
  52. }
  53.    
  54.     .page {
  55.       background-color: #ffffff;
  56.       padding: 20px;
  57. }
  58.    
  59.     .page a {
  60.       text-decoration: none;
  61.       color: #eee;
  62. }
  63.    
  64.  
  65.     .pagelist {
  66.       margin: 0 auto;
  67.       width: 540px;
  68. }
  69.    
  70.     .pagenav {
  71.       word-spacing: 10px;
  72.       padding: 2px;
  73.       margin-left: -150px;
  74. }
  75.  
  76.     .post {
  77.         width: 500px;
  78.         padding: 10px;
  79.         text-align: left;
  80.         position: relative;
  81.         margin: 0 auto;
  82.         top: 100px;
  83. }
  84.  
  85.     .sidebar {
  86.         width: 300px;
  87.         padding: 15px;
  88.         text-align: center;
  89.         margin: 0 auto;
  90.         background-color: #fff;
  91.  
  92. }
  93.  
  94.     #title {
  95.        font-family: 'arial', sans-serif;
  96.        font-weight: normal;
  97.        font-size: 32px;
  98.        color: #000;
  99.        line-height: 25px;
  100.        margin-bottom: 15px;
  101.        margin-top: 15px;
  102.        width: 300px;
  103. }
  104.  
  105.  
  106.     h1 {
  107.     font-family: 'arial', sans-serif;
  108.     font-weight: normal;
  109.     font-size: 32px;
  110.     color: #4d5e6d;
  111.     line-height: 25px;
  112.     margin-bottom: 15px;
  113.     }
  114.    
  115.     h2 {
  116.     font-family: 'arial', sans-serif;
  117.     font-weight: 700;
  118.     font-size: 20px;
  119.     line-height: 13px;
  120.     text-transform: uppercase;
  121.     letter-spacing: -1px;
  122.     margin: 0 0 23px 0;
  123. }
  124.  
  125.  
  126.     a.nav, a.nav:active, a.nav:link, a.nav:visited {
  127.         display: inline;
  128.         width: 70px;
  129.         font: 11px 'arial', sans-serif;
  130.         color: #666;
  131.         background-color: #efeeee;
  132.         margin-top: 3px;
  133.         letter-spacing: 1px;
  134.         text-decoration: none;
  135.         padding: 4px;
  136.         text-align: center;
  137.  
  138. }
  139.  
  140.    a.nav:hover {
  141.     display: inline;
  142.     text-decoration: none;
  143.     opacity: 0.8;
  144.     color:#999;
  145.    border-bottom: none;
  146. }
  147.  
  148.     a:link, a:visited {
  149.     color: #000;
  150.     text-decoration: none;
  151. }
  152.     a:hover {
  153.     color: #999;
  154.     text-decoration: none;
  155.          opacity: 1.0;
  156.       -webkit-transition: all 0.3s linear 0s;
  157.          -moz-transition: all 0.3s linear 0s;
  158.            -o-transition: all 0.3s linear 0s;
  159.               transition: all 0.3s linear 0s;
  160. }
  161.  
  162.     img {
  163.       opacity: 1.0;
  164.       -webkit-transition: all 0.3s linear 0s;
  165.          -moz-transition: all 0.3s linear 0s;
  166.            -o-transition: all 0.3s linear 0s;
  167.               transition: all 0.3s linear 0s;
  168.        
  169.    
  170. }
  171.    
  172.    img:hover {
  173.     opacity: 0.8;
  174.       -webkit-transition: all 0.3s linear 0s;
  175.          -moz-transition: all 0.3s linear 0s;
  176.            -o-transition: all 0.3s linear 0s;
  177.               transition: all 0.3s linear 0s;
  178.        
  179. }
  180.  
  181.              
  182. </style>
  183. </head>
  184.  
  185. <body>
  186.  
  187.     <header>
  188.     <div class="sidebar">
  189.    
  190.     <div id="title">
  191.         <a href="{BlogURL}">{Title}</a></div>
  192.         {block:Description}
  193. <a href="#" class="nav">#</a>
  194. <a href="/me" class="nav">monica</a>
  195. <a href="/tagged/me" class="nav">photos</a>
  196. <a href="http://monicagalaxy.tumblr.com" target="_blank" class="nav">design</a>
  197. <a href="http://monicagalaxy.info/" target="_blank" class="nav">theme</a><br><br>
  198.         {Description}
  199.         {/block:Description}
  200.     </div>
  201.     </header>
  202.    
  203.    
  204.     {block:Posts}
  205.    
  206.         {block:Text}
  207.         <div class="post">
  208.             {block:Title}
  209.                 <h3>
  210.                     <a href="{Permalink}">{Title}</a>
  211.                 </h3>
  212.             {/block:Title}
  213.             {Body}
  214.             <ul class="like-reblog">
  215.                 <li>{LikeButton}</li>
  216.                 <li>{ReblogButton}</li>
  217.        
  218.             </ul>
  219.         </div>
  220.         {block:PostNotes}{PostNotes}{/block:PostNotes}
  221.         {/block:Text}
  222.  
  223.         {block:Photo}
  224.         <div class="post"> 
  225.             <img src="{PhotoURL-500}">
  226.             {block:Caption}{Caption}{/block:Caption}
  227.             <ul class="like-reblog">
  228.                 <li>{LikeButton}</li>
  229.                 <li>{ReblogButton}</li>
  230.            
  231.             </ul>
  232.         </div>
  233.                 {block:PostNotes}{PostNotes}{/block:PostNotes}
  234.         {/block:Photo}
  235.  
  236.         {block:Quote}
  237.         <div class="post">
  238.             {Quote}
  239.         {block:Source}<br>&mdash;{Source}{/block:Source}
  240.             <ul class="like-reblog">
  241.                 <li>{LikeButton}</li>
  242.                 <li>{ReblogButton}</li>
  243.            
  244.             </ul>
  245.         </div>
  246.                 {block:PostNotes}{PostNotes}{/block:PostNotes}
  247.         {/block:Quote}
  248.  
  249.         {block:Link}
  250.         <div class="post">
  251.             <a href="{URL}" {Target}>{Name}</a>
  252.             {block:Description}{Description}{/block:Description}
  253.             <ul class="like-reblog">
  254.                 <li>{LikeButton}</li>
  255.                 <li>{ReblogButton}</li>
  256.            
  257.             </ul>
  258.         </div>
  259.                 {block:PostNotes}{PostNotes}{/block:PostNotes}
  260.         {/block:Link}
  261.  
  262.         {block:Chat}
  263.         <div class="post">
  264.             {block:Title}{Title}{/block:Title}
  265.             <table>
  266.                 {block:Lines}
  267.                 <tr>
  268.                     <th>{block:Label}{Label}{/block:Label}</th>
  269.                     <td>{Line}</td>
  270.                 </tr>
  271.                 {/block:Lines}
  272.             </table>
  273.             <ul class="like-reblog">
  274.                 <li>{LikeButton}</li>
  275.                 <li>{ReblogButton}</li>
  276.            
  277.             </ul>
  278.         </div>
  279.                 {block:PostNotes}{PostNotes}{/block:PostNotes}
  280.         {/block:Chat}
  281.  
  282.         {block:Audio}
  283.         <div class="post">
  284.             {AudioPlayer}
  285.         {block:Caption}{Caption}{/block:Caption}
  286.             <ul class="like-reblog">
  287.                 <li>{LikeButton}</li>
  288.                 <li>{ReblogButton}</li>
  289.            
  290.             </ul>
  291.         </div>
  292.                 {block:PostNotes}{PostNotes}{/block:PostNotes}
  293.         {/block:Audio}
  294.  
  295.         {block:Video}
  296.         <div class="post">
  297.             {Video-500}
  298.             {block:Caption}{Caption}{/block:Caption}
  299.             <ul class="like-reblog">
  300.                 <li>{LikeButton}</li>
  301.                 <li>{ReblogButton}</li>
  302.            
  303.         </div>
  304.                 {block:PostNotes}{PostNotes}{/block:PostNotes}
  305.         {/block:Video}
  306.  
  307.     {/block:Posts}
  308.    
  309.     {block:Pagination}
  310.     <div class="pagenav">
  311.     {block:PreviousPage}<a href="{PreviousPage}">Back </a> {/block:PreviousPage}
  312.     {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  313.     </div>
  314.     {/block:Pagination}
  315.    
  316. </body>
  317. </html>
RAW Paste Data
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
 
Top