gallery.css 1023 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. #tabs {
  2. background: #e53935;
  3. margin: -20px;
  4. margin-bottom: 10px;
  5. position: fixed;
  6. width: 100%;
  7. box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
  8. overflow-x: auto;
  9. white-space: nowrap;
  10. }
  11. #tabs a {
  12. display: inline-block;
  13. color: #ffcdd2;
  14. padding: 15px 30px;
  15. text-decoration: none;
  16. text-transform: uppercase;
  17. }
  18. #tabs a.active {
  19. color: #fff;
  20. border-bottom: 3px solid #fff;
  21. }
  22. .album {
  23. width: 33.33%;
  24. /*float:left;*/
  25. display: inline-block;
  26. vertical-align: top;
  27. }
  28. .album div {
  29. margin: 5px;
  30. padding: 5px;
  31. background: #e0e0e0;
  32. }
  33. .album span {
  34. display: block;
  35. text-align: center;
  36. color: #424242;
  37. overflow: hidden;
  38. }
  39. .image {
  40. width: 25%;
  41. display: inline-block;
  42. vertical-align: top;
  43. text-align: center;
  44. }
  45. .image.selected > div {
  46. background: #e57373;
  47. }
  48. .image.selected > div:hover {
  49. background: #ef5350;
  50. }
  51. .image input[type=checkbox] {
  52. display: none;
  53. }
  54. .image > div {
  55. margin: 5px;
  56. padding: 5px;
  57. background: #e0e0e0;
  58. }
  59. .image > div:hover {
  60. background: #bdbdbd;
  61. }