pig.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. body {
  2. padding-top: 60px;
  3. }
  4. .appWidget {
  5. margin: 10px auto 5px auto;
  6. background-color: #FFFFFF;
  7. }
  8. .appWidgetHeader {
  9. background: #FAFAFA;
  10. border: 1px solid #D5D5D5;
  11. -webkit-border-top-left-radius: 4px;
  12. -webkit-border-top-right-radius: 4px;
  13. -moz-border-radius-topleft: 4px;
  14. -moz-border-radius-topright: 4px;
  15. border-top-left-radius: 4px;
  16. border-top-right-radius: 4px;
  17. -webkit-background-clip: padding-box;
  18. padding-left: 10px;
  19. }
  20. .appWidget:nth-child(even) .appWidgetHeader{
  21. background: #F0F0F0;
  22. }
  23. .appWidgetHeader:hover, .appWidget:nth-child(even) .appWidgetHeader:hover {
  24. background: #E8F1FB;
  25. }
  26. .appWidgetHeader p {
  27. color: #333;
  28. }
  29. .appWidgetContent {
  30. border: 1px solid #D5D5D5;
  31. border-top: none;
  32. -webkit-border-bottom-left-radius: 4px;
  33. -webkit-border-bottom-right-radius: 4px;
  34. -moz-border-radius-bottomleft: 4px;
  35. -moz-border-radius-bottomright: 4px;
  36. border-bottom-left-radius: 4px;
  37. border-bottom-right-radius: 4px;
  38. padding: 10px;
  39. max-height: 340px;
  40. overflow-y: scroll;
  41. }
  42. .appWidgetContent h6 {
  43. padding: 10px;
  44. margin: 0;
  45. }
  46. .appWidgetContent pre {
  47. border:0;
  48. }
  49. .shortcuts {
  50. text-align: center;
  51. }
  52. .shortcuts .shortcut {
  53. width: 80px;
  54. display: inline-block;
  55. padding: 12px 0;
  56. margin: 1em .9% 1em;
  57. vertical-align: top;
  58. text-decoration: none;
  59. border-radius: 5px;
  60. cursor: pointer;
  61. }
  62. .shortcuts .shortcut .shortcutIcon {
  63. margin-right: .25em;
  64. margin-bottom: .25em;
  65. font-size: 60px;
  66. color: #888;
  67. }
  68. .shortcuts .shortcut .shortcutIcon:hover {
  69. color: #333;
  70. }
  71. .availableDemos {
  72. color: #888;
  73. padding-left: 6px;
  74. font-size: 12px;
  75. text-align: left;
  76. margin-top: 14px;
  77. }
  78. .demoProgress {
  79. height: 2px;
  80. }
  81. .running {
  82. background-color: #faa732;
  83. border-left: 2px solid #faa732;
  84. }
  85. .succeeded {
  86. background-color: #5eb95e;
  87. border-left: 2px solid #5eb95e;
  88. }
  89. .failed {
  90. background-color: #dd514c;
  91. border-left: 2px solid #dd514c;
  92. }
  93. .action {
  94. background: #F5F5F5;
  95. }
  96. .tab-content, .tab-pane {
  97. overflow-x: hidden;
  98. }