main.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. /** WORKFLOW **/
  2. /* Conteneur principal du plugin workflow */
  3. .workflow {
  4. }
  5. #workflows {
  6. }
  7. html.module-workflow,.module-workflow body{
  8. background-color: #f1f1f1!important;
  9. height:100%;
  10. }
  11. .module-workflow body{
  12. height:calc(100% - 50px);
  13. }
  14. .module-workflow .footer{
  15. display: none;
  16. }
  17. /* formulaire d'édition de workflow */
  18. .workflow .workflow-form {
  19. }
  20. #workflow-form[data-id=""] .visible-on-update{
  21. display: none;
  22. }
  23. #workflow-effects tr .workflow-effect-form{
  24. display: none;
  25. }
  26. #workflow-effects tr.open .workflow-effect-form{
  27. display: block;
  28. }
  29. #workflow-effects tr.open{
  30. background-color : #f0f8ff;
  31. }
  32. #workflow-effects tr.open .btn-edit i:before{
  33. content: "\f00c";
  34. color:#28a745;
  35. }
  36. #workflow-effects tr.open .btn-edit i:before{
  37. content: "\f00c";
  38. }
  39. .workflow-logs > div {
  40. font-size: 10px;
  41. max-height: 200px;
  42. overflow: auto;
  43. }
  44. .workflow-logs > div > ul{
  45. padding:0;
  46. margin:0;
  47. background-color: #fff;
  48. list-style-type: none;
  49. }
  50. .workflow-logs > div > ul > li{
  51. padding:10px;
  52. margin:0;
  53. border-bottom:1px solid #e9e9e9;
  54. }
  55. .workflow-causes .advanced-search-box ul.group {
  56. background-color: #ffffff;
  57. }
  58. .workflow-causes .advanced-search-box.advanced{
  59. box-shadow: 0 0 10px rgba(0,0,0,0.05);
  60. }
  61. .workflow-causes .advanced-search-box .options,
  62. .workflow-effects .advanced-search-box .options{
  63. display: none;
  64. }
  65. .workflow-event-bloc{
  66. background-color: #ffffff;
  67. box-shadow: 0 0 10px rgba(0,0,0,0.05);
  68. }
  69. .workflow-event-bloc .workflow-events{
  70. list-style-type: none;
  71. margin:0;
  72. padding:0;
  73. }
  74. .workflow-event-bloc .workflow-events li{
  75. padding:2px 5px;
  76. }
  77. #workflow-effect-form .data-type-dropdown-select{
  78. width: 300px;
  79. }
  80. .workflow-effects .condition .filter-join option[value="or"],
  81. .workflow-effects .condition .filter-option .btn-indent{
  82. display: none;
  83. }
  84. .workflows-list,.workflows-list li{
  85. list-style-type: none;
  86. margin:0;
  87. padding:0;
  88. }
  89. .workflows-list:after{
  90. content : '';
  91. display:block;
  92. clear: both;
  93. }
  94. .workflows-list > li{
  95. float: left;
  96. margin: 15px 15px 0px 0;
  97. height: 250px;
  98. width: calc(20% - 15px);
  99. cursor: pointer;
  100. padding: 20px;
  101. border-top:10px solid #ffffff;
  102. background: #ffffff;
  103. position: relative;
  104. text-align: center;
  105. box-shadow: 0 0 20px rgba(0,0,0,0.1);
  106. transition: transform 0.2s ease-in-out;
  107. }
  108. .workflows-list > li:hover{
  109. transform: scale(1.01);
  110. }
  111. .workflows-list > li > a > i{
  112. margin:10px auto 0 auto;
  113. font-size: 3em;
  114. color: #5f6b87;
  115. display: block;
  116. }
  117. .workflows-list > li > a > h6,.workflow-form h6{
  118. margin: 0 auto 0 auto;
  119. font-size: 1.2em;
  120. color: #4c4c4c;
  121. vertical-align: bottom;
  122. display: block;
  123. }
  124. .workflows-list a,.workflows-list a:focus, .workflows-list a:active {
  125. outline: none;
  126. -moz-outline-style: none;
  127. box-shadow : none;
  128. }
  129. .workflows-list .workflow-menu{
  130. width: 100%;
  131. text-align: center;
  132. }
  133. .workflows-list .workflow-menu i{
  134. font-size: 1em;
  135. }