amber.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522
  1. body.jtalkBody {
  2. margin-bottom: 350px;
  3. }
  4. @import url("amber-normalize.css");
  5. #jtalkTabs, #jtalk .jt_tabs {
  6. margin: 0;
  7. padding: 0;
  8. background: url("../images/sprite.png") #DBD9C9 0 -27px;
  9. height: 22px;
  10. width: 100%;
  11. list-style: none;
  12. font-weight: bold;
  13. }
  14. #jtalkTabs li, #jtalk .jt_tabs li {
  15. padding: 0 1px;
  16. cursor: pointer;
  17. color: #565656;
  18. max-width: 200px;
  19. float:left;
  20. }
  21. #jtalk .ltab, #jtalk .rtab, #jtalk .mtab {
  22. height: 22px;
  23. float: left;
  24. }
  25. #jtalk .ltab, #jtalk .rtab {
  26. width: 8px;
  27. }
  28. #jtalk .rtab {
  29. margin-right: 1px;
  30. }
  31. #jtalk .mtab {
  32. line-height: 20px;
  33. }
  34. #jtalkTabs li:hover .ltab,
  35. #jtalk .jt_tabs li:hover .ltab {
  36. background: url("../images/sprite.png") -16px -96px;
  37. }
  38. #jtalkTabs li:hover .mtab,
  39. #jtalk .jt_tabs li:hover .mtab {
  40. background: url("../images/sprite.png") 0 -73px;
  41. }
  42. #jtalkTabs li:hover .rtab,
  43. #jtalk .jt_tabs li:hover .rtab {
  44. background: url("../images/sprite.png") -24px -96px;
  45. }
  46. #jtalkTabs li.selected,
  47. #jtalk .jt_tabs li.selected {
  48. color: #111;
  49. }
  50. #jtalkTabs li.selected .ltab,
  51. #jtalk .jt_tabs li.selected .ltab {
  52. background: url("../images/sprite.png") 0px -96px;
  53. }
  54. #jtalkTabs li.selected .mtab,
  55. #jtalk .jt_tabs li.selected .mtab {
  56. background: url("../images/sprite.png") 0 -50px;
  57. }
  58. #jtalkTabs li.selected .rtab,
  59. #jtalk .jt_tabs li.selected .rtab {
  60. background: url("../images/sprite.png") -8px -96px;
  61. }
  62. #jtalkTabs li .close {
  63. margin-right: 5px;
  64. color: #aaa;
  65. }
  66. #jtalk {
  67. position: fixed;
  68. bottom: 0;
  69. left: 0;
  70. right: 0;
  71. height: 350px;
  72. z-index: 1000;
  73. }
  74. #jtalk, #jtalk button, #jtalk input, #jtalk select {
  75. font-family: Lucida Grande, Tahoma, sans-serif;
  76. font-size: 11px;
  77. }
  78. #jtalk #logo {
  79. position: absolute;
  80. top: 3px;
  81. left: 8px;
  82. width: 22px;
  83. height: 20px;
  84. background: url("../images/tinylogo.png") top left no-repeat;
  85. }
  86. #jtalk #jt_toolbar {
  87. height: 27px;
  88. background: url("../images/sprite.png") 0 0;
  89. }
  90. #jtalk #jt_toolbar input {
  91. margin-left: 50px;
  92. width: 250px;
  93. margin-top: 5px;
  94. }
  95. #jtalk #jt_toolbar #jt_close {
  96. position: absolute;
  97. right: 4px;
  98. top: 6px;
  99. width: 16px;
  100. height: 16px;
  101. background: url('../images/off.png');
  102. cursor: pointer;
  103. }
  104. #jtalk #jt_toolbar #jt_close:hover {
  105. background: url('../images/offHover.png');
  106. }
  107. #jtalk .ui-resizable-handle {
  108. background-color: transparent;
  109. top: 0;
  110. cursor: row-resize;
  111. height: 5px;
  112. left: 0;
  113. position: absolute;
  114. right: 0;
  115. width: auto !important;
  116. }
  117. .jtalkTool {
  118. width: 100%;
  119. color: #333;
  120. line-height: 1.3em;
  121. padding: 0;
  122. margin: 0;
  123. position: absolute;
  124. bottom: 0;
  125. left: 0;
  126. top: 49px;
  127. z-index: 1000;
  128. background: white;
  129. }
  130. .jtalkTool .jt_box {
  131. width: 100%;
  132. margin: 0;
  133. position: absolute;
  134. top: 0;
  135. bottom: 27px;
  136. }
  137. .jtalkTool .jt_buttons {
  138. position: absolute;
  139. bottom: 0;
  140. left: 0;
  141. right: 0;
  142. height: 27px;
  143. line-height: 27px;
  144. background: url("../images/sprite.png") 0 0 repeat;
  145. }
  146. .jtalkTool .jt_buttons .right {
  147. float: right;
  148. }
  149. .jtalkTool .important {
  150. font-weight: bold;
  151. }
  152. .jtalkTool button {
  153. border: 1px solid transparent;
  154. background: transparent;
  155. padding: 2px 4px;
  156. margin-left: 4px;
  157. cursor: pointer;
  158. }
  159. .jtalkTool button:hover {
  160. border-top: 1px solid #fff;
  161. border-left: 1px solid #fff;
  162. border-right: 1px solid #bbb;
  163. border-bottom: 1px solid #bbb;
  164. }
  165. .jtalkTool button:active {
  166. border-top: 1px solid #bbb;
  167. border-left: 1px solid #bbb;
  168. border-right: 1px solid #fff;
  169. border-bottom: 1px solid #fff;
  170. background: #ddd;
  171. }
  172. .jtalkTool select, #jtalk input {
  173. border-top: 1px solid #bbb;
  174. border-left: 1px solid #bbb;
  175. border-right: 1px solid #fff;
  176. border-bottom: 1px solid #fff;
  177. background: #fff;
  178. display: inline;
  179. margin-top: 0;
  180. margin-bottom: 0;
  181. padding-top: 0;
  182. padding-bottom: 0;
  183. }
  184. .jtalkTool li {
  185. margin: 0;
  186. padding: 0;
  187. }
  188. .jtalkTool .source {
  189. height: 100%;
  190. }
  191. .jtalkTool textarea,
  192. .jtalkTool input {
  193. border: 0 none;
  194. font-family: "DejaVu Sans", Helvetica, sans;
  195. line-height: 1.3em;
  196. font-size: 11px;
  197. position: relative;
  198. padding: 0;
  199. }
  200. .jtalkTool .CodeMirror {
  201. border: 0 none;
  202. font-family: "DejaVu Sans", Helvetica, sans;
  203. font-size: 11px;
  204. line-height: 1.3em;
  205. height: 100%;
  206. background: white;
  207. }
  208. .jtalkTool .CodeMirror-scroll {
  209. height: 100%;
  210. }
  211. .talkTool .CodeMirror-scroll pre {
  212. font-family: "DejaVu Sans", Helvetica, sans;
  213. }
  214. .jtalkTool .jt_clear {
  215. clear: both;
  216. }
  217. .jtalkTool .jt_transcript,
  218. .jtalkTool .jt_workspace {
  219. width: 100%;
  220. height: 100%;
  221. }
  222. .jtalkTool .jt_packagesButtons {
  223. position: absolute;
  224. top: 149px;
  225. left: 0;
  226. z-index: 1;
  227. }
  228. .jtalkTool .jt_column {
  229. width: 25%;
  230. padding: 0;
  231. margin: 0;
  232. float: left;
  233. outline: 1px solid #aaa;
  234. border: 0 none;
  235. height: 150px;
  236. overflow-y: auto;
  237. background: #fff;
  238. color: #111;
  239. position: absolute;
  240. top: 0;
  241. }
  242. .jtalkTool .jt_column.classes {
  243. left: 25%
  244. }
  245. .jtalkTool .jt_column.classes ul {
  246. margin-left: 0;
  247. }
  248. .jtalkTool .jt_column.classes ul li {
  249. padding-left: 10px;
  250. margin-left: 0;
  251. }
  252. .jtalkTool .jt_column.protocols {
  253. left: 50%
  254. }
  255. .jtalkTool .jt_column.methods {
  256. left: 75%
  257. }
  258. .jtalkTool .jt_column li {
  259. list-style-type: none;
  260. padding-left: 5px;
  261. cursor: pointer;
  262. color: #111;
  263. font-weight: bold;
  264. }
  265. .jtalkTool .jt_column li.selected {
  266. background: #c5c5c5;
  267. color: #222;
  268. }
  269. .jtalkTool .jt_column li:hover {
  270. background: #08c;
  271. color: white;
  272. }
  273. #jtalk .jtalkTool .jt_tabs {
  274. top: 150px;
  275. position: absolute;
  276. }
  277. #jtalk .jtalkTool .jt_tabs.jt_browser {
  278. padding-left: 25%;
  279. }
  280. .jtalkTool .jt_sourceCode {
  281. position: absolute;
  282. top: 172px;
  283. bottom: 0;
  284. left: 0;
  285. right: 0;
  286. }
  287. .jtalkTool .jt_sourceCode textarea.source {
  288. width: 100%;
  289. height: 100%;
  290. }
  291. /* Debugger & inspector */
  292. .jtalkTool .jt_box .label {
  293. width: 100%;
  294. font-weight: bold;
  295. text-align: center;
  296. position: absolute;
  297. line-height: 1.5em;
  298. font-size: 16px;
  299. color: red;
  300. background: url("../images/sprite.png") top left repeat;
  301. height: 27px;
  302. }
  303. .jtalkTool .jt_box .jt_column.debugger {
  304. top: 178px;
  305. }
  306. .jtalkTool .jt_box .jt_column.debugger.contexts {
  307. top: 27px;
  308. width: 100%;
  309. }
  310. .jtalkTool .jt_sourceCode.debugger {
  311. width: 60%;
  312. top: 178px;
  313. }
  314. .jtalkTool .jt_box .jt_column.debugger.variables {
  315. width: 10%;
  316. left: 60%;
  317. bottom: 0;
  318. position: absolute;
  319. height: auto;
  320. }
  321. .jtalkTool .jt_box .jt_column.debugger.inspector {
  322. width: 30%;
  323. left: 70%;
  324. bottom: 0;
  325. position: absolute;
  326. height: auto;
  327. }
  328. .jtalkTool .jt_button.debugger.inspect {
  329. position: absolute;
  330. left: 60%;
  331. }
  332. .jtalkTool .jt_column.value {
  333. left: 25%;
  334. width: 75%;
  335. }
  336. .jtalkTool .jt_buttons.inspector {
  337. position: absolute;
  338. top: 150px;
  339. }
  340. /* ReferencesBrowser */
  341. .jtalkTool .jt_box .implementors {
  342. width: 100%
  343. }
  344. .jtalkTool .jt_box .jt_column.implementors,
  345. .jtalkTool .jt_box .jt_column.senders,
  346. .jtalkTool .jt_box .jt_column.referenced_classes {
  347. top: 20px;
  348. height: auto;
  349. bottom: 0;
  350. width: 33.333%;
  351. }
  352. .jtalkTool .jt_box .jt_column.senders {
  353. left: 33.333%
  354. }
  355. .jtalkTool .jt_box .jt_column.referenced_classes {
  356. left: 66.67%
  357. }
  358. .jtalkTool .jt_box .jt_column.implementors .column_label,
  359. .jtalkTool .jt_box .jt_column.senders .column_label,
  360. .jtalkTool .jt_box .jt_column.referenced_classes .column_label {
  361. background: #dbdbdb
  362. }
  363. .jtalkTool .jt_box .jt_column.implementors .column_label:hover,
  364. .jtalkTool .jt_box .jt_column.senders .column_label:hover,
  365. .jtalkTool .jt_box .jt_column.referenced_classes .column_label:hover {
  366. font-weight: bold;
  367. color: #000;
  368. cursor: default
  369. }
  370. .jtalkTool .classes .commented {
  371. color: #33337F;
  372. }
  373. /* SUnit TestRunner */
  374. .jtalkTool .jt_column.sunit.packages,
  375. .jtalkTool .jt_column.sunit.classes {
  376. height: 100%
  377. }
  378. .jtalkTool .jt_column.sunit.classes li.all,
  379. .jtalkTool .jt_column.sunit.categories li.all {
  380. background: #e3e3e3;
  381. font-weight: bold
  382. }
  383. .jtalkTool .jt_column.sunit.classes li.all:hover ,
  384. .jtalkTool .jt_column.sunit.categories li.all:hover {
  385. background: #0088CC;
  386. font-weight: bold
  387. }
  388. .jtalkTool .sunit.status {
  389. position: absolute;
  390. left: 50%;
  391. width: 50%;
  392. outline: 1px solid #aaa;
  393. background: white;
  394. height: 40px
  395. }
  396. .jtalkTool .sunit.status.success {
  397. background: #43d443;
  398. }
  399. .jtalkTool .sunit.status.failure {
  400. background: #ecd443;
  401. }
  402. .jtalkTool .sunit.status.error {
  403. background: #e56f3b;
  404. }
  405. .jtalkTool .progress_bar {
  406. position: absolute;
  407. left: 50%;
  408. width: 50%;
  409. top: 40px;
  410. background: white;
  411. outline: 1px solid #aaa;
  412. min-height: 20px
  413. }
  414. .jtalkTool .progress_bar div {
  415. background: #0088CC;
  416. min-height: 20px;
  417. }
  418. .jtalkTool .jt_column.results.sunit {
  419. left: 50%;
  420. height: auto;
  421. width: 50%;
  422. top: 62px;
  423. bottom: 0;
  424. }
  425. .jtalkTool .jt_column.sunit.results .errors {
  426. color: red;
  427. }
  428. /*.jtalkTool .jt_column.sunit.results ul {padding: 0; margin: 0}*/