You are here

asset_wizard.css in Asset 6

/**
 * Default Skin
 */

/**
 * TinyMCE pulls in editor_popup.css through js so we include our own version of it
 * to kill all the unwanted styling.
 **/
@import url(editor_popup.css);

#asset-popup{
  overflow: auto;
  background: #F3F4EE url(wizard.bg.png) repeat-y top right;
  background: #E0E3EC url(wizard.bg.png) repeat-y top left;
}
#asset-popup-main{
  min-height: 270px;
  min-width: 500px;
  height: auto;
  background: url(asset.bg.png) no-repeat fixed right 150px;
  
  padding-top: 80px;
  padding-bottom: 50px;
}
#asset-popup h1{
  display: none;
}
#asset-popup-footer{
  border: none;
  border-top: groove 2px #fff;
  font-size: 14px;
  padding: 10px 1em;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #E0E3EC url(wizard.bg.png) repeat-y top left;
  overflow: hidden;
}
#asset-popup-main.asset-selection-form{
  padding: 80px 0 0 0;
}
select#edit-aid{
  border-width: 1px;
}
.help{
  width: 350px;
}
.crumb-left{
  height: 25px;
  line-height: 25px;
  padding-left: 12px;
  clear: both;
}
.crumb-right{
  height: 25px;
  line-height: 25px;
  padding-right: 12px;
}
.toolbar{
  height: 70px;
  line-height: 32px;
  border: groove 2px #fff;
  border-width: 2px 0;
  background-color: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #E0E3EC url(wizard.bg.png) repeat-y top left;
  overflow: hidden;
  
}
.toolbar .container-inline{
}
.toolbar-separator{
  padding: 0 1em;
  font-weight: bold;
  display: none;
}
.toolbar .item-list ul{
  margin: 0;
  padding: 5px 0;
}
.toolbar .item-list ul li{
  float: left;
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}
.toolbar li.last{
  border-right: groove 3px #fff;
  padding-right: 5px;
}
.toolbar li a{
  display: block;
  width: 58px;
  height: 50px;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
  color: #626262;
  padding: 5px 1px;
  margin: 0 5px;
}
.toolbar a:link,
.toolbar a:visited,
.toolbar a:active{
  color: #626262;
}
.toolbar a:hover{
  background: #dcdcdc;
  background: transparent url(button.hover.png) no-repeat 0 0;
  background: #FFFEEC;
  padding: 4px 0px;
  border: outset 1px #FFFEEC;
  -moz-border-radius: 4px;
  text-decoration: none;
}
.toolbar a img{
  height: 32px;
}

#asset-popup ul.folder-list{
  margin-left: 5px;
  border: inset 1px #f0f0f0;
  height: 196px;
}
#asset-popup ul.folder-list li {
  padding-left: -40px !important;
  margin-left: -40px !important;
}
*:first-child+html #asset-popup ul.folder-list li {
  padding-left: 0px !important;
  margin-left: 0px !important;
}
#asset-popup ul.folder-list li a{
  display: block;
  padding: 0 5px 0 20px;
  background: transparent url(../../lullacons/folder-closed-white.png) no-repeat 2px 0;
  line-height: 16px;
}
#asset-popup ul.folder-list li.parent a{
  background: transparent url(../../lullacons/arrow-single-up-green.png) no-repeat 5px 3px;
}
#asset-popup ul.folder-list li a:hover{
  background-color: #dcdcdc;
  color: #000;
}
#asset-popup .asset-preview{
  border: inset 1px #f0f0f0;
  height: 196px;
}
option:active{
  background: #ebebeb;
}
.button-replacement,
.button-replacement:link{
  float: right;
  padding-left: 12px;
  height: 27px;
  line-height: 27px;
  background: url(images/button.normal.gif) no-repeat top left;
  margin: 0 10px;
  text-decoration: none;
  color: #777;
}
.button-replacement span{
  padding-right: 18px;
  padding-left: 6px;
  margin-right: -12px;
  float: left;
  height: inherit;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: top right;
}
.button-replacement:hover{
  background-image: url(images/button.active.gif);
	text-decoration: none;
	color: #555;
}
#asset-popup-footer .form-submit{
  margin: 0;
}
#asset-popup-footer #edit-cancel{
  margin-left: 10px;
}
#asset-popup-footer #edit-next{
  margin-right: 10px;
}
#asset-popup .location{
  position: relative;
  margin: 5px;
  padding: 2px 5px;
  border: inset 2px #f0f0f0;
  background: #fff url(../../lullacons/arrow-single-down-green.png) no-repeat center right;
  z-index: 100;
}
#asset-popup .location ul{
  background: #fff;
  max-height: 100px;
  overflow: auto;  
  display: none;
  position: absolute;
  top: 20px;
  left: -2px;
  right: -2px;
  border: solid 2px #848484;
  border-top-width: 1px;
  z-index: 100;
  margin: 0;
  padding: 0;
}
#asset-popup .location li{
  list-style: none;
  background: transparent;
  margin: 0;
  padding: 0;
}
#asset-popup .location li a{
  display: block;
}
#asset-popup .location li a:hover{
  background: #dcdcdc;
  text-decoration: none;  
}
#locationBarOverlay{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
}

