API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 5th, 2016
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.36 KB | None | 0 0
raw download clone embed print report
  1. !DOCTYPE html>
  2. <head>
  3.  
  4. <!---
  5.  
  6. The Crew
  7. a network page by CIRALISM
  8.  
  9. //don't be a dick turd
  10. //you know the rules
  11.  
  12. //customization instructions are commented into the code. PLEASE READ THE GREY TEXT BEFORE ASKING A QUESTION.
  13.  
  14. --->
  15.  
  16. <title>awards</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18.  
  19. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  20. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  21. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  22. <link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  23. <link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26.  
  27. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3">
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
  30. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  33. <style type="text/css">
  34.  
  35. body {
  36. font-family:Lato;
  37. color:black;
  38. background-color:#fff;/*change the background color of the page*/
  39. font-size:11px;
  40. }
  41. a {
  42. color:black;
  43. text-decoration:none;
  44. -webkit-transition-duration:400ms;-o-transition-duration:400ms;-ms-transition-duration:400ms;-moz-transition-duration:400ms;
  45. }
  46.  
  47.  
  48. .credit {
  49. font-size:7px;
  50. font-weight:bold;
  51. letter-spacing:1px;
  52. text-transform:uppercase;
  53. position:fixed;
  54. right:5px;
  55. bottom:5px;
  56. }
  57.  
  58. .cancan {
  59. position:absolute;
  60. width:600px;
  61. left:48%;
  62. margin-left:-330px;
  63. }
  64.  
  65. .topbit {
  66. padding:10px 30px;
  67. color:#000;
  68. text-align:center;/*you can move the top text to left or right if you want to*/
  69. margin-top:50px;
  70. background-color:#fff;
  71. margin-left:30px;
  72. }
  73.  
  74. .title {
  75. font-family: 'parisienne', cursive;
  76. font-size:60px;
  77. color:#D490B0;
  78. text-transform:none;
  79. }
  80.  
  81. .links {
  82. font-weight:400;
  83. text-transform:lowercase;
  84. font-family: 'Raleway', sans-serif;
  85. letter-spacing:1px;
  86. font-size:12px;
  87. margin-top:0px;
  88. }
  89.  
  90. .links a {
  91. padding:0px 5px;
  92. color:#000;
  93. }
  94.  
  95. .links a:hover {
  96. padding:0px 5px;
  97. color:#D490B0;
  98. }
  99.  
  100.  
  101.  
  102. .lobsterroll {
  103. margin-top:30px;
  104. width:1000px;
  105. display:inline-block;
  106. margin-left:-10px;
  107. }
  108.  
  109.  
  110. .person {
  111. padding:3px 3px 3px 3px;
  112. width:160px;
  113. outline: 1px solid #E0BCCD;
  114. outline-offset:3px;
  115. border:1px solid #E0BCCD;
  116. margin-left:40px;
  117. margin-top:20px;
  118. display:inline-block;
  119. margin-bottom:30px;
  120. }
  121.  
  122. .person img {
  123.  
  124. position:center;
  125. width:160px;
  126. height:160px;
  127. -webkit-transition-duration:400ms;-o-transition-duration:400ms;-ms-transition-duration:400ms;-moz-transition-duration:400ms;
  128.  
  129. -webkit-filter: grayscale(0%);
  130. }
  131.  
  132. .namie {
  133. font-family: 'Raleway', sans-serif;
  134. text-align:center;
  135. font-size:14px;
  136. line-height:;
  137. padding:3px;
  138.  
  139. }
  140.  
  141. .namie a:hover {
  142. font-family: 'Raleway', sans-serif;
  143. text-align:center;
  144. font-size:14px;
  145. color:#000;
  146. text-shadow:0 0 0.3em #000;
  147. padding:0px;
  148.  
  149. }
  150.  
  151. .pi {
  152. overflow:hidden;
  153. width:160px;
  154. height:160px;
  155.  
  156. }
  157.  
  158.  
  159.  
  160. .person:hover img {
  161. -webkit-transform:scale(1);
  162. }
  163.  
  164. .squad {
  165. position:absolute;
  166. font-family: 'Raleway', sans-serif;
  167. margin-top:-174px;
  168. margin-left:25px;
  169.  
  170. }
  171.  
  172. .desc {
  173. width:60px;
  174. font-size:10px;
  175. font-family: 'Raleway', sans-serif;
  176. height:60px;
  177. left:10px;
  178. position:absolute;
  179. font-weight:300;
  180. letter-spacing:1px;
  181. background-color:rgba(255,255,255,.9);
  182. padding:15px 15px;
  183. text-align:center;
  184. margin-top:45px;
  185. opacity:0;
  186. -webkit-transition-duration:400ms;-o-transition-duration:400ms;-ms-transition-duration:400ms;-moz-transition-duration:400ms;
  187.  
  188. }
  189.  
  190. .desc b {
  191. display:block;
  192.  
  193. font-size:14px;
  194. font-family: 'Raleway', sans-serif;
  195. letter-spacing:1px;
  196. font-weight:900;
  197. padding-bottom:5px;
  198. }
  199.  
  200. .person:hover .desc {
  201. opacity:1;
  202. }
  203.  
  204. .url {
  205. text-align:center;
  206. margin-bottom:-25px;
  207. padding-bottom:10px;
  208. text-transform:lowercase;
  209. font-size:9px;
  210. font-family: 'Raleway', sans-serif;
  211. letter-spacing:2px;
  212. font-weight:400;
  213. }
  214.  
  215. .url a:hover {
  216. font-weight:900;
  217. color:#000;
  218.  
  219. .win {
  220. text-align:center;
  221.  
  222. text-transform:lowercase;
  223. font-size:11px;
  224. font-family: 'Raleway', sans-serif;
  225. letter-spacing:2px;
  226. font-weight:400;
  227. color:#eee;
  228. }
  229.  
  230. .win a:hover {
  231. font-weight:900;
  232. color:#000;
  233. color:#E0BCCD;
  234. }
  235. </style>
  236. </head>
  237. <body>
  238. <div class="cancan">
  239. <div class="topbit">
  240. <span class="title">Tumblr Awards</span><!--GROUP TITLE-->
  241. <div class="links">
  242. by<a href="http://fhlorest.tumblr.com/">fhlorest</a>and<a href="http://delroyal.tumblr.com/">delroyal</a>
  243.  
  244.  
  245. </div>
  246. </div>
  247.  
  248. <div class="lobsterroll">
  249.  
  250. <table>
  251. <tr>
  252. <!--NEW MEMBER-->
  253. <td class="person">
  254.  
  255. <div class="pi"><img src="http://67.media.tumblr.com/f3b521b3800275aad721ab37966505b9/tumblr_nxg77kOu8H1thynt0o1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  256. <div class="squad">
  257.  
  258.  
  259. <div class="desc">
  260.  
  261.  
  262. BEST OVERALL
  263. <br><br>
  264.  
  265. <div class="win">
  266. <a href="http://url.tumblr.com/">winner</a><br>
  267. <!--Put a short description--></div></div>
  268.  
  269. </div>
  270. </td>
  271.  
  272. <!--NEW MEMBER-->
  273. <td class="person">
  274.  
  275. <div class="pi"><img src="http://65.media.tumblr.com/f6a883831dffbd9e23e26fdf1ea1dbee/tumblr_o1u42aGhus1tpsohxo1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  276. <div class="squad">
  277. <div class="desc">
  278.  
  279. BEST OVERALL
  280. <br><br>
  281.  
  282.  
  283. <div class="win">
  284. <a href="http://url.tumblr.com/">winner</a> <br>
  285. <!--Put a short description--></div></div>
  286.  
  287.  
  288. <!--NEW MEMBER-->
  289. <td class="person">
  290.  
  291. <div class="pi"><img src="http://67.media.tumblr.com/f70ab6ed09c25c0d9bccf0cc48c9cbf6/tumblr_na712f69EP1qi1c6wo1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  292. <div class="squad">
  293. <div class="desc">
  294. BEST THEME
  295. <br><br>
  296.  
  297.  
  298. <div class="win">
  299. <a href="http://url.tumblr.com/">winner</a> <br>
  300. <!--Put a short description--></div></div><!---NEW ROW OF MEMBERS --->
  301. <tr>
  302. </div>
  303. </td><!--NEW MEMBER-->
  304. <td class="person">
  305.  
  306. <div class="pi"><img src="http://66.media.tumblr.com/71fed3ca11bdbf121433c8a18df76f8b/tumblr_o00yg9qBmu1tn6jt3o1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  307. <div class="squad">
  308. <div class="desc">
  309. BEST THEME
  310. <br><br>
  311.  
  312. <div class="win">
  313. <a href="http://url.tumblr.com/">winner</a><br>
  314. <!--Put a short description--></div></div>
  315.  
  316.  
  317.  
  318. </td><!--NEW MEMBER-->
  319. <td class="person">
  320.  
  321. <div class="pi"><img src="http://66.media.tumblr.com/577ba1a8a160158a4426b95d44ae1a23/tumblr_o45nce6Hkx1qb80pho1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  322. <div class="squad">
  323. <div class="desc">
  324. BEST URL
  325. <br><br>
  326.  
  327. <div class="win">
  328. <a href="http://url.tumblr.com/">winner</a><br>
  329. <!--Put a short description--></div></div>
  330.  
  331.  
  332.  
  333. </td><!--NEW MEMBER-->
  334. <td class="person">
  335.  
  336. <div class="pi"><img src="http://67.media.tumblr.com/9f573be99bc2ba36816358177f158f19/tumblr_nja0zsWWc71tlvyjjo1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  337. <div class="squad">
  338. <div class="desc">
  339. BEST URL
  340. <br><br>
  341.  
  342. <div class="win">
  343. <a href="http://url.tumblr.com/">winner</a><br>
  344. <!--Put a short description--></div></div>
  345.  
  346. <!---NEW ROW OF MEMBERS --->
  347. <tr>
  348.  
  349.  
  350. </td><!--NEW MEMBER-->
  351. <td class="person">
  352.  
  353. <div class="pi"><img src="http://67.media.tumblr.com/64e4b9ffb93f18d07b603bed09868e1e/tumblr_o5c5naiVDn1tn6jt3o1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  354. <div class="squad">
  355.  
  356. <div class="desc">
  357. PRETTIEST BLOG
  358. <br><br>
  359.  
  360.  
  361. <div class="win">
  362. <a href="http://url.tumblr.com/">winner</a><br>
  363. <!--Put a short description--></div></div>
  364.  
  365.  
  366.  
  367.  
  368. </td><!--NEW MEMBER-->
  369. <td class="person">
  370.  
  371. <div class="pi"><img src="http://67.media.tumblr.com/f1ab01ce965af2606cf0670febce9644/tumblr_niv80u1mxQ1qcbrn0o1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  372. <div class="squad">
  373.  
  374. <div class="desc">
  375. PRETTIEST BLOG
  376. <br><br>
  377.  
  378.  
  379. <div class="win">
  380. <a href="http://url.tumblr.com/">winner</a><br>
  381. <!--Put a short description--></div></div>
  382.  
  383.  
  384.  
  385.  
  386. </td><!--NEW MEMBER-->
  387. <td class="person">
  388.  
  389. <div class="pi"><img src="http://67.media.tumblr.com/462009ef53e3e14de37a8c8a445f9144/tumblr_nrymzwzNTo1smw1wso1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  390. <div class="squad">
  391.  
  392. <div class="desc">
  393. BEST URL
  394. <br><br>
  395.  
  396. <div class="win">
  397. <a href="http://url.tumblr.com/">winner</a><br>
  398. <!--Put a short description--></div></div>
  399.  
  400. <!---NEW ROW OF MEMBERS --->
  401. <tr>
  402.  
  403. </td><!--NEW MEMBER-->
  404. <td class="person">
  405.  
  406. <div class="pi"><img src="http://41.media.tumblr.com/dd85fef2878b436ab9d18c19abd17a21/tumblr_o1cf370Ejd1tpsohxo1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  407. <div class="squad">
  408.  
  409. <div class="desc">
  410. BEST URL
  411. <br><br>
  412.  
  413.  
  414. <div class="win">
  415. <a href="http://url.tumblr.com/">winner</a><br>
  416. <!--Put a short description--></div></div>
  417.  
  418. </td><!--NEW MEMBER-->
  419. <td class="person">
  420.  
  421. <div class="pi"><img src="http://67.media.tumblr.com/9f96db0c33db30a5bd47e16868621f3d/tumblr_o1bmutC9J61u11tmto1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  422. <div class="squad">
  423.  
  424. <div class="desc">
  425. BEST ICON
  426. <br><br>
  427.  
  428.  
  429. <div class="win">
  430. <a href="http://url.tumblr.com/">winner</a><br>
  431. <!--Put a short description--></div></div>
  432.  
  433.  
  434.  
  435. </td><!--NEW MEMBER-->
  436. <td class="person">
  437.  
  438. <div class="pi"><img src="http://67.media.tumblr.com/6cba295fe1e6ee5f966c1d667e89c110/tumblr_nxownzeNJh1r0ya3zo1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  439. <div class="squad">
  440.  
  441. <div class="desc">
  442. BEST ICON
  443. <br><br>
  444.  
  445.  
  446. <div class="win">
  447. <a href="http://url.tumblr.com/">winner</a><br>
  448. <!--Put a short description--></div></div>
  449.  
  450.  
  451. </div>
  452. </td>
  453. </tr>
  454.  
  455. <!---NEW ROW OF MEMBERS --->
  456. <tr>
  457.  
  458. </td><!--NEW MEMBER-->
  459. <td class="person">
  460.  
  461. <div class="pi"><img src="http://41.media.tumblr.com/2d61ca7add7db178013313b242828c51/tumblr_o1cuup8SXy1u2p3n1o1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  462. <div class="squad">
  463.  
  464. <div class="desc">
  465. BEST COLOUR SCHEME
  466. <br><br>
  467.  
  468.  
  469. <div class="win">
  470. <a href="http://url.tumblr.com/">winner</a><br>
  471. <!--Put a short description--></div></div>
  472.  
  473. </td><!--NEW MEMBER-->
  474. <td class="person">
  475.  
  476. <div class="pi"><img src="http://67.media.tumblr.com/c77bdad881ffd84e5a627ae4e1d769a4/tumblr_o54eefSjvN1qez43mo1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  477. <div class="squad">
  478.  
  479. <div class="desc">
  480. BEST COLOUR SCHEME
  481. <br><br>
  482.  
  483.  
  484. <div class="win">
  485. <a href="http://url.tumblr.com/">winner</a><br>
  486. <!--Put a short description--></div></div>
  487.  
  488.  
  489.  
  490. </td><!--NEW MEMBER-->
  491. <td class="person">
  492.  
  493. <div class="pi"><img src="http://66.media.tumblr.com/ba525cbe4b67ec682e224b254342b291/tumblr_o1f3pafl3h1trmyo0o1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  494. <div class="squad">
  495.  
  496. <div class="desc">
  497. NICEST BLOGGER
  498. <br><br>
  499.  
  500.  
  501. <div class="win">
  502. <a href="http://url.tumblr.com/">winner</a><br>
  503.  
  504. <!--Put a short description--></div></div>
  505.  
  506.  
  507. </div>
  508. </td>
  509. </tr>
  510.  
  511. <!---NEW ROW OF MEMBERS --->
  512. <tr>
  513.  
  514. </td><!--NEW MEMBER-->
  515. <td class="person">
  516.  
  517. <div class="pi"><img src="http://41.media.tumblr.com/1a0970e44163dbf52e1de7d94de60ad4/tumblr_o15ppoH9PO1tn6jt3o1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  518. <div class="squad">
  519.  
  520. <div class="desc">
  521. NICEST BLOGGER
  522. <br><br>
  523.  
  524.  
  525. <div class="win">
  526. <a href="http://url.tumblr.com/">winner</a><br>
  527. <!--Put a short description--></div></div>
  528.  
  529. </td><!--NEW MEMBER-->
  530. <td class="person">
  531.  
  532. <div class="pi"><img src="http://67.media.tumblr.com/88a97171885cf68ee7f785514c04fdfd/tumblr_o4try4gyjG1tpsohxo1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  533. <div class="squad">
  534.  
  535. <div class="desc">
  536. EMMA'S FAVE
  537. <br><br>
  538.  
  539.  
  540. <div class="win">
  541. <a href="http://url.tumblr.com/">winner</a><br>
  542. <!--Put a short description--></div></div>
  543.  
  544.  
  545.  
  546. </td><!--NEW MEMBER-->
  547. <td class="person">
  548.  
  549. <div class="pi"><img src="http://67.media.tumblr.com/d6db3a67c353aad60d62fe7a1f63e9f8/tumblr_o3fkwjqwiM1qb80pho1_500.jpg"><!--Replace IMAGE URL HERE with any image URL--></div>
  550. <div class="squad">
  551.  
  552. <div class="desc">
  553. ALEANA'S FAVE
  554. <br><br>
  555.  
  556.  
  557. <div class="win">
  558. <a href="http://url.tumblr.com/">winner</a><br>
  559. <!--Put a short description--></div></div>
  560.  
  561.  
  562. </div>
  563. </td>
  564. </tr>
  565.  
  566. <!---To add more members, simply copy/paste everything from NEW ROW OF MEMBERS to this comment and edit the information--->
  567.  
  568.  
  569.  
  570.  
  571. </table>
  572.  
  573. </div>
  574. </div>
  575.  
  576. <div class="credit"><a href="http://ciralism.tumblr.com">ciralism</a></div>
  577.  
  578. </body>
  579. </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!