Post
Ask Question

Styles for Project in CSS

Table
  1. table  
  2. {  
  3.     border - collapse: collapse;  
  4.     width: 100 % ;  
  5.     border: 1 px solid #4CAF50;  
  6.    font-family:Tahoma;  
  7.    font-size:12px;  
  8. }  
  9.   
  10. th, td  
  11. {  
  12.     text-align : left;  
  13.     padding : 8px;  
  14.     border: 1px solid # 4 CAF50;  
  15. }  
  16.     tr: nth - child(even)  
  17. {  
  18.     background - color: #f2f2f2  
  19. }  
  20. th  
  21. {  
  22.     background - color: #4CAF50;  
  23.     color:white;  
  24. }  
  25.   
  26. tr:hover  
  27. {  
  28.     background-color:greenyellow;  
  29. }  
Pagelayout
  1. header  
  2. {  
  3.     background - color: #4CAF50;  
  4.     color:white;  
  5.     text-align:center;  
  6.     padding:5px;   
  7.     height:25%;   
  8. }  
  9. nav {  
  10.     line-height:30px;  
  11.     background-color:# eeeeee;  
  12.     height: 410 px;  
  13.     width: 20 % ;  
  14.     float: left;  
  15.     padding: 5 px;  
  16.     border: 1 px solid orange;  
  17.     font - family: Tahoma;  
  18.     font - size: 14 px;  
  19. }  
  20. section  
  21. {  
  22.     width: 65 % ;  
  23.     float: left;  
  24.     padding: 10 px;  
  25. }  
  26. footer  
  27. {  
  28.     background - color: #4CAF50;  
  29.     color:white;  
  30.     clear:both;  
  31.     text-align:center;  
  32.     padding:5px;   
  33.     font-family:Verdana;  
  34.     font-size:14px;   
  35. }  
Login Page
  1. body  
  2. {  
  3.     background - color: #FCFFFC;  
  4.     color: #5a5656;  
  5.     font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
  6.     font-size: 16px;  
  7.     line-height: 1.5em;  
  8. }  
  9. a   
  10. {  
  11.   text-decoration: none;   
  12. }  
  13. h1   
  14. {  
  15.   font-size: 1em;   
  16. }  
  17. h1, p   
  18. {  
  19. margin-bottom: 10px;  
  20. }  
  21. strong   
  22. {  
  23. font-weight: bold;  
  24. }  
  25. .uppercase   
  26. {  
  27.   text-transform: uppercase;   
  28. }  
  29.  
  30. # login  
  31.     {  
  32.         margin: 50 px auto;  
  33.         width: 300 px;  
  34.     }  
  35.     form fieldset input[type = "text"], input[type = "password"]  
  36.     {  
  37.         background - color: #e5e5e5;  
  38.         border: none;  
  39.         border - radius: 3 px; - moz - border - radius: 3 px; - webkit - border - radius: 3 px;  
  40.         color: #5a5656;  
  41.         font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
  42.         font-size: 14px;  
  43.         height: 50px;  
  44.         outline: none;  
  45.         padding: 0px 10px;  
  46.         width: 280px;  
  47.         -webkit-appearance:none;  
  48.     }  
  49. form fieldset input[type= "submit"]  
  50.     {  
  51.         background - color: #008dde;  
  52.         border: none;  
  53.         border-radius: 3px;  
  54.         -moz-border-radius: 3px;  
  55.         -webkit-border-radius: 3px;  
  56.         color: # f4f4f4;  
  57.         cursor: pointer;  
  58.         font - family: 'Open Sans', Arial, Helvetica, sans - serif;  
  59.         height: 50 px;  
  60.         text - transform: uppercase;  
  61.         width: 300 px; - webkit - appearance: none;  
  62.     }  
  63.     form fieldset a  
  64.     {  
  65.         color: #5a5656;  
  66.         font-size: 10px;  
  67.     }  
  68. form fieldset a:hover   
  69. {  
  70.   text-decoration: underline;   
  71. }  
  72. .btn-round   
  73.         {  
  74.         background-color: # 5 a5656;  
  75.         border - radius: 50 % ; - moz - border - radius: 50 % ; - webkit - border - radius: 50 % ;  
  76.         color: #f4f4f4;  
  77.         display: block;  
  78.         font - size: 12 px;  
  79.         height: 50 px;  
  80.         line - height: 50 px;  
  81.         margin: 30 px 125 px;  
  82.         text - align: center;  
  83.         text - transform: uppercase;  
  84.         width: 50 px;  
  85.         }