You are here

tables.css in Layout Builder Modal 8

#layout-builder-modal table{width:100%;margin:0 0 10px}#layout-builder-modal caption{text-align:left}#layout-builder-modal [dir="rtl"] caption{text-align:right}#layout-builder-modal th{padding:10px 12px;text-align:left}#layout-builder-modal [dir="rtl"] th{text-align:right}#layout-builder-modal thead th{text-transform:uppercase;color:#333;border:solid #bfbfba;border-width:1px 0;background:#f5f5f2}#layout-builder-modal tr{padding:0.1em 0.6em;border-bottom:1px solid #e6e4df}#layout-builder-modal thead>tr{border-bottom:1px solid #000}#layout-builder-modal tbody tr:hover,#layout-builder-modal tbody tr:focus{background:#f7fcff}#layout-builder-modal tbody tr.color-warning:hover,#layout-builder-modal tbody tr.color-warning:focus{background:#fdf8ed}#layout-builder-modal tbody tr.color-error:hover,#layout-builder-modal tbody tr.color-error:focus{background:#fcf4f2}#layout-builder-modal table.no-highlight tr.selected td{background:transparent}#layout-builder-modal td,#layout-builder-modal th{vertical-align:middle}#layout-builder-modal td{padding:10px 12px;text-align:left}#layout-builder-modal [dir="rtl"] td{text-align:right}#layout-builder-modal th>a{position:relative;display:block}#layout-builder-modal th>a:after{position:absolute;top:0;right:0;bottom:-10px;left:0;display:block;content:"";-webkit-transition:all 0.1s;transition:all 0.1s;border-bottom:2px solid transparent}#layout-builder-modal th.is-active>a{color:#004875}#layout-builder-modal th.is-active img{position:absolute;top:50%;right:0}#layout-builder-modal [dir="rtl"] th.is-active img{right:auto;left:0}#layout-builder-modal th.is-active>a:after{border-bottom-color:#004875}#layout-builder-modal th>a:hover,#layout-builder-modal th>a:focus,#layout-builder-modal th.is-active>a:hover,#layout-builder-modal th.is-active>a:focus{text-decoration:none;color:#008ee6}#layout-builder-modal th>a:hover:after,#layout-builder-modal th>a:focus:after,#layout-builder-modal th.is-active>a:hover:after,#layout-builder-modal th.is-active>a:focus:after{border-bottom-color:#008ee6}#layout-builder-modal td .item-list ul{margin:0}#layout-builder-modal [dir="rtl"] td .item-list ul{margin:0}#layout-builder-modal td.is-active{background:none}#layout-builder-modal th.select-all{width:1px}#layout-builder-modal .caption{margin-bottom:1.2em}@media screen and (max-width: 37.5em){#layout-builder-modal th.priority-low,#layout-builder-modal td.priority-low,#layout-builder-modal th.priority-medium,#layout-builder-modal td.priority-medium{display:none}}@media screen and (max-width: 60em){#layout-builder-modal th.priority-low,#layout-builder-modal td.priority-low{display:none}}

File

theme/seven/css/tables.css
View source
  1. #layout-builder-modal table{width:100%;margin:0 0 10px}#layout-builder-modal caption{text-align:left}#layout-builder-modal [dir="rtl"] caption{text-align:right}#layout-builder-modal th{padding:10px 12px;text-align:left}#layout-builder-modal [dir="rtl"] th{text-align:right}#layout-builder-modal thead th{text-transform:uppercase;color:#333;border:solid #bfbfba;border-width:1px 0;background:#f5f5f2}#layout-builder-modal tr{padding:0.1em 0.6em;border-bottom:1px solid #e6e4df}#layout-builder-modal thead>tr{border-bottom:1px solid #000}#layout-builder-modal tbody tr:hover,#layout-builder-modal tbody tr:focus{background:#f7fcff}#layout-builder-modal tbody tr.color-warning:hover,#layout-builder-modal tbody tr.color-warning:focus{background:#fdf8ed}#layout-builder-modal tbody tr.color-error:hover,#layout-builder-modal tbody tr.color-error:focus{background:#fcf4f2}#layout-builder-modal table.no-highlight tr.selected td{background:transparent}#layout-builder-modal td,#layout-builder-modal th{vertical-align:middle}#layout-builder-modal td{padding:10px 12px;text-align:left}#layout-builder-modal [dir="rtl"] td{text-align:right}#layout-builder-modal th>a{position:relative;display:block}#layout-builder-modal th>a:after{position:absolute;top:0;right:0;bottom:-10px;left:0;display:block;content:"";-webkit-transition:all 0.1s;transition:all 0.1s;border-bottom:2px solid transparent}#layout-builder-modal th.is-active>a{color:#004875}#layout-builder-modal th.is-active img{position:absolute;top:50%;right:0}#layout-builder-modal [dir="rtl"] th.is-active img{right:auto;left:0}#layout-builder-modal th.is-active>a:after{border-bottom-color:#004875}#layout-builder-modal th>a:hover,#layout-builder-modal th>a:focus,#layout-builder-modal th.is-active>a:hover,#layout-builder-modal th.is-active>a:focus{text-decoration:none;color:#008ee6}#layout-builder-modal th>a:hover:after,#layout-builder-modal th>a:focus:after,#layout-builder-modal th.is-active>a:hover:after,#layout-builder-modal th.is-active>a:focus:after{border-bottom-color:#008ee6}#layout-builder-modal td .item-list ul{margin:0}#layout-builder-modal [dir="rtl"] td .item-list ul{margin:0}#layout-builder-modal td.is-active{background:none}#layout-builder-modal th.select-all{width:1px}#layout-builder-modal .caption{margin-bottom:1.2em}@media screen and (max-width: 37.5em){#layout-builder-modal th.priority-low,#layout-builder-modal td.priority-low,#layout-builder-modal th.priority-medium,#layout-builder-modal td.priority-medium{display:none}}@media screen and (max-width: 60em){#layout-builder-modal th.priority-low,#layout-builder-modal td.priority-low{display:none}}