Facebook
From Anorexic Motmot, 5 Years ago, written in CSS.
Embed
Download Paste or View Raw
Hits: 315
  1. html,
  2. body {
  3.     margin: 0;
  4.     padding: 0;
  5.     height: 100%;
  6.     color: #ffffff;
  7.     font-family: 'Oswald', sans-serif;
  8.     font-size: 16px;
  9.     box-sizing: border-box;
  10.     background: url('../images/tÅ‚oAppkiREV.png') fixed;
  11.     background-size: cover;
  12. }
  13.  
  14. #container {
  15.     min-height: 100%;
  16.     position: relative;
  17. }
  18.  
  19. header {
  20.     padding: 10px;
  21.     border-bottom: saddlebrown solid 7px !important;
  22. }
  23.  
  24. #main {
  25.     /*padding: 10px;*/
  26.     padding-bottom: 60px; /* Height of the footer */
  27. }
  28.  
  29. footer {
  30.     position: absolute;
  31.     bottom: 0;
  32.     width: 100%;
  33.     height: 60px; /* Height of the footer */
  34.     text-align: center;
  35.     font-size: 1em;
  36.     background: transparent;
  37. }
  38.  
  39. @font-face {
  40.     font-family: 'MyFont';
  41.     /*src: url(RemachineScript.ttf);*/
  42. }
  43.  
  44. .navbar-container {
  45.     background-color: #666666;
  46. }
  47.  
  48. .header {
  49.     display: flex;
  50.     justify-content: space-between;
  51. }
  52.  
  53. #logo {
  54.     height: 100%;
  55.     padding: 0;
  56. }
  57.  
  58. #img {
  59.     float: left;
  60.     height: 100px;
  61.     display: inline-block !important;
  62. }
  63.  
  64. #logo-title {
  65.     font-size: 46px;
  66.     float: left;
  67.     color: #ffffff;
  68.     margin: 0px;
  69.     margin-top: 44px;
  70. }
  71.  
  72. .zeg {
  73.     clear: both;
  74.     padding-right: 10px;
  75.     color: #ffffff;
  76.     font-size: 30px;
  77.     font-weight: bold;
  78.     font-family: 'Oswald', sans-serif;
  79. }
  80.  
  81. .tytul {
  82.     text-align: right;
  83.     font-size: 40px;
  84.     font-weight: bold;
  85.     text-shadow: 5px 5px rgba(0, 0, 0, 0.44);
  86. }
  87.  
  88. .r {
  89.     text-align: right;
  90. }
  91.  
  92. .c {
  93.     text-align: center;
  94.     margin-top: 13px;
  95. }
  96.  
  97. .yI {
  98.     margin-top: 10px;
  99.     padding-left: 3px;
  100.     position: relative;
  101.     font-size: 22px;
  102.     height: 30px;
  103.     width: 200px;
  104.     cursor: pointer;
  105.     border-radius: 5px;
  106.     color:black
  107. }
  108.  
  109. .nf {
  110.     text-align: left;
  111.     position: relative;
  112.     display: inline;
  113. }
  114.  
  115. .allert {
  116.     min-height: 70px;
  117.     text-align: center;
  118.     color: red;
  119.     font-size: 20px;
  120.     font-weight: bold;
  121. }
  122. .navbar-right {
  123.     margin-right: 0px;
  124.     margin-left: 0px;
  125. }
  126.  
  127. input::placeholder {
  128.     color: #1b1e21;
  129.     align: center;
  130.     opacity: 0.3;
  131.  
  132. }