API tools faq
paste
Advertisement
octomoosey

don't end with blood

octomoosey
Nov 6th, 2016
1,195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  10.  
  11. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  12.  
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("a[title]").style_my_tooltips({
  17. tip_follows_cursor:true,
  18. tip_delay_time:90,
  19. tip_fade_speed:600,
  20. attribute:"title"
  21. });
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  27.  
  28. <style type="text/css">
  29. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  30. position:fixed;
  31. top:8px!important;
  32. right:10px!important;
  33. white-space:nowrap;
  34. transform: scale(0.8,0.8);
  35. opacity:0.7;
  36. transition: 0.7s ease-in-out;
  37. -webkit-transition: 0.7s ease-in-out;
  38. -moz-transition: 0.7s ease-in-out;
  39. -o-transition: 0.7s ease-in-out;}
  40.  
  41. ::-webkit-scrollbar{
  42. z-index:9;
  43. height:3px;
  44. width:8px;
  45. background:inherit;}
  46.  
  47. ::-webkit-scrollbar-thumb {
  48. background:#f2992e;/** scrollbar color **/
  49. border: 3px solid #000;} /** scrollbar background color (should be the same as container background below) **/
  50.  
  51. ::-webkit-scrollbar-track {
  52. background: #000;} /** scrollbar background color (should be the same as container background below) **/
  53.  
  54. body {
  55. font-family: 'Roboto', sans-serif;
  56. background:#000; /** background color **/
  57. height:100%;
  58. width:100%;
  59. background: url('URL FOR BACKGROUND GOES HERE') no-repeat center center fixed; /** insert your background image url here - leave blank for no image **/
  60. -webkit-background-size: cover;
  61. -moz-background-size: cover;
  62. -o-background-size: cover;
  63. background-size: cover;}
  64.  
  65. a {
  66. color:#f2992e; /** link color **/
  67. text-decoration:none;
  68. -webkit-transition-duration:.6s;
  69. -moz-transition-duration:.6s;
  70. -o-transition-duration:.6s;
  71. -ms-transition-duration:.6s;}
  72.  
  73. a:hover {
  74. color:#eee; /** link hover color **/
  75. -webkit-transition-duration:.6s;
  76. -moz-transition-duration:.6s;
  77. -o-transition-duration:.6s;
  78. -ms-transition-duration:.6s;}
  79.  
  80. #title{
  81. position:fixed;
  82. top:50%;
  83. left:50%;
  84. margin-top:-112px;
  85. margin-left:-720px;
  86. text-align:left;
  87. font-size:26px;
  88. color:#eee; /** title color **/
  89. width:700px;
  90. -webkit-transform: rotate(-90deg);
  91. -moz-transform: rotate(-90deg);
  92. -ms-transform: rotate(-90deg);
  93. -o-transform: rotate(-90deg);
  94. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
  95.  
  96. #container {
  97. border:1px solid #eee; /** border color **/
  98. height:500px;
  99. width:700px;
  100. background:#000; /** container/sidebar background color **/
  101. top:50%;
  102. left:50%;
  103. margin-top:-250px;
  104. margin-left:-350px;
  105. position:fixed;}
  106.  
  107. #content {
  108. width:528px;
  109. height:460px;
  110. background:#8c8c8c; /** content background color **/
  111. overflow-y:scroll;
  112. padding:20px 10px 20px 10px;}
  113.  
  114. #sidebar {
  115. position:fixed;
  116. margin-left:548px;
  117. padding:20px;
  118. width:112px;
  119. height:460px;}
  120.  
  121. #portrait img {
  122. margin-top:130px;
  123. height:40px;
  124. width:40px;
  125. border:1px solid #eee; /** portrait border color **/
  126. margin-left:32px;
  127. margin-bottom:20px;}
  128.  
  129. #portrait img:hover {
  130. border:1px solid #f2992e;} /** portrait border hover color **/
  131.  
  132. #subtitle {
  133. color:#eee; /** sidebar text color **/
  134. font-size:10px;
  135. margin-bottom:20px;}
  136.  
  137. #sidelinks {
  138. font-size:10px;
  139. position:fixed;}
  140.  
  141. #sidelinks a {
  142. width:112px;
  143. text-align:center;
  144. display:block;
  145. margin-bottom:5px;
  146. margin-right:5px;}
  147.  
  148. #sidelinks a:hover {
  149. letter-spacing:2px;}
  150.  
  151. .blogroll {
  152. color:#8c8c8c; /** blogroll text color **/
  153. position:relative;
  154. display:inline-block;
  155. width:220px;
  156. margin:0px 10px 20px 10px;
  157. padding: 10px;
  158. background:#000; /** blogroll block background color **/
  159. text-align:left;}
  160.  
  161. .blogroll img {
  162. float:right;
  163. border:1px solid #eee; /** blogroll image border color **/
  164. display:inline-block;
  165. height:40px;
  166. width:40px;}
  167.  
  168. .blogroll img:hover {
  169. border:1px solid #f2992e;} /** blogroll image border hover color **/
  170.  
  171. .name {
  172. width:150px;
  173. text-align:center;
  174. text-transform:uppercase;
  175. font-size:9px;
  176. position:absolute;
  177. display:inline-block;
  178. padding:10px;}
  179.  
  180. .name span {
  181. font-size:9px;
  182. font-style: italic;
  183. text-transform:none;}
  184.  
  185. #s-m-t-tooltip {
  186. margin:0px 10px 5px 0px;
  187. padding:4px;
  188. color:#fff;
  189. border:1px solid #fff;
  190. font-size:10px;
  191. letter-spacing:1px;
  192. background:#000;
  193. z-index:99999;}
  194.  
  195. #credit {
  196. z-index:999;
  197. bottom:0px;
  198. right:0px;
  199. height:30px;
  200. width:30px;
  201. opacity:0.8;
  202. position:fixed;
  203. padding:5px;}
  204.  
  205.  
  206. </style>
  207. </head>
  208. <body>
  209.  
  210. <div id="title">Family don't end with blood </div><!-- change the main title here -->
  211. <div id="container">
  212.  
  213. <div id="sidebar">
  214. <div id="portrait"><a href="/"><img src="{PortraitURL-128}"></a></div>
  215. <div id="subtitle">"throw me to the wolves and i'll return leading the pack."</div> <!-- change the subtitle here - keep it quite short!? maybe about 3-4 lines -->
  216. <div id="sidelinks">
  217. <a href="/">&middot; return &middot; </a>
  218. <a href="/ask">&middot; queries &middot; </a>
  219. <a href="https://www.tumblr.com/dashboard">&middot; dash &middot; </a>
  220. </div></div>
  221.  
  222. <div id="content">
  223.  
  224. {block:Following}
  225. {block:Followed}
  226. <a href="{FollowedURL}">
  227. <div class="blogroll">
  228. <img src="{FollowedPortraitURL-128}">
  229. <div class="name">
  230. {FollowedName}</a><br><span>{FollowedTitle}</span></div>
  231. </div>
  232. {/block:Followed}{/block:Following}
  233.  
  234. </div>
  235. </div>
  236.  
  237. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  238.  
  239. </body>
  240. </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!