odeysseus_thm

blogroll / OVERTURE

Apr 16th, 2018
2,748
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. overture
  12.  
  13. @odeysseus
  14.  
  15.  
  16.  
  17. notes:
  18.  
  19. - basic customisation markers are in the code
  20. - you don't need to edit this (unless you want to) - blogs u follow will show up automatically when u save and open ur blog in a new tab
  21.  
  22. -->
  23.  
  24. <title>blogroll</title><!--title-->
  25.  
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. <link href="https://fonts.googleapis.com/css?family=Karla:400,400italic,600,600italic" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="https://dl.dropboxusercontent.com/s/y0dm7fveuf7zmm8/o.js?dl=0"></script>
  31.  
  32. <style type="text/css">
  33.  
  34. * { margin:0;padding:0; }
  35.  
  36.  
  37. @-webkit-keyframes fadein {
  38. 0% {opacity: 0;}
  39. 100% { opacity: 1; }
  40. }
  41.  
  42. @-moz-keyframes fadein {
  43. 0% { opacity: 0; }
  44. 100% { opacity: 1; }
  45. }
  46.  
  47. @keyframes fadein {
  48. 0% { opacity: 0; }
  49. 100% { opacity: 1; }
  50. }
  51.  
  52. .tmblr-iframe { display:none; } /* to hide tumblr controls */
  53.  
  54. a { transition:0.15s ease-in;}
  55. b,strong { color:#444; /* bold text */ }
  56.  
  57. body {
  58. background:#f8f8f8; /*background - change to #fff for white */
  59. font-family:'Karla',sans-serif; /*font*/
  60. font-size:10px; /* font size */
  61. line-height:190%;
  62. letter-spacing:.5px;
  63. color:#666; /* text color */
  64. -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
  65. -moz-osx-font-smoothing:grayscale;
  66. -webkit-font-smoothing:antialiased;
  67. font-smoothing:antialiased;
  68.  
  69. }
  70.  
  71. a {
  72. color:#999; /*links*/
  73. text-decoration:none;
  74. }
  75.  
  76. a:hover {
  77. color:#333; /* link hover */
  78. }
  79.  
  80. section {
  81. width:calc(180px * 4); /* change the 4 to however many columns you want */
  82. margin:0 auto;
  83. padding:100px;
  84. background:#fff;
  85. text-align:center;
  86. border-left:1px solid #eee;
  87. border-right:1px solid #eee;
  88.  
  89. }
  90.  
  91. .bimg img {
  92. height:20px;
  93. display:block;
  94. width:20px;
  95. margin-bottom:5px;
  96. margin-top:10px;
  97. margin-left:80px;
  98. border-radius:5px;
  99. }
  100.  
  101.  
  102. .broll {
  103. width:179px;
  104. padding:15px 0px;
  105. border-top:1px solid #eee;
  106. display:inline-block;
  107. opacity:.9;
  108. box-sizing:border-box;
  109.  
  110. }
  111.  
  112. header { margin-bottom:100px; }
  113. h1 { font-style:italic;color:#333;font-weight:400;margin-bottom:5px; }
  114.  
  115. #fuckchad {
  116. bottom:27px;
  117. right:27px;
  118. position:fixed;
  119. }
  120. </style>
  121. </head>
  122. <body>
  123.  
  124. <section>
  125. <header>
  126. <!--header-->
  127. <h1>blogroll</h1> <!--title-->
  128.  
  129. <!--links - add or delete as you wish-->
  130. <a href="/">home</a>.
  131. <a href="http://tumblr.com/dashboard">dash</a>.
  132. <!--end header-->
  133. </header>
  134.  
  135. <!--do not edit beyond this point-->
  136. {block:Following}{block:Followed}
  137. <div class="broll"><a href="{FollowedURL}">
  138.  
  139. <div class="bimg"><img src="{FollowedPortraitURL-64}"></div>
  140. <div class="buser">{FollowedName}</div>
  141.  
  142. </a></div>
  143. {/block:Followed}{/block:Following}
  144. </section>
  145.  
  146.  
  147. <div id="fuckchad"><a href="http://odeysseus.tumblr.com">O</a></div>
  148. </body>
  149. </html>
Advertisement
Add Comment
Please, Sign In to add comment