blocks/private_files/styles.css

   1 /* Rule so that the table tree view works with word-wrap: break-word. */
   2 .block_private_files .content table {
   3     table-layout: fixed;
   4     width: 100%;
   5 }
   6
   7 .block_private_files .content .footer {
   8     padding: 10px 0 0;
   9     margin-top: .5em;
  10 }
  11
  12 .block_private_files ul[role="tree"] {
  13     margin: 0;
  14     padding: 0;
  15 }
  16 .block_private_files ul,
  17 .block_private_files li {
  18     list-style: none;
  19 }
  20
  21 .block_private_files [role="treeitem"] {
  22     padding-left: 22px;
  23     cursor: pointer;
  24 }
  25
  26 .block_private_files [role="treeitem"] p {
  27     margin-bottom: 0;
  28 }
  29
  30 .block_private_files [role="treeitem"][aria-expanded] {
  31     padding-left: 0;
  32 }
  33
  34 .block_private_files [role="treeitem"][aria-expanded="false"] > p::before {
  35     /*rtl:remove*/
  36     content: url('[[pix:t/collapsed]]');
  37     /*rtl:raw:
  38         content: url('[[pix:t/collapsed_rtl]]');
  39     */
  40     vertical-align: sub;
  41     margin-right: 5px;
  42 }
  43
  44 .block_private_files [role="treeitem"][aria-expanded="true"] > p::before {
  45     content: url('[[pix:t/expanded]]');
  46     vertical-align: sub;
  47     margin-right: 5px;
  48 }
  49
  50 .block_private_files [role="treeitem"]:not([aria-expanded]) {
  51     background-image:
  52         repeating-linear-gradient(
  53             to right,
  54             rgba(0, 0, 0, .5) 0,
  55             rgba(0, 0, 0, .5) 1px,
  56             rgba(255, 255, 255, 0) 1px,
  57             rgba(255, 255, 255, 0) 2px
  58         ),
  59         repeating-linear-gradient(
  60             to top,
  61             rgba(0, 0, 0, 0.5) 0,
  62             rgba(0, 0, 0, 0.5) 1px,
  63             rgba(255, 255, 255, 0) 1px,
  64             rgba(255, 255, 255, 0) 2px
  65         );
  66     background-repeat: no-repeat, no-repeat;
  67     /*rtl:remove*/
  68     background-position: left 10px top 50%, left 8px top 0;
  69     /*rtl:raw:
  70         background-position: right 10px top 50%, right 8px top 0;
  71     */
  72     background-size: 11px 1px, 1px 100%;
  73 }
  74
  75 .block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
  76     background-size: 11px 1px, 1px 50%;
  77 }
  78
  79 .block_private_files [role="group"] {
  80     background-image:
  81         repeating-linear-gradient(
  82             to top,
  83             rgba(0, 0, 0, 0.5) 0,
  84             rgba(0, 0, 0, 0.5) 1px,
  85             rgba(255, 255, 255, 0) 1px,
  86             rgba(255, 255, 255, 0) 2px
  87         );
  88     background-repeat: no-repeat;
  89     background-position: left 8px top 100%;
  90     background-size: 1px 100%;
  91     margin-left: 0;
  92 }
  93
  94 .block_private_files [aria-hidden="true"]:not(.icon) {
  95     display: none;
  96 }