You are here

finder_ui.css in Finder 7.2

.finder-ui .ctools-export-ui-operations .ctools-button {
  margin: 10px 0;
  position: relative !important;
}

.finder-ui-list-wrapper #ctools-export-ui-list-form {
  display: none;
}

div.finder-ui {
  border: 1px solid #CCC;
  padding-bottom: 36px;
  margin-bottom: 14px;
}

div.finder-ui-info {
  background-color: #F9F9F9;
  border-bottom: 1px solid #CCC;
  margin-bottom: 14px;
  padding: 8px 8px 6px;
  position: relative;
  overflow: hidden;
}

div.finder-ui-info-edit {
  float: right;
  margin-top: 6px;
  position: relative;
}
div.finder-ui-columns {
  margin: 15px 12px 0 12px;
  overflow: hidden;
}

div.finder-ui-column {
  float: left;
  margin-left: 1%;
  padding-left: 1%;
}

div#finder-ui-column-1 {
  margin-left: 0;
  padding-left: 0;
  width: 20%;
}

div#finder-ui-column-2 {
  width: 20%;
}

div#finder-ui-column-3 {
  width: 56%;
}

div.finder-ui-group {
  border: 1px solid #F3F3F3;
  line-height: 20px;
  margin: 0;
  padding-top: 4px;
}

div.finder-ui-group > .even {
  background-color: #F9F9F9;
}

div.finder-ui-group-title {
  position: relative;
}

div.finder-ui-group-title h3 {
  font-size: 12px;
  text-transform: uppercase;
  padding: 2px 6px 4px 6px;
  margin: 0;
}

div.finder-ui-item {
  color: #666;
  font-size: 12px;
  padding: 2px 6px;
  overflow: hidden;
}

div.finder-ui-item .label {
  margin-right: 3pt;
  float: left;
}

div.finder-ui-item a {
  float: left;
  margin: 0 2px;
}

div.finder-ui-field-list a {
  float: none;
}

div.finder-ui-column .extra {
  float: right;
  margin-right: 6px;
}

div#finder-ui-elements-list {
  margin: 0 3pt;
}

div#finder-ui-elements-list fieldset {
  margin: 0;
  border: 0;
  padding-top: 1.8em;
  line-height: auto;
  background: white;
}

div#finder-ui-elements-list fieldset span.fieldset-legend {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

div#finder-ui-elements-list div.fieldset-wrapper {
  padding: 0 0 3px 3px;
  margin: 0;
}

div#finder-ui-elements-list div.finder-ui-column {
  width: 32%;
}

div#finder-ui-elements-list div.finder-ui-columns {
  margin: 0;
}

table#finder-ui-edit-elements-table td {
  position: relative;
}

td.finder-ui-elements-table-value {
  position: relative;
}

td.finder-ui-elements-table-value span.tabledrag-changed {
  position: absolute;
  top: 0;
  left: 3px;
}

div#finder-ui-elements-list div.indentation {
  height: 60px;
}

.finder-ui table td, 
.finder-ui table th {
  vertical-align:top !important;
}

.finder-ui .tabledrag-handle {
  position: relative;
  z-index: 10;
  left: 0;
  top: 0;
}

