main.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /** EXPORT **/
  2. .table-exportmodels .exportmodel-public {
  3. color: #007bff;
  4. }
  5. .table-exportmodels .exportmodel-public:before {
  6. font-family: 'Font Awesome 5 Free';
  7. font-weight: 900;
  8. content: '\f06e';
  9. margin-right: 5px;
  10. }
  11. .table-exportmodels .exportmodel-private {
  12. color: #dc3545;
  13. }
  14. .table-exportmodels .exportmodel-private:before {
  15. font-family: 'Font Awesome 5 Free';
  16. font-weight: 900;
  17. content: '\f070';
  18. margin-right: 5px;
  19. }
  20. /* Conteneur principal du plugin export */
  21. .export {
  22. }
  23. #exports {
  24. }
  25. /* formulaire d'édition de exportmodel */
  26. #exportmodel-form {
  27. max-width: 1200px;
  28. margin: auto;
  29. }
  30. .exportmodel-form .options-box {
  31. margin-top: 15px;
  32. user-select: none;
  33. }
  34. .exportmodel-form .options-box > div {
  35. }
  36. .exportmodel-form .options-box label:not(.check-component) {
  37. width: 55%;
  38. }
  39. .exportmodel-form .options-box input {
  40. }
  41. .export-privacy-button {
  42. right: 0;
  43. bottom: 0;
  44. left: 0;
  45. z-index: 1030;
  46. position: absolute;
  47. }
  48. .dataset-showcase > ul {
  49. list-style: none;
  50. padding-left: 0;
  51. }
  52. .exportmodel-form .badge {
  53. display: inline-block;
  54. margin-right: 5px;
  55. }
  56. .export-model-documentation .badge.macro-list,
  57. .exportmodel-form .badge.macro-list {
  58. color: #212529;
  59. background-color: #ffc107;
  60. }
  61. .export-model-documentation .badge.macro-object,
  62. .exportmodel-form .badge.macro-object {
  63. color: #ffffff;
  64. background-color: #28a745;
  65. }
  66. .export-model-documentation .badge.macro-value,
  67. .exportmodel-form .badge.macro-value {
  68. color: #ffffff;
  69. background-color: #007bff;
  70. }
  71. .export-model-documentation .badge.macro-image,
  72. .exportmodel-form .badge.macro-image {
  73. color: #ffffff;
  74. background-color: #dc3545;
  75. }
  76. .dataset-showcase ul li {
  77. cursor: pointer;
  78. padding-bottom: 3px;
  79. transition: all 0.05s ease-in;
  80. }
  81. .dataset-showcase ul li:hover {
  82. background: #e9e9e99c;
  83. border-radius: 1rem;
  84. }
  85. .dataset-showcase code {
  86. margin: 0 5px;
  87. }
  88. .dataset-example-files ul {
  89. background: #e9e9e9;
  90. border: 1px dashed #ced4da;
  91. border-radius: .25rem;
  92. padding: 10px;
  93. list-style: none;
  94. }
  95. .dataset-example-files ul > li {
  96. margin: 5px 0;
  97. }
  98. .dataset-example-files li i {
  99. margin: 0 5px;
  100. }
  101. .export-model-documentation .doc-picture {
  102. width: 100px;
  103. height: 100px;
  104. }
  105. .export-model-documentation > div {
  106. margin-bottom: 25px;
  107. }
  108. .export-model-documentation li {
  109. margin-bottom: 5px;
  110. }
  111. /* MEDIA QUERIES */
  112. @media (max-width: 797px) {
  113. .export-privacy-button {
  114. font-size: 0.8em;
  115. }
  116. }
  117. @media (max-width: 767px) {
  118. .export-privacy-button {
  119. font-size: 1em;
  120. position: relative;
  121. margin-top: 20px;
  122. }
  123. }