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;
}
#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

misc/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. #asset-popup ul.folder-list li a{
  131. display: block;
  132. padding: 0 5px 0 20px;
  133. background: transparent url(../../lullacons/folder-closed-white.png) no-repeat 2px 0;
  134. line-height: 16px;
  135. }
  136. #asset-popup ul.folder-list li.parent a{
  137. background: transparent url(../../lullacons/arrow-single-up-green.png) no-repeat 5px 3px;
  138. }
  139. #asset-popup ul.folder-list li a:hover{
  140. background-color: #dcdcdc;
  141. color: #000;
  142. }
  143. #asset-popup .asset-preview{
  144. border: inset 1px #f0f0f0;
  145. height: 196px;
  146. }
  147. option:active{
  148. background: #ebebeb;
  149. }
  150. .button-replacement,
  151. .button-replacement:link{
  152. float: right;
  153. padding-left: 12px;
  154. height: 27px;
  155. line-height: 27px;
  156. background: url(images/button.normal.gif) no-repeat top left;
  157. margin: 0 10px;
  158. text-decoration: none;
  159. color: #777;
  160. }
  161. .button-replacement span{
  162. padding-right: 18px;
  163. padding-left: 6px;
  164. margin-right: -12px;
  165. float: left;
  166. height: inherit;
  167. background-image: inherit;
  168. background-repeat: no-repeat;
  169. background-position: top right;
  170. }
  171. .button-replacement:hover{
  172. background-image: url(images/button.active.gif);
  173. text-decoration: none;
  174. color: #555;
  175. }
  176. #asset-popup-footer .form-submit{
  177. margin: 0;
  178. }
  179. #asset-popup-footer #edit-cancel{
  180. margin-left: 10px;
  181. }
  182. #asset-popup-footer #edit-next{
  183. margin-right: 10px;
  184. }
  185. #asset-popup .location{
  186. position: relative;
  187. margin: 5px;
  188. padding: 2px 5px;
  189. border: inset 2px #f0f0f0;
  190. background: #fff url(../../lullacons/arrow-single-down-green.png) no-repeat center right;
  191. z-index: 100;
  192. }
  193. #asset-popup .location ul{
  194. background: #fff;
  195. max-height: 100px;
  196. overflow: auto;
  197. display: none;
  198. position: absolute;
  199. top: 20px;
  200. left: -2px;
  201. right: -2px;
  202. border: solid 2px #848484;
  203. border-top-width: 1px;
  204. z-index: 100;
  205. margin: 0;
  206. padding: 0;
  207. }
  208. #asset-popup .location li{
  209. list-style: none;
  210. background: transparent;
  211. margin: 0;
  212. padding: 0;
  213. }
  214. #asset-popup .location li a{
  215. display: block;
  216. }
  217. #asset-popup .location li a:hover{
  218. background: #dcdcdc;
  219. text-decoration: none;
  220. }
  221. #locationBarOverlay{
  222. position: absolute;
  223. top: 0px;
  224. bottom: 0px;
  225. left: 0px;
  226. right: 0px;
  227. display: none;
  228. }