themesetting.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413
  1. @CHARSET "UTF-8";
  2. .themeSetting_container {
  3. position: absolute;
  4. left: 0;
  5. top: 0;
  6. z-index: 0;
  7. right: 0;
  8. bottom: 0;
  9. background: white
  10. }
  11. .themeSetting_head {
  12. height: 22px;
  13. line-height: 22px;
  14. padding: 5px 0 0;
  15. width: 100%;
  16. font-size:12px;
  17. border: solid #a1b4b0;
  18. border-width: 0 0 1px
  19. }
  20. .themeSetting_tab {
  21. cursor: pointer;
  22. display: inline;
  23. float: left;
  24. height: 22px;
  25. line-height: 22px;
  26. margin: 1px 1px 0 6px;
  27. text-align: center;
  28. width: 80px;
  29. position: relative
  30. }
  31. .themeSetting_head .current {
  32. background: url("../images/tab_background.gif") repeat-x scroll left top white;
  33. border-color: #a1b4b0;
  34. border-style: solid;
  35. border-width: 1px 1px 0;
  36. margin: 0 0 0 5px
  37. }
  38. .themeSetting_body {
  39. height: 422px;
  40. overflow-y: auto;
  41. overflow-x: hidden
  42. }
  43. html.ie6_0 .themeSetting_body,html.ie7_0 .themeSetting_body {
  44. position: relative
  45. }
  46. .themeSetting_footer {
  47. height: 35px; background; # f0f0ef;
  48. border: 1px solid #ebebea;
  49. border-width: 1px 0 0;
  50. padding: 4px 5px 0
  51. }
  52. .themeSetting_area {
  53. height: 100%;
  54. overflow-x: hidden;
  55. overflow-y: auto;
  56. width: 100%
  57. }
  58. .dynamicThemeSetting {
  59. margin: 6px 40px 0 0;
  60. text-align: right
  61. }
  62. .mobileSafari .dynamicThemeSetting {
  63. display: none
  64. }
  65. .dynamicThemeSetting_inner {
  66. display: block;
  67. cursor: pointer;
  68. text-decoration: underline
  69. }
  70. .themeSetting_wallpaper_body {
  71. height: 290px;
  72. margin: 8px 10px;
  73. border: 1px solid #d6dad9
  74. }
  75. .themeSetting_wallpaper_body2 {
  76. height: 34px;
  77. margin: 8px 10px;
  78. border: 1px solid #d6dad9
  79. }
  80. .themeSetting_wallpaper_body2 .body2_input {
  81. border: 1px solid #d6dad9;
  82. width: 380px;
  83. font-size: 12px;
  84. vertical-align: middle
  85. }
  86. .themeSetting_selected2 .body2_label,.themeSetting_selected2 .body2_input
  87. {
  88. font-weight: bold
  89. }
  90. .themeSetting_wallpaper_body2 .gray {
  91. color: #999
  92. }
  93. .themeSetting_wallpaper_body2 .body2_button {
  94. border: 1px solid #aad8fc;
  95. vertical-align: middle;
  96. margin: 0 0 0 10px;
  97. height: 24px;
  98. background: #8bb7db;
  99. width: 65px;
  100. -webkit-border-radius: 3px;
  101. -khtml-border-radius: 3px;
  102. -moz-border-radius: 3px;
  103. border-radius: 3px
  104. }
  105. .ie6_0 .body2_button {
  106. height: 20px
  107. }
  108. .themeSetting_wallpaper_body2 .body_wrapper {
  109. float: left;
  110. margin: 5px 0 0 14px
  111. }
  112. .ie6_0 .body_wrapper {
  113. margin-left: 8px
  114. }
  115. .themeSetting_wallpaper_container {
  116. clear: both;
  117. zoom: 1
  118. }
  119. .themeSetting_wallpaper_tips {
  120. display: block;
  121. float: left;
  122. line-height: 20px;
  123. margin: 6px 0 5px 14px
  124. }
  125. html.ie6_0 .themeSetting_wallpaper_tips {
  126. margin-left: 8px
  127. }
  128. .themeSetting_displayMode {
  129. display: block;
  130. float: right;
  131. margin: 6px 10px 0 0
  132. }
  133. html.ie6_0 #wallpaperDisplayMode,html.ie7_0 #wallpaperDisplayMode {
  134. vertical-align: middle
  135. }
  136. div.wallpaper_settingButton,a.themeSetting_settingButton {
  137. display: inline;
  138. float: left;
  139. margin: 5px 10px 0;
  140. width: 160px;
  141. height: 140px;
  142. cursor: pointer;
  143. -moz-border-radius: 5px;
  144. -khtml-border-radius: 5px;
  145. -webkit-border-radius: 5px;
  146. border-radius: 5px
  147. }
  148. a.themeSetting_settingButton:hover {
  149. background: #cbe7fc
  150. }
  151. div.themeSetting_hover {
  152. background: #cbe7fc
  153. }
  154. div.themeSetting_selected,a.themeSetting_selected {
  155. background: #aad8fc
  156. }
  157. .themeSetting_selected2 {
  158. background: #aad8fc
  159. }
  160. div.wallpaper_settingButton {
  161. height: 120px
  162. }
  163. .themeSetting_wallpaper_del {
  164. display: none;
  165. width: 22px;
  166. height: 23px;
  167. right: -10px;
  168. position: absolute;
  169. top: -10px;
  170. background: transparent url(images/del.png) no-repeat scroll 0 0
  171. }
  172. html.ie6_0 .themeSetting_wallpaper_del {
  173. background: 0;
  174. filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
  175. 'http://0.web.qstatic.com/webqqpic/module/themesetting/images/del.png',
  176. sizingMethod = 'scale' )
  177. }
  178. .wallpaper_loading {
  179. background: url("../images/loading.gif") no-repeat scroll 1px 2px
  180. transparent;
  181. color: #ccc;
  182. cursor: default;
  183. height: 16px;
  184. line-height: 16px;
  185. margin: auto;
  186. overflow: hidden;
  187. padding: 2px 0 2px 20px;
  188. width: 1px;
  189. margin-top: 35px
  190. }
  191. .themeSetting_settingButton_icon {
  192. margin: 5px auto;
  193. width: 150px;
  194. height: 110px;
  195. -moz-border-radius: 5px;
  196. -khtml-border-radius: 5px;
  197. -webkit-border-radius: 5px;
  198. border-radius: 5px
  199. }
  200. .themeSetting_settingButton_text {
  201. margin: 5px 0 0 0;
  202. text-align: center
  203. }
  204. .sendWallpaperForm {
  205. display: inline;
  206. float: left;
  207. height: 110px;
  208. margin: 5px 10px 0;
  209. width: 160px
  210. }
  211. .uploadWallpaperButton {
  212. height: 110px;
  213. width: 150px;
  214. cursor: pointer;
  215. margin: 5px auto;
  216. -moz-border-radius: 5px;
  217. -khtml-border-radius: 5px;
  218. -webkit-border-radius: 5px;
  219. border-radius: 5px;
  220. position: relative
  221. }
  222. .themeSetting_wallpaper .upload,.themeSetting_wallpaper .upload_hover,.themeSetting_wallpaper .unable
  223. {
  224. background: url('../images/wallpaper_upload.gif') no-repeat
  225. }
  226. .themeSetting_wallpaper .upload {
  227. overflow: hidden;
  228. border: 1px solid #c1bfbf;
  229. background-position: 0 0
  230. }
  231. .themeSetting_wallpaper .upload_hover {
  232. overflow: hidden;
  233. background-position: 0 -110px
  234. }
  235. .themeSetting_wallpaper .unable {
  236. overflow: hidden;
  237. background-position: 0 -220px;
  238. cursor: default
  239. }
  240. .themeSetting_wallpaper .uploading {
  241. text-align: center;
  242. color: #827f7f;
  243. border: 1px solid #c1bfbf;
  244. overflow: hidden;
  245. cursor: default
  246. }
  247. .uploadWallpaperButton .tips {
  248. margin-top: 5px;
  249. padding: 2px 0
  250. }
  251. .sendWallpaperForm .f {
  252. cursor: pointer;
  253. margin: -2px 0 0 -1110px;
  254. opacity: 0;
  255. filter: alpha(opacity = 0);
  256. overflow: hidden;
  257. font-size: 90px
  258. }
  259. .themeSetting_wallpaper_footer {
  260. height: 60px;
  261. margin: 8px 10px;
  262. border: 1px solid #d6dad9;
  263. background: #fcfdfe
  264. }
  265. .ie6_0 .themeSetting_wallpaper_footer {
  266. margin-bottom: 0
  267. }
  268. .themeSetting_custom_tip {
  269. display: none;
  270. position: absolute;
  271. width: 26px;
  272. height: 10px;
  273. top: 0;
  274. right: -4px;
  275. background: url('../images/feature_new.gif') no-repeat
  276. }
  277. .themeSetting_apr_tips {
  278. display: block;
  279. margin: 6px 0 5px 14px
  280. }
  281. .themeSetting_appearance {
  282. margin: 0 10px
  283. }
  284. .themeSetting_apr_item {
  285. cursor: pointer;
  286. float: left;
  287. display: block;
  288. height: 25px;
  289. padding: 2px 0 0 5px;
  290. width: 60px
  291. }
  292. .themeSetting_apr_txt {
  293. float: left;
  294. padding: 0 0 0 20px;
  295. width: 1px;
  296. height: 20px;
  297. text-indent: -999em;
  298. display: block
  299. }
  300. .themeSetting_appearance .apr_selected .themeSetting_apr_txt {
  301. background: url('../images/appearance_selected.gif') no-repeat 6px 4px
  302. }
  303. .themeSetting_apr_icon {
  304. display: block;
  305. height: 20px;
  306. width: 35px;
  307. float: left;
  308. background: url('../images/appearance.png') no-repeat;
  309. border: 1px solid #888
  310. }
  311. .themeSetting_apr_black {
  312. background-position: 0 0
  313. }
  314. .themeSetting_apr_cyan {
  315. background-position: 0 0
  316. }
  317. .themeSetting_apr_light_green {
  318. background-position: 0 -20px
  319. }
  320. .themeSetting_apr_pink {
  321. background-position: 0 -60px
  322. }
  323. .themeSetting_apr_light_violet {
  324. background-position: 0 -40px
  325. }
  326. .themeSetting_apr_red {
  327. background-position: 0 -40px
  328. }
  329. .themeSetting_apr_grey {
  330. background-position: 0 -80px
  331. }
  332. .themeSetting_apr_dark_brown {
  333. background-position: 0 -100px
  334. }
  335. .themeSetting_apr_dark_voilet {
  336. background-position: 0 -120px
  337. }
  338. .themeSetting_apr_purple {
  339. background-position: 0 -120px
  340. }
  341. .themeSetting_apr_dark_blue {
  342. background-position: 0 -140px
  343. }
  344. .themeSetting_apr_blue {
  345. background-position: 0 -140px
  346. }