document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. body {
  2. margin:0px;
  3. background-image:url(\'bg.png\');
  4. background-attachment:fixed;
  5. }
  6. @font-face {
  7. font-family: "Oswald light";
  8. src : url(font/oswald.light.ttf) format("truetype");
  9. }
  10. @font-face {
  11. font-family: "Oswald bold";
  12. src : url(font/oswald.bold.ttf) format("truetype");
  13. }
  14. header {
  15. background-color:#222;
  16. padding:1em;
  17. width:98%;
  18. z-index:999999;
  19. position:fixed;
  20. }
  21. header .logo {
  22. color:#FFF;
  23. font-family:Oswald bold;
  24. font-size:2em;
  25. margin:0;
  26. }
  27. #menu {
  28. float:right;
  29. position:relative;
  30. }
  31. #menu ul {
  32. list-style-type:none;
  33. margin:0.5em;
  34. }
  35. #menu ul li {
  36. display:inline-table;
  37. vertical-align:middle;
  38. margin:0em 0.5em;
  39. }
  40. #menu ul li a {
  41. color:#FFF;
  42. font-family:oswald light;
  43. text-decoration:none;
  44. }
  45. #menu ul li a:hover {
  46. color:#CCC;
  47. }
  48.  
  49. .wrapper1 {
  50. padding:5em;
  51. min-height:24em;
  52. margin-top:0;
  53. background-color:transparent;
  54. }
  55. #canvas {
  56. width:22em;
  57. margin:2em auto;
  58. }
  59. #submenu {
  60. width:10em;
  61. height:10em;
  62. background-color:#00B945;
  63. opacity:0.6;
  64. float:left;
  65. margin:0.5em;
  66. opacity:0.7;
  67. overflow:hidden;
  68. vertical-align:text-bottom;
  69. cursor:pointer;
  70. }
  71. #submenu:nth-child(2)
  72. {
  73. background-color:#FFC300;
  74. }
  75. #submenu:nth-child(3)
  76. {
  77. background-color:#084c8d;
  78. }
  79. #submenu:nth-child(4)
  80. {
  81. background-color:#9A001E;
  82. }
  83. #submenu:hover > .img {
  84.     -webkit-transform:rotate(-360deg) scale(1.4);
  85.     -webkit-transition:900ms all ease-in-out;
  86.     -moz-transform:rotate(-360deg) scale(1.4);
  87.     -moz-transition:900ms all ease-in-out;
  88.     -ms-transform:rotate(-360deg) scale(1.4);
  89.     -ms-transition:900ms all ease-in-out;
  90. opacity:0.2;
  91. }
  92. #submenu .caption {
  93. background-color:#222;
  94. padding:1em;
  95. padding-bottom:0.2em;
  96. font-family:oswald light;
  97. color:#FFF;
  98. margin-top:10em;
  99. overflow:hidden;
  100. }
  101. #submenu .img {
  102.     -webkit-transition:900ms all ease-in-out;
  103.     -ms-transition:900ms all ease-in-out;
  104.     -moz-transition:900ms all ease-in-out;
  105.     width:10em;
  106.     height:10em;
  107.     margin-left:2em;
  108. }
  109. #submenu:hover {
  110.     -webkit-transform:scale(1.1);
  111. }
  112.  
  113. .wrapper2 {
  114. background-color:#FFD100;
  115. width:96.8%;
  116. min-height:13em;
  117. padding:1em;
  118. }
  119. .span1 {
  120. background:#222;
  121. font-family:Oswald light;
  122. font-weight:900;
  123. text-transform:uppercase;
  124. padding:0.5em;
  125. color:#FFF;
  126. font-size:2em;
  127. }
  128. .span2 {
  129. background:#222;
  130. font-family:Oswald light;
  131. padding:0.5em;
  132. color:#FFF;
  133. font-size:2em;
  134. }
  135. .segi {
  136. border:50px solid;
  137. border-bottom-color:none;
  138. border-left-color:none;
  139. border-right-color:none;
  140. border-top-color:#FFD100;
  141. height:0;
  142. width:0;
  143. margin:0em auto;
  144. z-index:2222;
  145. position:relative;
  146. }
  147. .njero-wrapper {
  148. background-color:#000;
  149. min-height:14em;
  150. vertical-align:text-top;
  151. }
  152. .njero-wrapper .content {
  153. display:inline-table;
  154. width:46%;
  155. color:#FFF;
  156. padding:1em;
  157. font-family:"Franklin Gothic Book";
  158. font-size:1.2em;
  159. }
  160. .njero-wrapper .content table td {
  161. vertical-align:text-top;
  162. }
  163. .njero-wrapper .content:nth-child(2) {
  164. float:right;
  165. color:#FFF;
  166. }
');