You are here

asset-widget-inner-form.css in Asset 7

html {
  background: #E2DFDD;
}

body {
  background: #E2DFDD;
  overflow: auto;
  height: 100%;
  padding: 0 0 15px;
}

/* Deny sticky tables inside iframes */
table.sticky-header {
  display: none;
}

.jspPane, input {
  max-width: 320px;
}

.jspPane table.tabledrag-processed input {
  max-width: 228px;
}

.jspPane table.tabledrag-processed {
  width: inherit;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: red;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #333333;
  position: relative;
}

.jspDrag {
  background: #5fbfd6;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

.jspScrollable .jspVerticalBar {
  width: 16px;
  background: url('../images/bgs/bg_scroll.png') 4px 0 no-repeat;
}
.jspScrollable .jspVerticalBar .jspTrack {
  width: 16px;
  background: none;
}
.jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  background: none;
}
.jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  display: block;
  width: 16px;
  height: 50%;
  background: url('../images/bgs/bg_scroll.png') -14px 0 no-repeat;
}
.jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  display: block;
  width: 16px;
  height: 50%;
  background: url('../images/bgs/bg_scroll.png') -14px 100% no-repeat;
}
.jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
.jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  background: none;
}
.jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
.jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  background: url('../images/bgs/bg_scroll.png') -36px 0 no-repeat;
}
.jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
.jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  background: url('../images/bgs/bg_scroll.png') -36px 100% no-repeat;
}
.jspScrollable .jspHorizontalBar {
  display: none;
}

.frame-page-wrapper{
  height: 483px;
}

.frame-page-wrapper h1{
  margin: 0;
  text-shadow: #f1f1f1 1px 1px 0;
  color: #6E6662;
  font-size: 16px;
  padding: 0 0 7px;
}

.frame-page-wrapper .form-item{
  padding: 4px 0;
  margin-top: 0;
}

.frame-page-wrapper .form-item label{
  font-size: 11px;
  line-height: 14px;
  max-width: 273px;
  padding: 0 0 7px;
  text-shadow: 1px 1px 0 #F1F1F1;
  color: #6E6662;
}

.frame-page-wrapper .form-item label .form-required{
  color: #c77d5c;
  text-shadow: none;
}

.frame-page-wrapper .form-item table tr.odd,
.frame-page-wrapper .form-item table tr.even{
  //padding-right: 1px;
}

*+html .frame-page-wrapper .form-item table tr.odd .form-type-textfield,
*+html .frame-page-wrapper .form-item table tr.even .form-type-textfield{
  max-width: 264px;
}

.frame-page-wrapper .form-item table tr.odd label,
.frame-page-wrapper .form-item table tr.even label{
  width: 5px;
  height: 5px;
  float: right;
  padding: 18px 2px 0 0
}

form .field-multiple-table td.field-multiple-drag{
  padding: 22px 7px 0 17px;
}

form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{
  padding-right: 0;
  margin-right: 0;
}

*+html form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{
  margin-right: 20px !important;
}

.frame-page-wrapper .form-item .form-text{
  background: none;
  border: 1px solid #a8a8a8;
  height: 34px;
  line-height: 34px;
  color: #928c87;
  font-size: 12px;
  padding: 0 7px;
  width: 297px;
  background: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  box-shadow: inset 2px 3px 7px -6px #777777;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  background-image: linear-gradient(#f5f5f5, #eaeaea);
  margin: 5px 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;  
}

.frame-page-wrapper .form-item .description{
  font-size: 11px;
  clear: both;
  padding-top: 5px;
}