.finder-ui .ctools-button-processed {
  background-color: #FFFFFF;
  border-color: #CCCCCC;
  font-size: 11px;
  padding-bottom: 0px;
  padding-top: 0px;
  background-image:
   -moz-linear-gradient(
    -90deg,
    #ffffff 0px,
    #f9f9f9 100%);
  background-image:
   -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.0, rgba(255, 255, 255, 1.0)),
    color-stop(1.0, rgba(249, 249, 249, 1.0))
   );
  background-image:
   -webkit-linear-gradient(
    -90deg,
    #ffffff 0px,
    #f9f9f9 100%);
  background-image:
   linear-gradient(
    -90deg,
    #ffffff 0px,
    #f9f9f9 100%);
  -moz-border-radius: 11px 11px 11px 11px;
  -webkit-border-radius: 11px 11px 11px 11px;
  border-radius: 11px 11px 11px 11px;
  position:absolute !important;
  top: 0px;
  right: 6px;
}

.finder-ui .ctools-button-processed:hover {
  background-image:
   -moz-linear-gradient(
    -90deg,
    #ffffff 0px,
    #f1f1f1 100%);
  background-image:
   -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.0, rgba(255, 255, 255, 1.0)),
    color-stop(1.0, rgba(241, 241, 241, 1.0))
   );
  background-image:
   -webkit-linear-gradient(
    -90deg,
    #ffffff 0px,
    #f1f1f1 100%);
  background-image:
   linear-gradient(
    -90deg,
    #ffffff 0px,
    #f1f1f1 100%);
}

.finder-ui .ctools-dropbutton-processed.open:hover {
  background-image:
   -moz-linear-gradient(
    -90deg,
    #ffffff 0px,
    #f9f9f9 100%);
  background-image:
   -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.0, rgba(255, 255, 255, 1.0)),
    color-stop(1.0, rgba(249, 249, 249, 1.0))
   );
  background-image:
   -webkit-linear-gradient(
    -90deg,
    #ffffff 0px,
    #f9f9f9 100%);
  background-image:
   linear-gradient(
    -90deg,
    #ffffff 0px,
    #f9f9f9 100%);
}

.finder-ui .ctools-dropbutton-processed.open {
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.finder-ui .ctools-dropbutton-processed .ctools-content {
   border-right: 1px solid #E8E8E8;
}

.finder-ui .ctools-button-processed .ctools-content {
   padding-bottom: 2px;
   padding-top: 2px;
}

.finder-ui .ctools-button-processed li {
   line-height: 1.3333;
}

.finder-ui .ctools-dropbutton-processed li a, 
.finder-ui .ctools-dropbutton-processed li input {
   padding-right: 9px;
}

.finder-ui .ctools-button li a {
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}

.finder-ui .ctools-dropbutton-processed.open li + li {
   border-top: 1px solid #EFEFEF;
   margin-top: 4px;
   padding-bottom: 0;
   padding-top: 4px;
}

.finder-ui .ctools-twisty:focus {
   outline: medium none;
}

.finder-ui .ctools-button .ctools-content ul {
  margin: 0;
}

.finder-ui-element-info {
  position: relative;
}

.finder-ui-element-info .ctools-dropbutton {
  margin-top: 6px;
}

.finder-ui-match-custom {
  margin-bottom: 2em;
}

.finder-ui-match-custom .form-item {
  display: inline;
  padding: 0 !important;
}

.finder-ui-match-custom-operator {
  padding-right: 1em;
}

.finder-ui-match-custom-operator span.field-prefix {
  padding-right: 1em;
}

div.finder-ui-list {
  border: 0;
  padding-bottom: 0;
}

.finder-ui-elements-table-value {
  width: 100%;
}

.finder-ui-modal-buttons {
  position: relative;
  top: 0;
  height: 45px;
  left: -13px;
  background-color: #F3F4EE;
  border-top: 1px solid #ccc;
  width: 100%;
  padding-right: 26px;
}

.finder-ui-modal-buttons input.form-submit {
  margin: 8px 13px;
  margin-right: 0;
}

#modalContent div.finder-ui-modal-content {
  border: none;
  padding: 0;
  margin: 0;
}

#modalContent div.finder-ui-modal-content .modal-content {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#modalContent div.finder-ui-modal-content .modal-header {
  font-size: 15px;
  border-bottom: 1px solid #CCC;
  padding: 8px 13px;
  height: 50px;
  background-color: #F3F4EE;
}

#modalContent div.finder-ui-modal-content .modal-title {
  font-size: 15px;
  display: block;
  color: inherit;
}

#modalContent div.finder-ui-modal-content .modal-content form {
  padding: 0 13px;
  overflow-y: auto;
  height: 100%;
  background-color: #fff;
}

#modalContent div.finder-ui-modal-content .modal-content form .finder-ui-modal-form-wrapper {
  min-height: 475px !important;
  padding-top: 10px !important;
  overflow: auto;
}

#modalContent div.finder-ui-modal-content .modal-content form fieldset.filter-wrapper {
  width: auto;
  margin-left: 15em;
  margin-right: 5em;
}

