psychedelic-cunts

Emails I Can't Send Winners Page

Sep 2nd, 2022
3
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.65 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--
  6.  
  7. Blossom Theme by Mhango
  8. A Faves / Networks Page Layout
  9. Version 1 (4th July 2016)
  10.  
  11. Credits to
  12. fontawesome.com for the icons
  13. fonts.google.com for the fonts
  14. Example pictures found on tumblr.
  15.  
  16. Rules: - don't reupload or claim as your own
  17. - don't edit or remove the credits!!!
  18. - don't use as a base code
  19. - thievery will be reported immediately
  20.  
  21. (This theme works both as a blog and a page theme.)
  22.  
  23. -->
  24.  
  25.  
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <meta charset="utf-8">
  30.  
  31.  
  32. <link href="https://fonts.googleapis.com/css?family=Muli:400,400i" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  34. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  35.  
  36.  
  37. <!-- TOOLTIP CODE -->
  38.  
  39. <script type="text/javascript"
  40. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:200,
  48. tip_fade_speed:300
  49. }
  50. );
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <!-- END OF TOOLTIP CODE -->
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. /* Tooltips */
  62.  
  63. #s-m-t-tooltip {
  64. max-width:300px;
  65. border-radius: 0px;
  66. padding:3px 5px 3px 5px;
  67. margin:20px 7px -2px 20px;
  68. background-color:#fff;
  69. border:1px solid #ffed93;
  70. font-family:'Muli', Helvetica, Arial, sans-serif;
  71. font-size:10px;
  72. color:#000;
  73. z-index:999999999999999999999999999999999999;
  74. font-weight:normal;
  75. text-align:center;
  76. text-transform:uppercase;
  77. }
  78.  
  79. /* Scrollbar */
  80.  
  81. ::-webkit-scrollbar-thumb{
  82. background-color: #ffed93;
  83. border: 3px solid #fff;
  84. height:auto;
  85. -moz-border-radius: 10px;
  86. border-radius: 0px;
  87. }
  88.  
  89. ::-webkit-scrollbar {
  90. height:auto;
  91. width:9px;
  92. background-color: #ffed93;
  93. border: 4px solid #ffed93;
  94. }
  95.  
  96. /* Text selection */
  97.  
  98. ::-moz-selection {
  99. background: #ffed93;
  100. color: #000;
  101. }
  102.  
  103. ::selection {
  104. background: #FEF5F7;
  105. color: #000;
  106. }
  107.  
  108. /* Basic styles */
  109.  
  110. body {
  111. font-family:'Muli', Helvetica, Arial, sans-serif;
  112. font-size: 11px;
  113. color: #000;
  114. background-position: fixed;
  115. background-attachment:fixed;
  116. background-repeat:repeat;
  117. background-color:#fff;
  118. }
  119.  
  120. /* Basic links */
  121.  
  122. a {
  123. color:#000;
  124. text-decoration:none;
  125. -webkit-transition-duration:.6s;
  126. -moz-transition-duration:.6s;
  127. -o-transition-duration:.6s;
  128. -ms-transition-duration:.6s;
  129. }
  130.  
  131. a:hover {
  132. color: #FBC3CF;
  133. -webkit-transition-duration:.6s;
  134. -moz-transition-duration:.6s;
  135. -o-transition-duration:.6s;
  136. -ms-transition-duration:.6s;
  137. }
  138.  
  139. /* Box container */
  140.  
  141. #content {
  142. width:700px;
  143. margin-left:-350px;
  144. margin-top:150px;
  145. left:50%;
  146. float: left;
  147. position:absolute;
  148. }
  149.  
  150. /* Member boxes */
  151.  
  152. .member {
  153. overflow:hidden;
  154. display: inline-block;
  155. margin:18px;
  156. }
  157.  
  158. .icon {
  159. padding: 10px;
  160. border:1px solid #ffed93;
  161. background: #fff;
  162. }
  163.  
  164. .icon img {
  165. height:110px;
  166. width:110px;
  167. }
  168.  
  169. .name {
  170. padding:8px;
  171. border-bottom:1px solid #ffed93;
  172. border-left:1px solid #FEDBE2;
  173. border-right:1px solid #FEDBE2;
  174. background: #fff;
  175. text-align:center;
  176. font-size:13px;
  177. letter-spacing:1px;
  178. text-transform:uppercase;
  179. font-family: 'Montserrat', 'Muli', Helvetica, Arial, sans-serif;
  180. }
  181.  
  182. .overlay {
  183. text-align:center;
  184. opacity:0;
  185. width:110px;
  186. height:110px;
  187. position:absolute;
  188. background-color:rgba(255,255,255,.8);
  189. padding:10px;
  190. margin-top:-131px;
  191. margin-left:1px;
  192. -webkit-transition: all .6s ease;
  193. -moz-transition: all .6s ease;
  194. -o-transition: all .6s ease;
  195. transition: all .6s ease;
  196. }
  197.  
  198. .member:hover .overlay {
  199. opacity:1;
  200. -webkit-transition: all .6s ease;
  201. -moz-transition: all .6s ease;
  202. -o-transition: all .6s ease;
  203. transition: all .6s ease;
  204. }
  205.  
  206. .about {
  207. font-size:12px;
  208. margin-top:50px;
  209. }
  210.  
  211. #important{
  212. bottom:5px;
  213. right:5px;
  214. font-size:12px;
  215. position:fixed;
  216. z-index:9999999999999999999999999999;
  217. }
  218.  
  219. #important a{
  220. color:#000;
  221. }
  222.  
  223. /* Header */
  224.  
  225. #header {
  226. background: #fff;
  227. padding: 8px;
  228. border:1px solid #ffed93;
  229. color: #000;
  230. width: 200px;
  231. float:left;
  232. line-height:14px;
  233. height:auto;
  234. right: 50%;
  235. margin-top:3px;
  236. margin-right:-100px;
  237. margin-bottom:50px;
  238. top: 20px;
  239. position:absolute;
  240. box-shadow:0px 0px rgba(0,0,0,0.3);
  241. text-align:center;
  242. z-index: 99;
  243. }
  244.  
  245. .blogtitle {
  246. padding:3px;
  247. margin-top:-16px;
  248. margin-right:20px;
  249. margin-left:20px;
  250. text-align:center;
  251. text-transform:uppercase;
  252. letter-spacing:2px;
  253. font-weight:normal;
  254. font-family: 'Montserrat', 'Muli', Helvetica, Arial, sans-serif;
  255. z-index: 999;
  256. background:white;
  257. color:#ffed93;
  258. }
  259.  
  260. .blogtitle a{
  261. text-decoration:none;
  262. background-color:transparent;
  263. font-size:22px;
  264. color:#ffed93;
  265. }
  266.  
  267. .blogtitle a:hover{
  268. text-decoration:none;
  269. background-color:transparent;
  270. color:#ffed93;
  271. }
  272.  
  273. .description {
  274. font-size:11px;
  275. text-align:center;
  276. }
  277.  
  278. .nav {
  279. border-top:1px solid #ffed93;
  280. padding-top:3px;
  281. }
  282.  
  283. .nav a {
  284. color:#000;
  285. text-transform:uppercase;
  286. padding:6px 10px 3px 10px;
  287. opacity: 1.;
  288. font-size:13px;
  289. line-height:100%;
  290. -webkit-transition: all .2s ease-in-out;
  291. -moz-transition: all .2s ease-in-out;
  292. -ms-transition: all .2s ease-in-out;
  293. -o-transition: all .2s ease-in-out;
  294. transition: all .2s ease-in-out;
  295. display: inline-block;
  296. }
  297.  
  298. .nav a:hover {
  299. text-decoration:none;
  300. color:#ffed93;
  301. transform: scale(1.2);
  302. -webkit-transition: all .2s ease-in-out;
  303. -moz-transition: all .2s ease-in-out;
  304. -ms-transition: all .2s ease-in-out;
  305. -o-transition: all .2s ease-in-out;
  306. transition: all .2s ease-in-out;
  307. }
  308.  
  309. </style>
  310.  
  311.  
  312. <body>
  313.  
  314.  
  315. <div id="header">
  316.  
  317.  
  318. <!-- Change the blog title below -->
  319.  
  320. <div class="blogtitle"><a href="/">EMAILS I CAN'T SEND AWARDS</a></div>
  321.  
  322.  
  323. <!-- Change the description below -->
  324.  
  325. <p><div class="description">Check out our winners for Girlhy & Ocea's Emails I can't send awards!
  326. </div></p>
  327.  
  328.  
  329. <!-- Change the navigation below, icons from https://fontawesome.com -->
  330.  
  331. <div class="nav">
  332.  
  333. <a href="https://www.tumblr.com/dashboard" title="dashboard"><i class="fa fa-home"></i></a>
  334.  
  335. <a href="https://girlhy.tumblr.com" title="blog"><i class="fa fa-user"></i></a>
  336.  
  337. <!-- Don't delete the credit please -->
  338.  
  339. <a href="https://evas-themes.tumblr.com" target="_blank" title="theme by mhango"><i class="fa fa-code"></i></a>
  340.  
  341. </div></div>
  342.  
  343.  
  344.  
  345.  
  346. <!-- This is where the box container begins -->
  347.  
  348. <div id="content">
  349.  
  350.  
  351. <div class="member"> <!--1st row -->
  352. <div class="icon">
  353. <img src="https://67.media.tumblr.com/2dd79db3022fbf9d5ae1447576faae36/tumblr_nv6l6fc0s51qapuajo1_500.jpg"/></div>
  354. <div class="overlay"><div class="about">Best Overall</div></div>
  355. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  356.  
  357.  
  358.  
  359. <div class="member">
  360. <div class="icon">
  361. <img src="https://66.media.tumblr.com/94e03efcffaf5d480fca06ed7fa2065e/tumblr_n5r0mksVTI1qzsvm1o1_500.jpg"/></div>
  362. <div class="overlay"><div class="about">Best Posts</div></div>
  363. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  364.  
  365.  
  366.  
  367. <div class="member">
  368. <div class="icon">
  369. <img src="https://66.media.tumblr.com/68f7b346055afc08cf1f64d2b4f36043/tumblr_noxt1cS4Uq1sulnzno1_500.jpg"/></div>
  370. <div class="overlay"><div class="about">Best URL</div></div>
  371. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  372.  
  373.  
  374. <div class="member">
  375. <div class="icon">
  376. <img src="https://66.media.tumblr.com/5928fbc5b231d945e93378157863dbd1/tumblr_nbjhy3yUX71r54ex6o1_500.jpg"/></div>
  377. <div class="overlay"><div class="about">Best Theme & Theme Edits</div></div>
  378. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  379.  
  380.  
  381. <div class="member"> <!--2nd row -->
  382. <div class="icon">
  383. <img src="https://66.media.tumblr.com/f5da17b943a5b461fbaa0dc155992bbd/tumblr_nn0sm83aOi1u54b7lo1_500.jpg"/></div>
  384. <div class="overlay"><div class="about"> Best Colour Palette & Decor</div></div>
  385. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  386.  
  387.  
  388. <div class="member">
  389. <div class="icon">
  390. <img src="https://66.media.tumblr.com/8744c4ac9db23e6852b33bca9571778e/tumblr_nmrdljWyir1rnajv7o1_500.jpg"/></div>
  391. <div class="overlay"><div class="about"> Best Icon</div></div>
  392. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  393.  
  394.  
  395. <div class="member">
  396. <div class="icon">
  397. <img src="https://67.media.tumblr.com/3d7cb969dcdff235a92481fba9d288a3/tumblr_ny9d29AFz21u78fn7o1_500.jpg"/></div>
  398. <div class="overlay"><div class="about">Best New Discovery</div></div>
  399. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  400.  
  401.  
  402. <div class="member">
  403. <div class="icon">
  404. <img src="https://66.media.tumblr.com/22c6b1b7fe1da9621bf1180ad4dcff9e/tumblr_nognkiosJZ1tn6jt3o1_500.jpg"/></div>
  405. <div class="overlay"><div class="about">Best Luxury/Modern</div></div>
  406. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  407.  
  408.  
  409. <div class="member"> <!--3rd row -->
  410. <div class="icon">
  411. <img src="https://66.media.tumblr.com/88d1c52d3a65fb51d892da3d5591303a/tumblr_nir95kDwRH1sca8xco1_500.jpg"/></div>
  412. <div class="overlay"><div class="about">Best Light Indie/Mixed Indie</div></div>
  413. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  414.  
  415.  
  416.  
  417. <div class="member">
  418. <div class="icon">
  419. <img src="https://66.media.tumblr.com/b2504b5fb3c22a6525e0f266b9c2d9bc/tumblr_o1ejjdo6IS1sg8ttro1_500.jpg"/></div>
  420. <div class="overlay"><div class="about">Girlhy’s Favourite</div></div>
  421. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  422.  
  423.  
  424.  
  425. <div class="member">
  426. <div class="icon">
  427. <img src="https://65.media.tumblr.com/ec74fb7cf0dd9c3579716a50bbe5a250/tumblr_myu98u2i6x1r7z6aio1_500.jpg"/></div>
  428. <div class="overlay"><div class="about">Best Add-ons</div></div>
  429. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  430.  
  431.  
  432. <div class="member">
  433. <div class="icon">
  434. <img src="https://67.media.tumblr.com/c2c673ae7c22b4a0f67c1860495362d0/tumblr_nvtdh373Po1ro5o6xo1_500.jpg"/></div>
  435. <div class="overlay"><div class="about">Best Mobile Theme</div></div>
  436. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  437.  
  438.  
  439. <div class="member"> <!--4th row -->
  440. <div class="icon">
  441. <img src="https://66.media.tumblr.com/6ac1ee670cdb415919eda7caf8797676/tumblr_o10smmsaMk1semkxlo1_500.jpg"/></div>
  442. <div class="overlay"><div class="about">Ocea’s Favourite</div></div>
  443. <div class="name"><a href="MEMBER URL">NAME</a></div></div>
  444.  
  445.  
  446.  
  447. <!-- To add more members just copy one paragraph from <div class="member"> to </div></div> and paste it above this comment. -->
  448.  
  449.  
  450. </div>
  451.  
  452. <!-- Don't delete or edit this part in any way or I'll find you. -->
  453.  
  454. <div id="important"><a href="https://mhango.tumblr.com" target="_blank" title="theme by mhango"><i class="fa fa-cloud" aria-hidden="true"></i></a></div>
  455.  
  456. <!-- Seriously it's so small just leave it there, ok? -->
  457.  
  458. </body>
  459.  
  460. </html>
Add Comment
Please, Sign In to add comment