.frame-page-wrapper .form-item .form-textarea{
  background: none;
  border: 1px solid #a8a8a8;
  height: 170px;
  line-height: 34px;
  color: #928c87;
  font-size: 12px;
  padding: 0 7px;
  margin: 0;
  width: 297px;
  background: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  box-shadow: inset 2px 3px 7px -6px #777777;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  background-image: linear-gradient(#f5f5f5, #eaeaea);
  float: left;
  margin: 0 0 5px;
  resize: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.frame-page-wrapper .form-item .grippie{
  display: none;
}

.frame-page-wrapper input.form-submit,
.frame-page-wrapper input.form-submit:focus{
  background: #f5f2ee;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -ms-border-radius: 3px 3px;
  -o-border-radius: 3px 3px;
  border-radius: 3px 3px;
  -webkit-box-shadow: 1px 2px 3px #b5b5b5;
  -moz-box-shadow: 1px 2px 3px #b5b5b5;
  box-shadow: 1px 2px 3px #b5b5b5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  background-image: linear-gradient(#f5f5f5, #eaeaea);
  height: 38px;
  line-height: 38px;
  padding: 0px 30px;
  margin: 10px 10px 0 0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  outline: none;
}

.frame-page-wrapper input.form-submit:focus{
  border-color: transparent;
  text-shadow: none;
}

.frame-page-wrapper input.form-submit:hover{
  color: #c16f4c;
}

.jspScrollable .jspVerticalBar {
  background: url("../images/bgs/bg_scroll_c.png") no-repeat scroll 6px 0 transparent;
}

.frame-page-wrapper .form-item a.tabledrag-toggle-weight {
  display: none;
}

/*frame-page-wrapper*/
.frame-page-wrapper .form-item table, .frame-page-wrapper .form-item th {
  border: none;
}
.frame-page-wrapper .form-item th {
  background:none;
}
.frame-page-wrapper .form-item label {
  text-transform: none;
}
.frame-page-wrapper .form-item table {
  margin: 0 6px 0 1px;
}
.frame-page-wrapper .form-item table tr.even, .frame-page-wrapper .form-item table tr.odd {
  background: #f0efef;
}
.frame-page-wrapper .form-item .form-textarea {
  height: 130px;
  padding: 7px;
  line-height: 16px;
}

/* override rubik theme css */
html {
  overflow-y: visible;
}

body {
  background: #E2DFDD !important;
}

.block {
  background: transparent;
}

.block-content {
  background: transparent;
  padding: 0;
}

.form-item {
  background: transparent;
}

form .form-actions {
  background: transparent;
  border: none;
  margin-bottom: 20px;
  padding: 0;
}

form .form-actions input {
  margin-top: 0;
}

table {
  background: transparent;
}

.form-type-textarea:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.text-format-wrapper .form-item {
  background: none;
}

tbody tr td {
  width: 100%;
}

div.error,
div.warning,
div.status,
div.ok{
  padding: 3px 6px;
  font-size: 12px;
  line-height: 18px;
  width: 299px;
}

File

modules/asset_widget/css/asset-widget-inner-form.css
View source
  1. html {
  2. background: #E2DFDD;
  3. }
  4. body {
  5. background: #E2DFDD;
  6. overflow: auto;
  7. height: 100%;
  8. padding: 0 0 15px;
  9. }
  10. /* Deny sticky tables inside iframes */
  11. table.sticky-header {
  12. display: none;
  13. }
  14. .jspPane, input {
  15. max-width: 320px;
  16. }
  17. .jspPane table.tabledrag-processed input {
  18. max-width: 228px;
  19. }
  20. .jspPane table.tabledrag-processed {
  21. width: inherit;
  22. }
  23. .jspContainer {
  24. overflow: hidden;
  25. position: relative;
  26. }
  27. .jspPane {
  28. position: absolute;
  29. }
  30. .jspVerticalBar {
  31. position: absolute;
  32. top: 0;
  33. right: 0;
  34. width: 4px;
  35. height: 100%;
  36. background: red;
  37. }
  38. .jspHorizontalBar {
  39. position: absolute;
  40. bottom: 0;
  41. left: 0;
  42. width: 100%;
  43. height: 16px;
  44. background: red;
  45. }
  46. .jspVerticalBar *,
  47. .jspHorizontalBar * {
  48. margin: 0;
  49. padding: 0;
  50. }
  51. .jspCap {
  52. display: none;
  53. }
  54. .jspHorizontalBar .jspCap {
  55. float: left;
  56. }
  57. .jspTrack {
  58. background: #333333;
  59. position: relative;
  60. }
  61. .jspDrag {
  62. background: #5fbfd6;
  63. position: relative;
  64. top: 0;
  65. left: 0;
  66. cursor: pointer;
  67. }
  68. .jspHorizontalBar .jspTrack,
  69. .jspHorizontalBar .jspDrag {
  70. float: left;
  71. height: 100%;
  72. }
  73. .jspArrow {
  74. background: #50506d;
  75. text-indent: -20000px;
  76. display: block;
  77. cursor: pointer;
  78. }
  79. .jspArrow.jspDisabled {
  80. cursor: default;
  81. background: #80808d;
  82. }
  83. .jspVerticalBar .jspArrow {
  84. height: 16px;
  85. }
  86. .jspHorizontalBar .jspArrow {
  87. width: 16px;
  88. float: left;
  89. height: 100%;
  90. }
  91. .jspVerticalBar .jspArrow:focus {
  92. outline: none;
  93. }
  94. .jspCorner {
  95. background: #eeeef4;
  96. float: left;
  97. height: 100%;
  98. }
  99. /* Yuk! CSS Hack for IE6 3 pixel bug :( */
  100. * html .jspCorner {
  101. margin: 0 -3px 0 0;
  102. }
  103. .jspScrollable .jspVerticalBar {
  104. width: 16px;
  105. background: url('../images/bgs/bg_scroll.png') 4px 0 no-repeat;
  106. }
  107. .jspScrollable .jspVerticalBar .jspTrack {
  108. width: 16px;
  109. background: none;
  110. }
  111. .jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  112. background: none;
  113. }
  114. .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  115. display: block;
  116. width: 16px;
  117. height: 50%;
  118. background: url('../images/bgs/bg_scroll.png') -14px 0 no-repeat;
  119. }
  120. .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  121. display: block;
  122. width: 16px;
  123. height: 50%;
  124. background: url('../images/bgs/bg_scroll.png') -14px 100% no-repeat;
  125. }
  126. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
  127. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  128. background: none;
  129. }
  130. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
  131. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  132. background: url('../images/bgs/bg_scroll.png') -36px 0 no-repeat;
  133. }
  134. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
  135. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  136. background: url('../images/bgs/bg_scroll.png') -36px 100% no-repeat;
  137. }
  138. .jspScrollable .jspHorizontalBar {
  139. display: none;
  140. }
  141. .frame-page-wrapper{
  142. height: 483px;
  143. }
  144. .frame-page-wrapper h1{
  145. margin: 0;
  146. text-shadow: #f1f1f1 1px 1px 0;
  147. color: #6E6662;
  148. font-size: 16px;
  149. padding: 0 0 7px;
  150. }
  151. .frame-page-wrapper .form-item{
  152. padding: 4px 0;
  153. margin-top: 0;
  154. }
  155. .frame-page-wrapper .form-item label{
  156. font-size: 11px;
  157. line-height: 14px;
  158. max-width: 273px;
  159. padding: 0 0 7px;
  160. text-shadow: 1px 1px 0 #F1F1F1;
  161. color: #6E6662;
  162. }
  163. .frame-page-wrapper .form-item label .form-required{
  164. color: #c77d5c;
  165. text-shadow: none;
  166. }
  167. .frame-page-wrapper .form-item table tr.odd,
  168. .frame-page-wrapper .form-item table tr.even{
  169. //padding-right: 1px;
  170. }
  171. *+html .frame-page-wrapper .form-item table tr.odd .form-type-textfield,
  172. *+html .frame-page-wrapper .form-item table tr.even .form-type-textfield{
  173. max-width: 264px;
  174. }
  175. .frame-page-wrapper .form-item table tr.odd label,
  176. .frame-page-wrapper .form-item table tr.even label{
  177. width: 5px;
  178. height: 5px;
  179. float: right;
  180. padding: 18px 2px 0 0
  181. }
  182. form .field-multiple-table td.field-multiple-drag{
  183. padding: 22px 7px 0 17px;
  184. }
  185. form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{
  186. padding-right: 0;
  187. margin-right: 0;
  188. }
  189. *+html form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{
  190. margin-right: 20px !important;
  191. }
  192. .frame-page-wrapper .form-item .form-text{
  193. background: none;
  194. border: 1px solid #a8a8a8;
  195. height: 34px;
  196. line-height: 34px;
  197. color: #928c87;
  198. font-size: 12px;
  199. padding: 0 7px;
  200. width: 297px;
  201. background: #f5f5f5;
  202. -webkit-border-radius: 1px;
  203. -moz-border-radius: 1px;
  204. -ms-border-radius: 1px;
  205. -o-border-radius: 1px;
  206. border-radius: 1px;
  207. -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  208. -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  209. box-shadow: inset 2px 3px 7px -6px #777777;
  210. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  211. background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  212. background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  213. background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  214. background-image: linear-gradient(#f5f5f5, #eaeaea);
  215. margin: 5px 0;
  216. -moz-box-sizing: content-box;
  217. -webkit-box-sizing: content-box;
  218. box-sizing: content-box;
  219. }
  220. .frame-page-wrapper .form-item .description{
  221. font-size: 11px;
  222. clear: both;
  223. padding-top: 5px;
  224. }
  225. .frame-page-wrapper .form-item .form-textarea{
  226. background: none;
  227. border: 1px solid #a8a8a8;
  228. height: 170px;
  229. line-height: 34px;
  230. color: #928c87;
  231. font-size: 12px;
  232. padding: 0 7px;
  233. margin: 0;
  234. width: 297px;
  235. background: #f5f5f5;
  236. -webkit-border-radius: 1px;
  237. -moz-border-radius: 1px;
  238. -ms-border-radius: 1px;
  239. -o-border-radius: 1px;
  240. border-radius: 1px;
  241. -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  242. -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  243. box-shadow: inset 2px 3px 7px -6px #777777;
  244. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  245. background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  246. background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  247. background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  248. background-image: linear-gradient(#f5f5f5, #eaeaea);
  249. float: left;
  250. margin: 0 0 5px;
  251. resize: none;
  252. -moz-box-sizing: content-box;
  253. -webkit-box-sizing: content-box;
  254. box-sizing: content-box;
  255. }
  256. .frame-page-wrapper .form-item .grippie{
  257. display: none;
  258. }
  259. .frame-page-wrapper input.form-submit,
  260. .frame-page-wrapper input.form-submit:focus{
  261. background: #f5f2ee;
  262. border-right: 1px solid #fff;
  263. border-top: 1px solid #fff;
  264. -webkit-border-radius: 3px 3px;
  265. -moz-border-radius: 3px 3px;
  266. -ms-border-radius: 3px 3px;
  267. -o-border-radius: 3px 3px;
  268. border-radius: 3px 3px;
  269. -webkit-box-shadow: 1px 2px 3px #b5b5b5;
  270. -moz-box-shadow: 1px 2px 3px #b5b5b5;
  271. box-shadow: 1px 2px 3px #b5b5b5;
  272. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  273. background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  274. background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  275. background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  276. background-image: linear-gradient(#f5f5f5, #eaeaea);
  277. height: 38px;
  278. line-height: 38px;
  279. padding: 0px 30px;
  280. margin: 10px 10px 0 0;
  281. font-size: 12px;
  282. font-weight: bold;
  283. text-transform: uppercase;
  284. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  285. outline: none;
  286. }
  287. .frame-page-wrapper input.form-submit:focus{
  288. border-color: transparent;
  289. text-shadow: none;
  290. }
  291. .frame-page-wrapper input.form-submit:hover{
  292. color: #c16f4c;
  293. }
  294. .jspScrollable .jspVerticalBar {
  295. background: url("../images/bgs/bg_scroll_c.png") no-repeat scroll 6px 0 transparent;
  296. }
  297. .frame-page-wrapper .form-item a.tabledrag-toggle-weight {
  298. display: none;
  299. }
  300. /*frame-page-wrapper*/
  301. .frame-page-wrapper .form-item table, .frame-page-wrapper .form-item th {
  302. border: none;
  303. }
  304. .frame-page-wrapper .form-item th {
  305. background:none;
  306. }
  307. .frame-page-wrapper .form-item label {
  308. text-transform: none;
  309. }
  310. .frame-page-wrapper .form-item table {
  311. margin: 0 6px 0 1px;
  312. }
  313. .frame-page-wrapper .form-item table tr.even, .frame-page-wrapper .form-item table tr.odd {
  314. background: #f0efef;
  315. }
  316. .frame-page-wrapper .form-item .form-textarea {
  317. height: 130px;
  318. padding: 7px;
  319. line-height: 16px;
  320. }
  321. /* override rubik theme css */
  322. html {
  323. overflow-y: visible;
  324. }
  325. body {
  326. background: #E2DFDD !important;
  327. }
  328. .block {
  329. background: transparent;
  330. }
  331. .block-content {
  332. background: transparent;
  333. padding: 0;
  334. }
  335. .form-item {
  336. background: transparent;
  337. }
  338. form .form-actions {
  339. background: transparent;
  340. border: none;
  341. margin-bottom: 20px;
  342. padding: 0;
  343. }
  344. form .form-actions input {
  345. margin-top: 0;
  346. }
  347. table {
  348. background: transparent;
  349. }
  350. .form-type-textarea:after {
  351. content: " ";
  352. display: block;
  353. height: 0;
  354. clear: both;
  355. overflow: hidden;
  356. visibility: hidden;
  357. }
  358. .text-format-wrapper .form-item {
  359. background: none;
  360. }
  361. tbody tr td {
  362. width: 100%;
  363. }
  364. div.error,
  365. div.warning,
  366. div.status,
  367. div.ok{
  368. padding: 3px 6px;
  369. font-size: 12px;
  370. line-height: 18px;
  371. width: 299px;
  372. }