You are here

noderelationships.noderef_dialog.css in Node Relationships 6

/**
 * Search/Create and reference tabs and content.
 */
.noderelationships-noderef-page-tabs {
  margin: 0;
  padding: 0;
}
/* Fix for IE6. */
* html .noderelationships-noderef-page-tabs {
  margin-top: 1em;
}
.noderelationships-noderef-page-tabs ul {
  margin: 0;
  padding: 0 0.8em 0 0.8em;
  text-align: left;
}
.noderelationships-noderef-page-tabs ul li {
  display: inline-block;
  margin: 0 0.3em 0 0;
  padding: 0;
  list-style-type: none;
  background-image: none;
}
/* Fix for IE6. */
* html .noderelationships-noderef-page-tabs ul li {
  display: inline;
  zoom: 1;
}
.noderelationships-noderef-page-tabs ul li a {
  display: inline-block;
  margin: 0;
  padding: 0 1em;
  background-color: #f8f8f8;
  border: 1px solid #d8e8f8;
}
.noderelationships-noderef-page-tabs ul li a:hover {
  color: #000000;
  background-color: #d8e8f8;
  border: 1px solid #6699cc;
  text-decoration: none;
}
.noderelationships-noderef-page-tabs ul li.active a {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
  font-weight: bold;
}
.noderelationships-noderef-page-tabs ul li.active a:hover {
  background-color: #ffffff;
  border: 1px solid #6699cc;
  border-bottom-color: #ffffff;
}
.noderelationships-noderef-page-content {
  margin: -1px 0 0 0;
  padding: 1em;
  background-color: #ffffff;
  border: 1px solid #d8e8f8;
}

/**
 * Single selection for search and reference views.
 */
.noderelationships-noderef-singleselect {
  margin: 0 0 2em 0;
  padding: 0;
}
.noderelationships-noderef-singleselect label {
  font-weight: bold;
}

/**
 * Multiple selection for search and reference views.
 */
.noderelationships-noderef-multiselect-items label {
  font-weight: bold;
}
.noderelationships-noderef-multiselect-items-list {
  float: left;
  margin-right: 1em;
}
.noderelationships-noderef-multiselect-items-list ul {
  width: 450px;
  height: 60px;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  border-width: 1px;
  border-style: solid;
  border-color: #606060 #cecece #cecece #606060;
}
.noderelationships-noderef-multiselect-items-list ul li {
  margin: 0;
  padding: 1px;
  list-style-type: none;
  background-image: none;
  cursor: move;
}
.noderelationships-noderef-multiselect-items-list ul li div {
  margin: 0;
  padding: 2px 2px 2px .5em;
  list-style-type: none;
  background-image: none;
  border: 1px solid #d8e8f8;
}
.noderelationships-noderef-multiselect-unselect {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece #606060 #606060 #cecece;
  background: #f4f4f4 url(../images/multiselect-sprites.png) no-repeat -200px -160px;
}
.noderelationships-noderef-multiselect-unselect:hover {
  background-color: #ffffff;
  background-position: 0 -160px;
}
.noderelationships-noderef-multiselect-items-list .ui-state-highlight {
  height: 24px;
  border: 1px dashed #808080;
}
.noderelationships-noderef-multiselect-ui-sortable-helper {
  padding: .1em .5em;
  border: 1px solid #d8e8f8;
}
.noderelationships-noderef-multiselect-actions {
  float: left;
}
a.noderelationships-noderef-multiselect-button:link,
a.noderelationships-noderef-multiselect-button:active,
a.noderelationships-noderef-multiselect-button:visited {
  display: block;
  float: left;
  margin: 4px;
  padding: .2em 8px .2em 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece #606060 #606060 #cecece;
  color: #606060;
  background: #f0f0f0 url(../images/multiselect-sprites.png) no-repeat 4px 4px;
  text-decoration: none;
}
a.noderelationships-noderef-multiselect-button:hover {
  color: #000000;
  background-color: #ffffff;
  text-decoration: none;
}
a.noderelationships-noderef-multiselect-save {
  background-position: 4px 4px;
}
a.noderelationships-noderef-multiselect-sort-desc:link,
a.noderelationships-noderef-multiselect-sort-desc:active,
a.noderelationships-noderef-multiselect-sort-desc:visited,
a.noderelationships-noderef-multiselect-sort-desc:hover {
  background-position: 4px -28px;
}
a.noderelationships-noderef-multiselect-sort-asc:link,
a.noderelationships-noderef-multiselect-sort-asc:active,
a.noderelationships-noderef-multiselect-sort-asc:visited,
a.noderelationships-noderef-multiselect-sort-asc:hover {
  background-position: 4px -60px;
}
a.noderelationships-noderef-multiselect-reset:link,
a.noderelationships-noderef-multiselect-reset:active,
a.noderelationships-noderef-multiselect-reset:visited,
a.noderelationships-noderef-multiselect-reset:hover {
  background-position: 4px -92px;
}
a.noderelationships-noderef-multiselect-cancel:link,
a.noderelationships-noderef-multiselect-cancel:active,
a.noderelationships-noderef-multiselect-cancel:visited,
a.noderelationships-noderef-multiselect-cancel:hover {
  background-position: 4px -124px;
}
a.noderelationships-disabled:link,
a.noderelationships-disabled:active,
a.noderelationships-disabled:visited,
a.noderelationships-disabled:hover {
  color: #888888;
  border-color: #606060 #cecece #cecece #606060;
  background-color: #f0f0f0;
}
a.noderelationships-noderef-multiselect-save-disabled:link,
a.noderelationships-noderef-multiselect-save-disabled:active,
a.noderelationships-noderef-multiselect-save-disabled:visited,
a.noderelationships-noderef-multiselect-save-disabled:hover {
  background-position: -196px 4px;
}
a.noderelationships-noderef-multiselect-sort-desc-disabled:link,
a.noderelationships-noderef-multiselect-sort-desc-disabled:active,
a.noderelationships-noderef-multiselect-sort-desc-disabled:visited,
a.noderelationships-noderef-multiselect-sort-desc-disabled:hover {
  background-position: -196px -28px;
}
a.noderelationships-noderef-multiselect-sort-asc-disabled:link,
a.noderelationships-noderef-multiselect-sort-asc-disabled:active,
a.noderelationships-noderef-multiselect-sort-asc-disabled:visited,
a.noderelationships-noderef-multiselect-sort-asc-disabled:hover {
  background-position: -196px -60px;
}
a.noderelationships-noderef-multiselect-reset-disabled:link,
a.noderelationships-noderef-multiselect-reset-disabled:active,
a.noderelationships-noderef-multiselect-reset-disabled:visited,
a.noderelationships-noderef-multiselect-reset-disabled:hover {
  background-position: -196px -92px;
}
a.noderelationships-noderef-multiselect-cancel-disabled:link,
a.noderelationships-noderef-multiselect-cancel-disabled:active,
a.noderelationships-noderef-multiselect-cancel-disabled:visited,
a.noderelationships-noderef-multiselect-cancel-disabled:hover {
  background-position: -196px -124px;
}

