settings-table.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. /* settings-table */
  2. .settings-table {
  3. margin-left: 15px;
  4. margin-right: 15px;
  5. }
  6. @media screen and (orientation: landscape) {
  7. .content > .settings-table,
  8. .tab-pane > .settings-table {
  9. margin-right: calc(15px + env(safe-area-inset-right));
  10. }
  11. }
  12. .settings-table .settings-table-title {
  13. font-size: 12px;
  14. padding-top: 4px;
  15. padding-bottom: 4px;
  16. }
  17. .settings-table .settings-table-title a {
  18. color: #000;
  19. cursor: pointer;
  20. }
  21. .settings-table .settings-table-title .settings-table-title-toolbar {
  22. display: inline-block;
  23. margin-left: 10px;
  24. }
  25. .settings-table > div.row {
  26. padding-top: 8px;
  27. padding-bottom: 8px;
  28. border-top: 1px solid #ddd;
  29. }
  30. @media screen and (orientation: landscape) {
  31. .content > .settings-table > div.row,
  32. .tab-pane > .settings-table > div.row {
  33. margin-right: calc(-1 * calc(15px + env(safe-area-inset-right)));
  34. padding-right: env(safe-area-inset-right);
  35. }
  36. }
  37. .settings-table > div.row:first-child {
  38. border-top: inherit;
  39. }
  40. .settings-table + .settings-table > div.row:first-child {
  41. border-top: 1px solid #ddd;
  42. }
  43. .settings-table .input-group-addon {
  44. background-color: #eee;
  45. }
  46. .settings-table .asterisk {
  47. color: red;
  48. }
  49. .settings-table .description, .settings-table .description-inline {
  50. color: #888;
  51. font-size: 12px;
  52. font-weight: normal;
  53. font-style: normal;
  54. }
  55. .settings-table .description {
  56. display: block;
  57. }
  58. .settings-table .description-inline {
  59. display: inline-block;
  60. }
  61. .settings-table em {
  62. color: #888;
  63. font-size: 12px;
  64. font-weight: normal;
  65. }
  66. .settings-table .setting-value .form-group {
  67. margin-bottom: 0;
  68. }
  69. .settings-table .setting-value .form-group .form-control-icon {
  70. color: #3c8dbc;
  71. }
  72. .settings-table .setting-value .form-group select.form-control + .form-control-icon > .form-control-feedback {
  73. right: 10px;
  74. }
  75. .settings-table .setting-value .input-group .form-group .form-control:focus {
  76. z-index: inherit;
  77. }
  78. .settings-table .setting-value .input-group .form-control-rpcport {
  79. min-width: 70px;
  80. }
  81. .settings-table .setting-value .input-group .form-control-rpcinterface {
  82. min-width: 100px;
  83. }
  84. @media (max-width: 991px) {
  85. .settings-table .setting-value .input-group .form-control-rpcport {
  86. min-width: 60px;
  87. }
  88. .settings-table .setting-value .input-group .form-control-rpcinterface {
  89. min-width: 60px;
  90. }
  91. }
  92. .settings-table .tip {
  93. font-size: 12px;
  94. padding: 4px 8px 4px 8px;
  95. }
  96. .settings-table .multi-line {
  97. display: block;
  98. }
  99. @media (max-width: 767px) {
  100. .settings-table .setting-key {
  101. font-weight: bold;
  102. }
  103. .settings-table .description {
  104. display: inline-block;
  105. }
  106. }
  107. @media (min-width: 768px) {
  108. .settings-table .setting-key-without-desc {
  109. padding-top: 6px;
  110. }
  111. }