Facebook
From Dawid, 5 Years ago, written in CSS.
Embed
Download Paste or View Raw
Hits: 227
  1. body
  2. {
  3.         background-color: Black;
  4.         /* Background pattern from subtlepatterns.com */
  5.         margin: 5;
  6. }
  7.  
  8. img
  9. {
  10.         margin-top: 19px;
  11.         margin-bottom: 19px;
  12.         margin-right: 27px;
  13.         margin-left: 27px;
  14. }
  15.  
  16. .container
  17. {
  18.         background-color: Black;
  19.         width: 800px;
  20.         height: 500px;
  21.         margin: auto;
  22.         font-size: 0px;
  23. }
  24.  
  25. .galeria
  26. {
  27.         background-color: DimGray;
  28.         width: 800px;
  29.         height: 100px;
  30.         margin: auto;
  31.         font-size: 80px;
  32.         text-align: center;    
  33.         margin-bottom: 10px;
  34.        
  35. }
  36.  
  37. .fotos
  38. {
  39.         background-color: LightGray;
  40.         width: 360px;
  41.         height: 300px;
  42.         margin: 10px;
  43.         float: left;
  44.         border-radius: 10px;
  45.  
  46.        
  47. }
  48.  
  49. .tekst
  50. {
  51.         background-color: LightGray;
  52.         width: 400px;
  53.         height: 300px;
  54.         margin: 10px;  
  55.         float: right;
  56.         border-radius: 10px;
  57.         font-size: 24px;
  58.         text-align: justify ;
  59.         padding: 5px:
  60.        
  61. }
  62.  
  63. .teksto
  64. {
  65.         margin: 5px;
  66. }
  67.  
  68. .foto1
  69. {
  70.         background-color: MediumPurple;
  71.         width: 160px;
  72.         height: 130px;
  73.         float: left;
  74.         border-radius: 20px;
  75.         margin-top: 15px;
  76.         margin-bottom: 5px;
  77.         margin-right: 5px;
  78.         margin-left: 15px;
  79.  
  80. }
  81.  
  82. .foto2
  83. {
  84.         background-color: MediumPurple;
  85.         width: 160px;
  86.         height: 130px;
  87.         float: left;
  88.         border-radius: 20px;
  89.         margin-top: 15px;
  90.         margin-bottom: 5px;
  91.         margin-right: 15px;
  92.         margin-left: 5px;      
  93.  
  94. }
  95.  
  96. .foto3
  97. {
  98.         background-color: MediumPurple;
  99.         width: 160px;
  100.         height: 130px;
  101.         float: left;
  102.         border-radius: 20px;
  103.         margin-top: 5px;
  104.         margin-bottom: 15px;
  105.         margin-right: 5px;
  106.         margin-left: 15px;     
  107.        
  108.  
  109. }
  110.  
  111. .foto4
  112. {
  113.         background-color: MediumPurple;
  114.         width: 160px;
  115.         height: 130px;
  116.         float: left;
  117.         border-radius: 20px;
  118.         margin-top: 5px;
  119.         margin-bottom: 15px;
  120.         margin-right: 15px;
  121.         margin-left: 5px;
  122.  
  123. }
  124.  
  125. .stopka
  126. {
  127.         background-color: DimGray;
  128.         width: 800px;
  129.         height: 50px;
  130.         margin: auto;  
  131.         float: left;
  132.         margin-top: 10px;
  133.         font-size: 42px;
  134.         text-align: center;    
  135.  
  136. }
  137.  
  138.