UNPKG

webgme

Version:

Web-based Generic Modeling Environment

157 lines (156 loc) 7.41 kB
.pgp { color: #1a1a1a; font-family: "Helvetica", "Arial", "sans-serif"; font-size: 11px; background-color: #e8e8e8; } .pgp ul { list-style: none; margin: 0; padding: 0; width: 100%; clear: both; } .pgp ul li { -webkit-transition: height 0.1s ease-out; -o-transition: height 0.1s ease-out; -moz-transition: height 0.1s ease-out; transition: height 0.1s ease-out; /* Controller row, <li> */ } .pgp ul li:not(.folder) { border-bottom: 1px solid #fafafa; height: 27px; line-height: 27px; overflow: hidden; padding: 0 3px 0 3px; white-space: nowrap; text-overflow: ellipsis; } .pgp ul li.folder { border-bottom: 0; padding: 0; border-left: 4px solid rgba(0, 0, 0, 0); } .pgp ul li.title { padding-left: 14px; background: gainsboro url(data:image/gif;base64,R0lGODlhBQAFAPcAAAAAAAAAMwAAZgAAmQAAzAAA/wAzAAAzMwAzZgAzmQAzzAAz/wBmAABmMwBmZgBmmQBmzABm/wCZAACZMwCZZgCZmQCZzACZ/wDMAADMMwDMZgDMmQDMzADM/wD/AAD/MwD/ZgD/mQD/zAD//zMAADMAMzMAZjMAmTMAzDMA/zMzADMzMzMzZjMzmTMzzDMz/zNmADNmMzNmZjNmmTNmzDNm/zOZADOZMzOZZjOZmTOZzDOZ/zPMADPMMzPMZjPMmTPMzDPM/zP/ADP/MzP/ZjP/mTP/zDP//2YAAGYAM2YAZmYAmWYAzGYA/2YzAGYzM2YzZmYzmWYzzGYz/2ZmAGZmM2ZmZmZmmWZmzGZm/2aZAGaZM2aZZmaZmWaZzGaZ/2bMAGbMM2bMZmbMmWbMzGbM/2b/AGb/M2b/Zmb/mWb/zGb//5kAAJkAM5kAZpkAmZkAzJkA/5kzAJkzM5kzZpkzmZkzzJkz/5lmAJlmM5lmZplmmZlmzJlm/5mZAJmZM5mZZpmZmZmZzJmZ/5nMAJnMM5nMZpnMmZnMzJnM/5n/AJn/M5n/Zpn/mZn/zJn//8wAAMwAM8wAZswAmcwAzMwA/8wzAMwzM8wzZswzmcwzzMwz/8xmAMxmM8xmZsxmmcxmzMxm/8yZAMyZM8yZZsyZmcyZzMyZ/8zMAMzMM8zMZszMmczMzMzM/8z/AMz/M8z/Zsz/mcz/zMz///8AAP8AM/8AZv8Amf8AzP8A//8zAP8zM/8zZv8zmf8zzP8z//9mAP9mM/9mZv9mmf9mzP9m//+ZAP+ZM/+ZZv+Zmf+ZzP+Z///MAP/MM//MZv/Mmf/MzP/M////AP//M///Zv//mf//zP////X19QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANgALAAAAAAFAAUAAAgQALEJHEgQgEGD2A4OBCAwIAA7) 4px 10px no-repeat; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-left: -4px; } .pgp ul li.cr { clear: both; border-left: 3px solid rgba(0, 0, 0, 0); /** Name-half (left) */ /** Controllers */ /** Controller-half (right) */ } .pgp ul li.cr.asset { border-left-color: #e8e8e8; } .pgp ul li.cr.boolean { border-left-color: #e8e8e8; } .pgp ul li.cr.integer { border-left-color: #806787; } .pgp ul li.cr.integer input[type=text] { color: #1a1a1a; } .pgp ul li.cr.float { border-left-color: #2FA1D6; } .pgp ul li.cr.float input[type=text] { color: #1a1a1a; } .pgp ul li.cr.number { border-left-color: #2FA1D6; } .pgp ul li.cr.number input[type=text] { color: #2FA1D6; } .pgp ul li.cr.string { border-left-color: #e8e8e8; } .pgp ul li.cr.string input[type=text] { color: #1a1a1a; } .pgp ul li.cr.custom { border-left-color: #FFFF00; } .pgp ul li.cr .property-name { cursor: default; float: left; clear: left; width: 40%; overflow: hidden; text-overflow: ellipsis; } .pgp ul li.cr .property-name.p-reset { width: 30%; } .pgp ul li.cr div.p-reset { width: 10%; text-align: right; float: left; } .pgp ul li.cr div.p-reset i.reset-badge { margin-left: 1px; margin-right: 2px; } .pgp ul li.cr div.p-reset i.reset-badge.btn-reset:hover { cursor: pointer; } .pgp ul li.cr .c { float: left; width: 60%; height: 27px; overflow: hidden; text-overflow: ellipsis; /** Controller placement */ } .pgp ul li.cr .c.has-invalid-value { background-color: #f98980; } .pgp ul li.cr .c input { font-size: 12px; height: 19px; line-height: 19px; box-sizing: border-box; } .pgp ul li.cr .c input[type=checkbox] { margin-top: -2px; } .pgp ul li.cr .c input[type=text] { border: 0; margin-top: -2px; margin-bottom: 0; padding: 3px; width: 100%; outline: none; } .pgp ul li.cr .c input[type=number] { border: 0; margin-top: -2px; margin-bottom: 0; padding-left: 2px; padding-bottom: 0; padding-top: 0; width: 100%; outline: none; } .pgp ul li.cr .c input[type=text]:not([disabled]) { background: white; } .pgp ul li.cr .c input[type=text]:not([disabled]):hover { background: white; } .pgp ul li.cr .c input[type=text]:not([disabled]):focus { background: white; } .pgp ul li.cr .c div.iCheckBox { margin-top: 5px; } .pgp ul li.cr .c select { margin-top: 2px; width: 100%; height: 23px; border: 0; padding: 3px; color: #1a1a1a; font-size: 11px; } .pgp ul li.cr .c select:not([disabled]) { background: white; } .pgp ul li.cr .c .btn-dialog-open { margin-top: 2px; position: absolute; right: 2px; font-weight: bold; } .pgp ul li.cr .c div.color-picker { height: 19px; width: 100%; margin-top: 4px; cursor: pointer; border-radius: 4px; border-style: solid; border-width: 1px; border-color: darkgrey; } .pgp ul li.cr .c div.asset-widget { height: 25px; line-height: 25px; width: 98%; } .pgp ul li.cr .c div.asset-widget .btn-dialog-open { top: -1px; padding: 0 3px; } .pgp ul.closed li:not(.title) { display: none; } .pgp ul.closed li.title { background-image: url(data:image/gif;base64,R0lGODlhBQAFAPcAAAAAAAAAMwAAZgAAmQAAzAAA/wAzAAAzMwAzZgAzmQAzzAAz/wBmAABmMwBmZgBmmQBmzABm/wCZAACZMwCZZgCZmQCZzACZ/wDMAADMMwDMZgDMmQDMzADM/wD/AAD/MwD/ZgD/mQD/zAD//zMAADMAMzMAZjMAmTMAzDMA/zMzADMzMzMzZjMzmTMzzDMz/zNmADNmMzNmZjNmmTNmzDNm/zOZADOZMzOZZjOZmTOZzDOZ/zPMADPMMzPMZjPMmTPMzDPM/zP/ADP/MzP/ZjP/mTP/zDP//2YAAGYAM2YAZmYAmWYAzGYA/2YzAGYzM2YzZmYzmWYzzGYz/2ZmAGZmM2ZmZmZmmWZmzGZm/2aZAGaZM2aZZmaZmWaZzGaZ/2bMAGbMM2bMZmbMmWbMzGbM/2b/AGb/M2b/Zmb/mWb/zGb//5kAAJkAM5kAZpkAmZkAzJkA/5kzAJkzM5kzZpkzmZkzzJkz/5lmAJlmM5lmZplmmZlmzJlm/5mZAJmZM5mZZpmZmZmZzJmZ/5nMAJnMM5nMZpnMmZnMzJnM/5n/AJn/M5n/Zpn/mZn/zJn//8wAAMwAM8wAZswAmcwAzMwA/8wzAMwzM8wzZswzmcwzzMwz/8xmAMxmM8xmZsxmmcxmzMxm/8yZAMyZM8yZZsyZmcyZzMyZ/8zMAMzMM8zMZszMmczMzMzM/8z/AMz/M8z/Zsz/mcz/zMz///8AAP8AM/8AZv8Amf8AzP8A//8zAP8zM/8zZv8zmf8zzP8z//9mAP9mM/9mZv9mmf9mzP9m//+ZAP+ZM/+ZZv+Zmf+ZzP+Z///MAP/MM//MZv/Mmf/MzP/M////AP//M///Zv//mf//zP////X19QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANgALAAAAAAFAAUAAAgQALFhAyBQIACCBg8mLIgwIAA7); }