You are here

linkit.css in Linkit 7.3

Same filename and directory in other branches
  1. 6 css/linkit.css
  2. 7 css/linkit.css
  3. 7.2 css/linkit.css

Linkit styles.

File

css/linkit.css
View source
  1. /**
  2. * @file
  3. * Linkit styles.
  4. */
  5. #linkit-modal {
  6. overflow: visible;
  7. padding: 20px;
  8. }
  9. #linkit-modal.progress-disabled {
  10. padding: 0;
  11. }
  12. #linkit-modal .linkit-search-element,
  13. #linkit-modal .linkit-path-element {
  14. background-image: none;
  15. font-size: 1em;
  16. height: 2em;
  17. padding: 3px 25px 3px 5px;
  18. width: 440px;
  19. }
  20. #linkit-modal .linkit-search-element.fetching {
  21. background-image: url(../throbber.gif);
  22. background-position: 98% -8px;
  23. background-repeat: no-repeat;
  24. }
  25. #linkit-modal .description,
  26. #linkit-modal a.fieldset-title {
  27. color: #666;
  28. }
  29. #linkit-modal .form-item input,
  30. #linkit-modal .form-item select,
  31. #linkit-modal fieldset.form-wrapper {
  32. -moz-border-radius: 3px;
  33. -webkit-border-radius: 3px;
  34. border-radius: 3px;
  35. -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) inset;
  36. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) inset;
  37. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) inset;
  38. outline: none;
  39. }
  40. .ui-dialog.linkit-wrapper {
  41. border: 1px solid #b2b2b2;
  42. border-bottom-color: #999;
  43. -moz-border-radius: 3px;
  44. -webkit-border-radius: 3px;
  45. border-radius: 3px;
  46. -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  47. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  48. box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  49. overflow: visible;
  50. padding: 0;
  51. }
  52. .ui-dialog.linkit-wrapper .ui-dialog-titlebar {
  53. font-weight: bold;
  54. font-size: 13px;
  55. color: #474747;
  56. text-shadow: 0 1px 0 rgba(255,255,255,.75);
  57. border-bottom: 1px solid #999;
  58. padding: 6px 10px;
  59. -moz-border-radius: 2px 2px 0 0;
  60. -webkit-border-radius: 2px 2px 0 0;
  61. border-radius: 2px 2px 0 0;
  62. -moz-box-shadow: 0 1px 0 #fff inset;
  63. -webkit-box-shadow: 0 1px 0 #fff inset;
  64. box-shadow: 0 1px 0 #fff inset;
  65. background: #cfd1cf;
  66. background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf));
  67. background-image: -moz-linear-gradient(top, #f5f5f5, #cfd1cf);
  68. background-image: -webkit-linear-gradient(top, #f5f5f5, #cfd1cf);
  69. background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf);
  70. background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf);
  71. background-image: linear-gradient(top, #f5f5f5, #cfd1cf);
  72. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#fff5f5f5', endColorstr='#ffcfd1cf');
  73. }
  74. #linkit-modal fieldset.form-wrapper {
  75. width: 470px;
  76. }
  77. #linkit-modal .linkit-attributes .form-item {
  78. overflow: hidden;
  79. padding: 0;
  80. }
  81. #linkit-modal label {
  82. color: #666;
  83. font-size: 11px;
  84. }
  85. #linkit-modal .linkit-attributes .form-item label {
  86. float: left;
  87. margin-right: 1em;
  88. width: 150px;
  89. }
  90. #linkit-modal .linkit-attributes .form-item input,
  91. #linkit-modal .linkit-attributes .form-item select {
  92. float: left;
  93. padding: 5px;
  94. width: 260px;
  95. }
  96. .linkit-wrapper > .ajax-progress {
  97. padding:20px;
  98. }
  99. #linkit-profile-changer {
  100. -webkit-border-radius: 3px;
  101. -moz-border-radius: 3px;
  102. border-radius: 3px;
  103. border-top: 5px solid #eee;
  104. left: 0;
  105. position: absolute;
  106. top: 0;
  107. z-index: 211000;
  108. width: 100%;
  109. }
  110. #linkit-profile-changer > div.form-item {
  111. background-color: #EEE;
  112. -webkit-border-radius: 3px;
  113. -moz-border-radius: 3px;
  114. border-radius: 3px;
  115. color: #666;
  116. display: none;
  117. margin: 0;
  118. padding: 10px 20px;
  119. z-index: 1;
  120. border-bottom: 1px solid #C9CCCF;
  121. }
  122. #linkit-profile-changer-toggler {
  123. background-color: #EEE;
  124. border: 1px solid #C9CCCF;
  125. border-top: none;
  126. -moz-border-radius-bottomleft: 3px;
  127. -webkit-border-bottom-left-radius: 3px;
  128. border-bottom-left-radius: 3px;
  129. -webkit-border-bottom-right-radius: 3px;
  130. -moz-border-radius-bottomright: 3px;
  131. border-bottom-right-radius: 3px;
  132. color: #666;
  133. cursor:pointer;
  134. float: right;
  135. font-size: 10px;
  136. font-weight: bold;
  137. margin: -1px 30px 0 0;
  138. text-align: center;
  139. width: 100px;
  140. }
  141. #linkit-imce {
  142. font-size: 10px;
  143. }
  144. .linkit-wrapper .ajax-progress .throbber {
  145. background-image: url(../throbber.gif);
  146. background-position: 98% -16px;
  147. background-repeat: no-repeat;
  148. height: 16px;
  149. margin: 2px;
  150. width: 16px;
  151. }
  152. /* Additional status types */
  153. .better-autocomplete {
  154. background-color: transparent;
  155. border-bottom: none;
  156. box-shadow: none;
  157. z-index: inherit;
  158. }
  159. .better-autocomplete > .result.status-ok {
  160. background: #397928;
  161. border-top-color: #6ba15d;
  162. }
  163. .better-autocomplete > .result.status-warning {
  164. background: #8a3131;
  165. border-top-color: #b77878;
  166. }
  167. .better-autocomplete > .result.status-notice {
  168. border-top-width: 0;
  169. background: #575757;
  170. }
  171. .better-autocomplete > .result span.status {
  172. font-style: italic;
  173. }
  174. .better-autocomplete > .result.unpublished-node {
  175. background: #fff4f4;
  176. }
  177. .better-autocomplete > .result.unpublished-node.highlight {
  178. background: #0075ba;
  179. border-top-color: #1f4a64;
  180. }
  181. .better-autocomplete > .result img {
  182. float: left;
  183. margin: 0 5px 5px 0;
  184. }
  185. .better-autocomplete > .result > p:after {
  186. clear: both;
  187. content: ".";
  188. display: block;
  189. font-size: 0;
  190. height: 0;
  191. visibility: hidden;
  192. }
  193. .better-autocomplete li:last-child {
  194. border-bottom-left-radius: 3px;
  195. border-bottom-right-radius: 3px;
  196. border-bottom: 1px solid #BFBFBF;
  197. }
  198. .ui-dialog.ui-front.linkit-wrapper {
  199. z-index: 210000;
  200. }