RafalSobala

Rafał Sobala projekt css

Apr 9th, 2021
696
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.15 KB | None | 0 0
  1. body{
  2.     width: 80%;
  3.     height: 100%;
  4.     margin-left: auto;
  5.     margin-right: auto;
  6.     background: url('tlo/tlo-gory.jpg');
  7.     background-size: cover;
  8. }
  9. .container{
  10.    
  11.     width: 60%;
  12.     height: 100%;
  13.     margin-left: auto;
  14.     margin-right: auto;
  15.  
  16. }
  17. .c40{
  18.     width: 40%;
  19. }
  20. .c100{
  21.     width: 100%;
  22. }
  23. .content{
  24.     float:left;
  25.     width: 100%;
  26.     height: 75%;
  27.     position: relative;
  28.     background-color: #D0B8AC;
  29.     margin-top: 10px;
  30.     margin-bottom: 10px;
  31.     border-radius: 5px;
  32. }
  33. header{
  34.     float:left;
  35.     width: 100%;
  36.     height: 15%;
  37.     position: relative;
  38.     background-color: #D0B8AC;
  39.     border-bottom-left-radius: 5px;
  40.     border-bottom-right-radius: 5px;
  41.     margin-top: -8px;
  42. }
  43. footer{
  44.     float:left;
  45.     width: 100%;
  46.     height: 10%;
  47.     position: relative;
  48.     background-color: #D0B8AC;
  49.     border-top-left-radius: 5px;
  50.     border-top-right-radius: 5px;
  51. }
  52.  
  53. .jezyk{
  54.     float: right;
  55.     margin-top:3px;
  56.     margin-right:3px;
  57. }
  58. .menu{
  59.     float: left;
  60.     width: 100%;
  61.     position: relative;
  62. }
  63. .menu ul{
  64.     clear: left;
  65.     float: left;
  66.     width: 100%;
  67.     padding: 0px;
  68.     margin: 0px;
  69.     position: relative;
  70.     list-style: none;
  71.     left: 50%;
  72.     text-align: center;
  73. }
  74. .menu ul li{
  75.     display: block;
  76.     float: left;
  77.     margin: 0;
  78.     padding: 0;
  79.     position: relative;
  80.     right: 50%;
  81. }
  82. .menu li a{
  83.     display: block;
  84.     float: left;
  85.     text-align: center;
  86.     font-size: 1.2em;
  87.     width: 130px;
  88.     text-decoration: none;
  89.     color: white;
  90.     background-color: #6F5E53;
  91.     padding: 10px 20px;
  92.     margin: 0px 1px;
  93.     border: 1px solid white;
  94.     border-radius: 5px;
  95. }
  96. li a:hover{
  97.     background-color: white;
  98.     border: 1px solid #6F5E53;
  99.     color: #6F5E53;
  100. }
  101. .sonda{
  102.     position:relative;
  103.     float:right;
  104.     margin: 0px 5px;
  105.     padding: 1px 5px;
  106.     border: 1px solid white;
  107. }
  108. h2{
  109.     font-style: italic;
  110. }
  111. .sonda ul{
  112.     margin: 0px;
  113.     padding:0px;
  114. }
  115. .brakWyroz{
  116.     list-style-type: none;
  117. }
  118. .czarny{
  119.     background-color: black;
  120.     color:white;
  121. }
  122. .czarnetlo{
  123.     background-color: black;
  124.     color:black;
  125. }
  126.  
Add Comment
Please, Sign In to add comment