token-input.css in Webform CiviCRM Integration 7.5
Same filename and directory in other branches
/* tokeninput vertical list - modified for webform_civicrm */ form ul.token-input-list { overflow: hidden; height: auto !important; height: 1%; width: 100%; max-width: 400px; border: 1px solid #999; cursor: text; font-size: 12px; font-family: Verdana; margin: 0; padding: 0; background-color: #fff; list-style-type: none; clear: left; } form .webform-container-inline ul.token-input-list { display: inline-block; position: relative; top: 10px; } form ul.token-input-list li { list-style-type: none; list-style-image: none; } form ul.token-input-list li input { border: 0; width: 350px; padding: 3px 8px; background-color: white; -webkit-appearance: caret; } form li.token-input-token { overflow: hidden; height: auto !important; height: 1%; margin: 3px; padding: 3px 5px; background-color: #d0efa0; color: #000; font-weight: bold; cursor: default; display: block; } form .webform-component.static li.token-input-token { background-color: #D9E4C9; } form li.token-input-token p { float: left; padding: 0; margin: 0; } form li.token-input-token span { float: right; color: #777; cursor: pointer; } form li.token-input-selected-token { background-color: #08844e; color: #fff; } form li.token-input-selected-token span { color: #bbb; } div.token-input-dropdown { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 12px; font-family: Verdana; } div.token-input-dropdown p { margin: 0; padding: 5px; font-weight: bold; color: #777; } div.token-input-dropdown ul { margin: 0; padding: 0; } div.token-input-dropdown ul li { background-color: #fff; padding: 3px; list-style-type: none; } div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #fafafa; } div.token-input-dropdown ul li.token-input-dropdown-item2 { background-color: #fff; } div.token-input-dropdown ul li em { font-weight: bold; font-style: normal; } div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: #d0efa0; } form.contact-loading, form.contact-loading * { cursor: progress !important; }
File
css/token-input.cssView source
- /* tokeninput vertical list - modified for webform_civicrm */
- form ul.token-input-list {
- overflow: hidden;
- height: auto !important;
- height: 1%;
- width: 100%;
- max-width: 400px;
- border: 1px solid #999;
- cursor: text;
- font-size: 12px;
- font-family: Verdana;
- margin: 0;
- padding: 0;
- background-color: #fff;
- list-style-type: none;
- clear: left;
- }
-
- form .webform-container-inline ul.token-input-list {
- display: inline-block;
- position: relative;
- top: 10px;
- }
-
- form ul.token-input-list li {
- list-style-type: none;
- list-style-image: none;
- }
-
- form ul.token-input-list li input {
- border: 0;
- width: 350px;
- padding: 3px 8px;
- background-color: white;
- -webkit-appearance: caret;
- }
-
- form li.token-input-token {
- overflow: hidden;
- height: auto !important;
- height: 1%;
- margin: 3px;
- padding: 3px 5px;
- background-color: #d0efa0;
- color: #000;
- font-weight: bold;
- cursor: default;
- display: block;
- }
-
- form .webform-component.static li.token-input-token {
- background-color: #D9E4C9;
- }
-
- form li.token-input-token p {
- float: left;
- padding: 0;
- margin: 0;
- }
-
- form li.token-input-token span {
- float: right;
- color: #777;
- cursor: pointer;
- }
-
- form li.token-input-selected-token {
- background-color: #08844e;
- color: #fff;
- }
-
- form li.token-input-selected-token span {
- color: #bbb;
- }
-
- div.token-input-dropdown {
- position: absolute;
- width: 400px;
- background-color: #fff;
- overflow: hidden;
- border-left: 1px solid #ccc;
- border-right: 1px solid #ccc;
- border-bottom: 1px solid #ccc;
- cursor: default;
- font-size: 12px;
- font-family: Verdana;
- }
-
- div.token-input-dropdown p {
- margin: 0;
- padding: 5px;
- font-weight: bold;
- color: #777;
- }
-
- div.token-input-dropdown ul {
- margin: 0;
- padding: 0;
- }
-
- div.token-input-dropdown ul li {
- background-color: #fff;
- padding: 3px;
- list-style-type: none;
- }
-
- div.token-input-dropdown ul li.token-input-dropdown-item {
- background-color: #fafafa;
- }
-
- div.token-input-dropdown ul li.token-input-dropdown-item2 {
- background-color: #fff;
- }
-
- div.token-input-dropdown ul li em {
- font-weight: bold;
- font-style: normal;
- }
-
- div.token-input-dropdown ul li.token-input-selected-dropdown-item {
- background-color: #d0efa0;
- }
-
- form.contact-loading,
- form.contact-loading * {
- cursor: progress !important;
- }