webgme
Version:
Web-based Generic Modeling Environment
157 lines (156 loc) • 7.41 kB
CSS
.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); }