/**
 * Search and reference views.
 */
.views-field-noderelationships-nid,
.views-field-noderelationships-title {
  display: none;
}
.noderelationships-noderef-selectable {
  cursor: pointer;
}

/**
 * Grid cells.
 */
table.views-view-grid {
  border-collapse: separate;
  border-spacing: 2px;
  empty-cells: hide;
}
table.views-view-grid td {
  border: 1px solid #d8e8f8;
}

/**
 * Selected and hover effects for selectable view elements.
 *
 * Provide an explicit DOM path in selectors to match cells with active class.
 * Note that the order of these CSS classes is important.
 */
table.views-view-grid td.noderelationships-noderef-selected,
div.views-fluid-grid .noderelationships-noderef-selected,
table.views-table tr.noderelationships-noderef-selected td,
table.views-table tr.noderelationships-noderef-selected td.active {
  background-color: #d0e0f0;
}
table.views-view-grid td.noderelationships-noderef-hover,
div.views-fluid-grid .noderelationships-noderef-hover,
table.views-table tr.noderelationships-noderef-hover td.active,
table.views-table tr.noderelationships-noderef-hover td.noderelationships-noderef-hover {
  background-color: #e4f0f8;
}

/**
 * jQuery UI effects.
 */
.noderelationships-effects-transfer {
  border: 1px dashed #888888;
  background-color: #f0f0f0;
  opacity: .5; /* css standard */
  filter: alpha(opacity=50); /* IE */
}

File