File

themes/default/asset_wizard.css
View source
  1. /**
  2. * Default Skin
  3. */
  4. /**
  5. * TinyMCE pulls in editor_popup.css through js so we include our own version of it
  6. * to kill all the unwanted styling.
  7. **/
  8. @import url(editor_popup.css);
  9. #asset-popup{
  10. overflow: auto;
  11. background: #F3F4EE url(wizard.bg.png) repeat-y top right;
  12. background: #E0E3EC url(wizard.bg.png) repeat-y top left;
  13. }
  14. #asset-popup-main{
  15. min-height: 270px;
  16. min-width: 500px;
  17. height: auto;
  18. background: url(asset.bg.png) no-repeat fixed right 150px;
  19. padding-top: 80px;
  20. padding-bottom: 50px;
  21. }
  22. #asset-popup h1{
  23. display: none;
  24. }
  25. #asset-popup-footer{
  26. border: none;
  27. border-top: groove 2px #fff;
  28. font-size: 14px;
  29. padding: 10px 1em;
  30. position: fixed;
  31. bottom: 0px;
  32. left: 0px;
  33. right: 0px;
  34. background: #E0E3EC url(wizard.bg.png) repeat-y top left;
  35. overflow: hidden;
  36. }
  37. #asset-popup-main.asset-selection-form{
  38. padding: 80px 0 0 0;
  39. }
  40. select#edit-aid{
  41. border-width: 1px;
  42. }
  43. .help{
  44. width: 350px;
  45. }
  46. .crumb-left{
  47. height: 25px;
  48. line-height: 25px;
  49. padding-left: 12px;
  50. clear: both;
  51. }
  52. .crumb-right{
  53. height: 25px;
  54. line-height: 25px;
  55. padding-right: 12px;
  56. }
  57. .toolbar{
  58. height: 70px;
  59. line-height: 32px;
  60. border: groove 2px #fff;
  61. border-width: 2px 0;
  62. background-color: transparent;
  63. position: fixed;
  64. top: 0px;
  65. left: 0px;
  66. right: 0px;
  67. background: #E0E3EC url(wizard.bg.png) repeat-y top left;
  68. overflow: hidden;
  69. }
  70. .toolbar .container-inline{
  71. }
  72. .toolbar-separator{
  73. padding: 0 1em;
  74. font-weight: bold;
  75. display: none;
  76. }
  77. .toolbar .item-list ul{
  78. margin: 0;
  79. padding: 5px 0;
  80. }
  81. .toolbar .item-list ul li{
  82. float: left;
  83. list-style: none;
  84. background: none;
  85. padding: 0;
  86. margin: 0;
  87. }
  88. .toolbar li.last{
  89. border-right: groove 3px #fff;
  90. padding-right: 5px;
  91. }
  92. .toolbar li a{
  93. display: block;
  94. width: 58px;
  95. height: 50px;
  96. font-size: 10px;
  97. line-height: 12px;
  98. text-align: center;
  99. text-decoration: none;
  100. color: #626262;
  101. padding: 5px 1px;
  102. margin: 0 5px;
  103. }
  104. .toolbar a:link,
  105. .toolbar a:visited,
  106. .toolbar a:active{
  107. color: #626262;
  108. }
  109. .toolbar a:hover{
  110. background: #dcdcdc;
  111. background: transparent url(button.hover.png) no-repeat 0 0;
  112. background: #FFFEEC;
  113. padding: 4px 0px;
  114. border: outset 1px #FFFEEC;
  115. -moz-border-radius: 4px;
  116. text-decoration: none;
  117. }
  118. .toolbar a img{
  119. height: 32px;
  120. }
  121. #asset-popup ul.folder-list{
  122. margin-left: 5px;
  123. border: inset 1px #f0f0f0;
  124. height: 196px;
  125. }
  126. #asset-popup ul.folder-list li {
  127. padding-left: -40px !important;
  128. margin-left: -40px !important;
  129. }
  130. *:first-child+html #asset-popup ul.folder-list li {
  131. padding-left: 0px !important;
  132. margin-left: 0px !important;
  133. }
  134. #asset-popup ul.folder-list li a{
  135. display: block;
  136. padding: 0 5px 0 20px;
  137. background: transparent url(../../lullacons/folder-closed-white.png) no-repeat 2px 0;
  138. line-height: 16px;
  139. }
  140. #asset-popup ul.folder-list li.parent a{
  141. background: transparent url(../../lullacons/arrow-single-up-green.png) no-repeat 5px 3px;
  142. }
  143. #asset-popup ul.folder-list li a:hover{
  144. background-color: #dcdcdc;
  145. color: #000;
  146. }
  147. #asset-popup .asset-preview{
  148. border: inset 1px #f0f0f0;
  149. height: 196px;
  150. }
  151. option:active{
  152. background: #ebebeb;
  153. }
  154. .button-replacement,
  155. .button-replacement:link{
  156. float: right;
  157. padding-left: 12px;
  158. height: 27px;
  159. line-height: 27px;
  160. background: url(images/button.normal.gif) no-repeat top left;
  161. margin: 0 10px;
  162. text-decoration: none;
  163. color: #777;
  164. }
  165. .button-replacement span{
  166. padding-right: 18px;
  167. padding-left: 6px;
  168. margin-right: -12px;
  169. float: left;
  170. height: inherit;
  171. background-image: inherit;
  172. background-repeat: no-repeat;
  173. background-position: top right;
  174. }
  175. .button-replacement:hover{
  176. background-image: url(images/button.active.gif);
  177. text-decoration: none;
  178. color: #555;
  179. }
  180. #asset-popup-footer .form-submit{
  181. margin: 0;
  182. }
  183. #asset-popup-footer #edit-cancel{
  184. margin-left: 10px;
  185. }
  186. #asset-popup-footer #edit-next{
  187. margin-right: 10px;
  188. }
  189. #asset-popup .location{
  190. position: relative;
  191. margin: 5px;
  192. padding: 2px 5px;
  193. border: inset 2px #f0f0f0;
  194. background: #fff url(../../lullacons/arrow-single-down-green.png) no-repeat center right;
  195. z-index: 100;
  196. }
  197. #asset-popup .location ul{
  198. background: #fff;
  199. max-height: 100px;
  200. overflow: auto;
  201. display: none;
  202. position: absolute;
  203. top: 20px;
  204. left: -2px;
  205. right: -2px;
  206. border: solid 2px #848484;
  207. border-top-width: 1px;
  208. z-index: 100;
  209. margin: 0;
  210. padding: 0;
  211. }
  212. #asset-popup .location li{
  213. list-style: none;
  214. background: transparent;
  215. margin: 0;
  216. padding: 0;
  217. }
  218. #asset-popup .location li a{
  219. display: block;
  220. }
  221. #asset-popup .location li a:hover{
  222. background: #dcdcdc;
  223. text-decoration: none;
  224. }
  225. #locationBarOverlay{
  226. position: absolute;
  227. top: 0px;
  228. bottom: 0px;
  229. left: 0px;
  230. right: 0px;
  231. display: none;
  232. }