Aly

Template: Basic Color Changes

Aly
Jun 2nd, 2019
386
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.18 KB | None | 0 0
  1. /* -- Original Colors
  2. Color 0 - Background Image
  3. Color 1 - White Background
  4. Color 2 - Gold Accent
  5. Color 3 - Dark Brown Details
  6. Color 4 - Light Gold Accent
  7. Color 5 - Beige Accent
  8. Color 6 - Cream Accent
  9. -- */
  10.  
  11. /* -- COLOR 0 -- */
  12. body { background-image: url(""); }
  13.  
  14. /* -- COLOR 1 -- */
  15. #profileContainer { background-color: #f8f8f8; }
  16.  
  17. /* -- COLOR 2 -- */
  18. #profileContainer,
  19. .bottom-halfDivider { border-color: red; }
  20. .commentsBubble::before { border-right-color: red; }
  21. .commentsBubble { background-color: red; }
  22.  
  23. /* -- COLOR 3 -- */
  24. #comments > button,
  25. .page-item, .friendsThumbs {
  26. border-color: orange; }
  27.  
  28. #menu,
  29. #buttons li,
  30. #comments > button,
  31. .page-item {
  32. background-color: orange; }
  33.  
  34.  
  35. /* -- COLOR 4 -- */
  36. #profile-pagination > .active { border-color: green; }
  37.  
  38. #user-cardContainer,
  39. #profile-pagination > .active {
  40. background-color: green; }
  41.  
  42. .deleteComment { color: green; }
  43.  
  44. /* -- COLOR 5 -- */
  45. #user-cardContainer,
  46. #user-card,
  47. #media h3, #aboutMe h3,
  48. #profile-pagination > .disabled { border-color: blue; }
  49. #profile-pagination > .disabled { background-color: blue; }
  50.  
  51. /* -- COLOR 6 -- */
  52. #user-card,
  53. #media h3, #aboutMe h3 { background: yellow; }
Advertisement
Add Comment
Please, Sign In to add comment