app.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. body{
  2. max-width: 500px;
  3. margin: 0 auto;
  4. }
  5. a {
  6. color: #ac005f;
  7. }
  8. a:hover,
  9. a:focus {
  10. text-decoration: underline;
  11. }
  12. ul{
  13. padding: 0;
  14. }
  15. li{
  16. list-style: none;
  17. }
  18. li.small-image{
  19. width: 50px;
  20. }
  21. li.small-image img{
  22. width: 100%;
  23. }
  24. img{
  25. max-width: 230px;
  26. max-height: 230px;
  27. }
  28. .img-wrap {
  29. background: #f8f8f8;
  30. height: 200px;
  31. margin: 0 auto 20px;
  32. padding: 10px;
  33. width: 200px;
  34. }
  35. .img-thumbnail {
  36. background: none;
  37. border: 0;
  38. height: auto;
  39. max-width: 100%;
  40. }
  41. .img-thumbnails {
  42. margin: 0 auto 10px;
  43. width: 200px;
  44. }
  45. .img-thumbnails .thumbnail {
  46. background: #f8f8f8;
  47. border: 0;
  48. margin-right: 25px;
  49. min-height: 50px;
  50. }
  51. .img-thumbnails .thumbnail:last-child {
  52. margin-right: 0;
  53. }
  54. .nav-pills {
  55. margin-bottom: 30px;
  56. }
  57. .nav-pills > li > a:hover,
  58. .nav-pills > li > a:focus{
  59. color: #ac005f;
  60. }
  61. .nav-pills > li.active > a,
  62. .btn-primary,
  63. .btn-primary:focus {
  64. background: #ac005f;
  65. border: 0;
  66. }
  67. .nav-pills > li.active > a:hover,
  68. .btn-primary:hover {
  69. background: #ac005f;
  70. }
  71. .ng-invalid.ng-dirty {
  72. border-color: #FA787E;
  73. }
  74. .ng-valid.ng-dirty {
  75. border-color: #78FA89;
  76. }