#modalContent div.finder-ui-modal-content .modal-header a.close {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  right: -26px;
  top: 0;
  background: url("images/close.png") no-repeat scroll 6px 3px #F3F4EE;
  -moz-border-radius: 0 10px 12px 0;
  -webkit-border-radius: 0 10px 12px 0;
  border-radius: 0 10px 12px 0;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  height: 22px;
  width: 26px;
  z-index: 1002;
  overflow: hidden;
  text-indent: -10000px;
  line-height: 0;
}

#modalContent div.finder-ui-modal-content .dependent-options {
  padding-left: 0;
}

#modalContent div.finder-ui-modal-content .form-actions {
  margin: 0;
}

/* It's not nice to hide the messages, but it ruins stuff :( */
#modalContent div.finder-ui-modal-content div.messages {
  display: none;
}

.finder-ui-elements-table-desc {
  padding-left: 3px;
}

File

modules/finder_ui/finder_ui.css
View source
  1. .finder-ui .ctools-export-ui-operations .ctools-button {
  2. margin: 10px 0;
  3. position: relative !important;
  4. }
  5. .finder-ui-list-wrapper #ctools-export-ui-list-form {
  6. display: none;
  7. }
  8. div.finder-ui {
  9. border: 1px solid #CCC;
  10. padding-bottom: 36px;
  11. margin-bottom: 14px;
  12. }
  13. div.finder-ui-info {
  14. background-color: #F9F9F9;
  15. border-bottom: 1px solid #CCC;
  16. margin-bottom: 14px;
  17. padding: 8px 8px 6px;
  18. position: relative;
  19. overflow: hidden;
  20. }
  21. div.finder-ui-info-edit {
  22. float: right;
  23. margin-top: 6px;
  24. position: relative;
  25. }
  26. div.finder-ui-columns {
  27. margin: 15px 12px 0 12px;
  28. overflow: hidden;
  29. }
  30. div.finder-ui-column {
  31. float: left;
  32. margin-left: 1%;
  33. padding-left: 1%;
  34. }
  35. div#finder-ui-column-1 {
  36. margin-left: 0;
  37. padding-left: 0;
  38. width: 20%;
  39. }
  40. div#finder-ui-column-2 {
  41. width: 20%;
  42. }
  43. div#finder-ui-column-3 {
  44. width: 56%;
  45. }
  46. div.finder-ui-group {
  47. border: 1px solid #F3F3F3;
  48. line-height: 20px;
  49. margin: 0;
  50. padding-top: 4px;
  51. }
  52. div.finder-ui-group > .even {
  53. background-color: #F9F9F9;
  54. }
  55. div.finder-ui-group-title {
  56. position: relative;
  57. }
  58. div.finder-ui-group-title h3 {
  59. font-size: 12px;
  60. text-transform: uppercase;
  61. padding: 2px 6px 4px 6px;
  62. margin: 0;
  63. }
  64. div.finder-ui-item {
  65. color: #666;
  66. font-size: 12px;
  67. padding: 2px 6px;
  68. overflow: hidden;
  69. }
  70. div.finder-ui-item .label {
  71. margin-right: 3pt;
  72. float: left;
  73. }
  74. div.finder-ui-item a {
  75. float: left;
  76. margin: 0 2px;
  77. }
  78. div.finder-ui-field-list a {
  79. float: none;
  80. }
  81. div.finder-ui-column .extra {
  82. float: right;
  83. margin-right: 6px;
  84. }
  85. div#finder-ui-elements-list {
  86. margin: 0 3pt;
  87. }
  88. div#finder-ui-elements-list fieldset {
  89. margin: 0;
  90. border: 0;
  91. padding-top: 1.8em;
  92. line-height: auto;
  93. background: white;
  94. }
  95. div#finder-ui-elements-list fieldset span.fieldset-legend {
  96. padding-top: 0;
  97. margin-top: 0;
  98. padding-bottom: 0;
  99. margin-bottom: 0;
  100. }
  101. div#finder-ui-elements-list div.fieldset-wrapper {
  102. padding: 0 0 3px 3px;
  103. margin: 0;
  104. }
  105. div#finder-ui-elements-list div.finder-ui-column {
  106. width: 32%;
  107. }
  108. div#finder-ui-elements-list div.finder-ui-columns {
  109. margin: 0;
  110. }
  111. table#finder-ui-edit-elements-table td {
  112. position: relative;
  113. }
  114. td.finder-ui-elements-table-value {
  115. position: relative;
  116. }
  117. td.finder-ui-elements-table-value span.tabledrag-changed {
  118. position: absolute;
  119. top: 0;
  120. left: 3px;
  121. }
  122. div#finder-ui-elements-list div.indentation {
  123. height: 60px;
  124. }
  125. .finder-ui table td,
  126. .finder-ui table th {
  127. vertical-align:top !important;
  128. }
  129. .finder-ui .tabledrag-handle {
  130. position: relative;
  131. z-index: 10;
  132. left: 0;
  133. top: 0;
  134. }
  135. .finder-ui .ctools-button-processed {
  136. background-color: #FFFFFF;
  137. border-color: #CCCCCC;
  138. font-size: 11px;
  139. padding-bottom: 0px;
  140. padding-top: 0px;
  141. background-image:
  142. -moz-linear-gradient(
  143. -90deg,
  144. #ffffff 0px,
  145. #f9f9f9 100%);
  146. background-image:
  147. -webkit-gradient(
  148. linear,
  149. left top,
  150. left bottom,
  151. color-stop(0.0, rgba(255, 255, 255, 1.0)),
  152. color-stop(1.0, rgba(249, 249, 249, 1.0))
  153. );
  154. background-image:
  155. -webkit-linear-gradient(
  156. -90deg,
  157. #ffffff 0px,
  158. #f9f9f9 100%);
  159. background-image:
  160. linear-gradient(
  161. -90deg,
  162. #ffffff 0px,
  163. #f9f9f9 100%);
  164. -moz-border-radius: 11px 11px 11px 11px;
  165. -webkit-border-radius: 11px 11px 11px 11px;
  166. border-radius: 11px 11px 11px 11px;
  167. position:absolute !important;
  168. top: 0px;
  169. right: 6px;
  170. }
  171. .finder-ui .ctools-button-processed:hover {
  172. background-image:
  173. -moz-linear-gradient(
  174. -90deg,
  175. #ffffff 0px,
  176. #f1f1f1 100%);
  177. background-image:
  178. -webkit-gradient(
  179. linear,
  180. left top,
  181. left bottom,
  182. color-stop(0.0, rgba(255, 255, 255, 1.0)),
  183. color-stop(1.0, rgba(241, 241, 241, 1.0))
  184. );
  185. background-image:
  186. -webkit-linear-gradient(
  187. -90deg,
  188. #ffffff 0px,
  189. #f1f1f1 100%);
  190. background-image:
  191. linear-gradient(
  192. -90deg,
  193. #ffffff 0px,
  194. #f1f1f1 100%);
  195. }
  196. .finder-ui .ctools-dropbutton-processed.open:hover {
  197. background-image:
  198. -moz-linear-gradient(
  199. -90deg,
  200. #ffffff 0px,
  201. #f9f9f9 100%);
  202. background-image:
  203. -webkit-gradient(
  204. linear,
  205. left top,
  206. left bottom,
  207. color-stop(0.0, rgba(255, 255, 255, 1.0)),
  208. color-stop(1.0, rgba(249, 249, 249, 1.0))
  209. );
  210. background-image:
  211. -webkit-linear-gradient(
  212. -90deg,
  213. #ffffff 0px,
  214. #f9f9f9 100%);
  215. background-image:
  216. linear-gradient(
  217. -90deg,
  218. #ffffff 0px,
  219. #f9f9f9 100%);
  220. }
  221. .finder-ui .ctools-dropbutton-processed.open {
  222. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  223. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  224. box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  225. }
  226. .finder-ui .ctools-dropbutton-processed .ctools-content {
  227. border-right: 1px solid #E8E8E8;
  228. }
  229. .finder-ui .ctools-button-processed .ctools-content {
  230. padding-bottom: 2px;
  231. padding-top: 2px;
  232. }
  233. .finder-ui .ctools-button-processed li {
  234. line-height: 1.3333;
  235. }
  236. .finder-ui .ctools-dropbutton-processed li a,
  237. .finder-ui .ctools-dropbutton-processed li input {
  238. padding-right: 9px;
  239. }
  240. .finder-ui .ctools-button li a {
  241. padding-left: 12px;
  242. padding-right: 12px;
  243. white-space: nowrap;
  244. }
  245. .finder-ui .ctools-dropbutton-processed.open li + li {
  246. border-top: 1px solid #EFEFEF;
  247. margin-top: 4px;
  248. padding-bottom: 0;
  249. padding-top: 4px;
  250. }
  251. .finder-ui .ctools-twisty:focus {
  252. outline: medium none;
  253. }
  254. .finder-ui .ctools-button .ctools-content ul {
  255. margin: 0;
  256. }
  257. .finder-ui-element-info {
  258. position: relative;
  259. }
  260. .finder-ui-element-info .ctools-dropbutton {
  261. margin-top: 6px;
  262. }
  263. .finder-ui-match-custom {
  264. margin-bottom: 2em;
  265. }
  266. .finder-ui-match-custom .form-item {
  267. display: inline;
  268. padding: 0 !important;
  269. }
  270. .finder-ui-match-custom-operator {
  271. padding-right: 1em;
  272. }
  273. .finder-ui-match-custom-operator span.field-prefix {
  274. padding-right: 1em;
  275. }
  276. div.finder-ui-list {
  277. border: 0;
  278. padding-bottom: 0;
  279. }
  280. .finder-ui-elements-table-value {
  281. width: 100%;
  282. }
  283. .finder-ui-modal-buttons {
  284. position: relative;
  285. top: 0;
  286. height: 45px;
  287. left: -13px;
  288. background-color: #F3F4EE;
  289. border-top: 1px solid #ccc;
  290. width: 100%;
  291. padding-right: 26px;
  292. }
  293. .finder-ui-modal-buttons input.form-submit {
  294. margin: 8px 13px;
  295. margin-right: 0;
  296. }
  297. #modalContent div.finder-ui-modal-content {
  298. border: none;
  299. padding: 0;
  300. margin: 0;
  301. }
  302. #modalContent div.finder-ui-modal-content .modal-content {
  303. padding: 0;
  304. margin: 0;
  305. overflow: hidden;
  306. }
  307. #modalContent div.finder-ui-modal-content .modal-header {
  308. font-size: 15px;
  309. border-bottom: 1px solid #CCC;
  310. padding: 8px 13px;
  311. height: 50px;
  312. background-color: #F3F4EE;
  313. }
  314. #modalContent div.finder-ui-modal-content .modal-title {
  315. font-size: 15px;
  316. display: block;
  317. color: inherit;
  318. }
  319. #modalContent div.finder-ui-modal-content .modal-content form {
  320. padding: 0 13px;
  321. overflow-y: auto;
  322. height: 100%;
  323. background-color: #fff;
  324. }
  325. #modalContent div.finder-ui-modal-content .modal-content form .finder-ui-modal-form-wrapper {
  326. min-height: 475px !important;
  327. padding-top: 10px !important;
  328. overflow: auto;
  329. }
  330. #modalContent div.finder-ui-modal-content .modal-content form fieldset.filter-wrapper {
  331. width: auto;
  332. margin-left: 15em;
  333. margin-right: 5em;
  334. }
  335. #modalContent div.finder-ui-modal-content .modal-header a.close {
  336. display: block;
  337. margin: 0;
  338. padding: 0;
  339. position: absolute;
  340. right: -26px;
  341. top: 0;
  342. background: url("images/close.png") no-repeat scroll 6px 3px #F3F4EE;
  343. -moz-border-radius: 0 10px 12px 0;
  344. -webkit-border-radius: 0 10px 12px 0;
  345. border-radius: 0 10px 12px 0;
  346. border-style: solid;
  347. border-width: 1px 1px 1px 0;
  348. height: 22px;
  349. width: 26px;
  350. z-index: 1002;
  351. overflow: hidden;
  352. text-indent: -10000px;
  353. line-height: 0;
  354. }
  355. #modalContent div.finder-ui-modal-content .dependent-options {
  356. padding-left: 0;
  357. }
  358. #modalContent div.finder-ui-modal-content .form-actions {
  359. margin: 0;
  360. }
  361. /* It's not nice to hide the messages, but it ruins stuff :( */
  362. #modalContent div.finder-ui-modal-content div.messages {
  363. display: none;
  364. }
  365. .finder-ui-elements-table-desc {
  366. padding-left: 3px;
  367. }