X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fmodules%2Fcontrib%2Fdevel%2Fwebprofiler%2Fcss%2Fapp%2Fdashboard.css;fp=web%2Fmodules%2Fcontrib%2Fdevel%2Fwebprofiler%2Fcss%2Fapp%2Fdashboard.css;h=dfa517a380ca354ecc5eed24ad86dec012a324dc;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hp=0000000000000000000000000000000000000000;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad;p=yaffs-website

diff --git a/web/modules/contrib/devel/webprofiler/css/app/dashboard.css b/web/modules/contrib/devel/webprofiler/css/app/dashboard.css
new file mode 100644
index 000000000..dfa517a38
--- /dev/null
+++ b/web/modules/contrib/devel/webprofiler/css/app/dashboard.css
@@ -0,0 +1,582 @@
+/* base themes */
+#webrofiler {
+  overflow: hidden;
+  font-size: 1em;
+  line-height: 1.2;
+  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffffff; }
+  #webrofiler * {
+    box-sizing: border-box; }
+
+#webprofiler {
+  /*
+  
+  overview example
+  
+  <ul class="overview__list">
+    <li>
+      <a class="overview__link">
+        <img class="overview__icon" src="data:">
+        <span class="overview__title">
+        <span class="overview__subtitle">
+  
+  
+  */
+  /*
+  
+  general element template
+  
+  will be implemented in the next dashboard relase
+  
+  this HTML will contain the preview of any single card present inside the dashboard
+  
+  <a class="ui--[red||pink||purple||deepPurple||indigo||blue||lightBlue||cyan||teal||green||lightGreen||lime||yellow||amber||orange||deepOrange||brown||gray||blueGray] app l-card">
+  
+    <div class="app__bar">
+      <h3 class="app__title">
+      <img class="app__icon" src="data:">
+  
+    <div class="app__container">
+      <div class="app__main-data"> text
+      <div class="app__secondary-data"> text
+  
+  */ }
+  #webprofiler .tabs:after, #webprofiler .tabs__tabs:after, #webprofiler .tabs__panels:after, #webprofiler .tabs__panel:after, #webprofiler .resume:after, #webprofiler .collectors:after, #webprofiler .panel:after, #webprofiler .panel__toolbar:after, #webprofiler .panel__container:after, #webprofiler .panel__expand-header:after, #webprofiler .panel__expand-content:after, #webprofiler .app__bar:after, #webprofiler .app__container:after, #webprofiler .modal__bar:after, #webprofiler .modal__content:after {
+    content: ' ';
+    display: block;
+    clear: both; }
+  #webprofiler .panel__container, #webprofiler .ui--red, #webprofiler .ui--pink, #webprofiler .ui--purple, #webprofiler .ui--deepPurple, #webprofiler .ui--indigo, #webprofiler .ui--blue, #webprofiler .ui--lightBlue, #webprofiler .ui--cyan, #webprofiler .ui--teal, #webprofiler .ui--green, #webprofiler .ui--lightGreen, #webprofiler .ui--lime, #webprofiler .ui--yellow, #webprofiler .ui--amber, #webprofiler .ui--orange, #webprofiler .ui--deepOrange, #webprofiler .ui--brown, #webprofiler .ui--gray, #webprofiler .ui--blueGray, #webprofiler .modal__container {
+    box-shadow: 0 2px 4px -2px #000000;
+    margin-bottom: 40px;
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+    overflow: hidden; }
+  #webprofiler .ui--red .app__title, #webprofiler .ui--pink .app__title, #webprofiler .ui--purple .app__title, #webprofiler .ui--deepPurple .app__title, #webprofiler .ui--blue .app__title, #webprofiler .ui--lightBlue .app__title, #webprofiler .ui--cyan .app__title, #webprofiler .ui--green .app__title, #webprofiler .ui--lightGreen .app__title, #webprofiler .ui--lime .app__title, #webprofiler .ui--yellow .app__title, #webprofiler .ui--amber .app__title, #webprofiler .ui--orange .app__title, #webprofiler .ui--deepOrange .app__title, #webprofiler .ui--brown .app__title {
+    color: white; }
+  #webprofiler .ui--indigo .app__title, #webprofiler .ui--teal .app__title, #webprofiler .ui--gray .app__title, #webprofiler .ui--blueGray .app__title, #webprofiler .modal__title {
+    color: rgba(0, 0, 0, 0.87); }
+  #webprofiler .ui--red .app__main-data, #webprofiler .ui--pink .app__main-data, #webprofiler .ui--purple .app__main-data, #webprofiler .ui--deepPurple .app__main-data, #webprofiler .ui--indigo .app__main-data, #webprofiler .ui--blue .app__main-data, #webprofiler .ui--lightBlue .app__main-data, #webprofiler .ui--cyan .app__main-data, #webprofiler .ui--teal .app__main-data, #webprofiler .ui--green .app__main-data, #webprofiler .ui--lightGreen .app__main-data, #webprofiler .ui--lime .app__main-data, #webprofiler .ui--yellow .app__main-data, #webprofiler .ui--amber .app__main-data, #webprofiler .ui--orange .app__main-data, #webprofiler .ui--deepOrange .app__main-data, #webprofiler .ui--brown .app__main-data, #webprofiler .ui--gray .app__main-data, #webprofiler .ui--blueGray .app__main-data, #webprofiler .modal__content {
+    color: rgba(0, 0, 0, 0.7); }
+  #webprofiler .ui--red .app__secondary-data, #webprofiler .ui--pink .app__secondary-data, #webprofiler .ui--purple .app__secondary-data, #webprofiler .ui--deepPurple .app__secondary-data, #webprofiler .ui--indigo .app__secondary-data, #webprofiler .ui--blue .app__secondary-data, #webprofiler .ui--lightBlue .app__secondary-data, #webprofiler .ui--cyan .app__secondary-data, #webprofiler .ui--teal .app__secondary-data, #webprofiler .ui--green .app__secondary-data, #webprofiler .ui--lightGreen .app__secondary-data, #webprofiler .ui--lime .app__secondary-data, #webprofiler .ui--yellow .app__secondary-data, #webprofiler .ui--amber .app__secondary-data, #webprofiler .ui--orange .app__secondary-data, #webprofiler .ui--deepOrange .app__secondary-data, #webprofiler .ui--brown .app__secondary-data, #webprofiler .ui--gray .app__secondary-data, #webprofiler .ui--blueGray .app__secondary-data {
+    color: rgba(0, 0, 0, 0.3); }
+  #webprofiler a {
+    color: #2979ff; }
+    #webprofiler a:hover {
+      color: #2962ff;
+      text-decoration: none; }
+  #webprofiler .list--unstyled {
+    margin: 0;
+    list-style-type: none;
+    padding: 0; }
+    #webprofiler .list--unstyled > li {
+      display: block;
+      padding: 0 8px; }
+  #webprofiler .list--inline {
+    margin: 0;
+    list-style-type: none;
+    padding: 0; }
+  #webprofiler .list--inline > li {
+      display: inline-block;
+      padding: 8px; }
+  #webprofiler .list--level-0 li {
+    padding: 0 0 0 0; }
+  #webprofiler .list--level-1 li {
+    padding: 0 0 0 8px; }
+  #webprofiler .list--level-3 li {
+    padding: 0 0 0 16px; }
+  #webprofiler pre {
+    padding: 16px; }
+  #webprofiler pre, #webprofiler code {
+    white-space: normal;
+    word-break: break-all;
+    word-break: break-word;
+    font-size: 14px;
+    background-color: #f5f5f5; }
+  #webprofiler .list-item--bold {
+      font-weight: bold;
+  }
+  #webprofiler code.code--json {
+    white-space: pre-wrap; }
+  #webprofiler thead {
+    white-space: nowrap; }
+    #webprofiler thead th {
+      background-color: transparent; }
+  #webprofiler th {
+    font-size: 12px;
+    color: rgba(0, 0, 0, 0.54);
+    border: none; }
+  #webprofiler td {
+    word-break: break-all;
+    font-size: 13px;
+    color: rgba(0, 0, 0, 0.87); }
+  #webprofiler tr {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
+    #webprofiler tr:hover {
+      background-color: #eeeeee; }
+  #webprofiler td, #webprofiler th {
+    padding: 16px 24px;
+    min-height: 46px;
+    text-transform: none;
+    vertical-align: top; }
+  #webprofiler .table--compact {
+    table-layout: fixed; }
+    #webprofiler .table--compact td, #webprofiler .table--compact th {
+      word-spacing: 99em; }
+  #webprofiler .table--fixed {
+    table-layout: fixed; }
+  #webprofiler .table--duo th:first-child,
+  #webprofiler .table--duo td:first-child {
+    width: 35%; }
+  #webprofiler .table--trio th:first-child,
+  #webprofiler .table--trio td:first-child {
+    width: 80%; }
+  #webprofiler .table--trio th:nth-child(2),
+  #webprofiler .table--trio td:nth-child(2),
+  #webprofiler .table--trio th:nth-child(3),
+  #webprofiler .table--trio td:nth-child(3) {
+    width: 10%; }
+  #webprofiler [class*="button"] {
+    display: block;
+    color: #2979ff;
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border: none;
+    text-transform: uppercase;
+    font-size: 16px;
+    text-align: center;
+    padding: 16px;
+    margin: 8px;
+    cursor: pointer;
+    min-width: 42px; }
+  #webprofiler .button--flat {
+    background-color: transparent; }
+    #webprofiler .button--flat:hover {
+      background-color: #eeeeee; }
+    #webprofiler .button--flat:active, #webprofiler .button--flat:focus {
+      background-color: #bdbdbd; }
+  #webprofiler .tabs {
+    position: relative;
+    margin: -16px 0 16px 0; }
+    #webprofiler .tabs a {
+      display: inline; }
+    #webprofiler .tabs__radio {
+      display: none; }
+    #webprofiler .tabs__tabs {
+      margin: 0 -16px 16px -16px;
+      text-transform: uppercase;
+      height: 48px;
+      background-color: #f5f5f5; }
+      #webprofiler .tabs__tabs > li {
+        padding: 0; }
+    #webprofiler .tabs__label {
+      border-bottom: 5px solid transparent;
+      text-align: center;
+      line-height: 48px;
+      min-width: 160px;
+      display: inline-block;
+      margin: -5px 0 0 0; }
+    #webprofiler .tabs__panel {
+      display: none;
+      width: 100%; }
+    #webprofiler .tabs__radio:checked:nth-child(1) ~ .tabs__panels .tabs__panel:nth-child(1) {
+      display: block; }
+    #webprofiler .tabs__radio:checked:nth-child(2) ~ .tabs__panels .tabs__panel:nth-child(2) {
+      display: block; }
+    #webprofiler .tabs__radio:checked:nth-child(3) ~ .tabs__panels .tabs__panel:nth-child(3) {
+      display: block; }
+    #webprofiler .tabs__radio:checked:nth-child(1) ~ .tabs__tabs li:nth-child(1) .tabs__label {
+      border-bottom-color: #2962ff; }
+    #webprofiler .tabs__radio:checked:nth-child(2) ~ .tabs__tabs li:nth-child(2) .tabs__label {
+      border-bottom-color: #2962ff; }
+    #webprofiler .tabs__radio:checked:nth-child(3) ~ .tabs__tabs li:nth-child(3) .tabs__label {
+      border-bottom-color: #2962ff; }
+  #webprofiler .overview {
+    display: table-cell;
+    width: 20%;
+    vertical-align: top;
+    font-size: 1.2em;
+    line-height: 2em;
+    background: #ffffff; }
+  #webprofiler .overview__list {
+    padding: 0;
+    margin: -1px -1px 0 0;
+    list-style-type: none;
+    border-top: 1px solid rgba(0, 0, 0, 0.18); }
+  #webprofiler .overview__link {
+    position: relative;
+    display: block;
+    padding: 0 0 0 72px;
+    border-right: 5px solid transparent; }
+    #webprofiler .overview__link:after {
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: 0;
+      right: -5px;
+      left: 72px;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
+  #webprofiler .overview__icon {
+    position: absolute;
+    top: 16px;
+    left: 16px; }
+  #webprofiler .overview__title {
+    display: block;
+    font-size: 16px;
+    line-height: 22px;
+    padding-top: 16px;
+    padding-bottom: 16px;
+    padding-right: 11px; }
+  #webprofiler .overview__subtitle {
+    display: block;
+    font-size: 14px;
+    line-height: 20px;
+    padding-bottom: 16px;
+    padding-right: 11px;
+    margin-top: -16px; }
+  #webprofiler .is--selected .overview__link {
+    color: #000000;
+    background-color: #f5f5f5;
+    border-right-color: #2962ff; }
+  #webprofiler .overview__link:hover {
+    color: #000000;
+    background-color: #82b1ff; }
+  #webprofiler .resume {
+    position: relative;
+    background-color: #e0e0e0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
+    border-left: 1px solid rgba(0, 0, 0, 0.18);
+    padding: 16px 16px 0 16px;
+    margin-left: 20%; }
+  #webprofiler .resume__title {
+    display: block;
+    font-size: 24px;
+    line-height: 32px; }
+  #webprofiler .resume__subtitle,
+  #webprofiler .resume__time {
+    display: block;
+    font-size: 16px;
+    line-height: 24px; }
+  #webprofiler .resume__time {
+    margin-bottom: 52px; }
+  #webprofiler .resume__button {
+    position: absolute;
+    bottom: 0;
+    right: 16px; }
+  #webprofiler .collectors {
+    display: table;
+    width: 100%; }
+  #webprofiler .details {
+    display: table-cell;
+    overflow: hidden;
+    padding: 16px;
+    border-left: 1px solid rgba(0, 0, 0, 0.18); }
+  #webprofiler .details__title {
+    border-bottom: 1px solid #ccc;
+    padding-bottom: 5px; }
+  #webprofiler .details svg {
+    max-width: 100%; }
+  #webprofiler [class*='panel__filter--'] {
+    display: inline-block;
+    padding: 32px 16px 0 16px;
+    position: relative; }
+  #webprofiler .panel {
+    margin: 0 0 20px;
+    padding: 0;
+    background: #fafafa;
+    border: none; }
+    #webprofiler .panel select,
+    #webprofiler .panel input[type="text"] {
+      min-width: 165px;
+      font-size: 16px;
+      background-color: #fafafa;
+      border-color: transparent;
+      border-width: 0;
+      border-bottom: 2px solid #ffffff;
+      padding: 8px 0;
+      margin-bottom: 8px; }
+      #webprofiler .panel select:focus,
+      #webprofiler .panel input[type="text"]:focus {
+        outline: none;
+        border-bottom-color: #2979ff; }
+        #webprofiler .panel select:focus + label,
+        #webprofiler .panel input[type="text"]:focus + label {
+          color: #2979ff; }
+    #webprofiler .panel select {
+      min-width: 165px;
+      padding-right: 24px;
+      border-radius: 0;
+      background: url(../../images/caret-down.svg) no-repeat 99% 63%;
+      -moz-appearance: none; }
+      #webprofiler .panel select:hover {
+        box-shadow: none; }
+    #webprofiler .panel__title {
+      font-size: 24px;
+      line-height: 1;
+      background-color: #f5f5f5;
+      text-transform: none;
+      padding: 16px;
+      margin: -16px -16px 16px -16px; }
+    #webprofiler .panel__toolbar {
+      background-color: #fafafa;
+      margin: -16px -16px 16px -16px; }
+    #webprofiler .panel__filter-action {
+      display: inline-block; }
+    #webprofiler .panel__filter-label {
+      display: block;
+      position: absolute;
+      top: 0;
+      margin-top: 16px; }
+    #webprofiler .panel__container {
+      background-color: #ffffff;
+      position: relative;
+      padding: 16px; }
+    #webprofiler .panel__expand-content {
+      display: none; }
+  #webprofiler .is--open .panel__expand-content {
+    display: block; }
+  #webprofiler .is--hightlighted {
+    border-right: 10px solid #aa00ff;
+    padding-right: 6px; }
+  #webprofiler .is--hidden {
+    display: none; }
+  #webprofiler .app {
+    overflow: hidden;
+    position: relative;
+    display: block;
+    cursor: pointer; }
+    #webprofiler .app__bar {
+      padding: 16px; }
+    #webprofiler .app__title {
+      margin: 8px 32px 0 0;
+      font-weight: normal; }
+    #webprofiler .app__icon {
+      float: right;
+      height: 32px;
+      width: 32px; }
+    #webprofiler .app__container {
+      padding: 16px; }
+    #webprofiler .app__main-data {
+      font-size: 24px;
+      padding-bottom: 16px; }
+    #webprofiler .app__secondary-data {
+      font-size: 14px;
+      padding-bottom: 16px;
+      margin-top: -8px; }
+  #webprofiler .ui--red .app__bar {
+    background-color: #ff1744; }
+  #webprofiler .ui--red .app__container {
+    background-color: #ff8a80; }
+  #webprofiler .ui--pink .app__bar {
+    background-color: #f50057; }
+  #webprofiler .ui--pink .app__container {
+    background-color: #ff80ab; }
+  #webprofiler .ui--purple .app__bar {
+    background-color: #d500f9; }
+  #webprofiler .ui--purple .app__container {
+    background-color: #ea80fc; }
+  #webprofiler .ui--deepPurple .app__bar {
+    background-color: #651fff; }
+  #webprofiler .ui--deepPurple .app__container {
+    background-color: #b388ff; }
+  #webprofiler .ui--indigo .app__bar {
+    background-color: #3d5afe; }
+  #webprofiler .ui--indigo .app__container {
+    background-color: #8c9eff; }
+  #webprofiler .ui--blue .app__bar {
+    background-color: #2979ff; }
+  #webprofiler .ui--blue .app__container {
+    background-color: #82b1ff; }
+  #webprofiler .ui--lightBlue .app__bar {
+    background-color: #00b0ff; }
+  #webprofiler .ui--lightBlue .app__container {
+    background-color: #80d8ff; }
+  #webprofiler .ui--cyan .app__bar {
+    background-color: #00e5ff; }
+  #webprofiler .ui--cyan .app__container {
+    background-color: #84ffff; }
+  #webprofiler .ui--teal .app__bar {
+    background-color: #ade9b6; }
+  #webprofiler .ui--teal .app__container {
+    background-color: #a7ffeb; }
+  #webprofiler .ui--green .app__bar {
+    background-color: #00e676; }
+  #webprofiler .ui--green .app__container {
+    background-color: #b9f6ca; }
+  #webprofiler .ui--lightGreen .app__bar {
+    background-color: #76ff03; }
+  #webprofiler .ui--lightGreen .app__container {
+    background-color: #ccff90; }
+  #webprofiler .ui--lime .app__bar {
+    background-color: #c6ff00; }
+  #webprofiler .ui--lime .app__container {
+    background-color: #f4ff81; }
+  #webprofiler .ui--yellow .app__bar {
+    background-color: #ffea00; }
+  #webprofiler .ui--yellow .app__container {
+    background-color: #ffff8d; }
+  #webprofiler .ui--amber .app__bar {
+    background-color: #ffc400; }
+  #webprofiler .ui--amber .app__container {
+    background-color: #ffe57f; }
+  #webprofiler .ui--orange .app__bar {
+    background-color: #ff9100; }
+  #webprofiler .ui--orange .app__container {
+    background-color: #ffd180; }
+  #webprofiler .ui--deepOrange .app__bar {
+    background-color: #ff3d00; }
+  #webprofiler .ui--deepOrange .app__container {
+    background-color: #ff9e80; }
+  #webprofiler .ui--brown .app__bar {
+    background-color: #8d6e63; }
+  #webprofiler .ui--brown .app__container {
+    background-color: #d7ccc8; }
+  #webprofiler .ui--gray .app__bar {
+    background-color: #bdbdbd; }
+  #webprofiler .ui--gray .app__container {
+    background-color: #f5f5f5; }
+  #webprofiler .ui--blueGray .app__bar {
+    background-color: #bdbdbd; }
+  #webprofiler .ui--blueGray .app__container {
+    background-color: #f5f5f5; }
+  #webprofiler .loader--fixed {
+    position: fixed;
+    right: 0;
+    top: 50%;
+    width: 80%;
+    height: 100px;
+    zoom: 1.7;
+    text-align: center; }
+  #webprofiler .loader__circle {
+    animation: rotate 2s linear infinite;
+    height: 100px;
+    position: relative;
+    width: 100px; }
+  #webprofiler .loader__path {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
+    stroke-linecap: round; }
+@keyframes rotate {
+  100% {
+    transform: rotate(360deg); } }
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0; }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35; }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124; } }
+@keyframes color {
+  100%, 0% {
+    stroke: #ff1744; }
+  40% {
+    stroke: #2979ff; }
+  66% {
+    stroke: #00e676; }
+  80%, 90% {
+    stroke: #ffea00; } }
+  #webprofiler .loader--linear {
+    height: 3px;
+    background-color: #ffea00;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0; }
+  #webprofiler .loader__bar {
+    content: "";
+    display: inline;
+    position: absolute;
+    width: 0;
+    height: 100%;
+    left: 50%;
+    text-align: center; }
+  #webprofiler .loader__bar:nth-child(1) {
+    background-color: #ff1744;
+    animation: loading 3s linear infinite; }
+  #webprofiler .loader__bar:nth-child(2) {
+    background-color: #2979ff;
+    animation: loading 3s linear 1s infinite; }
+  #webprofiler .loader__bar:nth-child(3) {
+    background-color: #00e676;
+    animation: loading 3s linear 2s infinite; }
+@keyframes loading {
+  from {
+    left: 50%;
+    width: 0;
+    z-index: 100; }
+  33.3333% {
+    left: 0;
+    width: 100%;
+    z-index: 10; }
+  to {
+    left: 0;
+    width: 100%; } }
+  #webprofiler .modal {
+    background-color: rgba(0, 0, 0, 0.87);
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0; }
+    #webprofiler .modal__container {
+      border-top-right-radius: 2px;
+      border-top-left-radius: 2px;
+      box-shadow: 0 2px 4px -2px #000000;
+      background-color: #ffffff;
+      position: relative;
+      width: 33%;
+      min-width: 350px;
+      margin: 0 auto;
+      margin-top: 15%; }
+    #webprofiler .modal__bar {
+      padding: 16px; }
+    #webprofiler .modal__content {
+      padding: 16px;
+      font-size: 14px; }
+    #webprofiler .modal__title {
+      margin: 8px 32px 0 0;
+      font-weight: normal;
+      font-size: 24px; }
+    #webprofiler .modal__main-data {
+      font-size: 24px;
+      padding-bottom: 16px; }
+    #webprofiler .modal textarea {
+      white-space: normal;
+      word-break: break-all;
+      word-break: break-word;
+      font-size: 14px;
+      background-color: #f5f5f5;
+      max-width: 100%;
+      height: 320px;
+      width: 100%;
+      padding: 16px;
+      box-sizing: border-box;
+      border: none; }
+  #webprofiler .t--heading, #webprofiler .tabs__radio:checked:nth-child(1) ~ .tabs__tabs li:nth-child(1) .tabs__label, #webprofiler .tabs__radio:checked:nth-child(2) ~ .tabs__tabs li:nth-child(2) .tabs__label, #webprofiler .tabs__radio:checked:nth-child(3) ~ .tabs__tabs li:nth-child(3) .tabs__label, #webprofiler .overview__title, #webprofiler .resume__title, #webprofiler .panel select,
+  #webprofiler .panel input[type="text"], #webprofiler .panel__title {
+    color: black; }
+  #webprofiler .t--notice, #webprofiler .tabs__label, #webprofiler .overview__subtitle, #webprofiler .resume__subtitle,
+  #webprofiler .resume__time, #webprofiler .panel__filter-label {
+    color: rgba(0, 0, 0, 0.3); }
+  #webprofiler .l-card {
+    width: 32%;
+    margin-left: 1%;
+    margin-right: 1%;
+    float: left; }
+    #webprofiler .l-card:nth-child(3n + 1) {
+      margin-left: 0; }
+    #webprofiler .l-card:nth-child(3n) {
+      margin-right: 0; }
+  #webprofiler .l-left {
+    float: left; }
+  #webprofiler .l-right {
+    float: right; }
+  #webprofiler .h--word-broken {
+    word-break: break-all; }
+  #webprofiler .h--word-intact {
+    word-break: normal; }
+
+/*# sourceMappingURL=dashboard.css.map */