Facebook
From Sexy Plover, 4 Years ago, written in CSS.
Embed
Download Paste or View Raw
Hits: 114
  1. html{
  2.     font-size: 1em;
  3.     line-height: 1.4;
  4. }
  5.  
  6. .list{
  7.     width: 20%;
  8.     float: left;
  9.     border: 1px solid grey;
  10.     padding: 7px;
  11.     margin: 7px;
  12.     background-color: #2A9FBC;
  13. }
  14.  
  15. .list h3{
  16.     padding-left: 7px;
  17.     color: white;
  18. }
  19.  
  20. ul{
  21.     list-style: none;
  22.     padding: 0;
  23. }
  24.  
  25. .card {
  26.     cursor: pointer;
  27.     background-color: #404040;
  28.     padding: 7px;
  29.     margin: 7px 0;
  30.     color: white;
  31. }
  32.  
  33. .card h4{
  34.     margin: 0;
  35. }
  36.  
  37. .description{
  38.     color: lightgrey;
  39. }
  40.  
  41. .flex{
  42.     display: flex;
  43. }
  44.  
  45. .flex input{
  46.     flex-grow: 2;
  47. }
  48.  
  49. .flex button{
  50.     flex-basis: auto;
  51. }
  52.  
  53. .card button,
  54. .card input,
  55. .card textarea{
  56.     color: #404040;
  57.     margin: 2px 0;
  58. }
  59.  
  60. .card textarea{
  61.     width: 100%;
  62.     resize: vertical;
  63. }
  64.