css/noderelationships.noderef_dialog.css
View source
  1. /**
  2. * Search/Create and reference tabs and content.
  3. */
  4. .noderelationships-noderef-page-tabs {
  5. margin: 0;
  6. padding: 0;
  7. }
  8. /* Fix for IE6. */
  9. * html .noderelationships-noderef-page-tabs {
  10. margin-top: 1em;
  11. }
  12. .noderelationships-noderef-page-tabs ul {
  13. margin: 0;
  14. padding: 0 0.8em 0 0.8em;
  15. text-align: left;
  16. }
  17. .noderelationships-noderef-page-tabs ul li {
  18. display: inline-block;
  19. margin: 0 0.3em 0 0;
  20. padding: 0;
  21. list-style-type: none;
  22. background-image: none;
  23. }
  24. /* Fix for IE6. */
  25. * html .noderelationships-noderef-page-tabs ul li {
  26. display: inline;
  27. zoom: 1;
  28. }
  29. .noderelationships-noderef-page-tabs ul li a {
  30. display: inline-block;
  31. margin: 0;
  32. padding: 0 1em;
  33. background-color: #f8f8f8;
  34. border: 1px solid #d8e8f8;
  35. }
  36. .noderelationships-noderef-page-tabs ul li a:hover {
  37. color: #000000;
  38. background-color: #d8e8f8;
  39. border: 1px solid #6699cc;
  40. text-decoration: none;
  41. }
  42. .noderelationships-noderef-page-tabs ul li.active a {
  43. background-color: #ffffff;
  44. border-bottom-color: #ffffff;
  45. font-weight: bold;
  46. }
  47. .noderelationships-noderef-page-tabs ul li.active a:hover {
  48. background-color: #ffffff;
  49. border: 1px solid #6699cc;
  50. border-bottom-color: #ffffff;
  51. }
  52. .noderelationships-noderef-page-content {
  53. margin: -1px 0 0 0;
  54. padding: 1em;
  55. background-color: #ffffff;
  56. border: 1px solid #d8e8f8;
  57. }
  58. /**
  59. * Single selection for search and reference views.
  60. */
  61. .noderelationships-noderef-singleselect {
  62. margin: 0 0 2em 0;
  63. padding: 0;
  64. }
  65. .noderelationships-noderef-singleselect label {
  66. font-weight: bold;
  67. }
  68. /**
  69. * Multiple selection for search and reference views.
  70. */
  71. .noderelationships-noderef-multiselect-items label {
  72. font-weight: bold;
  73. }
  74. .noderelationships-noderef-multiselect-items-list {
  75. float: left;
  76. margin-right: 1em;
  77. }
  78. .noderelationships-noderef-multiselect-items-list ul {
  79. width: 450px;
  80. height: 60px;
  81. margin: 0;
  82. padding: 0;
  83. overflow-y: scroll;
  84. border-width: 1px;
  85. border-style: solid;
  86. border-color: #606060 #cecece #cecece #606060;
  87. }
  88. .noderelationships-noderef-multiselect-items-list ul li {
  89. margin: 0;
  90. padding: 1px;
  91. list-style-type: none;
  92. background-image: none;
  93. cursor: move;
  94. }
  95. .noderelationships-noderef-multiselect-items-list ul li div {
  96. margin: 0;
  97. padding: 2px 2px 2px .5em;
  98. list-style-type: none;
  99. background-image: none;
  100. border: 1px solid #d8e8f8;
  101. }
  102. .noderelationships-noderef-multiselect-unselect {
  103. display: block;
  104. float: right;
  105. width: 16px;
  106. height: 16px;
  107. border-width: 1px;
  108. border-style: solid;
  109. border-color: #cecece #606060 #606060 #cecece;
  110. background: #f4f4f4 url(../images/multiselect-sprites.png) no-repeat -200px -160px;
  111. }
  112. .noderelationships-noderef-multiselect-unselect:hover {
  113. background-color: #ffffff;
  114. background-position: 0 -160px;
  115. }
  116. .noderelationships-noderef-multiselect-items-list .ui-state-highlight {
  117. height: 24px;
  118. border: 1px dashed #808080;
  119. }
  120. .noderelationships-noderef-multiselect-ui-sortable-helper {
  121. padding: .1em .5em;
  122. border: 1px solid #d8e8f8;
  123. }
  124. .noderelationships-noderef-multiselect-actions {
  125. float: left;
  126. }
  127. a.noderelationships-noderef-multiselect-button:link,
  128. a.noderelationships-noderef-multiselect-button:active,
  129. a.noderelationships-noderef-multiselect-button:visited {
  130. display: block;
  131. float: left;
  132. margin: 4px;
  133. padding: .2em 8px .2em 24px;
  134. border-width: 1px;
  135. border-style: solid;
  136. border-color: #cecece #606060 #606060 #cecece;
  137. color: #606060;
  138. background: #f0f0f0 url(../images/multiselect-sprites.png) no-repeat 4px 4px;
  139. text-decoration: none;
  140. }
  141. a.noderelationships-noderef-multiselect-button:hover {
  142. color: #000000;
  143. background-color: #ffffff;
  144. text-decoration: none;
  145. }
  146. a.noderelationships-noderef-multiselect-save {
  147. background-position: 4px 4px;
  148. }
  149. a.noderelationships-noderef-multiselect-sort-desc:link,
  150. a.noderelationships-noderef-multiselect-sort-desc:active,
  151. a.noderelationships-noderef-multiselect-sort-desc:visited,
  152. a.noderelationships-noderef-multiselect-sort-desc:hover {
  153. background-position: 4px -28px;
  154. }
  155. a.noderelationships-noderef-multiselect-sort-asc:link,
  156. a.noderelationships-noderef-multiselect-sort-asc:active,
  157. a.noderelationships-noderef-multiselect-sort-asc:visited,
  158. a.noderelationships-noderef-multiselect-sort-asc:hover {
  159. background-position: 4px -60px;
  160. }
  161. a.noderelationships-noderef-multiselect-reset:link,
  162. a.noderelationships-noderef-multiselect-reset:active,
  163. a.noderelationships-noderef-multiselect-reset:visited,
  164. a.noderelationships-noderef-multiselect-reset:hover {
  165. background-position: 4px -92px;
  166. }
  167. a.noderelationships-noderef-multiselect-cancel:link,
  168. a.noderelationships-noderef-multiselect-cancel:active,
  169. a.noderelationships-noderef-multiselect-cancel:visited,
  170. a.noderelationships-noderef-multiselect-cancel:hover {
  171. background-position: 4px -124px;
  172. }
  173. a.noderelationships-disabled:link,
  174. a.noderelationships-disabled:active,
  175. a.noderelationships-disabled:visited,
  176. a.noderelationships-disabled:hover {
  177. color: #888888;
  178. border-color: #606060 #cecece #cecece #606060;
  179. background-color: #f0f0f0;
  180. }
  181. a.noderelationships-noderef-multiselect-save-disabled:link,
  182. a.noderelationships-noderef-multiselect-save-disabled:active,
  183. a.noderelationships-noderef-multiselect-save-disabled:visited,
  184. a.noderelationships-noderef-multiselect-save-disabled:hover {
  185. background-position: -196px 4px;
  186. }
  187. a.noderelationships-noderef-multiselect-sort-desc-disabled:link,
  188. a.noderelationships-noderef-multiselect-sort-desc-disabled:active,
  189. a.noderelationships-noderef-multiselect-sort-desc-disabled:visited,
  190. a.noderelationships-noderef-multiselect-sort-desc-disabled:hover {
  191. background-position: -196px -28px;
  192. }
  193. a.noderelationships-noderef-multiselect-sort-asc-disabled:link,
  194. a.noderelationships-noderef-multiselect-sort-asc-disabled:active,
  195. a.noderelationships-noderef-multiselect-sort-asc-disabled:visited,
  196. a.noderelationships-noderef-multiselect-sort-asc-disabled:hover {
  197. background-position: -196px -60px;
  198. }
  199. a.noderelationships-noderef-multiselect-reset-disabled:link,
  200. a.noderelationships-noderef-multiselect-reset-disabled:active,
  201. a.noderelationships-noderef-multiselect-reset-disabled:visited,
  202. a.noderelationships-noderef-multiselect-reset-disabled:hover {
  203. background-position: -196px -92px;
  204. }
  205. a.noderelationships-noderef-multiselect-cancel-disabled:link,
  206. a.noderelationships-noderef-multiselect-cancel-disabled:active,
  207. a.noderelationships-noderef-multiselect-cancel-disabled:visited,
  208. a.noderelationships-noderef-multiselect-cancel-disabled:hover {
  209. background-position: -196px -124px;
  210. }
  211. /**
  212. * Search and reference views.
  213. */
  214. .views-field-noderelationships-nid,
  215. .views-field-noderelationships-title {
  216. display: none;
  217. }
  218. .noderelationships-noderef-selectable {
  219. cursor: pointer;
  220. }
  221. /**
  222. * Grid cells.
  223. */
  224. table.views-view-grid {
  225. border-collapse: separate;
  226. border-spacing: 2px;
  227. empty-cells: hide;
  228. }
  229. table.views-view-grid td {
  230. border: 1px solid #d8e8f8;
  231. }
  232. /**
  233. * Selected and hover effects for selectable view elements.
  234. *
  235. * Provide an explicit DOM path in selectors to match cells with active class.
  236. * Note that the order of these CSS classes is important.
  237. */
  238. table.views-view-grid td.noderelationships-noderef-selected,
  239. div.views-fluid-grid .noderelationships-noderef-selected,
  240. table.views-table tr.noderelationships-noderef-selected td,
  241. table.views-table tr.noderelationships-noderef-selected td.active {
  242. background-color: #d0e0f0;
  243. }
  244. table.views-view-grid td.noderelationships-noderef-hover,
  245. div.views-fluid-grid .noderelationships-noderef-hover,
  246. table.views-table tr.noderelationships-noderef-hover td.active,
  247. table.views-table tr.noderelationships-noderef-hover td.noderelationships-noderef-hover {
  248. background-color: #e4f0f8;
  249. }
  250. /**
  251. * jQuery UI effects.
  252. */
  253. .noderelationships-effects-transfer {
  254. border: 1px dashed #888888;
  255. background-color: #f0f0f0;
  256. opacity: .5; /* css standard */
  257. filter: alpha(opacity=50); /* IE */
  258. }