/kai/public/css/tweaks.css

https://bitbucket.org/bbangert/kai/ · CSS · 750 lines · 631 code · 95 blank · 24 comment · 0 complexity · c38b63964a56b65fbabf46fe72ed027f MD5 · raw file

  1. /* @override
  2. http://localhost:5050/css/tweaks.css
  3. http://127.0.0.1:5050/css/tweaks.css
  4. */
  5. .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  6. color:#00607b;
  7. font-family:Georgia, "Times New Roman", Times, serif;
  8. font-weight:300;
  9. margin: 10px -20px 0px -20px;
  10. padding: 3px 0 3px 10px;
  11. }
  12. .content h1 {
  13. font-size: 200%;
  14. color: #00607b;
  15. }
  16. .content h2 {
  17. font-size: 174%;
  18. }
  19. .content h3 {
  20. font-size: 161.6%;
  21. }
  22. .content h4 {
  23. font-size: 153.9%;
  24. }
  25. .content ul {
  26. margin-top: 0;
  27. }
  28. .content ul li ul {
  29. }
  30. .content ul li {
  31. line-height: 1.5;
  32. padding: 0;
  33. margin-bottom: 0;
  34. }
  35. div.content {
  36. font-size: 108%;
  37. padding: 0 20px;
  38. }
  39. .content a {
  40. text-decoration: none;
  41. }
  42. .content a:hover {
  43. text-decoration: underline;
  44. }
  45. h2 { font-size: 16px; margin: 1.3em 0 0.0 0; padding: 5px;
  46. background-color: transparent; color: #000; }
  47. h2 em { font-style: normal; color: #F5E08D; font-weight: normal; }
  48. div.traceback, div.plain { background-color: #eee!important; border: 1px solid #ccc; margin: 0 0 1em 0; padding: 10px;}
  49. div.traceback h3 { font-size: 1em; margin: 0 0 0.8em 0; }
  50. div.traceback ul { list-style: none; margin: 0; padding: 0 0 0 1em; }
  51. div.traceback ul li { list-style: none;}
  52. div.traceback h4 { font-size: 13px; font-weight: normal; margin: 0.7em 0 0.1em 0; padding: 0;}
  53. div.traceback ul li em { font-style: italic; }
  54. cite {font-style: italic;}
  55. div.traceback pre { margin: 0; padding: 3px 0 3px 10px;
  56. background-color: #ccc; border-top: 1px solid #aaa;
  57. border-left: 1px solid #aaa; border-right: 1px solid #fafafa;
  58. border-bottom: 1px solid #fafafa; font-size: 93%;}
  59. .details {font-size: 14px;}
  60. .errormsg {font-weight: bold;}
  61. table.buildbot, table.buildbot tr td, table.buildbot tr th {border:none;}
  62. table.buildbot {
  63. margin-left: 80px;
  64. }
  65. table.buildbot tr td.next {
  66. border-left: 1px solid #ddd;
  67. }
  68. table.buildbot thead {
  69. border-bottom: 1px solid #ddd;
  70. }
  71. table.buildbot thead th {
  72. line-height: 1.1;
  73. padding:0 0 4px 0;
  74. margin: 0;
  75. }
  76. table.buildbot tbody tr {
  77. line-height: 1.1;
  78. margin: 0;
  79. }
  80. table.buildbot tbody th {
  81. padding-right: 14px;
  82. }
  83. table.buildbot tr td {
  84. padding: 4px 54px 4px 24px;
  85. }
  86. table.buildbot td.result {
  87. padding-left: 22px;
  88. line-height: 1.4;
  89. }
  90. span.failure {
  91. color: #900;
  92. font-weight:700;
  93. background: transparent url(images/note.png) no-repeat 0% 50%;
  94. padding-left:25px;
  95. }
  96. tr.failure {
  97. color: #900;
  98. }
  99. tr.success {
  100. color: #090;
  101. }
  102. span.success {
  103. color: #090;
  104. font-weight:700;
  105. }
  106. table.buildbot span.success {
  107. color: #090;
  108. font-weight:700;
  109. background: transparent url(images/success.gif) no-repeat 0% 50%;
  110. padding-left:25px;
  111. }
  112. div.older table.buildbot tbody tr.run {
  113. border-top: 1px solid #ddd;
  114. }
  115. div.loadmore {
  116. margin: 0 0 0 30px;
  117. padding: 0;
  118. }
  119. div.viewtoggle a {
  120. background: transparent url(images/arrow-right.gif) no-repeat 0px 50%;
  121. padding-left:15px;
  122. }
  123. div.viewtoggle a.down {
  124. background: transparent url(images/arrow-down.gif) no-repeat 0px 50%;
  125. padding-left:15px;
  126. }
  127. div.details {
  128. float: right;
  129. padding: 0;
  130. margin: 0 0 0 15px;
  131. }
  132. div.details a {
  133. width: 16px;
  134. height: 16px;
  135. padding: 0;
  136. margin: 0;
  137. display: block;
  138. text-decoration: none;
  139. }
  140. table.buildbot tr td:hover div.details a {
  141. background: transparent url(images/information.gif) no-repeat 0 0;
  142. display: block;
  143. text-decoration: none;
  144. }
  145. /* Login bar */
  146. .home #bd, #bd {
  147. position: relative;
  148. padding-top: 33px;
  149. margin-top: -20px;
  150. }
  151. div#loginbar {
  152. position: absolute;
  153. top: 0;
  154. left: 0;
  155. margin: 0;
  156. text-align: right;
  157. width: 100%;
  158. color: #ddd;
  159. font-size: 83%;
  160. height: 20px;
  161. background: transparent url(images/loginbar.jpg) repeat-x 0 0;
  162. }
  163. div#loginbar .layoutstyle {
  164. float: left;
  165. padding: 1px 0 0 4px;
  166. }
  167. div#loginbar .links {
  168. margin-right: 15px;
  169. padding: 1px 0 0 0;
  170. }
  171. div#loginbar a {
  172. color: #ffd630;
  173. text-decoration: none;
  174. padding: 0 4px 0 4px;
  175. }
  176. div#loginbar a:hover {
  177. text-decoration: underline;
  178. color: #ffd630;
  179. }
  180. .home #bd h3 {
  181. color: #00607b;
  182. }
  183. /* Form Styling */
  184. .fielderror { color: red; font-weight: bold; display: block;}
  185. input.has_error, select.has_error, textarea.has_error { background-color: red; }
  186. label.required { font-weight: bold; }
  187. form table { border: none;}
  188. form table tr, form table tr td { border: none;}
  189. form table tr td {vertical-align: top;}
  190. .fieldhelp {
  191. color: #888;
  192. font-size: 0.8em;
  193. display: block;
  194. padding-top: 4px;
  195. }
  196. /* User data */
  197. div.user_post {
  198. padding: 4px;
  199. margin: 0;
  200. font-size: 77%;
  201. border: 1px solid #ddd;
  202. }
  203. div.user_post div.user_icon {
  204. float: left;
  205. padding: 0 6px 5px 0;
  206. }
  207. div.user_post div.username {
  208. font-weight: bold;
  209. }
  210. /* Overlay popup styling */
  211. div.close {
  212. float: right;
  213. font-size: 93%;
  214. padding: 6px 8px 6px 20px;
  215. margin: 8px;
  216. border: 1px solid #ddd;
  217. background: transparent url(images/cross.gif) no-repeat 0px 50%;
  218. }
  219. div#build-details h2 {
  220. margin: 5px 0 0 20px;
  221. font-size: 131%;
  222. color: #6f4706;
  223. }
  224. div#build-details table td pre {
  225. margin: 5px 0 5px 15px;
  226. padding: 0px 0 3px 10px;
  227. border: 1px solid #ccc;
  228. background-color: #efefef;
  229. width: 820px;
  230. overflow: auto;
  231. }
  232. div#build-details table {
  233. margin: 20px 45px 0 25px;
  234. width: 850px;
  235. }
  236. div#build-details table td {
  237. border: none;
  238. line-height: 1.0;
  239. font-size: 85%;
  240. }
  241. div#build-details table .times {
  242. color: #999;
  243. font-size: 85%;
  244. text-align: center;
  245. }
  246. div#build-details table th{
  247. border: none;
  248. border-bottom: 1px solid #ddd;
  249. }
  250. div#paging {
  251. float: right;
  252. font-size: 77%;
  253. }
  254. div#paging div.showing {
  255. text-align: right;
  256. }
  257. /* Blog Entry */
  258. form.new_article textarea {
  259. width: 650px;
  260. height: 300px;
  261. }
  262. form.new_article input.textfield {
  263. width: 350px;
  264. }
  265. /* Comments */
  266. textarea#comment_form_comment {
  267. width: 600px;
  268. height: 150px;
  269. }
  270. div.comment_format{
  271. margin: 0 0 0 90px;
  272. font-size: 85%;
  273. padding: 0;
  274. }
  275. div.comments.user_post {
  276. width: 240px;
  277. border: none;
  278. float: left;
  279. }
  280. div.comment {
  281. clear: both;
  282. border-top: 1px solid #bbb;
  283. margin: 0;
  284. padding: 10px 0 19px 0;
  285. min-height: 35px;
  286. }
  287. div.comment.highlight {
  288. background: #effeff;
  289. }
  290. div.comment div.content {
  291. font-size: 93%;
  292. margin-left: 265px;
  293. width: 550px;
  294. padding: 2px 0 0 0;
  295. }
  296. p.suggest_comment {
  297. border-top: 1px solid #bbb;
  298. padding-top: 10px;
  299. }
  300. #comment_preview {
  301. border: 1px solid #bbb;
  302. padding: 5px;
  303. margin: 6px 4px;
  304. width: 550px;
  305. }
  306. div.comment_delete {
  307. float: right;
  308. font-size: 77%;
  309. margin: 15px 5px 0 0;
  310. display: none;
  311. }
  312. div.comment:hover div.comment_delete {
  313. display: block;
  314. }
  315. div.tablestop {
  316. overflow: auto;
  317. }
  318. div.tablestop table.syntaxtable {
  319. padding-bottom: 0;
  320. }
  321. table.syntaxtable {
  322. border: none;
  323. width: 100%;
  324. padding-right: 20px;
  325. }
  326. table.syntaxtable td {
  327. border: none;
  328. }
  329. table.syntaxtable td.linenos {
  330. padding: 5px 0 0 0;
  331. margin: 0;
  332. vertical-align: top;
  333. text-align: right;
  334. }
  335. table.syntaxtable td.linenos pre {
  336. border: none;
  337. background: inherit;
  338. }
  339. table.syntaxtable td {
  340. padding-left: 0px;
  341. padding-right: 0px;
  342. }
  343. table.syntaxtable td.code pre {
  344. min-width: 540px;
  345. overflow: auto;
  346. }
  347. /* Traceback */
  348. div.exception {
  349. border-bottom: 1px solid #ddd;
  350. }
  351. div.moduleline {
  352. color: #00607b;
  353. font-style:italic;
  354. }
  355. div.traceback_gravatar {
  356. float: left;
  357. }
  358. div.user_data {
  359. margin: 6px 0 0 36px;
  360. line-height: 1.2;
  361. }
  362. div.exception h2 {
  363. font-size: 123.1%;
  364. margin: 5px 0 0 0;
  365. padding: 5px 0 0 0;
  366. line-height: 1;
  367. }
  368. div.traceback_post.user_post {
  369. float: right;
  370. width: 200px;
  371. }
  372. div.exception div.frame {
  373. font-weight: bold;
  374. }
  375. div.exception_frame {
  376. font-size: 85%;
  377. padding: 0;
  378. margin: 10px 0 0 0;
  379. line-height: 1.2;
  380. clear: both;
  381. }
  382. div.traceback_posted {
  383. font-size: 85%;
  384. color: #444;
  385. }
  386. div.traceback_author {
  387. font-weight: bold;
  388. }
  389. h2.traceback em {
  390. color: #888;
  391. font-size: 77%;
  392. }
  393. div.traceback select#sort_order {
  394. float: right;
  395. font-size: 85%;
  396. }
  397. span.subtle {
  398. font-size: 77%;
  399. }
  400. div.traceback_delete {
  401. float: right;
  402. margin-right: 10px;
  403. font-weight: bold;
  404. }
  405. div.traceback h2 {
  406. margin: 0;
  407. padding: 0;
  408. }
  409. div.traceback div.description {
  410. float: left;
  411. width: 510px;
  412. }
  413. div.traceback div.description p {
  414. border: 1px solid #bbb;
  415. margin-right: 20px;
  416. padding: 6px;
  417. font-size: 93%;
  418. }
  419. div.traceback div.sysinfo div.language {
  420. font-weight: bold;
  421. color: #333;
  422. }
  423. div.traceback ul {
  424. padding-left: 0;
  425. }
  426. table#traceback_libs tr td {
  427. border: none;
  428. padding: 2px 8px 0 0;
  429. }
  430. table#traceback_libs tr {
  431. border-bottom: 1px solid #ccc;
  432. }
  433. table#traceback_libs {
  434. width: 100%;
  435. }
  436. div.sysinfo {
  437. margin: 20px 0 0 510px;
  438. border: 1px solid #bbb;
  439. height: 200px;
  440. width: 350px;
  441. overflow: auto;
  442. padding: 4px;
  443. font-size: 85%;
  444. }
  445. /* Snippet styling */
  446. div.snippets div.user_post.header {
  447. float: right;
  448. width: 240px;
  449. margin-top: 15px;
  450. border: none;
  451. }
  452. div.snippets textarea {
  453. width: 550px;
  454. }
  455. div.snippets input.textfield, div.snippets input.autocomplete {
  456. width: 400px;
  457. }
  458. div.snippets textarea#snippet_form_content {
  459. height: 240px;
  460. }
  461. /* Pastebin styling */
  462. div.pastebin div.user_post.header {
  463. float: right;
  464. width: 240px;
  465. margin-top: 18px;
  466. }
  467. div.pastebin textarea {
  468. width: 550px;
  469. height: 220px;
  470. }
  471. div.pastebin input.textfield, div.pastebin input.autocomplete {
  472. width: 400px;
  473. }
  474. div.pastelist.user_post {
  475. float: left;
  476. border: none;
  477. font-size: 85%;
  478. margin: 10px 0 0 0;
  479. padding: 0 0 0 4px;
  480. width: 270px;
  481. }
  482. div.pastie {
  483. clear: both;
  484. border-bottom: 1px solid #dedede;
  485. padding: 5px 0 0px 0;
  486. margin: 0;
  487. }
  488. div.pastebin div.clearfix {
  489. height: 0;
  490. }
  491. div.pastie div.pastedata {
  492. font-size: 85%;
  493. margin: 10px 0 0 0;
  494. line-height: 1.5;
  495. width: 300px;
  496. float: left;
  497. }
  498. div.pastebin h2.pastie {
  499. font-size: 123%;
  500. margin: 8px 0 0 0;
  501. padding: 0 5px 0 0;
  502. float: left;
  503. width: 310px;
  504. }
  505. /* Blog styling */
  506. div.atomentry {
  507. margin-bottom: 30px;
  508. }
  509. div.atomentry h2.title {
  510. font-weight: bold;
  511. margin-bottom: 0;
  512. padding-bottom: 0;
  513. }
  514. div.atomentry p.author {
  515. margin: -5px 0 15px -9px;
  516. padding: 0;
  517. font-size: 108%;
  518. color: #888;
  519. }
  520. div.atomentry span.date, div.atomentry p.author cite {
  521. color: #555;
  522. }
  523. div.atomentry div.articlecontent h3, div.atomentry div.articlecontent h2 {
  524. margin: 4px 0 2px 0;
  525. padding: 0;
  526. }
  527. div.atomentry div.articlecontent p {
  528. margin: 0;
  529. padding: 0 0 15px 0;
  530. }
  531. div.atomentry div.articlecontent pre {
  532. margin: 0;
  533. padding: 0;
  534. }
  535. /* Autocomplete styling */
  536. .yui_autocomplete_holder { position:relative; }
  537. .yui_autocomplete {position:relative;width:100px;margin-bottom:1em;}/* set width of widget here*/
  538. .yui_autocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
  539. #tags {position:absolute;width:450px;height:1.4em;z-index:0;} /* abs for ie quirks */
  540. .yui_autocomplete {position:absolute;top:1.7em;width:140px;}
  541. .yui_autocomplete .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
  542. .yui_autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
  543. .yui_autocomplete ul {padding:5px 0;width:100%; list-style: none; margin: 0;}
  544. .yui_autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
  545. .yui_autocomplete li.yui-ac-highlight {background: #eafec2;}
  546. .yui_autocomplete li.yui-ac-prehighlight {background:#FFFFCC;}
  547. /* Form errors */
  548. tr.error.even td span, tr.error.odd td span {
  549. padding: 2px 0 0 25px;
  550. color: red;
  551. height: 24px;
  552. display: block;
  553. margin: 8px 0 5px 0px;
  554. background: url(/images/icons/dialog-error22.png) no-repeat left top;
  555. }
  556. form > span.error {
  557. display: none;
  558. }
  559. form input.submit {
  560. margin-left: 120px;
  561. margin-bottom: 20px;
  562. }
  563. tr.error td {
  564. background: none;
  565. }
  566. table th {
  567. border: none;
  568. vertical-align: top;
  569. }
  570. tr.error td input, tr.error td select, tr.error td textarea {
  571. border: 1px solid red;
  572. }
  573. /* Markmail results */
  574. div.itemlist div.result {
  575. margin-bottom: 5px;
  576. padding: 2px 0px 2px 4px;
  577. background-color: rgb(247, 247, 247);
  578. border: 1px solid rgb(235, 235, 235);
  579. }
  580. div.itemlist div.result div.meta {
  581. font-size: 0.8em;
  582. color: rgb(1, 116, 22);
  583. }
  584. p.results a {
  585. float: right;
  586. }
  587. div.itemlist div.blurb {
  588. font-size: 0.8em;
  589. }
  590. div.itemlist div.result a {
  591. text-decoration: underline;
  592. font-size: 0.9em;
  593. cursor: pointer;
  594. }
  595. /* Flash messages */
  596. ul#success-flash-messages {
  597. color: green;
  598. background-color: #FFFFCC;
  599. font-size: larger;
  600. font-style: italic;
  601. margin-left: 40px;
  602. padding: 4px;
  603. list-style: none;
  604. border: 2px solid green;
  605. }
  606. ul#failure-flash-messages {
  607. color: red;
  608. border: 2px solid red;
  609. background-color: #FFFFCC;
  610. font-size: larger;
  611. font-style: italic;
  612. margin-left: 40px;
  613. padding: 4px;
  614. list-style: none;
  615. }
  616. ul#failure-flash-messages li, ul#success-flash-messages li {
  617. list-style: none;
  618. }
  619. #doc3 {
  620. min-width: 974px;
  621. margin-right: 30px;
  622. margin-left: 30px;
  623. }
  624. html {
  625. background-color: #0f0f0f;
  626. }
  627. .scrollable {
  628. border: 1px solid rgb(204, 204, 204);
  629. border-left: none;
  630. border-right: none;
  631. overflow: hidden;
  632. width: 620px;
  633. position: relative;
  634. height: 120px;
  635. }
  636. .scrollable img {
  637. padding-right: 55px;
  638. float: left;
  639. }
  640. .scrollable .items {
  641. /* this cannot be too large */
  642. width:20000em;
  643. position:absolute;
  644. clear:both;
  645. }
  646. /*
  647. a single item. must be floated in horizontal scrolling.
  648. typically, this element is the one that *you* will style
  649. the most.
  650. */
  651. .items div {
  652. float:left;
  653. width: 620px;
  654. padding-left: 20px;
  655. }