/cgit.css

https://github.com/lohner/cgit · CSS · 811 lines · 657 code · 149 blank · 5 comment · 0 complexity · 9e38ca300476a55537c195cbe20ee5ed MD5 · raw file

  1. div#cgit {
  2. padding: 0em;
  3. margin: 0em;
  4. font-family: sans-serif;
  5. font-size: 10pt;
  6. color: #333;
  7. background: white;
  8. padding: 4px;
  9. }
  10. div#cgit a {
  11. color: blue;
  12. text-decoration: none;
  13. }
  14. div#cgit a:hover {
  15. text-decoration: underline;
  16. }
  17. div#cgit table {
  18. border-collapse: collapse;
  19. }
  20. div#cgit table#header {
  21. width: 100%;
  22. margin-bottom: 1em;
  23. }
  24. div#cgit table#header td.logo {
  25. width: 96px;
  26. vertical-align: top;
  27. }
  28. div#cgit table#header td.main {
  29. font-size: 250%;
  30. padding-left: 10px;
  31. white-space: nowrap;
  32. }
  33. div#cgit table#header td.main a {
  34. color: #000;
  35. }
  36. div#cgit table#header td.form {
  37. text-align: right;
  38. vertical-align: bottom;
  39. padding-right: 1em;
  40. padding-bottom: 2px;
  41. white-space: nowrap;
  42. }
  43. div#cgit table#header td.form form,
  44. div#cgit table#header td.form input,
  45. div#cgit table#header td.form select {
  46. font-size: 90%;
  47. }
  48. div#cgit table#header td.sub {
  49. color: #777;
  50. border-top: solid 1px #ccc;
  51. padding-left: 10px;
  52. }
  53. div#cgit table.tabs {
  54. border-bottom: solid 3px #ccc;
  55. border-collapse: collapse;
  56. margin-top: 2em;
  57. margin-bottom: 0px;
  58. width: 100%;
  59. }
  60. div#cgit table.tabs td {
  61. padding: 0px 1em;
  62. vertical-align: bottom;
  63. }
  64. div#cgit table.tabs td a {
  65. padding: 2px 0.75em;
  66. color: #777;
  67. font-size: 110%;
  68. }
  69. div#cgit table.tabs td a.active {
  70. color: #000;
  71. background-color: #ccc;
  72. }
  73. div#cgit table.tabs td.form {
  74. text-align: right;
  75. }
  76. div#cgit table.tabs td.form form {
  77. padding-bottom: 2px;
  78. font-size: 90%;
  79. white-space: nowrap;
  80. }
  81. div#cgit table.tabs td.form input,
  82. div#cgit table.tabs td.form select {
  83. font-size: 90%;
  84. }
  85. div#cgit div.path {
  86. margin: 0px;
  87. padding: 5px 2em 2px 2em;
  88. color: #000;
  89. background-color: #eee;
  90. }
  91. div#cgit div.content {
  92. margin: 0px;
  93. padding: 2em;
  94. border-bottom: solid 3px #ccc;
  95. }
  96. div#cgit table.list {
  97. width: 100%;
  98. border: none;
  99. border-collapse: collapse;
  100. }
  101. div#cgit table.list tr {
  102. background: white;
  103. }
  104. div#cgit table.list tr.logheader {
  105. background: #eee;
  106. }
  107. div#cgit table.list tr:hover {
  108. background: #eee;
  109. }
  110. div#cgit table.list tr.nohover:hover {
  111. background: white;
  112. }
  113. div#cgit table.list th {
  114. font-weight: bold;
  115. /* color: #888;
  116. border-top: dashed 1px #888;
  117. border-bottom: dashed 1px #888;
  118. */
  119. padding: 0.1em 0.5em 0.05em 0.5em;
  120. vertical-align: baseline;
  121. }
  122. div#cgit table.list td {
  123. border: none;
  124. padding: 0.1em 0.5em 0.1em 0.5em;
  125. }
  126. div#cgit table.list td.commitgraph {
  127. font-family: monospace;
  128. white-space: pre;
  129. }
  130. div#cgit table.list td.commitgraph .column1 {
  131. color: #a00;
  132. }
  133. div#cgit table.list td.commitgraph .column2 {
  134. color: #0a0;
  135. }
  136. div#cgit table.list td.commitgraph .column3 {
  137. color: #aa0;
  138. }
  139. div#cgit table.list td.commitgraph .column4 {
  140. color: #00a;
  141. }
  142. div#cgit table.list td.commitgraph .column5 {
  143. color: #a0a;
  144. }
  145. div#cgit table.list td.commitgraph .column6 {
  146. color: #0aa;
  147. }
  148. div#cgit table.list td.logsubject {
  149. font-family: monospace;
  150. font-weight: bold;
  151. }
  152. div#cgit table.list td.logmsg {
  153. font-family: monospace;
  154. white-space: pre;
  155. padding: 0 0.5em;
  156. }
  157. div#cgit table.list td a {
  158. color: black;
  159. }
  160. div#cgit table.list td a.ls-dir {
  161. font-weight: bold;
  162. color: #00f;
  163. }
  164. div#cgit table.list td a:hover {
  165. color: #00f;
  166. }
  167. div#cgit img {
  168. border: none;
  169. }
  170. div#cgit input#switch-btn {
  171. margin: 2px 0px 0px 0px;
  172. }
  173. div#cgit td#sidebar input.txt {
  174. width: 100%;
  175. margin: 2px 0px 0px 0px;
  176. }
  177. div#cgit table#grid {
  178. margin: 0px;
  179. }
  180. div#cgit td#content {
  181. vertical-align: top;
  182. padding: 1em 2em 1em 1em;
  183. border: none;
  184. }
  185. div#cgit div#summary {
  186. vertical-align: top;
  187. margin-bottom: 1em;
  188. }
  189. div#cgit table#downloads {
  190. float: right;
  191. border-collapse: collapse;
  192. border: solid 1px #777;
  193. margin-left: 0.5em;
  194. margin-bottom: 0.5em;
  195. }
  196. div#cgit table#downloads th {
  197. background-color: #ccc;
  198. }
  199. div#cgit div#blob {
  200. border: solid 1px black;
  201. }
  202. div#cgit div.error {
  203. color: red;
  204. font-weight: bold;
  205. margin: 1em 2em;
  206. }
  207. div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
  208. font-family: monospace;
  209. }
  210. div#cgit td.ls-size {
  211. text-align: right;
  212. font-family: monospace;
  213. width: 10em;
  214. }
  215. div#cgit td.ls-mode {
  216. font-family: monospace;
  217. width: 10em;
  218. }
  219. div#cgit table.blob {
  220. margin-top: 0.5em;
  221. border-top: solid 1px black;
  222. }
  223. div#cgit table.blob td.lines {
  224. margin: 0; padding: 0 0 0 0.5em;
  225. vertical-align: top;
  226. color: black;
  227. }
  228. div#cgit table.blob td.linenumbers {
  229. margin: 0; padding: 0 0.5em 0 0.5em;
  230. vertical-align: top;
  231. text-align: right;
  232. border-right: 1px solid gray;
  233. }
  234. div#cgit table.blob pre {
  235. padding: 0; margin: 0;
  236. }
  237. div#cgit table.blob td.linenumbers a,
  238. div#cgit table.ssdiff td.lineno a {
  239. color: gray;
  240. text-align: right;
  241. text-decoration: none;
  242. }
  243. div#cgit table.blob td.linenumbers a:hover,
  244. div#cgit table.ssdiff td.lineno a:hover {
  245. color: black;
  246. }
  247. div#cgit table.bin-blob {
  248. margin-top: 0.5em;
  249. border: solid 1px black;
  250. }
  251. div#cgit table.bin-blob th {
  252. font-family: monospace;
  253. white-space: pre;
  254. border: solid 1px #777;
  255. padding: 0.5em 1em;
  256. }
  257. div#cgit table.bin-blob td {
  258. font-family: monospace;
  259. white-space: pre;
  260. border-left: solid 1px #777;
  261. padding: 0em 1em;
  262. }
  263. div#cgit table.nowrap td {
  264. white-space: nowrap;
  265. }
  266. div#cgit table.commit-info {
  267. border-collapse: collapse;
  268. margin-top: 1.5em;
  269. }
  270. div#cgit div.cgit-panel {
  271. float: right;
  272. margin-top: 1.5em;
  273. }
  274. div#cgit div.cgit-panel table {
  275. border-collapse: collapse;
  276. border: solid 1px #aaa;
  277. background-color: #eee;
  278. }
  279. div#cgit div.cgit-panel th {
  280. text-align: center;
  281. }
  282. div#cgit div.cgit-panel td {
  283. padding: 0.25em 0.5em;
  284. }
  285. div#cgit div.cgit-panel td.label {
  286. padding-right: 0.5em;
  287. }
  288. div#cgit div.cgit-panel td.ctrl {
  289. padding-left: 0.5em;
  290. }
  291. div#cgit table.commit-info th {
  292. text-align: left;
  293. font-weight: normal;
  294. padding: 0.1em 1em 0.1em 0.1em;
  295. vertical-align: top;
  296. }
  297. div#cgit table.commit-info td {
  298. font-weight: normal;
  299. padding: 0.1em 1em 0.1em 0.1em;
  300. }
  301. div#cgit div.commit-subject {
  302. font-weight: bold;
  303. font-size: 125%;
  304. margin: 1.5em 0em 0.5em 0em;
  305. padding: 0em;
  306. }
  307. div#cgit div.commit-msg {
  308. white-space: pre;
  309. font-family: monospace;
  310. }
  311. div#cgit div.notes-header {
  312. font-weight: bold;
  313. padding-top: 1.5em;
  314. }
  315. div#cgit div.notes {
  316. white-space: pre;
  317. font-family: monospace;
  318. border: solid 1px #ee9;
  319. background-color: #ffd;
  320. padding: 0.3em 2em 0.3em 1em;
  321. float: left;
  322. }
  323. div#cgit div.notes-footer {
  324. clear: left;
  325. }
  326. div#cgit div.diffstat-header {
  327. font-weight: bold;
  328. padding-top: 1.5em;
  329. }
  330. div#cgit table.diffstat {
  331. border-collapse: collapse;
  332. border: solid 1px #aaa;
  333. background-color: #eee;
  334. }
  335. div#cgit table.diffstat th {
  336. font-weight: normal;
  337. text-align: left;
  338. text-decoration: underline;
  339. padding: 0.1em 1em 0.1em 0.1em;
  340. font-size: 100%;
  341. }
  342. div#cgit table.diffstat td {
  343. padding: 0.2em 0.2em 0.1em 0.1em;
  344. font-size: 100%;
  345. border: none;
  346. }
  347. div#cgit table.diffstat td.mode {
  348. white-space: nowrap;
  349. }
  350. div#cgit table.diffstat td span.modechange {
  351. padding-left: 1em;
  352. color: red;
  353. }
  354. div#cgit table.diffstat td.add a {
  355. color: green;
  356. }
  357. div#cgit table.diffstat td.del a {
  358. color: red;
  359. }
  360. div#cgit table.diffstat td.upd a {
  361. color: blue;
  362. }
  363. div#cgit table.diffstat td.graph {
  364. width: 500px;
  365. vertical-align: middle;
  366. }
  367. div#cgit table.diffstat td.graph table {
  368. border: none;
  369. }
  370. div#cgit table.diffstat td.graph td {
  371. padding: 0px;
  372. border: 0px;
  373. height: 7pt;
  374. }
  375. div#cgit table.diffstat td.graph td.add {
  376. background-color: #5c5;
  377. }
  378. div#cgit table.diffstat td.graph td.rem {
  379. background-color: #c55;
  380. }
  381. div#cgit div.diffstat-summary {
  382. color: #888;
  383. padding-top: 0.5em;
  384. }
  385. div#cgit table.diff {
  386. width: 100%;
  387. }
  388. div#cgit table.diff td {
  389. font-family: monospace;
  390. white-space: pre;
  391. }
  392. div#cgit table.diff td div.head {
  393. font-weight: bold;
  394. margin-top: 1em;
  395. color: black;
  396. }
  397. div#cgit table.diff td div.hunk {
  398. color: #009;
  399. }
  400. div#cgit table.diff td div.add {
  401. color: green;
  402. }
  403. div#cgit table.diff td div.del {
  404. color: red;
  405. }
  406. div#cgit .sha1 {
  407. font-family: monospace;
  408. font-size: 90%;
  409. }
  410. div#cgit .left {
  411. text-align: left;
  412. }
  413. div#cgit .right {
  414. text-align: right;
  415. }
  416. div#cgit table.list td.reposection {
  417. font-style: italic;
  418. color: #888;
  419. }
  420. div#cgit a.button {
  421. font-size: 80%;
  422. padding: 0em 0.5em;
  423. }
  424. div#cgit a.primary {
  425. font-size: 100%;
  426. }
  427. div#cgit a.secondary {
  428. font-size: 90%;
  429. }
  430. div#cgit td.toplevel-repo {
  431. }
  432. div#cgit table.list td.sublevel-repo {
  433. padding-left: 1.5em;
  434. }
  435. div#cgit ul.pager {
  436. list-style-type: none;
  437. text-align: center;
  438. margin: 1em 0em 0em 0em;
  439. padding: 0;
  440. }
  441. div#cgit ul.pager li {
  442. display: inline-block;
  443. margin: 0.25em 0.5em;
  444. }
  445. div#cgit ul.pager a {
  446. color: #777;
  447. }
  448. div#cgit ul.pager .current {
  449. font-weight: bold;
  450. }
  451. div#cgit span.age-mins {
  452. font-weight: bold;
  453. color: #080;
  454. }
  455. div#cgit span.age-hours {
  456. color: #080;
  457. }
  458. div#cgit span.age-days {
  459. color: #040;
  460. }
  461. div#cgit span.age-weeks {
  462. color: #444;
  463. }
  464. div#cgit span.age-months {
  465. color: #888;
  466. }
  467. div#cgit span.age-years {
  468. color: #bbb;
  469. }
  470. div#cgit div.footer {
  471. margin-top: 0.5em;
  472. text-align: center;
  473. font-size: 80%;
  474. color: #ccc;
  475. }
  476. div#cgit div.footer a {
  477. color: #ccc;
  478. text-decoration: none;
  479. }
  480. div#cgit div.footer a:hover {
  481. text-decoration: underline;
  482. }
  483. div#cgit a.branch-deco {
  484. color: #000;
  485. margin: 0px 0.5em;
  486. padding: 0px 0.25em;
  487. background-color: #88ff88;
  488. border: solid 1px #007700;
  489. }
  490. div#cgit a.tag-deco {
  491. color: #000;
  492. margin: 0px 0.5em;
  493. padding: 0px 0.25em;
  494. background-color: #ffff88;
  495. border: solid 1px #777700;
  496. }
  497. div#cgit a.remote-deco {
  498. color: #000;
  499. margin: 0px 0.5em;
  500. padding: 0px 0.25em;
  501. background-color: #ccccff;
  502. border: solid 1px #000077;
  503. }
  504. div#cgit a.deco {
  505. color: #000;
  506. margin: 0px 0.5em;
  507. padding: 0px 0.25em;
  508. background-color: #ff8888;
  509. border: solid 1px #770000;
  510. }
  511. div#cgit div.commit-subject a.branch-deco,
  512. div#cgit div.commit-subject a.tag-deco,
  513. div#cgit div.commit-subject a.remote-deco,
  514. div#cgit div.commit-subject a.deco {
  515. margin-left: 1em;
  516. font-size: 75%;
  517. }
  518. div#cgit table.stats {
  519. border: solid 1px black;
  520. border-collapse: collapse;
  521. }
  522. div#cgit table.stats th {
  523. text-align: left;
  524. padding: 1px 0.5em;
  525. background-color: #eee;
  526. border: solid 1px black;
  527. }
  528. div#cgit table.stats td {
  529. text-align: right;
  530. padding: 1px 0.5em;
  531. border: solid 1px black;
  532. }
  533. div#cgit table.stats td.total {
  534. font-weight: bold;
  535. text-align: left;
  536. }
  537. div#cgit table.stats td.sum {
  538. color: #c00;
  539. font-weight: bold;
  540. /* background-color: #eee; */
  541. }
  542. div#cgit table.stats td.left {
  543. text-align: left;
  544. }
  545. div#cgit table.vgraph {
  546. border-collapse: separate;
  547. border: solid 1px black;
  548. height: 200px;
  549. }
  550. div#cgit table.vgraph th {
  551. background-color: #eee;
  552. font-weight: bold;
  553. border: solid 1px white;
  554. padding: 1px 0.5em;
  555. }
  556. div#cgit table.vgraph td {
  557. vertical-align: bottom;
  558. padding: 0px 10px;
  559. }
  560. div#cgit table.vgraph div.bar {
  561. background-color: #eee;
  562. }
  563. div#cgit table.hgraph {
  564. border: solid 1px black;
  565. width: 800px;
  566. }
  567. div#cgit table.hgraph th {
  568. background-color: #eee;
  569. font-weight: bold;
  570. border: solid 1px black;
  571. padding: 1px 0.5em;
  572. }
  573. div#cgit table.hgraph td {
  574. vertical-align: middle;
  575. padding: 2px 2px;
  576. }
  577. div#cgit table.hgraph div.bar {
  578. background-color: #eee;
  579. height: 1em;
  580. }
  581. div#cgit table.ssdiff {
  582. width: 100%;
  583. }
  584. div#cgit table.ssdiff td {
  585. font-size: 75%;
  586. font-family: monospace;
  587. white-space: pre;
  588. padding: 1px 4px 1px 4px;
  589. border-left: solid 1px #aaa;
  590. border-right: solid 1px #aaa;
  591. }
  592. div#cgit table.ssdiff td.add {
  593. color: black;
  594. background: #cfc;
  595. min-width: 50%;
  596. }
  597. div#cgit table.ssdiff td.add_dark {
  598. color: black;
  599. background: #aca;
  600. min-width: 50%;
  601. }
  602. div#cgit table.ssdiff span.add {
  603. background: #cfc;
  604. font-weight: bold;
  605. }
  606. div#cgit table.ssdiff td.del {
  607. color: black;
  608. background: #fcc;
  609. min-width: 50%;
  610. }
  611. div#cgit table.ssdiff td.del_dark {
  612. color: black;
  613. background: #caa;
  614. min-width: 50%;
  615. }
  616. div#cgit table.ssdiff span.del {
  617. background: #fcc;
  618. font-weight: bold;
  619. }
  620. div#cgit table.ssdiff td.changed {
  621. color: black;
  622. background: #ffc;
  623. min-width: 50%;
  624. }
  625. div#cgit table.ssdiff td.changed_dark {
  626. color: black;
  627. background: #cca;
  628. min-width: 50%;
  629. }
  630. div#cgit table.ssdiff td.lineno {
  631. color: black;
  632. background: #eee;
  633. text-align: right;
  634. width: 3em;
  635. min-width: 3em;
  636. }
  637. div#cgit table.ssdiff td.hunk {
  638. color: black;
  639. background: #ccf;
  640. border-top: solid 1px #aaa;
  641. border-bottom: solid 1px #aaa;
  642. }
  643. div#cgit table.ssdiff td.head {
  644. border-top: solid 1px #aaa;
  645. border-bottom: solid 1px #aaa;
  646. }
  647. div#cgit table.ssdiff td.head div.head {
  648. font-weight: bold;
  649. color: black;
  650. }
  651. div#cgit table.ssdiff td.foot {
  652. border-top: solid 1px #aaa;
  653. border-left: none;
  654. border-right: none;
  655. border-bottom: none;
  656. }
  657. div#cgit table.ssdiff td.space {
  658. border: none;
  659. }
  660. div#cgit table.ssdiff td.space div {
  661. min-height: 3em;
  662. }