API tools faq
paste
scftlcves

#16 / young (page)

scftlcves
May 8th, 2019
1,322
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title> <!--- AUTOMATICALLY SHOWS YOUR BLOG TITLE. IF YOU WISH TO HAVE SOMETHING DIFFERENT, TAKE OUT {Title} AND REPLACE IT WITH YOUR DESIRED PAGE TITLE. --->
  6. <link rel="shortcut icon" href="{Favicon}"/>
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  8.  
  9. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Biryani|Comfortaa|Karla|M+PLUS+Rounded+1c|Quicksand|Ubuntu|Varela+Round" rel="stylesheet">
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Raleway:400" rel="stylesheet">
  12. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  13.  
  14. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  15.  
  16. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  17.  
  18. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  19.  
  20. <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  21.  
  22. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  23. <script type="text/javascript" charset="utf-8">$(document).ready(function(){
  24. var $grid = $("#contain_mason").masonry({
  25. itemSelector: ".main_entry",
  26. initLayout: 1
  27. });
  28. $grid.on("layoutComplete", function(o, r) {
  29. console.log(r.length)
  30. }), $grid.masonry({
  31. fitWidth: 1,
  32. horizontalOrder: 1,
  33. gutter: 0,
  34. resize: 1
  35. }), $grid.imagesLoaded().progress(function() {
  36. $grid.masonry("layout")
  37. });
  38. });</script>
  39.  
  40. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  41.  
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:90,
  48. tip_fade_speed:600,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <style type="text/css">
  56.  
  57. body {
  58. background-color:#f8f8f8;
  59. color:#5a5a5a;
  60. font-family:karla;
  61. /* pre-loaded fonts that are used in my themes are below if you wish to change it! */
  62. font-size:10px;
  63. line-height:16px;
  64. letter-spacing:.25px; /* change to zero for no letter spacing */
  65. }
  66.  
  67. /* PRE-LOADED GOOGLE FONTS:
  68. - ABeeZee
  69. - Biryani
  70. - Comfortaa
  71. - Karla
  72. - M PLUS Rounded 1c
  73. - Quicksand
  74. - Ubuntu
  75. - Varela Round
  76. */
  77.  
  78. a {
  79. text-decoration:none;
  80. color:#313131;
  81. }
  82.  
  83. a:hover {
  84. color:#5a5a5a;
  85. }
  86.  
  87. b,strong {
  88. color:#dbb1db;
  89. }
  90.  
  91. i,em {
  92. color:#baded1;
  93. }
  94.  
  95. ::-webkit-scrollbar {
  96. width: 5px;
  97. background: #f3f3f3;
  98. }
  99.  
  100. ::-webkit-scrollbar-track {
  101. background:#f8f8f8;
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb {
  105. background-color:#e5c4c4;
  106. }
  107.  
  108.  
  109. #s-m-t-tooltip { /* TOOLTIPS AKA TITLES FOUND WHEN HOVERING */
  110. background-color:#f8f8f8;
  111. color:#e5c4c4;
  112. font-weight:bold;
  113. text-transform:uppercase;
  114. font-size:8px;
  115. letter-spacing:2px;
  116. padding:10px 15px 10px 15px;
  117. margin:20px 0px 0px 20px;
  118. z-index:9999999999999999999999;
  119. border:1px solid #e7e7e7;
  120. }
  121.  
  122. #contain {
  123. width:895px;
  124. margin:100px auto;
  125. padding-bottom:50px;
  126. text-align:center;
  127. }
  128.  
  129. #contain_mason {
  130. text-align:center;
  131. width:895px;
  132. }
  133.  
  134. .main_entry {
  135. margin-right:15px;
  136. margin-bottom:20px;
  137. border-radius:6px;
  138. float:left;
  139. width:220px;
  140. padding:15px;
  141. background-color:#fbfbfb;
  142. border:1px solid #e7e7e7;
  143. }
  144.  
  145. .header {
  146. display:block;
  147. text-align:center;
  148. font-size:16px;
  149. letter-spacing:-.5px;
  150. text-transform:lowercase;
  151. font-family: quicksand;
  152. color:#5a5a5a;
  153. margin-top:10px;
  154. margin-bottom:5px;
  155. padding-bottom:3px;
  156. border-bottom:1px solid #e7e7e7;
  157. }
  158.  
  159. .count {
  160. text-align:right;
  161. font-family:karla;
  162. font-size:8px;
  163. letter-spacing:1.25px;
  164. text-transform:uppercase;
  165. display:block;
  166. padding:5px;
  167. -webkit-transition: -webkit-transform .8s ease-in-out;
  168. transition: .8s ease-in-out;
  169. }
  170.  
  171. .count number {
  172. color:#fbe0e0;
  173. margin-right:5px;
  174. font-size:12px;
  175. float:left;
  176. -webkit-transition: -webkit-transform .8s ease-in-out;
  177. transition: .8s ease-in-out;
  178. }
  179.  
  180. .count number:hover {
  181. color:#fbe0e0;
  182. -webkit-transform: rotate(360deg);
  183. transform: rotate(360deg);
  184. }
  185.  
  186. #bottom {
  187. bottom:-1px;
  188. left:-1px;
  189. right:-1px;
  190. position:fixed;
  191. display:block;
  192. text-align:center;
  193. font-size:11px;
  194. letter-spacing:1px;
  195. text-transform:uppercase;
  196. font-weight:bold;
  197. border-top:;
  198. color:#f1bb87;
  199. padding:15px;
  200. height:45px;
  201. line-height:45px;
  202. background-color:#fbfbfb;
  203. border:1px solid #e7e7e7;
  204. }
  205.  
  206. #bottom_navigation {
  207. margin-top:5px;
  208. margin-left:10px;
  209. float:left;
  210. font-size:16px;
  211. color:#dbb1db;
  212. display:inline-block;
  213. }
  214.  
  215. #bottom_navigation a {
  216. color:#dbb1db;
  217. margin-right:15px;
  218. }
  219.  
  220. #bottom_credit {
  221. margin-top:5px;
  222. float:right;
  223. font-size:20px;
  224. color:#e5c4c4;
  225. display:inline-block;
  226. }
  227.  
  228. #bottom_credit a {
  229. color:#e5c4c4;
  230. margin-right:15px;
  231. }
  232.  
  233. .clearfix:before,.clearfix:after{content:'';display:table;}
  234. .clearfix:after{clear:both;}
  235. .clearfix{zoom:1;}
  236.  
  237.  
  238. </style>
  239. </head>
  240.  
  241. <body>
  242.  
  243. <div id="contain">
  244. <div id="contain_mason">
  245.  
  246. <!--- START OF NON-BINARY COUNT --->
  247.  
  248. <div class="main_entry">
  249.  
  250. <div class="header">
  251. non-binary applications <!-- header -->
  252. </div>
  253.  
  254. <div class="count">
  255. <number>.004</number> FACECLAIM. <!-- count and fc -->
  256. </div>
  257.  
  258. <div class="count">
  259. <number>.001</number> FACECLAIM. <!-- count and fc -->
  260. </div>
  261.  
  262. <div class="count">
  263. <number>.003</number> FACECLAIM. <!-- count and fc -->
  264. </div>
  265.  
  266. <div class="count">
  267. <number>.002</number> FACECLAIM. <!-- count and fc -->
  268. </div>
  269.  
  270. </div>
  271.  
  272. <!--- END OF NON-BINARY COUNT --->
  273.  
  274.  
  275. <!--- START OF FEMALE COUNT --->
  276.  
  277. <div class="main_entry">
  278.  
  279. <div class="header">
  280. female applications <!-- header -->
  281. </div>
  282.  
  283. <div class="count">
  284. <number>.003</number> FACECLAIM. <!-- count and fc -->
  285. </div>
  286.  
  287. <div class="count">
  288. <number>.002</number> FACECLAIM. <!-- count and fc -->
  289. </div>
  290.  
  291. <div class="count">
  292. <number>.001</number> FACECLAIM. <!-- count and fc -->
  293. </div>
  294.  
  295. <div class="count">
  296. <number>.002</number> FACECLAIM. <!-- count and fc -->
  297. </div>
  298.  
  299. </div>
  300.  
  301. <!--- END OF FEMALE COUNT --->
  302.  
  303.  
  304.  
  305. <!--- START OF MALE COUNT --->
  306.  
  307. <div class="main_entry">
  308.  
  309. <div class="header">
  310. male applications <!-- header -->
  311. </div>
  312.  
  313. <div class="count">
  314. <number>.001</number> FACECLAIM. <!-- count and fc -->
  315. </div>
  316.  
  317. <div class="count">
  318. <number>.002</number> FACECLAIM. <!-- count and fc -->
  319. </div>
  320.  
  321. <div class="count">
  322. <number>.001</number> FACECLAIM. <!-- count and fc -->
  323. </div>
  324.  
  325. <div class="count">
  326. <number>.006</number> FACECLAIM. <!-- count and fc -->
  327. </div>
  328.  
  329. </div>
  330.  
  331. <!--- END OF MALE COUNT --->
  332.  
  333.  
  334. </div></div>
  335.  
  336. <div id="bottom">
  337. <div id="bottom_navigation">
  338. <a href="/" title="INDEX"><span class="th th-home-o"></span></a>
  339. <a href="/ask" title="MESSAGE"><span class="th th-chat-bubbles"></span></a>
  340. <a href="/archive" title="ARCHIVE"><span class="th th-calendar-1-o"></span></a>
  341. <a href="/" title="BIOGRAPHY"><span class="th th-star-o"></span></a>
  342. </div>
  343. <div id="bottom_credit">
  344. <a href="https://scftlcves.tumblr.com" title="THEME CREDIT"><span class="th th-heart-1-o"></span></a>
  345. </div>
  346. </div>
  347.  
  348. </body>
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!