API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 29th, 2017
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.00 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <head>
  3. <title>ViralPvP - Home</title>
  4. <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  5. <style>
  6. html, body {
  7. margin: 0;
  8. padding:0; /* remove default padding */
  9. width:100%; /* take full browser width */
  10. height:100%; /* take full browser height*/
  11. background-attachment:fixed;
  12. background-image:url('http://viralpvp.net/test.png');
  13. background-repeat: no-repeat;
  14. background-position: center;
  15. background-attachment: fixed;
  16. webkit-background-size: cover;
  17. -moz-background-size: cover;
  18. -o-background-size: cover;
  19. background-size: cover;
  20. }
  21. @media (min-width:320px) {
  22. #store{
  23. content:url("http://viralpvp.net/store.png");
  24. width:35vw;
  25. height:35vw;
  26. max-width:100%;
  27. vertical-align:middle;
  28. text-align:center;
  29. display:inline-block;
  30. }
  31. #store:hover{
  32. content:url("http://viralpvp.net/storeglow.png");
  33. width:35vw;
  34. height:35vw;
  35. max-width:100%;
  36. vertical-align:middle;
  37. text-align:center;
  38. display:inline-block;
  39. }
  40. #forum{
  41. content:url("http://viralpvp.net/forum.png");
  42. width:35vw;
  43. height:35vw;
  44. max-width:100%;
  45. vertical-align:middle;
  46. text-align:center;
  47. display:inline-block;
  48. }
  49. #forum:hover{
  50. content:url("http://viralpvp.net/forumglow.png");
  51. width:35vw;
  52. height:35vw;
  53. max-width:100%;
  54. vertical-align:middle;
  55. text-align:center;
  56. display:inline-block;
  57. }
  58. }
  59. @media (min-width:480px) {
  60. #store{
  61. content:url("http://viralpvp.net/store.png");
  62. width:29vw;
  63. height:29vw;
  64. max-width:100%;
  65. vertical-align:middle;
  66. text-align:center;
  67. display:inline-block;
  68. }
  69. #store:hover{
  70. content:url("http://viralpvp.net/storeglow.png");
  71. width:29vw;
  72. height:29vw;
  73. max-width:100%;
  74. vertical-align:middle;
  75. text-align:center;
  76. display:inline-block;
  77. }
  78. #forum{
  79. content:url("http://viralpvp.net/forum.png");
  80. width:29vw;
  81. height:29vw;
  82. max-width:100%;
  83. vertical-align:middle;
  84. text-align:center;
  85. display:inline-block;
  86. }
  87. #forum:hover{
  88. content:url("http://viralpvp.net/forumglow.png");
  89. width:29vw;
  90. height:29vw;
  91. max-width:100%;
  92. vertical-align:middle;
  93. text-align:center;
  94. display:inline-block;
  95. }
  96. }
  97. @media (min-width:600px) {
  98. #store{
  99. content:url("http://viralpvp.net/store.png");
  100. width:25vw;
  101. height:25vw;
  102. max-width:100%;
  103. vertical-align:middle;
  104. text-align:center;
  105. display:inline-block;
  106. }
  107. #store:hover{
  108. content:url("http://viralpvp.net/storeglow.png");
  109. width:25vw;
  110. height:25vw;
  111. max-width:100%;
  112. vertical-align:middle;
  113. text-align:center;
  114. display:inline-block;
  115. }
  116. #forum{
  117. content:url("http://viralpvp.net/forum.png");
  118. width:25vw;
  119. height:25vw;
  120. max-width:100%;
  121. vertical-align:middle;
  122. text-align:center;
  123. display:inline-block;
  124. }
  125. #forum:hover{
  126. content:url("http://viralpvp.net/forumglow.png");
  127. width:25vw;
  128. height:25vw;
  129. max-width:100%;
  130. vertical-align:middle;
  131. text-align:center;
  132. display:inline-block;
  133. }
  134. }
  135. @media (min-width:801px) {
  136. #store{
  137. content:url("http://viralpvp.net/store.png");
  138. width:20vw;
  139. height:20vw;
  140. max-width:100%;
  141. vertical-align:middle;
  142. text-align:center;
  143. display:inline-block;
  144. }
  145. #store:hover{
  146. content:url("http://viralpvp.net/storeglow.png");
  147. width:20vw;
  148. height:20vw;
  149. max-width:100%;
  150. vertical-align:middle;
  151. text-align:center;
  152. display:inline-block;
  153. }
  154. #forum{
  155. content:url("http://viralpvp.net/forum.png");
  156. width:20vw;
  157. height:20vw;
  158. max-width:100%;
  159. vertical-align:middle;
  160. text-align:center;
  161. display:inline-block;
  162. }
  163. #forum:hover{
  164. content:url("http://viralpvp.net/forumglow.png");
  165. width:20vw;
  166. height:20vw;
  167. max-width:100%;
  168. vertical-align:middle;
  169. text-align:center;
  170. display:inline-block;
  171. }
  172. }
  173. @media (min-width:1025px) {
  174. #store{
  175. content:url("http://viralpvp.net/store.png");
  176. width:20vw;
  177. height:20vw;
  178. max-width:100%;
  179. vertical-align:middle;
  180. text-align:center;
  181. display:inline-block;
  182. }
  183. #store:hover{
  184. content:url("http://viralpvp.net/storeglow.png");
  185. width:20vw;
  186. height:20vw;
  187. max-width:100%;
  188. vertical-align:middle;
  189. text-align:center;
  190. display:inline-block;
  191. }
  192. #forum{
  193. content:url("http://viralpvp.net/forum.png");
  194. width:20vw;
  195. height:20vw;
  196. max-width:100%;
  197. vertical-align:middle;
  198. text-align:center;
  199. display:inline-block;
  200. }
  201. #forum:hover{
  202. content:url("http://viralpvp.net/forumglow.png");
  203. width:20vw;
  204. height:20vw;
  205. max-width:100%;
  206. vertical-align:middle;
  207. text-align:center;
  208. display:inline-block;
  209. }
  210. }
  211. @media (min-width:1281px) {
  212. #store{
  213. content:url("http://viralpvp.net/store.png");
  214. width:18vw;
  215. height:18vw;
  216. max-width:100%;
  217. vertical-align:middle;
  218. text-align:center;
  219. display:inline-block;
  220. }
  221. #store:hover{
  222. content:url("http://viralpvp.net/storeglow.png");
  223. width:18vw;
  224. height:18vw;
  225. max-width:100%;
  226. vertical-align:middle;
  227. text-align:center;
  228. display:inline-block;
  229. }
  230. #forum{
  231. content:url("http://viralpvp.net/forum.png");
  232. width:18vw;
  233. height:18vw;
  234. max-width:100%;
  235. vertical-align:middle;
  236. text-align:center;
  237. display:inline-block;
  238. }
  239. #forum:hover{
  240. content:url("http://viralpvp.net/forumglow.png");
  241. width:18vw;
  242. height:18vw;
  243. max-width:100%;
  244. vertical-align:middle;
  245. text-align:center;
  246. display:inline-block;
  247. }
  248. }
  249. #partners {
  250. height: 100%;
  251. white-space: nowrap;
  252. width: 100%;
  253. display: table;
  254. line-height:100%;
  255. }
  256. .menu{
  257. vertical-align: middle;
  258. display:table-cell;
  259. text-align:center;
  260. }
  261.  
  262. </style>
  263. </head>
  264. <body>
  265. <div id="partners">
  266. <div class="menu">
  267. <a href="http://viralpvp.net/forum/"><div id="forum"></div></a>
  268. </div>
  269. <div class="menu">
  270. <a href="http://viral-mc.buycraft.net/"><div id="store"></div></a>
  271. </div>
  272. </div>
  273. </body>
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!