htmlDescriptor.css

body {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    max-width: 1140px;
    margin: auto;
    padding: 15px;
    word-wrap: break-word;
    background-color: #F9F9F9;
    color: #222;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}
p {
    margin: 0;
}
a {
    color: #218BC3;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.text-small {
    font-size: 12px !important;
}
article {
    margin: 5px;
    margin-bottom: 10px;
}
article > header > .row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 10px;
}
article > header > .row > .col {
    flex: 1;
    display: flex;
    align-items: baseline;
}
article > header > .row > h2 {
    font-size: 14px;
    color: #222;
    font-weight: normal;
    font-family: "Lucida Console", monospace, sans-serif;
    word-break: break-all;
    margin: 20px 5px 0 0;
    user-select: all;
}
article > header > .row > h2 > code {
    white-space: nowrap;
    user-select: none;
    color: #cc2255;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    margin-right: 5px;
    padding: 0 3px;
}
article > header > .row > time.col {
    flex: 0;
    text-align: right;
    white-space: nowrap;
    color: #999;
    font-style: italic;
}
article > header ul.tags {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
}
article > header ul.tags > li {
    user-select: all;
    margin-bottom: 2px;
}
article > header ul.tags > li > span.badge {
    display: inline-block;
    padding: .25em .4em;
    margin-right: 5px;
    border-radius: 4px;
    background-color: #6c757d3b;
    color: #524d4d;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    user-select: none;
}
article > section.body {
    border: 1px solid #d8d8d8;
    background: #FFF;
    padding: 10px;
    border-radius: 3px;
}
pre.sf-dump {
    border-radius: 3px;
    margin-bottom: 0;
}
.hidden {
    display: none !important;
}
.dumped-tag > .sf-dump {
    display: inline-block;
    margin: 0;
    padding: 1px 5px;
    line-height: 1.4;
    vertical-align: top;
    background-color: transparent;
    user-select: auto;
}
.dumped-tag > pre.sf-dump,
.dumped-tag > .sf-dump-default {
    color: #CC7832;
    background: none;
}
.dumped-tag > .sf-dump .sf-dump-str { color: #629755; }
.dumped-tag > .sf-dump .sf-dump-private,
.dumped-tag > .sf-dump .sf-dump-protected,
.dumped-tag > .sf-dump .sf-dump-public { color: #262626; }
.dumped-tag > .sf-dump .sf-dump-note { color: #6897BB; }
.dumped-tag > .sf-dump .sf-dump-key { color: #789339; }
.dumped-tag > .sf-dump .sf-dump-ref { color: #6E6E6E; }
.dumped-tag > .sf-dump .sf-dump-ellipsis { color: #CC7832; max-width: 100em; }
.dumped-tag > .sf-dump .sf-dump-ellipsis-path { max-width: 5em; }
.dumped-tag > .sf-dump .sf-dump-ns { user-select: none; }

File

vendor/symfony/var-dumper/Resources/css/htmlDescriptor.css

View source 
  1. body {

  2.     display: flex;

  3.     flex-direction: column-reverse;

  4.     justify-content: flex-end;

  5.     max-width: 1140px;

  6.     margin: auto;

  7.     padding: 15px;

  8.     word-wrap: break-word;

  9.     background-color: #F9F9F9;

  10.     color: #222;

  11.     font-family: Helvetica, Arial, sans-serif;

  12.     font-size: 14px;

  13.     line-height: 1.4;

  14. }

  15. p {

  16.     margin: 0;

  17. }

  18. a {

  19.     color: #218BC3;

  20.     text-decoration: none;

  21. }

  22. a:hover {

  23.     text-decoration: underline;

  24. }

  25. .text-small {

  26.     font-size: 12px !important;

  27. }

  28. article {

  29.     margin: 5px;

  30.     margin-bottom: 10px;

  31. }

  32. article > header > .row {

  33.     display: flex;

  34.     flex-direction: row;

  35.     align-items: baseline;

  36.     margin-bottom: 10px;

  37. }

  38. article > header > .row > .col {

  39.     flex: 1;

  40.     display: flex;

  41.     align-items: baseline;

  42. }

  43. article > header > .row > h2 {

  44.     font-size: 14px;

  45.     color: #222;

  46.     font-weight: normal;

  47.     font-family: "Lucida Console", monospace, sans-serif;

  48.     word-break: break-all;

  49.     margin: 20px 5px 0 0;

  50.     user-select: all;

  51. }

  52. article > header > .row > h2 > code {

  53.     white-space: nowrap;

  54.     user-select: none;

  55.     color: #cc2255;

  56.     background-color: #f7f7f9;

  57.     border: 1px solid #e1e1e8;

  58.     border-radius: 3px;

  59.     margin-right: 5px;

  60.     padding: 0 3px;

  61. }

  62. article > header > .row > time.col {

  63.     flex: 0;

  64.     text-align: right;

  65.     white-space: nowrap;

  66.     color: #999;

  67.     font-style: italic;

  68. }

  69. article > header ul.tags {

  70.     list-style: none;

  71.     padding: 0;

  72.     margin: 0;

  73.     font-size: 12px;

  74. }

  75. article > header ul.tags > li {

  76.     user-select: all;

  77.     margin-bottom: 2px;

  78. }

  79. article > header ul.tags > li > span.badge {

  80.     display: inline-block;

  81.     padding: .25em .4em;

  82.     margin-right: 5px;

  83.     border-radius: 4px;

  84.     background-color: #6c757d3b;

  85.     color: #524d4d;

  86.     font-size: 12px;

  87.     text-align: center;

  88.     font-weight: 700;

  89.     line-height: 1;

  90.     white-space: nowrap;

  91.     vertical-align: baseline;

  92.     user-select: none;

  93. }

  94. article > section.body {

  95.     border: 1px solid #d8d8d8;

  96.     background: #FFF;

  97.     padding: 10px;

  98.     border-radius: 3px;

  99. }

  100. pre.sf-dump {

  101.     border-radius: 3px;

  102.     margin-bottom: 0;

  103. }

  104. .hidden {

  105.     display: none !important;

  106. }

  107. .dumped-tag > .sf-dump {

  108.     display: inline-block;

  109.     margin: 0;

  110.     padding: 1px 5px;

  111.     line-height: 1.4;

  112.     vertical-align: top;

  113.     background-color: transparent;

  114.     user-select: auto;

  115. }

  116. .dumped-tag > pre.sf-dump,

  117. .dumped-tag > .sf-dump-default {

  118.     color: #CC7832;

  119.     background: none;

  120. }

  121. .dumped-tag > .sf-dump .sf-dump-str { color: #629755; }

  122. .dumped-tag > .sf-dump .sf-dump-private,

  123. .dumped-tag > .sf-dump .sf-dump-protected,

  124. .dumped-tag > .sf-dump .sf-dump-public { color: #262626; }

  125. .dumped-tag > .sf-dump .sf-dump-note { color: #6897BB; }

  126. .dumped-tag > .sf-dump .sf-dump-key { color: #789339; }

  127. .dumped-tag > .sf-dump .sf-dump-ref { color: #6E6E6E; }

  128. .dumped-tag > .sf-dump .sf-dump-ellipsis { color: #CC7832; max-width: 100em; }

  129. .dumped-tag > .sf-dump .sf-dump-ellipsis-path { max-width: 5em; }

  130. .dumped-tag > .sf-dump .sf-dump-ns { user-select: none; }