Newer
Older
gitbucket_jkp / src / main / webapp / assets / common / css / gitbucket.css
  1. /****************************************************************************/
  2. /* Common */
  3. /****************************************************************************/
  4. body {
  5. color: #333;
  6. }
  7.  
  8. li p {
  9. margin: 0px;
  10. }
  11.  
  12. h1 {
  13. font-size: 30px;
  14. line-height: 32px;
  15. }
  16.  
  17. h2 {
  18. font-size: 28px;
  19. line-height: 30px;
  20. }
  21.  
  22. h3 {
  23. font-size: 26px;
  24. line-height: 28px;
  25. }
  26.  
  27. h4 {
  28. font-size: 24px;
  29. }
  30.  
  31. h5 {
  32. font-size: 22px;
  33. }
  34.  
  35. h6 {
  36. font-size: 18px;
  37. }
  38.  
  39.  
  40. /* ======================================================================== */
  41. /* Global Header */
  42. /* ======================================================================== */
  43. div.navbar-inner {
  44. border-radius: 0px;
  45. -webkit-border-radius: 0px;
  46. -moz-border-radius: 0px;
  47. border-top: none;
  48. border-left: none;
  49. border-right: none;
  50. border-bottom: 1px solid #d4d4d4;
  51. padding-right: 0px;
  52. }
  53.  
  54. div.header-menu {
  55. line-height: 40px;
  56. }
  57.  
  58. div.header-menu input,
  59. div.header-menu a.btn {
  60. margin-top: 0px;
  61. margin-bottom: 0px;
  62. }
  63.  
  64. div.nav-collapse a.menu {
  65. margin-right: 12px;
  66. }
  67.  
  68. div.nav-collapse a.btn-last,
  69. div.nav-collapse a.menu-last {
  70. margin-right: 30px;
  71. }
  72.  
  73. .navbar .brand {
  74. padding-top: 6px;
  75. padding-bottom: 6px;
  76. }
  77.  
  78. .navbar .brand img {
  79. vertical-align: bottom;
  80. }
  81.  
  82. span.header-version {
  83. font-size: small;
  84. }
  85.  
  86. div.input-prepend span.count {
  87. background-color: white;
  88. -webkit-border-radius: 0 4px 4px 0;
  89. -moz-border-radius: 0 4px 4px 0;
  90. border-radius: 0 4px 4px 0;
  91. height: 16px;
  92. font-size: 12px;
  93. padding-top: 2px;
  94. padding-bottom: 6px;
  95. }
  96.  
  97. img.plugin-global-menu {
  98. width: 16px;
  99. height: 16px;
  100. position: relative;
  101. top: -2px;
  102. }
  103.  
  104. /* ======================================================================== */
  105. /* General Styles */
  106. /* ======================================================================== */
  107. div.head {
  108. margin-bottom: 10px;
  109. font-size: 18px;
  110. }
  111.  
  112. div.head div.forked {
  113. font-size: 60%;
  114. margin-left: 36px;
  115. color: #999999;
  116. }
  117.  
  118. div.container {
  119. width: 920px;
  120. }
  121.  
  122. div.container-wide {
  123. padding-left: 10px;
  124. padding-right: 10px;
  125. }
  126.  
  127. div.pagination {
  128. margin-top: 0px;
  129. margin-bottom: 0px;
  130. }
  131.  
  132. div.body {
  133. margin-bottom: 40px;
  134. }
  135.  
  136. span.error {
  137. color: red;
  138. }
  139.  
  140. .small {
  141. font-size: 80%;
  142. }
  143.  
  144. .strong {
  145. font-weight: bold;
  146. }
  147.  
  148. a.commit-message, a.commit-id, a.username, a.issue-comment-count {
  149. color: #333333;
  150. }
  151.  
  152. a.omit {
  153. background-color: #ddd;
  154. padding-left: 8px;
  155. padding-right: 8px;
  156. font-weight: bold;
  157. }
  158.  
  159. a.omit:hover {
  160. background-color: #aaa;
  161. }
  162.  
  163. span.count-right {
  164. float: right;
  165. font-weight: bold;
  166. }
  167.  
  168. .monospace {
  169. font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
  170. }
  171.  
  172. table.table th {
  173. background-color: #d9edf7;
  174. }
  175.  
  176. div.block-header {
  177. font-size: large;
  178. font-weight: bold;
  179. }
  180.  
  181. div.block {
  182. padding-top: 10px;
  183. padding-bottom: 10px;
  184. border-bottom: 1px solid #ddd;
  185. }
  186.  
  187. h3 {
  188. margin-top: 0px;
  189. }
  190.  
  191. div.box {
  192. background-color: #efefef;
  193. padding: 2px;
  194. margin-bottom: 10px;
  195. }
  196.  
  197. div.box-header {
  198. font-size: 120%;
  199. font-weight: bold;
  200. background-color: #e0e0e0;
  201. background-image: -moz-linear-gradient(#fafafa, #e0e0e0);
  202. background-image: -webkit-linear-gradient(#fafafa, #e0e0e0);
  203. background-image: linear-gradient(#fafafa, #e0e0e0);
  204. background-repeat: repeat-x;
  205. margin: 0;
  206. border-top-left-radius: 1px;
  207. border-top-right-radius: 1px;
  208. border: 1px solid #d8d8d8;
  209. border-bottom: none;
  210. padding: 8px 10px 8px 10px;
  211. text-shadow: 0 1px 0 #fff
  212. }
  213.  
  214. div.box-header-small {
  215. background-color: #e0e0e0;
  216. background-image: -moz-linear-gradient(#fafafa, #e0e0e0);
  217. background-image: -webkit-linear-gradient(#fafafa, #e0e0e0);
  218. background-image: linear-gradient(#fafafa, #e0e0e0);
  219. background-repeat: repeat-x;
  220. margin: 0;
  221. border-top-left-radius: 1px;
  222. border-top-right-radius: 1px;
  223. border: 1px solid #d8d8d8;
  224. border-bottom: none;
  225. padding: 6px 4px 6px 4px;
  226. text-shadow: 0 1px 0 #fff
  227. }
  228.  
  229. .inline-comment div.box-header-small {
  230. background: #f2f8fa;
  231. }
  232.  
  233. div.box-content {
  234. background-color: white;
  235. border: 1px solid #d8d8d8;
  236. padding: 4px;
  237. }
  238.  
  239. th.box-header {
  240. background-color: #e0e0e0;
  241. background-image: -moz-linear-gradient(#fafafa, #e0e0e0);
  242. background-image: -webkit-linear-gradient(#fafafa, #e0e0e0);
  243. background-image: linear-gradient(#fafafa, #e0e0e0);
  244. background-repeat: repeat-x;
  245. margin: 0;
  246. border-top-left-radius: 1px;
  247. border-top-right-radius: 1px;
  248. border: 1px solid #d8d8d8;
  249. border-bottom: none;
  250. text-shadow: 0 1px 0 #fff
  251. }
  252.  
  253. th.metal {
  254. background-color: #e0e0e0;
  255. background-image: -moz-linear-gradient(#fafafa, #e8e8e8);
  256. background-image: -webkit-linear-gradient(#fafafa, #e8e8e8);
  257. background-image: linear-gradient(#fafafa, #e8e8e8);
  258. background-repeat: repeat-x;
  259. margin: 0;
  260. border-top-left-radius: 1px;
  261. border-top-right-radius: 1px;
  262. }
  263.  
  264. dl {
  265. margin: 0px;
  266. }
  267.  
  268. dd {
  269. margin-left: 20px;
  270. }
  271.  
  272. hr {
  273. margin-top: 4px;
  274. margin-bottom: 4px;
  275. }
  276.  
  277. img.avatar {
  278. border-radius: 4px;
  279. -webkit-border-radius: 4px;
  280. -moz-border-radius: 4px;
  281. }
  282.  
  283. img.avatar-mini {
  284. border-radius: 2px;
  285. -webkit-border-radius: 2px;
  286. -moz-border-radius: 2px;
  287. }
  288.  
  289. div.activity-message {
  290. margin-left: 20px;
  291. }
  292.  
  293. fieldset.margin {
  294. border-top: 1px solid #eee;
  295. margin-top: 10px;
  296. padding-top: 10px;
  297. }
  298.  
  299. div.account-image {
  300. text-align: center;
  301. margin-bottom: 8px;
  302. }
  303.  
  304. ul.dropdown-menu {
  305. padding: 2px 0;
  306. }
  307.  
  308. ul.dropdown-menu li {
  309. border-bottom: 1px solid #eee;
  310. font-size: 85%;
  311. }
  312.  
  313. ul.dropdown-menu li a {
  314. padding: 2px 10px;
  315. }
  316.  
  317. ul.dropdown-menu :last-child {
  318. border-bottom: none;
  319. }
  320.  
  321. span.highlight {
  322. background-color: #ffff88;
  323. }
  324.  
  325. .fill-width {
  326. width: 100%;
  327. }
  328.  
  329. /****************************************************************************/
  330. /* Side Menu */
  331. /****************************************************************************/
  332. ul.sidemenu {
  333. margin-left: 0px;
  334. }
  335.  
  336. ul.sidemenu img {
  337. width: 14px;
  338. height: 14px;
  339. }
  340.  
  341.  
  342. ul.sidemenu a:hover{
  343. text-decoration: none;
  344. }
  345.  
  346. ul.sidemenu li.active {
  347. border-top: 1px solid #eee;
  348. border-bottom: 1px solid #eee;
  349. border-right: 2px solid #bb4444;
  350. border-left: 1px solid white;
  351. }
  352.  
  353. ul.sidemenu div.gradient {
  354. width: 5px;
  355. height: 30px;
  356. background: linear-gradient(to right, #eee, #fff);
  357. margin-right: 4px;
  358. border-left: 1px solid #eee;
  359. }
  360.  
  361. ul.sidemenu div.margin {
  362. width: 5px;
  363. height: 30px;
  364. margin-right: 4px;
  365. border-left: 1px solid white;
  366. }
  367.  
  368. ul.sidemenu li {
  369. line-height: 30px;
  370. height: 30px;
  371. border-left: 1px solid #eee;
  372. margin-left:0px;
  373. border-right: 2px solid white;
  374. list-style-type: none;
  375. font-size: 90%;
  376. }
  377.  
  378. ul.sidemenu span.badge {
  379. padding-right: 4px;
  380. }
  381.  
  382. /****************************************************************************/
  383. /* Create Repository */
  384. /****************************************************************************/
  385. .slash {
  386. font-size: 20px;
  387. }
  388.  
  389. /****************************************************************************/
  390. /* Sign-in form */
  391. /****************************************************************************/
  392. div.signin-form {
  393. width: 350px;
  394. margin: 30px auto;
  395. }
  396.  
  397. /****************************************************************************/
  398. /* Account page */
  399. /****************************************************************************/
  400. .account-fullname {
  401. margin-top: 20px;
  402. font-size: 180%;
  403. font-weight: bold;
  404. }
  405.  
  406. .account-username {
  407. margin-top: 10px;
  408. font-size: 140%;
  409. color: #888888;
  410. font-weight: bold;
  411. }
  412.  
  413. /****************************************************************************/
  414. /* Stacked side menu */
  415. /****************************************************************************/
  416. ul.nav-stacked.side-menu {
  417. margin-bottom: 0px;
  418. }
  419.  
  420. ul.nav-stacked.side-menu li {
  421. background-color: #f9f9f9;
  422. }
  423.  
  424. ul.nav-stacked.side-menu li a:hover {
  425. background-color: white;
  426. }
  427.  
  428. ul.nav-stacked.side-menu li.active a {
  429. background-color: white;
  430. color: #333;
  431. font-weight: bold;
  432. border-left: 2px solid #cc6666;
  433. }
  434.  
  435. ul.nav-stacked.side-menu li.active a:hover {
  436. background-color: white;
  437. color: #333;
  438. font-weight: bold;
  439. border-left: 2px solid #cc6666;
  440. }
  441.  
  442. .nav-tabs.nav-stacked.side-menu > li:first-child > a {
  443. -webkit-border-top-right-radius: 0px;
  444.  
  445. border-top-right-radius: 0px;
  446. -webkit-border-top-left-radius: 0px;
  447.  
  448. border-top-left-radius: 0px;
  449. -moz-border-radius-topright: 0px;
  450. -moz-border-radius-topleft: 0px;
  451. }
  452.  
  453. .nav-tabs.nav-stacked.side-menu > li:last-child > a {
  454. -webkit-border-bottom-right-radius: 0px;
  455.  
  456. border-bottom-right-radius: 0px;
  457. -webkit-border-bottom-left-radius: 0px;
  458.  
  459. border-bottom-left-radius: 0px;
  460. -moz-border-radius-bottomright: 0px;
  461. -moz-border-radius-bottomleft: 0px;
  462. }
  463.  
  464. /****************************************************************************/
  465. /* Repositories */
  466. /****************************************************************************/
  467. div.repository-icon {
  468. position: absolute;
  469. }
  470.  
  471. div.repository-content {
  472. margin-left: 40px;
  473. }
  474.  
  475. .branches .muted-link{
  476. color: #777;
  477. }
  478. .branches .muted-link:hover{
  479. color: #4183c4;
  480. }
  481. .branches .branch-details{
  482. display: inline-block;
  483. width: 490px;
  484. margin-right: 10px;
  485. }
  486. .branches .branch-name{
  487. color: #4183c4;
  488. display: inline-block;
  489. padding: 2px 6px;
  490. font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
  491. background-color: rgba(209,227,237,0.5);
  492. border-radius: 3px;
  493. }
  494. .branches .branch-meta{
  495. color: #aaa;
  496. font-size: 12px;
  497. line-height: 20px;
  498. }
  499. .branches .branch-action{
  500. display: inline-block;
  501. float: right;
  502. position: relative;
  503. top: -3px;
  504. height: 20px;
  505. }
  506. .branches .branch-a-b-count{
  507. display: inline-block;
  508. vertical-align: middle;
  509. width: 181px;
  510. text-align: center;
  511. color: rgba(0,0,0,0.5);
  512. }
  513. .branches .a-b-count-widget{
  514. font-size: 10px;
  515. }
  516. .branches .a-b-count-widget .count-half{
  517. width:90px;
  518. position: relative;
  519. text-align: right;
  520. float: left;
  521. }
  522. .branches .a-b-count-widget .count-half:last-child {
  523. text-align: left;
  524. border-left: 1px solid #bbb;
  525. }
  526. .branches .a-b-count-widget .count-half .count-value{
  527. padding: 0 3px;
  528. }
  529.  
  530.  
  531. /****************************************************************************/
  532. /* Activity */
  533. /****************************************************************************/
  534. div.activity-icon-large {
  535. position: absolute;
  536. padding-top: 8px;
  537. }
  538.  
  539. div.activity-icon-small {
  540. position: absolute;
  541. padding-left: 8px;
  542. }
  543.  
  544. div.activity-content {
  545. margin-left: 40px;
  546. }
  547.  
  548. /****************************************************************************/
  549. /* Repository Viewer */
  550. /****************************************************************************/
  551. p.description {
  552. color: gray;
  553. }
  554.  
  555. a.header-link {
  556. color: #888;
  557. font-size: 90%;
  558. }
  559.  
  560. a.header-link img {
  561. width: 14px;
  562. height: 14px;
  563. }
  564.  
  565. a.header-link strong {
  566. color: black;
  567. font-size: 90%;
  568. }
  569.  
  570. a.header-link:hover {
  571. color: #0088cc;
  572. text-decoration: none;
  573. }
  574.  
  575. table.blobview {
  576. table-layout: fixed;
  577. }
  578.  
  579. table.table-file-list {
  580. margin-bottom: 0px;
  581. border: 1px solid #ddd;
  582. }
  583.  
  584. table.table-file-list th, table.table-file-list td {
  585. padding-top: 8px;
  586. padding-bottom: 8px;
  587. }
  588.  
  589. table.table-file-list td.latest-commit {
  590. padding-top: 4px;
  591. padding-bottom: 4px;
  592. background-color: white;
  593. }
  594.  
  595. table.table-file-list td {
  596. background-color: #F8F8F8;
  597. font-size: small;
  598. }
  599.  
  600. th, td, .table th, .table td {
  601. padding-top: 4px;
  602. padding-bottom: 4px;
  603. line-height: 100%;
  604. }
  605.  
  606. div.commit-avatar-image {
  607. float: left;
  608. margin-right: 4px;
  609. }
  610.  
  611. div.commit-message-box {
  612. margin-left: 42px;
  613. }
  614.  
  615. pre.commit-description {
  616. font-weight: normal;
  617. border: none;
  618. background-color: transparent;
  619. padding: 2px;
  620. margin: 0px;
  621. }
  622.  
  623. #repository-url {
  624. background-color: white;
  625. cursor: default;
  626. height: 16px;
  627. width: 129px;
  628. color: silver;
  629. font-size: 9pt;
  630. font-family: monospace;
  631. }
  632.  
  633. #repository-url-copy {
  634. height: 18px;
  635. padding-top: 2px;
  636. }
  637.  
  638. ul#commit-file-list {
  639. list-style-type: none;
  640. padding-left: 0px;
  641. margin-left: 0px;
  642. }
  643.  
  644. ul#commit-file-list li.border {
  645. padding-bottom: 2px;
  646. border-top: 1px solid #eee;
  647. }
  648.  
  649. li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
  650. list-style-type: decimal;
  651. background: white;
  652. border-left: 1px solid #E5E5E5;
  653. padding-left: 10px;
  654. color: rgba(0, 0, 0, 0.3);
  655. }
  656.  
  657. pre.blob {
  658. border: none;
  659. background-color: white;
  660. padding-left: 20px;
  661. font-size: 12px;
  662. }
  663.  
  664. #readme {
  665. margin-top: 20px;
  666. }
  667.  
  668. #readme .box-content {
  669. padding: 20px;
  670. }
  671.  
  672. li.highlight {
  673. background-color: #ffb;
  674. }
  675.  
  676. span.simplified-path {
  677. color: #888;
  678. }
  679.  
  680. #branch-control-title {
  681. margin: 5px 10px;
  682. font-weight: bold;
  683. }
  684.  
  685. #branch-control-close {
  686. background: none;
  687. border: none;
  688. color: #aaa;
  689. font-weight: bold;
  690. line-height: 15px;
  691. }
  692.  
  693. #branch-control-input {
  694. border: solid 1px #ccc;
  695. margin: 10px;
  696. }
  697.  
  698. .new-branch-name {
  699. font-weight: bold;
  700. font-size: 1.2em;
  701. padding-left: 16px;
  702. }
  703.  
  704. /****************************************************************************/
  705. /* nav pulls group */
  706. /****************************************************************************/
  707. .nav-pills-group:after {
  708. display: table;
  709. line-height: 0;
  710. content: "";
  711. }
  712.  
  713. .nav-pills-group:after {
  714. clear: both;
  715. }
  716.  
  717. .nav-pills-group > li {
  718. float: left;
  719. }
  720.  
  721. .nav-pills-group > li > a {
  722. padding-right: 12px;
  723. padding-left: 12px;
  724. line-height: 14px;
  725. color: #666;
  726. font-weight: bold;
  727. }
  728.  
  729. .nav-pills-group > li > a {
  730. padding-top: 10px;
  731. padding-bottom: 10px;
  732. border-left : 1px solid #e5e5e5;
  733. border-top : 1px solid #e5e5e5;
  734. border-bottom : 1px solid #e5e5e5;
  735. }
  736.  
  737. .nav-pills-group > .first > a {
  738. -webkit-border-radius: 4px 0 0 4px;
  739. -moz-border-radius: 4px 0 0 4px;
  740. border-radius: 4px 0 0 4px;
  741. }
  742.  
  743. .nav-pills-group > .last > a {
  744. -webkit-border-radius: 0 4px 4px 0;
  745. -moz-border-radius: 0 4px 4px 0;
  746. border-radius: 0 4px 4px 0;
  747. border-right : 1px solid #e5e5e5;
  748. }
  749.  
  750. .nav-pills-group > .active > a,
  751. .nav-pills-group > .active > a:hover,
  752. .nav-pills-group > .active > a:focus {
  753. color: #ffffff;
  754. background-color: #0088cc;
  755. border-color: #0088cc;
  756. }
  757.  
  758. /****************************************************************************/
  759. /* Issues */
  760. /****************************************************************************/
  761. .btn-group.open .dropdown-toggle.flat {
  762. background-image: none;
  763. -webkit-box-shadow: none;
  764. -moz-box-shadow: none;
  765. box-shadow: none;
  766. }
  767.  
  768. a.button-link {
  769. font-weight: normal;
  770. color: gray;
  771. }
  772.  
  773. a.selected {
  774. font-weight: bold;
  775. color: black;
  776. }
  777.  
  778. span.issue-status {
  779. font-size: large;
  780. text-align: center;
  781. padding: 8px;
  782. }
  783.  
  784. table.table-issues {
  785. margin-top: 12px;
  786. }
  787.  
  788. a.issue-title {
  789. color: #333;
  790. font-weight: bold;
  791. font-size: 120%;
  792. }
  793.  
  794. ul.label-list {
  795. list-style-type: none;
  796. padding-left: 0px;
  797. margin-left: 0px;
  798. font-size: 90%;
  799. }
  800.  
  801. ul.label-list a {
  802. padding-left: 6px;
  803. padding-top: 4px;
  804. padding-bottom: 4px;
  805. margin-bottom: 8px;
  806. color: #444;
  807. }
  808.  
  809. span.label-color {
  810. border-radius: 2px;
  811. -webkit-border-radius: 2px;
  812. -moz-border-radius: 2px;
  813. }
  814.  
  815. a#clear-filter {
  816. display: block;
  817. color: #444;
  818. font-weight: bold;
  819. margin-bottom: 10px;
  820. }
  821.  
  822. span.milestone-alert {
  823. font-weight: bold;
  824. color: #bd2c00;
  825. }
  826.  
  827. a.milestone-title {
  828. font-size: 180%;
  829. }
  830.  
  831. div.milestone-description {
  832. border-top: 1px solid #eee;
  833. color: #666;
  834. }
  835.  
  836. a.milestone-title {
  837. color: #333;
  838. }
  839.  
  840. div.milestone-menu {
  841. margin-top: 8px;
  842. }
  843.  
  844. div.milestone-menu a.delete {
  845. color: #b00;
  846. }
  847.  
  848. div#milestone-progress-area {
  849. display: inline-block;
  850. }
  851.  
  852. div#milestone-progress-area div.milestone-progress {
  853. width: 130px;
  854. margin-bottom: -6px;
  855. }
  856.  
  857. div.milestone-progress {
  858. position: relative;
  859. height: 10px;
  860. color: white;
  861. margin-bottom: 4px;
  862. font-weight: bold;
  863. font-size: 12px;
  864. text-shadow: 0px 0px 5px #444;
  865. background-color: silver;
  866. border-radius: 4px;
  867. -webkit-border-radius: 4px;
  868. -moz-border-radius: 4px;
  869. }
  870.  
  871. span.milestone-progress {
  872. position: absolute;
  873. height: 100%;
  874. background-color: green;
  875. border-radius: 4px;
  876. -webkit-border-radius: 4px;
  877. -moz-border-radius: 4px;
  878. }
  879.  
  880. div.issue-header {
  881. padding-left: 8px;
  882. padding-right: 8px;
  883. padding-top: 12px;
  884. padding-bottom: 12px;
  885. }
  886.  
  887. div.issue-info {
  888. border-top: 1px solid #e5e5e5;
  889. border-bottom: 1px solid #e5e5e5;
  890. background-color: #f5f5f5;
  891. padding: 8px;
  892. margin-left: 0px;
  893. margin-right: 0px;
  894. }
  895.  
  896. div.issue-content {
  897. padding: 8px;
  898. background-color: #fbfbfb;
  899. }
  900.  
  901. h4#issueTitle {
  902. font-size: large;
  903. font-weight: bold;
  904. margin-top: 2px;
  905. margin-bottom: 0px;
  906. padding: 0px;
  907. }
  908.  
  909. div.issue-avatar-image {
  910. float: left;
  911. }
  912.  
  913. div.issue-box {
  914. margin-bottom: 5px;
  915. margin-left: 50px;
  916. }
  917.  
  918. div.issue-participants {
  919. margin-bottom: 15px;
  920. margin-left: 50px;
  921. }
  922.  
  923. div.issue-comment-box, div.commit-comment-box {
  924. margin-bottom: 15px;
  925. margin-left: 50px;
  926. max-width: 820px;
  927. }
  928.  
  929. div.issue-comment-action {
  930. padding-bottom: 10px;
  931. padding-top: 0px;
  932. margin-bottom: 10px;
  933. border-bottom: 4px solid #ddd;
  934. }
  935.  
  936. .nav-pills > li > span.issue-label {
  937. display: block;
  938. padding: 0px 8px 2px 8px;
  939. margin-top: 2px;
  940. -webkit-border-radius: 5px;
  941. -moz-border-radius: 5px;
  942. border-radius: 5px;
  943. }
  944.  
  945. div.attachable {
  946. margin-bottom: 10px;
  947. }
  948.  
  949. div.attachable textarea {
  950. margin-bottom: 0px;
  951. border-bottom: 1px dashed #ccc;
  952. -webkit-border-radius: 0px;
  953. -moz-border-radius: 0px;
  954. border-radius: 0px;
  955. }
  956.  
  957. div.attachable div.clickable {
  958. padding: 2px;
  959. border-left: 1px solid #ccc;
  960. border-right: 1px solid #ccc;
  961. border-bottom: 1px solid #ccc;
  962. background-color: white;
  963. }
  964.  
  965. ul.task-list {
  966. padding-left: 2em;
  967. margin-left: 0;
  968. }
  969.  
  970. li.task-list-item {
  971. list-style-type: none;
  972. }
  973.  
  974. li.task-list-item input.task-list-item-checkbox {
  975. margin: 0 4px 0.25em -20px;
  976. vertical-align: middle;
  977. }
  978.  
  979. /****************************************************************************/
  980. /* Pull Request */
  981. /****************************************************************************/
  982. div.pullreq-info {
  983. border: 1px solid #ddd;
  984. background-color: #f8f8f8;
  985. margin-bottom: 10px;
  986. padding: 8px;
  987. }
  988.  
  989. /****************************************************************************/
  990. /* Wiki */
  991. /****************************************************************************/
  992. h1.wiki-title {
  993. margin-top: 0px;
  994. }
  995.  
  996. a.absent {
  997. color: #c00;
  998. }
  999.  
  1000. /****************************************************************************/
  1001. /* Commit */
  1002. /****************************************************************************/
  1003. div.author-info div.committer {
  1004. display: block;
  1005. margin-left: 25px;
  1006. font-size: 12px;
  1007. }
  1008.  
  1009. /****************************************************************************/
  1010. /* Diff */
  1011. /****************************************************************************/
  1012. table.diff {
  1013. font-size: 12px;
  1014. font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  1015. width: 100%;
  1016. }
  1017.  
  1018. table.diff thead {
  1019. display: none;
  1020. }
  1021.  
  1022. table.inlinediff td.insert, table.inlinediff td.equal, table.inlinediff td.delete {
  1023. width: 900px;
  1024. }
  1025.  
  1026. td.insert, td.equal, td.delete, td.empty {
  1027. width: 50%;
  1028. }
  1029.  
  1030. table.diff td.body{
  1031. position: relative;
  1032. }
  1033.  
  1034. table.diff th.line-num{
  1035. min-width: 20px;
  1036. }
  1037.  
  1038. table.diff .add-comment {
  1039. position: absolute;
  1040. background: #4183c4;
  1041. top: 0;
  1042. left: -7px;
  1043. color: white;
  1044. padding: 2px 4px;
  1045. border: solid 1px #4183c4;
  1046. border-radius: 3px;
  1047. z-index: 99;
  1048. cursor: pointer;
  1049. }
  1050.  
  1051. table.diff .add-comment:hover {
  1052. padding: 4px 6px;
  1053. top: -1px;
  1054. }
  1055.  
  1056. table.diff tr td.body b.add-comment{
  1057. display: none;
  1058. }
  1059.  
  1060. table.diff tr:hover td.body b.add-comment{
  1061. display: inline-block;
  1062. }
  1063.  
  1064. .container-wide table.diff tr:hover td.body b.add-comment{
  1065. display: none;
  1066. }
  1067.  
  1068. .container-wide table.diff tr:hover td.body:hover b.add-comment,
  1069. .container-wide table.diff tr:hover th.line-num:hover + td b.add-comment{
  1070. display: inline-block;
  1071. }
  1072.  
  1073.  
  1074. table.diff tbody tr.not-diff {
  1075. font-family: '"Helvetica Neue", Helvetica, Arial, sans-serif';
  1076. }
  1077.  
  1078. tr.not-diff .box {
  1079. margin-bottom: 0px;
  1080. }
  1081.  
  1082. table.diff tbody tr.not-diff:hover {
  1083. background-color: #fff;
  1084. }
  1085.  
  1086. table.diff tbody tr.not-diff:hover td{
  1087. background-color: #fff;
  1088. }
  1089.  
  1090. .not-diff > .comment-box-container {
  1091. white-space: initial;
  1092. line-height: initial;
  1093. padding: 10px;
  1094. }
  1095.  
  1096. .diff .oldline:before, .diff .newline:before {
  1097. content: attr(line-number);
  1098. }
  1099.  
  1100. .diff .skipline:before {
  1101. content: "..."
  1102. }
  1103.  
  1104. /****************************************************************************/
  1105. /* Repository Settings */
  1106. /****************************************************************************/
  1107. ul.collaborator {
  1108. list-style-type: none;
  1109. margin-left: 0px;
  1110. }
  1111. ul.collaborator li {
  1112. background-color: #eee;
  1113. border: 1px solid #ccc;
  1114. border-radius: 3px;
  1115. padding: 6px;
  1116. margin-bottom: 2px;
  1117. }
  1118. ul.collaborator li:hover {
  1119. background-color: #f8f8f8;
  1120. }
  1121.  
  1122. ul.collaborator a.remove {
  1123. color: #dd0000;
  1124. text-decoration: underline;
  1125. }
  1126.  
  1127. /****************************************************************************/
  1128. /* Markdown */
  1129. /****************************************************************************/
  1130. div.markdown-body {
  1131. line-height: 1.7;
  1132. font: 15px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  1133. word-wrap: break-word;
  1134. }
  1135. div.markdown-body h1 {
  1136. border-bottom: 1px solid #ddd;
  1137. font-size: 2.5em;
  1138. font-weight: bold;
  1139. }
  1140.  
  1141. div.markdown-body h2 {
  1142. border-bottom: 1px solid #eee;
  1143. font-size: 2em;
  1144. }
  1145.  
  1146. div.markdown-body h3 {
  1147. font-size: 1.5em;
  1148. }
  1149.  
  1150. div.markdown-body h4 {
  1151. font-size: 1.2em;
  1152. }
  1153.  
  1154. div.markdown-body h5 {
  1155. font-size: 1em;
  1156. }
  1157.  
  1158. div.markdown-body h6 {
  1159. color:#777;
  1160. font-size: 1em;
  1161. }
  1162.  
  1163. div.markdown-body li {
  1164. line-height: 1.7;
  1165. }
  1166.  
  1167. div.markdown-body p {
  1168. margin: 15px 0;
  1169. line-height: 1.7;
  1170. }
  1171.  
  1172. div.markdown-body pre {
  1173. font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  1174. font-size: 12px;
  1175. white-space: pre;
  1176. }
  1177.  
  1178. div.markdown-body code {
  1179. font-size: 12px;
  1180. padding: 0 5px;
  1181. background-color: rgba(0,0,0,0.04);
  1182. rgb(51, 51, 51);
  1183. }
  1184.  
  1185. div.markdown-body table {
  1186. /*width: 100%;*/
  1187. margin-bottom: 20px;
  1188. }
  1189.  
  1190. div.markdown-body table th,
  1191. div.markdown-body table td {
  1192. padding: 8px;
  1193. line-height: 20px;
  1194. text-align: left;
  1195. vertical-align: top;
  1196. border-top: 1px solid #dddddd;
  1197. }
  1198.  
  1199. div.markdown-body table th {
  1200. font-weight: bold;
  1201. background-color: #efefef;
  1202. }
  1203.  
  1204. div.markdown-body table thead th {
  1205. vertical-align: bottom;
  1206. }
  1207.  
  1208. div.markdown-body table caption + thead tr:first-child th,
  1209. div.markdown-body table caption + thead tr:first-child td,
  1210. div.markdown-body table colgroup + thead tr:first-child th,
  1211. div.markdown-body table colgroup + thead tr:first-child td,
  1212. div.markdown-body table thead:first-child tr:first-child th,
  1213. div.markdown-body table thead:first-child tr:first-child td {
  1214. border-top: 0;
  1215. }
  1216.  
  1217. div.markdown-body table tbody + tbody {
  1218. border-top: 2px solid #dddddd;
  1219. }
  1220.  
  1221. div.markdown-body table {
  1222. background-color: #ffffff;
  1223. }
  1224.  
  1225. div.markdown-body table {
  1226. border: 1px solid #dddddd;
  1227. border-collapse: separate;
  1228. *border-collapse: collapse;
  1229. border-left: 0;
  1230. -webkit-border-radius: 4px;
  1231. -moz-border-radius: 4px;
  1232. border-radius: 4px;
  1233. }
  1234.  
  1235. div.markdown-body table th,
  1236. div.markdown-body table td {
  1237. border-left: 1px solid #dddddd;
  1238. }
  1239.  
  1240. div.markdown-body table caption + thead tr:first-child th,
  1241. div.markdown-body table caption + tbody tr:first-child th,
  1242. div.markdown-body table caption + tbody tr:first-child td,
  1243. div.markdown-body table colgroup + thead tr:first-child th,
  1244. div.markdown-body table colgroup + tbody tr:first-child th,
  1245. div.markdown-body table colgroup + tbody tr:first-child td,
  1246. div.markdown-body table thead:first-child tr:first-child th,
  1247. div.markdown-body table tbody:first-child tr:first-child th,
  1248. div.markdown-body table tbody:first-child tr:first-child td {
  1249. border-top: 0;
  1250. }
  1251.  
  1252. div.markdown-body table thead:first-child tr:first-child > th:first-child,
  1253. div.markdown-body table tbody:first-child tr:first-child > td:first-child,
  1254. div.markdown-body table tbody:first-child tr:first-child > th:first-child {
  1255. -webkit-border-top-left-radius: 4px;
  1256. border-top-left-radius: 4px;
  1257. -moz-border-radius-topleft: 4px;
  1258. }
  1259.  
  1260. div.markdown-body table thead:first-child tr:first-child > th:last-child,
  1261. div.markdown-body table tbody:first-child tr:first-child > td:last-child,
  1262. div.markdown-body table tbody:first-child tr:first-child > th:last-child {
  1263. -webkit-border-top-right-radius: 4px;
  1264. border-top-right-radius: 4px;
  1265. -moz-border-radius-topright: 4px;
  1266. }
  1267.  
  1268. div.markdown-body table thead:last-child tr:last-child > th:first-child,
  1269. div.markdown-body table tbody:last-child tr:last-child > td:first-child,
  1270. div.markdown-body table tbody:last-child tr:last-child > th:first-child,
  1271. div.markdown-body table tfoot:last-child tr:last-child > td:first-child,
  1272. div.markdown-body table tfoot:last-child tr:last-child > th:first-child {
  1273. -webkit-border-bottom-left-radius: 4px;
  1274. border-bottom-left-radius: 4px;
  1275. -moz-border-radius-bottomleft: 4px;
  1276. }
  1277.  
  1278. div.markdown-body table thead:last-child tr:last-child > th:last-child,
  1279. div.markdown-body table tbody:last-child tr:last-child > td:last-child,
  1280. div.markdown-body table tbody:last-child tr:last-child > th:last-child,
  1281. div.markdown-body table tfoot:last-child tr:last-child > td:last-child,
  1282. div.markdown-body table tfoot:last-child tr:last-child > th:last-child {
  1283. -webkit-border-bottom-right-radius: 4px;
  1284. border-bottom-right-radius: 4px;
  1285. -moz-border-radius-bottomright: 4px;
  1286. }
  1287.  
  1288. div.markdown-body table tfoot + tbody:last-child tr:last-child td:first-child {
  1289. -webkit-border-bottom-left-radius: 0;
  1290. border-bottom-left-radius: 0;
  1291. -moz-border-radius-bottomleft: 0;
  1292. }
  1293.  
  1294. div.markdown-body table tfoot + tbody:last-child tr:last-child td:last-child {
  1295. -webkit-border-bottom-right-radius: 0;
  1296. border-bottom-right-radius: 0;
  1297. -moz-border-radius-bottomright: 0;
  1298. }
  1299.  
  1300. div.markdown-body table caption + thead tr:first-child th:first-child,
  1301. div.markdown-body table caption + tbody tr:first-child td:first-child,
  1302. div.markdown-body table colgroup + thead tr:first-child th:first-child,
  1303. div.markdown-body table colgroup + tbody tr:first-child td:first-child {
  1304. -webkit-border-top-left-radius: 4px;
  1305. border-top-left-radius: 4px;
  1306. -moz-border-radius-topleft: 4px;
  1307. }
  1308.  
  1309. div.markdown-body table caption + thead tr:first-child th:last-child,
  1310. div.markdown-body table caption + tbody tr:first-child td:last-child,
  1311. div.markdown-body table colgroup + thead tr:first-child th:last-child,
  1312. div.markdown-body table colgroup + tbody tr:first-child td:last-child {
  1313. -webkit-border-top-right-radius: 4px;
  1314. border-top-right-radius: 4px;
  1315. -moz-border-radius-topright: 4px;
  1316. }
  1317.  
  1318. .markdown-head {
  1319. position: relative;
  1320. line-height: 1.7;
  1321. }
  1322.  
  1323. a.markdown-anchor-link {
  1324. position: absolute;
  1325. left: -20px;
  1326. width: 32px;
  1327. height: 16px;
  1328. background-image: url(../images/link.png);
  1329. background-repeat: no-repeat;
  1330. display: none;
  1331. }
  1332.  
  1333. h1 a.markdown-anchor-link {
  1334. top: 24px;
  1335. }
  1336.  
  1337. h2 a.markdown-anchor-link {
  1338. top: 20px;
  1339. }
  1340.  
  1341. h3 a.markdown-anchor-link {
  1342. top: 12px;
  1343. }
  1344.  
  1345. h4 a.markdown-anchor-link {
  1346. top: 8px;
  1347. }
  1348.  
  1349. h5 a.markdown-anchor-link {
  1350. top: 6px;
  1351. }
  1352.  
  1353. h6 a.markdown-anchor-link {
  1354. top: 6px;
  1355. }