☰

immodem.CSS

Test for UserCSS on immodem

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