☰

immodem.CSS

Test for UserCSS

目前为 2020-01-06 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name        immodem.CSS
  3. @namespace   immodem.poste-immo.intra.laposte.fr
  4. @version      0.0.1
  5. @author      CoStiC
  6. @description Test for UserCSS
  7. @license     unlicense
  8. ==/UserStyle== */
  9.  
  10. @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
  11. @import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
  12.  
  13. html,
  14. body {
  15. 	font-size: 100%;
  16. 	font-family: Roboto;
  17. }
  18.  
  19. body {
  20. 	padding-top: 0;
  21. }
  22.  
  23. #page-content-wrapper {
  24. 	height: 100vh;
  25. }
  26.  
  27. .navbar {
  28. 	display: none;
  29. }
  30.  
  31. .left-menu {
  32. 	overflow: hidden;
  33. }
  34.  
  35. [vertilize-container] {
  36. 	display: flex;
  37. 	flex-flow: row nowrap;
  38. }
  39.  
  40. .stepBucket {
  41. 	flex: 1;
  42. 	height: calc(100vh - 150px);
  43. 	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  44. 	border: 1px solid #ccc;
  45. 	margin: 0 8px;
  46. 	display: flex;
  47. 	flex-flow: column nowrap
  48. }
  49.  
  50. .stepBucket > h4 {
  51. 	background: #DDD;
  52. 	margin: 0;
  53. 	padding: 16px 8px;
  54. 	color: #555;
  55. 	text-shadow: 0 1px 0 #FFF;
  56. }
  57.  
  58. .tasksContainer {
  59. 	display: flex;
  60. 	flex-flow: column nowrap;
  61. 	overflow: hidden;
  62. 	overflow-y: auto;
  63. 	/*    height: calc(100vh - 305px);*/
  64. 	padding: 8px;
  65. 	scrollbar-width: thin;
  66. 	scollbar-height: thin;
  67. 	border-top: 1px solid #CCC;
  68. 	justify-content: flex-start;
  69. }
  70.  
  71. .tasksContainer > .card {
  72. 	flex: 0 0 auto;
  73. 	width: 100%;
  74. }
  75.  
  76. .thumbnail,
  77. .thumbnail .caption {
  78. 	padding: 0;
  79. }
  80.  
  81. .thumbnail .caption .row {
  82. 	margin: 0;
  83. 	background: #CCC;
  84. }
  85.  
  86. .taskCard {
  87. 	height: auto !important;
  88. 	border-radius: 2px;
  89. }
  90.  
  91. .taskCard:hover {
  92. 	border-radius: 2px;
  93. }
  94.  
  95. .taskCard .itemStep {
  96. 	display: none;
  97. }
  98.  
  99. .stepBucket > h4 {
  100. 	text-align: center;
  101. 	width: 100%;
  102. }
  103.  
  104. .ref-color {
  105. 	font-family: "roboto mono";
  106. 	letter-spacing: .1em;
  107. 	background: none;
  108. }
  109.  
  110. .text-primary {
  111. 	color: #555;
  112. 	text-shadow: 0 1px 0 #FFF, 0 -1px 4px rgba(0, 0, 0, .25);
  113. }
  114.  
  115. .taskInfos {
  116. 	font-size: 12px;
  117. 	margin: 4px;
  118. 	padding: 8px;
  119. 	display: flex;
  120. 	justify-content: space-between;
  121. }
  122.  
  123. .infoLabel {
  124. 	flex: 1;
  125. 	font-weight: bold;
  126. 	margin-right: 16px;
  127. 	border-bottom: 1px solid #ccc;
  128. }
  129.  
  130. .infoValue {
  131. 	flex: 2;
  132. 	border-bottom: 1px solid #ccc;
  133. }
  134.  
  135. .remainingTime {
  136. 	text-align: center;
  137. }
  138.  
  139. [data-step="ValidationCP"] {
  140. 	background: #FF5722;
  141. 	order: 1;
  142. }
  143. [data-step="Validationtechnique"] {
  144. 	background: #FFC107;
  145. 	order: 2;
  146. }
  147. [data-step="Réalisation"] {
  148. 	background: #FFEB3B;
  149. 	order: 3;
  150. }
  151. [data-step="Réceptiondelademande"] {
  152. 	background: #AED581;
  153. 	order: 4;
  154. }
  155.  
  156. /* ######################################################## FORMULAIRE ########################################################### */
  157. input,
  158. .input-group-addon {
  159. 	background: none !important;
  160. 	box-shadow: none !important;
  161. 	border-radius: 0 !important;
  162. 	border-width: 0 0 1px 0 !important;
  163. }
  164. .input-group-addon {
  165. 	font-weight: bold;
  166. }
  167.  
  168. .panel-info {
  169. 	border: none !important;
  170. 	border-radius: 0 !important;
  171. }
  172.  
  173. textarea.form-control {
  174. 	border: 1px solid #eee !important;
  175. 	border-radius: 0 !important;
  176. 	background: none !important;
  177. }
  178.  
  179. textarea.form-control[disabled="disabled"] {
  180. 	background: #EEE !important;
  181. }