/v3.2/nimbits-tds/web/resources/desktop/css/desktop.css

http://nimbits-server.googlecode.com/ · CSS · 642 lines · 508 code · 109 blank · 25 comment · 0 complexity · 91bfd9a1f49e56a8d864e2d2addba516 MD5 · raw file

  1. /*
  2. * Copyright (c) 2010 Tonic Solutions LLC.
  3. *
  4. * http://www.nimbits.com
  5. *
  6. *
  7. * Licensed under the GNU GENERAL PUBLIC LICENSE, Version 3.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
  8. *
  9. * http://www.gnu.org/licenses/gpl.html
  10. *
  11. * Unless required by applicable law or agreed to in writing, software distributed under the license is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  12. */
  13. html, body {
  14. background: #3d71b8 url(../wallpapers/desktop.jpg) no-repeat left top;
  15. font: normal 12px tahoma, arial, verdana, sans-serif;
  16. margin: 0;
  17. padding: 0;
  18. border: 0 none;
  19. overflow: hidden;
  20. height: 100%;
  21. }
  22. .start {
  23. background-image: url(../images/taskbar/black/startbutton-icon.gif) !important;
  24. }
  25. .bogus {
  26. background-image: url(../images/bogus.png) !important;
  27. }
  28. .logout {
  29. background-image: url(../images/logout.gif) !important;
  30. }
  31. .settings {
  32. background-image: url(../images/gears.gif) !important;
  33. }
  34. #dpanels {
  35. width: 250px;
  36. float: right;
  37. }
  38. #dpanels .x-panel {
  39. margin: 15px;
  40. }
  41. #dpanels .x-date-picker {
  42. border: 0 none;
  43. border-top: 0 none;
  44. background: transparent;
  45. }
  46. #dpanels .x-date-picker td.x-date-active {
  47. background: #ffffff;
  48. }
  49. #dpanels .x-date-picker {
  50. width: 100% !important;
  51. }
  52. #x-desktop {
  53. width: 100%;
  54. height: 100%;
  55. border: 0 none;
  56. position: relative;
  57. overflow: hidden;
  58. zoom: 1;
  59. }
  60. #ux-taskbar .x-btn {
  61. float: left;
  62. margin: 1px 0 0 1px;
  63. position: relative;
  64. }
  65. #ux-taskbar-start .x-btn {
  66. float: left;
  67. margin: 0;
  68. position: relative;
  69. }
  70. #ux-taskbar button {
  71. /* width: 150px;
  72. overflow: hidden; */
  73. text-align: left;
  74. color: #ffffff;
  75. }
  76. #title-bar-wrapper {
  77. height: 35px;
  78. }
  79. #title-bar {
  80. color: #225599;
  81. padding: 9px 7px;
  82. font: bold 16px tahoma, arial, verdana, sans-serif;
  83. float: left;
  84. }
  85. #x-logout {
  86. float: right;
  87. padding: 6px 7px;
  88. }
  89. .x-btn-text-icon .x-btn-center .logout {
  90. background-position: 0pt 3px;
  91. background-repeat: no-repeat;
  92. padding: 3px 0pt 3px 18px;
  93. }
  94. #ux-taskbar {
  95. background: transparent none;
  96. height: 30px;
  97. margin: 0;
  98. padding: 0;
  99. position: relative;
  100. z-index: 12001;
  101. }
  102. .x-btn-icon .ux-taskbutton-center .x-btn-text {
  103. background-position: center;
  104. background-repeat: no-repeat;
  105. height: 16px;
  106. width: 16px;
  107. cursor: pointer;
  108. white-space: nowrap;
  109. padding: 0;
  110. }
  111. .x-btn-icon .ux-taskbutton-center {
  112. padding: 1px;
  113. }
  114. .ux-startbutton-center .x-btn-text {
  115. color: #000000 !important;
  116. font-weight: bold;
  117. }
  118. .ux-taskbutton-left, .ux-taskbutton-right {
  119. font-size: 1px;
  120. line-height: 1px;
  121. }
  122. .ux-taskbutton-left {
  123. width: 4px;
  124. height: 28px;
  125. background: url(../images/taskbar/black/taskbutton.gif) no-repeat 0 0;
  126. }
  127. .ux-taskbutton-right {
  128. width: 4px;
  129. height: 28px;
  130. background: url(../images/taskbar/black/taskbutton.gif) no-repeat 0 -28px;
  131. }
  132. .ux-taskbutton-left i, .ux-taskbutton-right i {
  133. display: block;
  134. width: 4px;
  135. overflow: hidden;
  136. font-size: 1px;
  137. line-height: 1px;
  138. }
  139. .ux-taskbutton-center {
  140. background: url(../images/taskbar/black/taskbutton.gif) repeat-x 0 -56px;
  141. vertical-align: middle;
  142. text-align: center;
  143. padding: 0 5px;
  144. cursor: pointer;
  145. white-space: nowrap;
  146. }
  147. #ux-taskbar .ux-taskbutton-left {
  148. background-position: 0 0;
  149. }
  150. #ux-taskbar .ux-taskbutton-right {
  151. background-position: 0 -28px;
  152. }
  153. #ux-taskbar .ux-taskbutton-center {
  154. background-position: 0 -56px;
  155. }
  156. #ux-taskbar .x-btn-over .ux-taskbutton-left {
  157. background-position: 0 -252px;
  158. }
  159. #ux-taskbar .x-btn-over .ux-taskbutton-right {
  160. background-position: 0 -280px;
  161. }
  162. #ux-taskbar .x-btn-over .ux-taskbutton-center {
  163. background-position: 0 -308px;
  164. }
  165. #ux-taskbar .x-btn-click .ux-taskbutton-left {
  166. background-position: 0 -168px;
  167. }
  168. #ux-taskbar .x-btn-click .ux-taskbutton-right {
  169. background-position: 0 -196px;
  170. }
  171. #ux-taskbar .x-btn-click .ux-taskbutton-center {
  172. background-position: 0 -224px;
  173. }
  174. #ux-taskbar .active-win .ux-taskbutton-left {
  175. background-position: 0 -84px;
  176. }
  177. #ux-taskbar .active-win .ux-taskbutton-right {
  178. background: url(../images/taskbar/black/taskbutton.gif) no-repeat 0 -112px;
  179. }
  180. #ux-taskbar .active-win .ux-taskbutton-center {
  181. background: url(../images/taskbar/black/taskbutton.gif) repeat-x 0 -140px;
  182. }
  183. #ux-taskbar .active-win .ux-taskbutton-center button {
  184. color: #fff;
  185. }
  186. #spacer {
  187. height: 25px;
  188. float: left;
  189. width: 0;
  190. overflow: hidden;
  191. margin-top: 2px;
  192. }
  193. .x-window-body p, .x-panel-body p {
  194. padding: 10px;
  195. margin: 0;
  196. }
  197. .x-window-maximized .x-window-bc {
  198. height: 0;
  199. }
  200. .add {
  201. background-image: url(../../shared/icons/fam/add.gif) !important;
  202. }
  203. .option {
  204. background-image: url(../../shared/icons/fam/plugin.gif) !important;
  205. }
  206. .remove {
  207. background-image: url(../../shared/icons/fam/delete.gif) !important;
  208. }
  209. .tabs {
  210. background-image: url(../images/tabs.gif) !important;
  211. }
  212. .ux-start-menu {
  213. background: transparent none;
  214. border: 0px none;
  215. padding: 0;
  216. }
  217. .ux-start-menu-tl .x-window-header {
  218. color: #f1f1f1;
  219. font: bold 11px tahoma, arial, verdana, sans-serif;
  220. padding: 5px 0 4px 0;
  221. }
  222. .x-panel-tl .x-panel-icon, .ux-start-menu-tl .x-panel-icon {
  223. background-position: 0pt 4px;
  224. background-repeat: no-repeat;
  225. padding-left: 20px !important;
  226. }
  227. .ux-start-menu-tl {
  228. background: transparent url(../images/taskbar/black/start-menu-left-corners.png) no-repeat 0 0;
  229. padding-left: 6px;
  230. zoom: 1;
  231. z-index: 1;
  232. position: relative;
  233. }
  234. .ux-start-menu-tr {
  235. background: transparent url(../images/taskbar/black/start-menu-right-corners.png) no-repeat right 0;
  236. padding-right: 6px;
  237. }
  238. .ux-start-menu-tc {
  239. background: transparent url(../images/taskbar/black/start-menu-top-bottom.png) repeat-x 0 0;
  240. overflow: hidden;
  241. zoom: 1;
  242. }
  243. .ux-start-menu-ml {
  244. background: transparent url(../images/taskbar/black/start-menu-left-right.png) repeat-y 0 0;
  245. padding-left: 6px;
  246. zoom: 1;
  247. }
  248. .ux-start-menu-bc {
  249. background: transparent url(../images/taskbar/black/start-menu-top-bottom.png) repeat-x 0 bottom;
  250. zoom: 1;
  251. }
  252. .ux-start-menu-bc .x-window-footer {
  253. padding-bottom: 6px;
  254. zoom: 1;
  255. font-size: 0;
  256. line-height: 0;
  257. }
  258. .ux-start-menu-bl {
  259. background: transparent url(../images/taskbar/black/start-menu-left-corners.png) no-repeat 0 bottom;
  260. padding-left: 6px;
  261. zoom: 1;
  262. }
  263. .ux-start-menu-br {
  264. background: transparent url(../images/taskbar/black/start-menu-right-corners.png) no-repeat right bottom;
  265. padding-right: 6px;
  266. zoom: 1;
  267. }
  268. .x-panel-nofooter .ux-start-menu-bc {
  269. height: 6px;
  270. }
  271. .ux-start-menu-splitbar-h {
  272. background-color: #d0d0d0;
  273. }
  274. .ux-start-menu-bwrap {
  275. background: transparent none;
  276. border: 0px none;
  277. }
  278. .ux-start-menu-body {
  279. background: transparent none;
  280. border: 0px none;
  281. }
  282. .ux-start-menu-apps-panel {
  283. background: #ffffff none;
  284. border: 1px solid #1e2124;
  285. }
  286. .ux-start-menu-tools-panel {
  287. border: 0px none;
  288. background: transparent url(../images/taskbar/black/start-menu-right.png) repeat-y scroll right 0pt;
  289. }
  290. #ux-taskbar-start {
  291. background: #000000 url(../images/taskbar/black/taskbar-start-panel-bg.gif) repeat-x left top;
  292. left: 0px;
  293. padding: 0;
  294. position: absolute;
  295. }
  296. #ux-taskbar-start .x-toolbar {
  297. background: none;
  298. padding: 0px;
  299. border: 0px none;
  300. }
  301. #ux-taskbuttons-panel {
  302. background: #000000 url(../images/taskbar/black/taskbuttons-panel-bg.gif) repeat-x left top;
  303. padding-top: 0;
  304. position: relative;
  305. }
  306. .ux-taskbuttons-strip-wrap {
  307. /* overflow:hidden;
  308. position:relative;
  309. width:100%; */
  310. width: 100%;
  311. overflow: hidden;
  312. position: relative;
  313. zoom: 1;
  314. }
  315. ul.ux-taskbuttons-strip {
  316. display: block;
  317. width: 5000px;
  318. zoom: 1;
  319. }
  320. ul.ux-taskbuttons-strip li {
  321. float: left;
  322. margin-left: 2px;
  323. }
  324. ul.ux-taskbuttons-strip li.ux-taskbuttons-edge {
  325. float: left;
  326. margin: 0 !important;
  327. padding: 0 !important;
  328. border: 0 none !important;
  329. font-size: 1px !important;
  330. line-height: 1px !important;
  331. overflow: hidden;
  332. zoom: 1;
  333. background: transparent !important;
  334. width: 1px;
  335. }
  336. .x-clear {
  337. clear: both;
  338. height: 0;
  339. overflow: hidden;
  340. line-height: 0;
  341. font-size: 0;
  342. }
  343. .x-taskbuttons-scrolling {
  344. position: relative;
  345. }
  346. .x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {
  347. margin-left: 18px;
  348. margin-right: 18px;
  349. }
  350. td.ux-taskButtons-edge {
  351. /*float:left;*/
  352. margin: 0 !important;
  353. padding: 0 !important;
  354. border: 0 none !important;
  355. font-size: 1px !important;
  356. line-height: 1px !important;
  357. overflow: hidden;
  358. zoom: 1;
  359. background: transparent !important;
  360. width: 1px;
  361. }
  362. .ux-taskbuttons-scroller-left {
  363. background: transparent url(../images/taskbar/black/scroll-left.gif) no-repeat -18px 0;
  364. width: 18px;
  365. position: absolute;
  366. left: 1px;
  367. top: 0px;
  368. z-index: 10;
  369. cursor: pointer;
  370. }
  371. .ux-taskbuttons-scroller-left-over {
  372. background-position: 0 0;
  373. }
  374. .ux-taskbuttons-scroller-left-disabled {
  375. background-position: -18px 0;
  376. opacity: .5;
  377. -moz-opacity: .5;
  378. filter: alpha(opacity = 50);
  379. cursor: default;
  380. }
  381. .ux-taskbuttons-scroller-right {
  382. background: transparent url(../images/taskbar/black/scroll-right.gif) no-repeat 0 0;
  383. width: 18px;
  384. position: absolute;
  385. right: 0;
  386. top: 0px;
  387. z-index: 10;
  388. cursor: pointer;
  389. }
  390. .ux-taskbuttons-scroller-right-over {
  391. background-position: -18px 0;
  392. }
  393. .ux-taskbuttons-scroller-right-disabled {
  394. background-position: 0 0;
  395. opacity: .5;
  396. -moz-opacity: .5;
  397. filter: alpha(opacity = 50);
  398. cursor: default;
  399. }
  400. .ux-toolmenu-sep {
  401. background-color: #18191a;
  402. border-bottom: 1px solid #858789;
  403. display: block;
  404. font-size: 1px;
  405. line-height: 1px;
  406. margin: 2px 3px;
  407. }
  408. .ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item {
  409. color: #ffffff;
  410. }
  411. .ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item {
  412. color: #000000;
  413. }
  414. .ux-start-menu-tools-panel .x-menu-item-active {
  415. background: #525456 url(../images/taskbar/black/item-over.gif) repeat-x left bottom;
  416. border: 1px solid #000000;
  417. padding: 0;
  418. }
  419. #ux-taskbar .x-splitbar-h {
  420. background: #000000 url(../images/taskbar/black/taskbar-split-h.gif) no-repeat 0 0;
  421. width: 8px;
  422. }
  423. .x-window-header-text {
  424. cursor: default;
  425. }
  426. /*
  427. * Begin Start button
  428. */
  429. .ux-startbutton-left, .ux-startbutton-right {
  430. font-size: 1px;
  431. line-height: 1px;
  432. }
  433. .ux-startbutton-left {
  434. width: 10px;
  435. height: 28px;
  436. background: url(../images/taskbar/black/startbutton.gif) no-repeat 0 0;
  437. }
  438. .ux-startbutton-right {
  439. width: 10px;
  440. height: 30px;
  441. background: url(../images/taskbar/black/startbutton.gif) no-repeat 0 -28px;
  442. }
  443. .ux-startbutton-left i, .ux-startbutton-right i {
  444. display: block;
  445. width: 10px;
  446. overflow: hidden;
  447. font-size: 1px;
  448. line-height: 1px;
  449. }
  450. .ux-startbutton-center {
  451. background: url(../images/taskbar/black/startbutton.gif) repeat-x 0 -56px;
  452. vertical-align: middle;
  453. text-align: center;
  454. padding: 0;
  455. cursor: pointer;
  456. white-space: nowrap;
  457. }
  458. #ux-taskbar .ux-startbutton-left {
  459. background-position: 0 0;
  460. }
  461. #ux-taskbar .ux-startbutton-right {
  462. background-position: 0 -30px;
  463. }
  464. #ux-taskbar .ux-startbutton-center {
  465. background-position: 0 -60px;
  466. }
  467. #ux-taskbar .x-btn-over .ux-startbutton-left {
  468. background-position: 0 -270px;
  469. }
  470. #ux-taskbar .x-btn-over .ux-startbutton-right {
  471. background-position: 0 -300px;
  472. }
  473. #ux-taskbar .x-btn-over .ux-startbutton-center {
  474. background-position: 0 -330px;
  475. }
  476. #ux-taskbar .x-btn-click .ux-startbutton-left {
  477. background-position: 0 -180px;
  478. }
  479. #ux-taskbar .x-btn-click .ux-startbutton-right {
  480. background-position: 0 -210px;
  481. }
  482. #ux-taskbar .x-btn-click .ux-startbutton-center {
  483. background-position: 0 -240px;
  484. }
  485. #ux-taskbar .active-win .ux-startbutton-left {
  486. background-position: 0 -90px;
  487. }
  488. #ux-taskbar .active-win .ux-startbutton-right {
  489. background: url(../images/taskbar/black/startbutton.gif) no-repeat 0 -120px;
  490. }
  491. #ux-taskbar .active-win .ux-startbutton-center {
  492. background: url(../images/taskbar/black/startbutton.gif) repeat-x 0 -150px;
  493. }
  494. #ux-taskbar .active-win .ux-startbutton-center button {
  495. color: #fff;
  496. }
  497. /*
  498. * End Start button
  499. */
  500. .x-resizable-proxy {
  501. background: #C7DFFC;
  502. opacity: .5;
  503. -moz-opacity: .5;
  504. filter: alpha(opacity = 50);
  505. border: 1px solid #3b5a82;
  506. }
  507. /* Desktop Shortcuts */
  508. #x-shortcuts dt {
  509. float: left;
  510. margin: 15px 0 0 15px;
  511. clear: left;
  512. width: 64px;
  513. font: normal 10px tahoma, arial, verdana, sans-serif;
  514. text-align: center;
  515. zoom: 1;
  516. display: block;
  517. }
  518. #x-shortcuts dt a {
  519. width: 64px;
  520. display: block;
  521. color: white;
  522. text-decoration: none;
  523. }
  524. #x-shortcuts dt div {
  525. width: 100%;
  526. color: white;
  527. overflow: hidden;
  528. text-overflow: ellipsis;
  529. cursor: pointer;
  530. }
  531. #x-shortcuts dt a:hover {
  532. text-decoration: underline;
  533. }