a { cursor: pointer; } .vpadding { padding-top: 20px; padding-bottom: 20px; } .hpadding { padding-right: 20px; padding-left: 20px; } .schema-info { padding: 20px 20px 20px 0; } .table-info { padding: 20px 20px 0 0; } .columns-header { position: relative; } .columns-header div { font-size: 24px; padding: 20px; } .columns-header-name { width: 450px; position: absolute; top: 0; bottom: 0; } .columns-header-properties { margin-left: 450px; border-left: 1px solid #ddd; } .columns-wrapper { position: relative; } .columns-selector { width: 450px; position: absolute; top: 0; bottom: 0; overflow-y: auto; } .columns-selector .nav-pills li { width: 100%; margin-left: 0; position: relative; } .columns-selector .nav-pills li a { padding: 0; } .columns-selector .nav-pills li button { padding: 6px 0 6px 6px; color: #FFADAD; font-size: 20px; } .columns-selector .nav-pills li button:hover { color: #ff0000; } .columns-selector .nav-pills .column-name { margin-left: 20px; } .column-info { margin-left: 450px; padding: 20px; border-left: 1px solid #ddd; } input.changed { border-color: #1b00ff; border-style: dashed; } #info-panel { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 30px 100px; background-color: rgba(255, 255, 255, 0.75); } #info-panel .alert { box-shadow: #797979 3px 3px 10px; } .clickable-input { cursor: pointer; } /* UCD Flags colours */ .flagP {background-color: #ccccff;} .flagQ {background-color: #eeeeee;} .flagS {background-color: #ffcccc;} .flagE {background-color: #ffff99;} .flagC {background-color: #ccff99;} .plus-tab { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 !important; border-bottom-color: #ddd !important; } .plus-tab:hover { background-color: #8CE468 !important; color: #000; } .removable-tab a { padding-right: 0 !important; border-top-color: #ececec !important; border-right-color: #ececec !important; border-left-color: #ececec !important; } .removable-tab .to-remove, .removable-tab .to-remove:hover { text-decoration: line-through; } .removable-tab .remove-btn { display: block; float: right; cursor: pointer; margin: -10px 0 -11px 10px; padding: 10px 10px; color: #a94442; background-color: #f2dede; border-color: #ebccd1 !important; border-bottom-color: #ddd !important; border-top-right-radius: 4px; } .removable-tab .remove-btn:hover { background-color: #ea8f8f !important; color: #000; }