.tagger { border: 1px solid #909497; } .tagger input[type="hidden"] { display: none; } .tagger > ul { align-items: center; box-sizing: border-box; display: flex; height: auto; justify-content: space-between; padding: 4px 0; width: 100%; } .tagger ul { list-style: none; margin: 0; } .tagger > ul > li { margin: 0.4rem 0; padding-left: 10px; } .tagger-new ul a, .tagger-new ul a:visited, .tagger > ul > li:not(.tagger-new) a, .tagger > ul > li:not(.tagger-new) a:visited { color: #000; } .tagger .tagger-new ul, .tagger > ul > li:not(.tagger-new) > a, .tagger li:not(.tagger-new) > span { background: #b1c3d7; border: 1px solid #4181ed; border-radius: 3px; padding: 4px 4px 4px 8px; } .tagger li a.close { filter: alpha(opacity=100); float: none; font-size: 16px; line-height: 16px; margin-left: 4px; opacity: 1; padding: 4px; } .tagger li a.close:hover { color: #fff; } .tagger li:not(.tagger-new) a { text-decoration: none; } .tagger .tagger-new input { background: transparent; border: none; box-shadow: none; outline: none; padding-left: 0; width: 100%; } .tagger .tagger-new { flex-grow: 1; position: relative; } .tagger .tagger-new ul { padding: 5px; } .tagger .tagger-completion { position: absolute; z-index: 100; } .tagger.wrap > ul { flex-wrap: wrap; justify-content: start; } .form-table th { width: auto; } h2 { margin: 25px 0 15px; } h2:first-of-type { margin-top: 20px; } h2 label { cursor: auto; } .active-snippet #title, .inactive-snippet #title { border-left-width: 4px; } .active-snippet #title { border-left-color: #46b450; } .inactive-snippet #title { border-left-color: #bbb; } .erroneous-snippet #title { border-left-color: #dc3232; } label[for="snippet_description"] h3 div { position: absolute; } .button + .button { margin-left: 0.5em; } .submit-inline { float: right; } .snippet-scope { margin-top: 15px; } .snippet-scope label { display: inline-block; margin-right: 1.5em; } .snippet-priority { float: right; } .snippet-priority label { cursor: help; font-size: 1.1em; font-weight: 700; padding-right: 0.5em; } .snippet-priority input { width: 4em; } .snippet-editor { position: relative; } .editor-help-tooltip { background: transparent !important; cursor: help; display: inline-block; font-size: 10px; padding: 0.3em 0.3em 0; } .snippet-editor-help { position: absolute; right: 5px; top: 5px; } .snippet-editor-help:hover .editor-help-text { opacity: 1; visibility: visible; } .editor-help-text { background-color: #555; border-radius: 6px; color: #fff; font-size: small; margin-right: -10px; opacity: 0; padding: 5px; position: absolute; right: 0; top: 125%; transition: opacity 0.3s; visibility: hidden; white-space: nowrap; z-index: 99; } .editor-help-text:after { border: 5px solid transparent; border-bottom-color: #555; bottom: 100%; content: ""; margin-right: 10px; position: absolute; right: 0; } .editor-help-text td:first-child { padding-right: 0.5em; } .editor-help-text .mac-key { display: none; } .editor-help-text.platform-mac .mac-key { display: inline; } .editor-help-text.platform-mac .pc-key { display: none; } .CodeMirror { width: 100%; } .CodeMirror-sizer { min-height: 300px !important; } .tagger { border: 0; } .tagger ul { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 3px; } .tagger-new ul, .tagger > ul > li:not(.tagger-new) > a, .tagger li:not(.tagger-new) > span { background-color: #dee7f8; border: 1px solid #cad8f3; border-radius: 6px; } .tagger-new ul:hover, .tagger > ul > li:not(.tagger-new) > a:hover, .tagger li:not(.tagger-new) > span:hover { background-color: #bbcef1; border-color: #6d95e0; } .tagger-new ul a, .tagger-new ul a:visited, .tagger > ul > li:not(.tagger-new) a, .tagger > ul > li:not(.tagger-new) a:visited { color: #555; font-size: 1.1em; } /* editor custom code save button design */ .save-button-area { display:block; position: relative; background-color: #F5F5F5; border:1px solid #C3C4C7; margin-top:-48px; height:60px; } .save-button-area > p.submit { width:150px; height:40px; } .save-button-area > p.submit > input.button { display:block; position: relative; margin-top: -19px; margin-left: 5px; width: 150px; height: 40px; left: 113px; }