API tools faq
paste
Advertisement
Mikaisqueen

Blank space

Mikaisqueen
Nov 2nd, 2014
3,542
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.47 KB | None | 0 0
raw download clone embed print report
  1. <!-- i bet taylor swift would be dissapointed in u if you ripped this
  2. off.
  3. keep my credit, thanks. -->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  9.  
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!--Default Variables-->
  18.  
  19.  
  20.  
  21. <!-- jquery for tooltips-->
  22.  
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28. <script>
  29.  
  30. (function($){
  31.  
  32. $(document).ready(function(){
  33.  
  34. $("a[title]").style_my_tooltips({
  35.  
  36. tip_follows_cursor:true,
  37.  
  38. tip_delay_time:30,
  39.  
  40. tip_fade_speed:300,
  41.  
  42. attribute:"title"
  43.  
  44. });
  45.  
  46. });
  47.  
  48. })(jQuery);
  49.  
  50. </script>
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <!--CSS customization here. -->
  58.  
  59. <style type="text/css">
  60.  
  61. html {
  62. background:#eee url("http://41.media.tumblr.com/d4a2c5b0fbd50d0ccabdb00ada7859ea/tumblr_na2s86r3Cx1s0dlk2o2_250.png") repeat left top fixed;
  63. }
  64.  
  65.  
  66. #s-m-t-tooltip{
  67. position:absolute;
  68. margin-top: 15px;
  69. z-index:9999;
  70. background-color: rgba(211, 211, 208, 0.6);
  71. background: rgba(211, 211, 208, 0.6);
  72. padding:5px;
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb:vertical { background: #dae3e3;border: 2px solid:#fff}; }
  76. ::-webkit-scrollbar-thumb:horizontal { background:#dae3e3; }
  77. ::-webkit-scrollbar { background:#dae3e3; border: 5px solid #fff; width: 11px; height: 7px; padding-left:2px;}
  78. ::-webkit-scrollbar-thumb:active {}
  79.  
  80. body{
  81. line-height:16px;
  82. font-size:11px;
  83. font-family: 'arial', sans-serif;
  84. text-align:justify;
  85.  
  86.  
  87. }
  88.  
  89.  
  90. /*basics*/
  91. blockquote {padding:5px 0 5px 30px;
  92. border-left:1px solid {color:text};
  93. margin-left:30px;
  94. }
  95.  
  96. a {
  97. color:#fff;
  98. text-decoration:none;
  99. }
  100.  
  101. a:hover {
  102. font-style:bold;
  103.  
  104. }
  105.  
  106. img{opacity:1;
  107. border:none;
  108. text-decoration:none}
  109.  
  110.  
  111. small {
  112. font-size:9px;}
  113.  
  114. big {
  115. font-size:12px;}
  116.  
  117. #con {
  118. left:33%;
  119. margin-left:-200px;
  120. position:fixed;
  121. margin-top:125px;
  122. margin-bottom:200px;
  123. height:400px;
  124. width:650px;
  125. padding:50px;
  126.  
  127.  
  128.  
  129. }
  130.  
  131. #links{
  132. font-size:0px;
  133. text-transform:lowercase;
  134. margin-top:150px;
  135. margin-left:200px;
  136. text-align:right;
  137. float:right;
  138. position:fixed;
  139. padding:1px;
  140. color:{color:Captionbg};
  141. background-color: rgba(211, 211, 208, 0.6);
  142. background: rgba(211, 211, 208, 0.6);
  143. }
  144.  
  145.  
  146. #links a {
  147. display:block;
  148. width:10px;
  149. height:10px;
  150. background:#f4f4f4;
  151. margin:13px 19px;
  152. -webkit-transition:all 1s;
  153. -moz-transition:all 1s;
  154. -ms-transition:all 1s;
  155. -o-transition:all 1s;
  156. transition:all 1s; }
  157.  
  158.  
  159. #links a:hover {
  160. background:black;
  161. -webkit-transition:all 1s;
  162. -moz-transition:all 1s;
  163. -ms-transition:all 1s;
  164. -o-transition:all 1s;
  165. transition:all 1s; }
  166.  
  167.  
  168.  
  169.  
  170. #description{
  171.  
  172. height:180px;
  173. width:420px;
  174. overflow-y:scroll;
  175. margin-top:75px;
  176. padding-right:25px;
  177. padding:25px;
  178. margin-left:36px;
  179. background:#fff;
  180. position:fixed;
  181. z-index:500;
  182. }
  183.  
  184. #descriptionback{
  185. height:205px;
  186. width:450px;
  187. margin-top:62px;
  188. padding-right:25px;
  189. padding:25px;
  190. margin-left:21px;
  191. background:#f2efef;
  192. position:fixed;
  193. z-index:23;
  194. }
  195.  
  196. #stats{
  197. height:205px;
  198. width:450px;
  199. margin-top:-50px;
  200. padding-right:25px;
  201. padding:25px;
  202. margin-left:22px;
  203. background:#000;
  204. position:fixed;
  205. z-index:-23;
  206. }
  207.  
  208.  
  209. #photo{
  210. position:fixed;
  211. background:#f2efef;
  212. width:230px; height:367px;
  213. margin-top:-50px;
  214. margin-left:521px;
  215. }
  216.  
  217.  
  218. #doublelinks{
  219. font-size:0px;
  220. text-transform:lowercase;
  221. margin-top:120px;
  222. margin-left:300px;
  223. text-align:right;
  224. float:right;
  225. position:fixed;
  226. padding:1px;
  227. color:{color:Captionbg};
  228.  
  229. }
  230.  
  231. #doublelinks a {
  232. display:block;
  233. width:10px;
  234. height:10px;
  235. background:#f4f4f4;
  236. margin:13px 19px;
  237. -webkit-transition:all 1s;
  238. -moz-transition:all 1s;
  239. -ms-transition:all 1s;
  240. -o-transition:all 1s;
  241. transition:all 1s; }
  242.  
  243.  
  244. #doublelinks a:hover {
  245. background:black;
  246. -webkit-transition:all 1s;
  247. -moz-transition:all 1s;
  248. -ms-transition:all 1s;
  249. -o-transition:all 1s;
  250. transition:all 1s; }
  251.  
  252.  
  253.  
  254. #things{
  255. font-family: 'Oswald', sans-serif;
  256. color:#fff;
  257. margin-top:20px;
  258. font-size:30px;
  259. }
  260.  
  261. {CustomCSS}
  262.  
  263.  
  264. </style>
  265.  
  266.  
  267. </head>
  268.  
  269.  
  270. <body>
  271.  
  272. <div id="con">
  273.  
  274. <div id="photo">
  275.  
  276. <img src="https://31.media.tumblr.com/7da1cd435804e88a23a7fac128090672/tumblr_inline_nee7kv5Nif1s5ufas.jpg" width="230" height="367">
  277.  
  278.  
  279. </div>
  280.  
  281.  
  282.  
  283. <div id="description">
  284. <p>
  285. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!-- Leave this if you want indents. --> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut varius risus id enim aliquam cursus. Nulla a gravida lacus. Fusce accumsan tempus pellentesque. Maecenas ligula felis, ultricies eget magna nec, sagittis lobortis quam. Nunc tristique congue lorem, sed vulputate justo imperdiet ut. Fusce dictum arcu tortor, at egestas mi lobortis sit amet. Fusce adipiscing leo vel velit rutrum, et bibendum purus tristique. Sed tincidunt lacus est, in bibendum nibh tempor quis. Morbi semper nec nibh non ultrices. Sed et odio mi. Duis quis rutrum eros. Pellentesque orci est, condimentum ac odio non, auctor pellentesque purus. Duis tellus justo, tempus eget mattis sed, porta eu nisi. Pellentesque ut elit sem. Vivamus vel vehicula eros. Nam quis tincidunt odio. Donec congue tincidunt feugiat. In imperdiet eros non ante placerat consectetur.
  286. </p>
  287. </div>
  288.  
  289. <div id="descriptionback">
  290. </div>
  291.  
  292. <div id="stats">
  293.  
  294. <div id="things">
  295. <div style="padding-top:0; font-size:35px; font-family: 'Oswald', sans-serif; padding:5px; color:#fff; margin-bottom:5px; letter-spacing:5px;"> <!-- CHANGE YOUR PERSONAL INFO HERE --> &nbsp;&nbsp;MIKA &nbsp;&nbsp;&nbsp;ENTP &nbsp;&nbsp;&nbsp;16&nbsp;&nbsp;&nbsp;<a href="http://257pxthemes.tumblr.com" title="thm."><span>☀</span></a></div><!--HEY LOOK! I was super great and found a link for people who don't already know they're personality type (those four random letters up there?) find yours here http://www.humanmetrics.com/cgi-win/jtypes2.asp -->
  296. </div>
  297. </div>
  298.  
  299.  
  300. </div>
  301. </div>
  302.  
  303.  
  304.  
  305.  
  306. </body></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!