Facebook
From Wet Hog, 2 Months ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 53
  1. html,
  2. body {
  3.     height: 100%;
  4.     width: 100%;
  5.     position: relative;
  6.     margin: 0px auto;
  7.     padding: 0px 0px 0px 0px;
  8.     background-color: whitesmoke;
  9.     font-family: 'Roboto', sans-serif;
  10. }
  11.  
  12. article {
  13.     height: 100%;
  14.     width: 100%;
  15. }
  16.  
  17. nav {
  18.     height: 10%;
  19.     width: 100%;
  20.     display: flex;
  21.     justify-content: space-between;
  22.     align-items: center;
  23.     padding-top: 20px;
  24.     box-shadow: 2px 2px 20px #8c8c8c;
  25. }
  26.  
  27. nav ul,
  28. ul li {
  29.     list-style: none;
  30.     margin: 0;
  31.     padding: 0 15px 0 0;
  32.     text-align: right;
  33. }
  34.  
  35. nav ul li {
  36.     display: inline-block;
  37.     vertical-align: middle;
  38.     white-space: nowrap;
  39. }
  40.  
  41. nav li a {
  42.     padding: 5px;
  43.     text-decoration: none;
  44.     color: #696969;
  45.     font-size: 20px;
  46.     font-weight: bold;
  47.     vertical-align: middle;
  48. }
  49.  
  50. a:hover {
  51.     background-color: #F0E68C;
  52. }
  53.  
  54. #samolot {
  55.     height: 100px;
  56.     width: 150px;
  57.     padding: 0 0 30px 30px;
  58. }
  59. .bilet{
  60.     float: left;
  61.     height: 50%;
  62.     width: 25%;
  63.     margin: 15px 0 0 15px;
  64. }
  65. #rectangle_top{
  66.     width: 98%;
  67.     height: 10%;
  68.     background-color: black;
  69. }
  70. p{
  71.     padding: 0;
  72.     margin: 5px auto 0 0;
  73.     font-family: 'Roboto', sans-serif;
  74. }
  75. input[type="text"]{
  76.     height: 4%;
  77.     width: 98%;
  78. }
  79. input[type="button"]{
  80.     margin: 15px 0 auto auto;
  81.     padding: 0 0 0 0;
  82.     width: 99%;
  83.     height: 50px;
  84.     border-radius: 8px;
  85.     border-style: none;
  86.     background-color:  #ffa31a;
  87. }
  88. .textpanel{
  89.     float: left;
  90.     margin: 15px 0 0 15px;
  91.     height: 50%;
  92.     width: 63%;
  93.    
  94.  
  95. }
  96. #palmy{
  97.     height: 60%;
  98.     width: 100%;
  99.     background-image: url(http://s1.1zoom.me/big0/375/USA_Coast_Hawaii_Palma_482728.jpg);
  100.     background-repeat: no-repeat;
  101. }
  102. #main_text p:first-child{
  103.     font-size: 50px;
  104.    
  105. }
  106. #main_text p:nth-child(2){
  107.     font-size: 25px;
  108. }
  109. .ad{
  110.     float: left;
  111.     height: 50%;
  112.     width: 10%;
  113.     margin: 15px auto auto 5px;
  114.     background-image: url(https://www.tekstowo.pl/upload/soundtracks/9697_big.jpg)
  115. }
  116. .ad p:first-child{
  117.     margin: 0 33% 0 33%;
  118.     writing-mode: vertical-rl;
  119.     text-orientation: upright;
  120.     text-transform: uppercase;
  121.     word-wrap: break-word;
  122.     font-weight: bold;
  123.     font-size: 57px;
  124. }
  125. .footer{
  126.     height: 25%;
  127.     width: 100%;
  128.     float: initial;
  129. }
  130. #left{
  131.     float: left;
  132.     width: 98%;
  133.     height: 10%;
  134.     background-color: black;
  135. }