☰

immodem.CSS

Test for UserCSS on immodem

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

  1. /* ==UserStyle==
  2. @name        immodem.CSS
  3. @namespace   immodem.poste-immo.intra.laposte.fr
  4. @version      0.0.3
  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.     .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.         /*    height: calc(100vh - 305px);*/
  80.         padding: 0 6px;
  81.         scrollbar-width: thin;
  82.         scollbar-height: thin;
  83.         border-top: 1px solid #CCC;
  84.         justify-content: flex-start;
  85.         margin: 6px
  86.     }
  87.  
  88.     .tasksContainer > .card {
  89.         flex: 0 0 auto;
  90.         width: 100%;
  91.         padding: 0 6px;
  92.     }
  93.  
  94.     .thumbnail,
  95.     .thumbnail .caption {
  96.         padding: 0;
  97.     }
  98.  
  99.     .thumbnail .caption .row {
  100.         margin: 0;
  101.         background: #CCC;
  102.     }
  103.  
  104.     .taskCard {
  105.         height: auto !important;
  106.         border-radius: 2px;
  107.     }
  108.     
  109.     .taskCard .taskLabel {
  110.         text-align: left;
  111.     }
  112.     
  113.     .taskCard .taskDetail {
  114.         text-align: right;
  115.     }
  116.  
  117.     .taskCard:hover {
  118.         border-radius: 2px;
  119.     }
  120.  
  121.     .taskCard .itemStep {
  122.         display: none;
  123.     }
  124.  
  125.     .stepBucket > h4 {
  126.         text-align: center;
  127.         width: 100%;
  128.     }
  129.  
  130.     .ref-color {
  131.         font-family: "roboto mono";
  132.         letter-spacing: .1em;
  133.         background: none;
  134.     }
  135.  
  136.     .text-primary {
  137.         color: #555;
  138.         text-shadow: 0 1px 0 #FFF, 0 -1px 4px rgba(0, 0, 0, .25);
  139.     }
  140.  
  141.     .taskInfos {
  142.         font-size: 12px;
  143.         margin: 4px;
  144.         padding: 8px;
  145.         display: flex;
  146.         justify-content: space-between;
  147.     }
  148.  
  149.     .infoLabel {
  150.         flex: 1;
  151.         font-weight: bold;
  152.         margin-right: 16px;
  153.         border-bottom: 1px solid #ccc;
  154.     }
  155.  
  156.     .infoValue {
  157.         flex: 2;
  158.         border-bottom: 1px solid #ccc;
  159.     }
  160.  
  161.     .remainingTime {
  162.         text-align: center;
  163.     }
  164.  
  165.     [data-step="ValidationCP"] {
  166.         background: #FF5722;
  167.         order: 1;
  168.     }
  169.     [data-step="Validationtechnique"] {
  170.         background: #FFC107;
  171.         order: 2;
  172.     }
  173.     [data-step="Réalisation"] {
  174.         background: #FFEB3B;
  175.         order: 3;
  176.     }
  177.     [data-step="Réceptiondelademande"] {
  178.         background: #AED581;
  179.         order: 4;
  180.     }
  181.  
  182.     /* ######################################################## FORMULAIRE ########################################################### */
  183.     input,
  184.     .input-group-addon {
  185.         background: none !important;
  186.         box-shadow: none !important;
  187.         border-radius: 0 !important;
  188.         border-width: 0 0 1px 0 !important;
  189.     }
  190.     .input-group-addon {
  191.         font-weight: bold;
  192.     }
  193.  
  194.     .panel-info {
  195.         border: none !important;
  196.         border-radius: 0 !important;
  197.     }
  198.  
  199.     textarea.form-control {
  200.         border: 1px solid #eee !important;
  201.         border-radius: 0 !important;
  202.         background: none !important;
  203.     }
  204.  
  205.     textarea.form-control[disabled="disabled"] {
  206.         background: #EEE !important;
  207.     }
  208. }