API tools faq
paste
kimtys

XOXO (BIAS PAGE)

kimtys
May 11th, 2015
8,859
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.01 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. XOXO - BIAS PAGE BY KIMTYS.TUMBLR.COM
  9.  
  10. edit as much as you want but please don't hide or remove credits!
  11.  
  12.  
  13. -->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <script src="https://static.tumblr.com/ta26uqw/yqQn9iy9c/jquery-1.7.1.min.js"></script>
  18.  
  19. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  20. <script src="https://static.tumblr.com/ta26uqw/WEfn9jpn7/imagesloaded.pkgd.min.js"></script>
  21.  
  22. <script src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  23. <script>
  24. (function($){$(document)
  25. .ready(function(){$("[title]")
  26. .style_my_tooltips();});})
  27. (jQuery);
  28. </script>
  29.  
  30. <style>
  31. @import url(https://weloveiconfonts.com/api/?family=entypo|fontawesome);
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. ::-webkit-scrollbar { height: 0px; width: 9px; background: #62d1d1; border: 4px solid #fff; opacity:1; }
  37. ::-webkit-scrollbar-thumb { background: #62d1d1; border: #fff solid 2px; height: 8px; width: 11px; border-radius: 8px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;}
  38.  
  39. ::-moz-selection {background:#62d1d1; color:#fff;}
  40. ::selection {background:#62d1d1; color:#fff;}
  41.  
  42. @font-face { font-family:"intro"; src: url('https://dl.dropboxusercontent.com/s/wqjoh441thuflo6/Intro.otf');} /* CREDIT TO DYOTHMS */
  43.  
  44. body {
  45. margin:0;
  46. padding:0;
  47. border:0;
  48. background:#f8f8f8; /* BACKGROUND COLOR */
  49. background-image:url(BACKGROUND IMAGE URL);background-attachment:fixed;background-repeat:100%;
  50. color:#555;
  51. font-family:arial;
  52. font-size:10px;
  53. word-wrap:break-word;
  54. }
  55.  
  56. a {
  57. color:#000;
  58. text-decoration:none;
  59. -moz-transition-duration:0.5s;
  60. -webkit-transition-duration:0.5s;
  61. -o-transition-duration:0.5s;
  62. }
  63.  
  64. #s-m-t-tooltip {
  65. max-width:150px;
  66. padding:2px 6px;
  67. margin:25px 14px 7px 15px;
  68. background-color:#fff;
  69. font-family:Calibri;
  70. font-weight:bold;
  71. box-shadow:rgba(0,0,0,0.06) 5px 5px;
  72. border:1px solid #ccc;
  73. font-size:8px;
  74. line-height:11px;
  75. letter-spacing:1px;
  76. text-transform:uppercase;
  77. color:#222;
  78. z-index:999;
  79. -moz-transition-duration:0.5s;
  80. -webkit-transition-duration:0.5s;
  81. -o-transition-duration:0.5s;
  82. }
  83.  
  84. #center {
  85. width:auto;
  86. margin-right:auto;
  87. margin-top:100px;
  88. margin-bottom:100px;
  89. margin-left:120px;
  90. }
  91.  
  92. #top {
  93. width:auto;
  94. opacity:0.8;
  95. text-align:center;
  96. border-bottom:1px #ccc solid;
  97. margin-left:auto;
  98. margin-right:auto;
  99. top:0;
  100. font-size:11px;
  101. font-family:arial;
  102. letter-spacing:0px;
  103. padding-top:10px;
  104. padding-bottom:20px;
  105. color:#000; /* DESCRIPTION COLOR */
  106. background:#fff; /* TOP BACKGROUND COLOR */
  107. }
  108.  
  109. .tit a {
  110. color:#AAA; /* TITLE COLOR */
  111. font-size:54px;
  112. font-family:intro;
  113. letter-spacing:0px;
  114. font-weight:bold;
  115. padding:20px;
  116. -moz-transition-duration:0.5s;
  117. -webkit-transition-duration:0.5s;
  118. -o-transition-duration:0.5s;
  119. }
  120.  
  121. #top a {
  122. color:#aaa;
  123. -moz-transition-duration:0.5s;
  124. -webkit-transition-duration:0.5s;
  125. -o-transition-duration:0.5s;
  126. }
  127.  
  128. #top a:hover {
  129. color:#62d1d1; /* TITLE HOVER */
  130. -moz-transition-duration:0.5s;
  131. -webkit-transition-duration:0.5s;
  132. -o-transition-duration:0.5s;
  133. }
  134.  
  135. .pic {
  136. width:200px;
  137. height:293px;
  138. margin:20px;
  139. background:#fff; /* PIC BACKGROUND */
  140. display:inline-block;
  141. box-shadow:rgba(0,0,0,0.06) 5px 5px;
  142. border:1px solid #ccc; /* PIC BORDER */
  143. padding:15px;
  144. -webkit-transition: all 0.6s ease-in;
  145. -moz-transition: all 0.6s ease-in;
  146. -o-transition: all 0.6s ease-in;
  147. }
  148.  
  149. .pic img {
  150. width:200px;
  151. height:293px;
  152. display:inline-block;
  153. }
  154.  
  155.  
  156. .pic:hover .info {
  157. opacity:0.7; /* INFO OPACITY HOVER */
  158. margin-top:0px;
  159. -webkit-transition: all 0.4s ease-in;
  160. -moz-transition: all 0.4s ease-in;
  161. -o-transition: all 0.4s ease-in;
  162. }
  163.  
  164. .info {
  165. position:absolute;
  166. width:190px;
  167. height:268px;
  168. padding:5px;
  169. padding-top:20px;
  170. background:#444; /* INFO BACKGROUND COLOR */
  171. font-size:20px;
  172. font-family:intro;
  173. text-transform:uppercase;
  174. color:#fff; /* INFO TEXT COLOR */
  175. opacity:0;
  176. margin-top:0px;
  177. text-align:center;
  178. -webkit-transition: all 0.4s ease-in;
  179. -moz-transition: all 0.4s ease-in;
  180. -o-transition: all 0.4s ease-in;
  181. }
  182.  
  183. .info a {
  184. color:#fff; /* INFO LINK COLOR */
  185. -webkit-transition: all 0.4s ease-in;
  186. -moz-transition: all 0.4s ease-in;
  187. -o-transition: all 0.4s ease-in;
  188. }
  189.  
  190. .info a:hover {
  191. color:#62d1d1; /* INFO LINK HOVER */
  192. -webkit-transition: all 0.4s ease-in;
  193. -moz-transition: all 0.4s ease-in;
  194. -o-transition: all 0.4s ease-in;
  195. }
  196.  
  197. /* CREDIT - DONT TOUCH */
  198.  
  199. #cr {bottom:10px;right:10px;font-weight:bold;color:#62d1d1;font-size:12px; position:fixed;background:#fff;padding:5px 7px;border:1px solid #ccc;box-shadow:rgba(0,0,0,0.06) 5px 5px;}
  200.  
  201.  
  202.  
  203. </style>
  204. <script src="https://assets.tumblr.com/assets/scripts/tumblelog.js?_v=7edb3c3b36e8b351a1249cf33411a3a7"></script>
  205. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  206.  
  207.  
  208. </head>
  209.  
  210. <body>
  211.  
  212.  
  213. <div id="top">
  214. <div class="tit"><a href="/" title="back home">TITLE</a></div>
  215. description
  216. </div>
  217.  
  218. <div id="center">
  219.  
  220. <!-- NAME 1 -->
  221.  
  222. <div class="pic">
  223. <div class="info">
  224. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  225. <br><span style="font-size:10px">GROUP</span></div>
  226.  
  227. </div>
  228. <img src="IMAGE URL"></div>
  229.  
  230. <!-- END NAME 1 -->
  231.  
  232. <!-- NAME 2 -->
  233.  
  234. <div class="pic">
  235. <div class="info">
  236. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  237. <br><span style="font-size:10px">GROUP</span></div>
  238.  
  239. </div>
  240. <img src="IMAGE URL"></div>
  241.  
  242. <!-- END NAME 2 -->
  243.  
  244. <!-- NAME 3 -->
  245.  
  246. <div class="pic">
  247. <div class="info">
  248. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  249. <br><span style="font-size:10px">GROUP</span></div>
  250.  
  251. </div>
  252. <img src="IMAGE URL"></div>
  253.  
  254. <!-- END NAME 3 -->
  255.  
  256. <!-- NAME 4 -->
  257.  
  258. <div class="pic">
  259. <div class="info">
  260. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  261. <br><span style="font-size:10px">GROUP</span></div>
  262.  
  263. </div>
  264. <img src="IMAGE URL"></div>
  265.  
  266. <!-- END NAME 4 -->
  267.  
  268. <!-- NAME 5 -->
  269.  
  270. <div class="pic">
  271. <div class="info">
  272. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  273. <br><span style="font-size:10px">GROUP</span></div>
  274.  
  275. </div>
  276. <img src="IMAGE URL"></div>
  277.  
  278. <!-- END NAME 5 -->
  279.  
  280. <!-- NAME 6 -->
  281.  
  282. <div class="pic">
  283. <div class="info">
  284. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  285. <br><span style="font-size:10px">GROUP</span></div>
  286.  
  287. </div>
  288. <img src="IMAGE URL"></div>
  289.  
  290. <!-- END NAME 6 -->
  291.  
  292. <!-- NAME 7 -->
  293.  
  294. <div class="pic">
  295. <div class="info">
  296. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  297. <br><span style="font-size:10px">GROUP</span></div>
  298.  
  299. </div>
  300. <img src="IMAGE URL"></div>
  301.  
  302. <!-- END NAME 7 -->
  303.  
  304. <!-- NAME 8 -->
  305.  
  306. <div class="pic">
  307. <div class="info">
  308. <div style="margin-top:95px;"><a href="/tagged/URL">NAME</a>
  309. <br><span style="font-size:10px">GROUP</span></div>
  310.  
  311. </div>
  312. <img src="IMAGE URL"></div>
  313.  
  314. <!-- END NAME 8 -->
  315.  
  316.  
  317.  
  318. <!-- CREDIT - DONT TOUCH! -->
  319.  
  320.  
  321.  
  322. <a href="https://kimtys.tumblr.com" title="theme by kimtys"><div id="cr">k.</div></a>
  323.  
  324. </div>
  325. </body>
  326. </html>
  327.  
  328. <!--
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!