gogs.css 29 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642
  1. html,
  2. body {
  3. height: 100%;
  4. }
  5. .octicon,
  6. .fa {
  7. width: 16px;
  8. text-align: center;
  9. }
  10. .fa {
  11. font-size: 14px;
  12. }
  13. .container {
  14. max-width: 1170px;
  15. padding: 0 1.5em;
  16. margin: auto;
  17. }
  18. img.avatar-16 {
  19. width: 16px;
  20. height: 16px;
  21. vertical-align: middle;
  22. }
  23. img.avatar-24 {
  24. width: 24px;
  25. height: 24px;
  26. vertical-align: middle;
  27. }
  28. img.avatar-30 {
  29. width: 30px;
  30. height: 30px;
  31. vertical-align: middle;
  32. }
  33. img.avatar-40 {
  34. width: 40px;
  35. height: 40px;
  36. vertical-align: middle;
  37. }
  38. img.avatar-48 {
  39. width: 48px;
  40. height: 48px;
  41. vertical-align: middle;
  42. }
  43. #wrapper {
  44. padding: 0;
  45. margin: 0 0 -55px 0;
  46. min-height: 100%;
  47. }
  48. #footer {
  49. background-color: white;
  50. border-top: 1px solid #d6d6d6;
  51. clear: both;
  52. width: 100%;
  53. color: #888888;
  54. }
  55. #footer .container {
  56. padding: 15px;
  57. }
  58. #footer .official,
  59. #footer .version {
  60. color: #888888;
  61. }
  62. #footer-links > * {
  63. border-left: 1px solid #d6d6d6;
  64. padding-left: 8px;
  65. margin-left: 5px;
  66. }
  67. #footer-links > *:first-child {
  68. border-left: none;
  69. }
  70. #footer-lang {
  71. position: relative;
  72. }
  73. #footer-lang .drop-down {
  74. top: -64px;
  75. left: -2px;
  76. position: absolute;
  77. height: 59px;
  78. z-index: 100;
  79. font-size: 12px;
  80. width: 120%;
  81. }
  82. #footer-lang .drop-down li > a {
  83. padding: 3px 9px;
  84. }
  85. #header {
  86. background-color: #428bca;
  87. height: 44px;
  88. }
  89. #header > .menu-line > li > a {
  90. display: inline-block;
  91. color: #ffffff;
  92. }
  93. #header > .menu-line > li > a:hover {
  94. background-color: transparent;
  95. color: #fff65f;
  96. }
  97. #header > .menu-line > li.head {
  98. color: #ffffff;
  99. }
  100. #header > .menu-line > li.hover a:after {
  101. bottom: -9px;
  102. color: #ffffff;
  103. }
  104. #header > .menu-line > li.current > a {
  105. color: #fff65f;
  106. font-weight: bold;
  107. }
  108. #header-nav-user {
  109. height: 44px;
  110. }
  111. #header-nav-user img {
  112. margin: -4px 10px 0 0;
  113. border-radius: 3px;
  114. }
  115. #header-nav-sign-out > a:hover {
  116. color: #ff908b !important;
  117. }
  118. #header-nav-logo {
  119. padding: 6px 1.2em;
  120. }
  121. #header-nav-explore,
  122. #header-nav-help {
  123. font-size: 14px;
  124. }
  125. #header-new-repo-menu {
  126. width: 180px;
  127. background-color: #FFF;
  128. top: 44px;
  129. border-top: none;
  130. left: -66px;
  131. }
  132. #header-new-repo-menu .octicon {
  133. margin-right: 6px;
  134. font-size: 1.1em;
  135. }
  136. .switching-list {
  137. width: 100%;
  138. list-style: none;
  139. }
  140. .switching-list > li {
  141. border-bottom: 1px solid #eaeaea;
  142. }
  143. .switching-list > li:last-child {
  144. border-bottom: none;
  145. }
  146. .switching-list > li > a {
  147. padding: .4em 1.2em;
  148. display: block;
  149. color: #444;
  150. }
  151. .switching-list > li > a:hover {
  152. background-color: #428bca !important;
  153. color: #fff !important;
  154. }
  155. .social-buttons .btn {
  156. border: none;
  157. font-size: 16px;
  158. border-radius: 4px;
  159. margin-right: 12px;
  160. font-family: 'PT Sans Narrow', sans-serif;
  161. padding: 5px 12px;
  162. color: #FFF;
  163. }
  164. .social-buttons .btn .fa {
  165. margin-right: 6px;
  166. font-size: 16px;
  167. }
  168. .social-buttons .twitter {
  169. background-color: #1c6399;
  170. }
  171. .social-buttons .twitter:hover {
  172. background-color: #1c5487;
  173. }
  174. .social-buttons .github {
  175. background-color: #444;
  176. }
  177. .social-buttons .github:hover {
  178. background-color: #333;
  179. }
  180. .social-buttons .google {
  181. background-color: #C03D20;
  182. }
  183. .social-buttons .google:hover {
  184. background-color: #D56060;
  185. }
  186. .social-buttons .weibo {
  187. background-color: #bf1324;
  188. }
  189. .social-buttons .weibo:hover {
  190. background-color: #b94c4a;
  191. }
  192. .social-buttons .qq {
  193. background-color: #03a2ef;
  194. }
  195. .social-buttons .qq:hover {
  196. background-color: #3cb3ff;
  197. }
  198. .main-wrapper {
  199. padding: 20px 0 40px;
  200. }
  201. .user-list {
  202. width: auto;
  203. min-width: 180px;
  204. max-width: 300px;
  205. }
  206. .user-list img {
  207. width: 28px;
  208. height: 28px;
  209. margin-right: 1em;
  210. margin-top: 1px;
  211. vertical-align: middle;
  212. }
  213. .user-list li {
  214. cursor: pointer;
  215. font-weight: bold;
  216. }
  217. .text-success {
  218. color: #3c763d;
  219. }
  220. .text-blue {
  221. color: #15c;
  222. }
  223. .text-red {
  224. color: #DD4B39;
  225. }
  226. .markdown {
  227. background-color: white;
  228. font-size: 16px;
  229. line-height: 24px;
  230. }
  231. .markdown .markdown-body {
  232. padding-left: 24px;
  233. padding-right: 16px;
  234. }
  235. .markdown h5,
  236. .markdown h6 {
  237. font-size: 1em;
  238. }
  239. .markdown ul {
  240. padding: 10px 0 0 15px;
  241. }
  242. .markdown ul li {
  243. list-style: inside;
  244. }
  245. .markdown ol li {
  246. list-style: decimal inside;
  247. }
  248. .markdown li {
  249. line-height: 1.6;
  250. margin-top: 6px;
  251. }
  252. .markdown li:first-child {
  253. margin-top: 0;
  254. }
  255. .markdown > pre {
  256. font-size: 14px;
  257. line-height: 1.6;
  258. overflow: auto;
  259. border: 1px solid #ddd;
  260. border-radius: .25em;
  261. margin: 5px 0;
  262. padding: 10px;
  263. background-color: #f8f8f8;
  264. }
  265. .markdown img {
  266. padding: 10px 0;
  267. max-width: 100%;
  268. }
  269. .markdown a {
  270. color: #428BCA;
  271. }
  272. .markdown h1,
  273. .markdown h2,
  274. .markdown h3,
  275. .markdown h4,
  276. .markdown h5,
  277. .markdown h6 {
  278. line-height: 1.7;
  279. padding: 15px 0 0;
  280. margin: 0 0 15px;
  281. color: #444;
  282. font-weight: bold;
  283. }
  284. .markdown h1,
  285. .markdown h2 {
  286. border-bottom: 1px solid #E0E0E0;
  287. }
  288. .markdown h2 {
  289. border-bottom: 1px solid #E0E0E0;
  290. }
  291. .markdown h1 {
  292. color: #000;
  293. font-size: 33px;
  294. }
  295. .markdown h2 {
  296. color: #333;
  297. font-size: 28px;
  298. }
  299. .markdown h3 {
  300. font-size: 22px;
  301. }
  302. .markdown h4 {
  303. font-size: 18px;
  304. }
  305. .markdown table {
  306. border-collapse: collapse;
  307. border-spacing: 0;
  308. display: block;
  309. overflow: auto;
  310. width: 100%;
  311. margin: 0 0 9px;
  312. }
  313. .markdown table th {
  314. font-weight: 700;
  315. }
  316. .markdown table th,
  317. .markdown table td {
  318. border: 1px solid #DDD;
  319. padding: 6px 13px;
  320. }
  321. .markdown table tr {
  322. background-color: #FFF;
  323. border-top: 1px solid #CCC;
  324. }
  325. .markdown table tr:nth-child(2n) {
  326. background-color: #f8f8f8;
  327. }
  328. .markdown dl dt {
  329. font-style: italic;
  330. margin-top: 9px;
  331. }
  332. .markdown dl dd {
  333. margin: 0 0 9px;
  334. padding: 0 9px;
  335. }
  336. .markdown blockquote,
  337. .markdown blockquote p {
  338. font-size: 14px;
  339. background-color: #f5f5f5;
  340. }
  341. .markdown > pre.linenums {
  342. padding: 0;
  343. }
  344. .markdown > pre > ol.linenums {
  345. list-style: none;
  346. padding: 0;
  347. }
  348. .markdown > pre > ol.linenums > li {
  349. margin-top: 2px;
  350. }
  351. .markdown > pre.nums-style > ol.linenums {
  352. list-style-type: decimal;
  353. padding: 0 0 0 40px;
  354. -webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
  355. box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
  356. }
  357. .markdown > pre > code {
  358. white-space: pre;
  359. word-wrap: normal;
  360. }
  361. .markdown > pre > ol.linenums > li {
  362. padding: 0 10px;
  363. }
  364. .markdown > pre > ol.linenums > li:first-child {
  365. padding-top: 12px;
  366. }
  367. .markdown > pre > ol.linenums > li:last-child {
  368. padding-bottom: 12px;
  369. }
  370. .markdown > pre.nums-style > ol.linenums > li {
  371. border-left: 1px solid #ddd;
  372. }
  373. .markdown hr {
  374. border: none;
  375. color: #ccc;
  376. height: 4px;
  377. padding: 0;
  378. margin: 15px 0;
  379. border-bottom: 2px solid #EEE;
  380. }
  381. .markdown blockquote:last-child,
  382. .markdown ul:last-child,
  383. .markdown ol:last-child,
  384. .markdown > pre:last-child,
  385. .markdown > pre:last-child,
  386. .markdown p:last-child {
  387. margin-bottom: 0;
  388. }
  389. .markdown .btn {
  390. color: #fff;
  391. }
  392. .markdown h1 a,
  393. .markdown h2 a,
  394. .markdown h3 a {
  395. text-decoration: none;
  396. }
  397. .markdown h1 a.anchor,
  398. .markdown h2 a.anchor,
  399. .markdown h3 a.anchor,
  400. .markdown h4 a.anchor,
  401. .markdown h5 a.anchor,
  402. .markdown h6 a.anchor {
  403. text-decoration: none;
  404. line-height: 1;
  405. padding-left: 0;
  406. margin-left: -24px;
  407. top: 15%;
  408. }
  409. .markdown a span.octicon {
  410. font-size: 16px;
  411. line-height: 1;
  412. display: inline-block;
  413. text-decoration: none;
  414. -webkit-font-smoothing: antialiased;
  415. margin-left: 30px;
  416. }
  417. .markdown a span.octicon-link {
  418. opacity: 0;
  419. color: #444;
  420. }
  421. .markdown h1:hover .octicon-link,
  422. .markdown h2:hover .octicon-link,
  423. .markdown h3:hover .octicon-link,
  424. .markdown h4:hover .octicon-link,
  425. .markdown h5:hover .octicon-link,
  426. .markdown h6:hover .octicon-link {
  427. display: inline-block;
  428. opacity: 1;
  429. }
  430. /* Author: jmblog */
  431. /* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */
  432. /* GitHub Theme */
  433. /* Pretty printing styles. Used with prettify.js. */
  434. /* SPAN elements with the classes below are added by prettyprint. */
  435. /* plain text */
  436. .pln {
  437. color: #333333;
  438. }
  439. @media screen {
  440. /* string content */
  441. .str {
  442. color: #dd1144;
  443. }
  444. /* a keyword */
  445. .kwd {
  446. color: #333333;
  447. }
  448. /* a comment */
  449. .com {
  450. color: #999988;
  451. font-style: italic;
  452. }
  453. /* a type name */
  454. .typ {
  455. color: #445588;
  456. }
  457. /* a literal value */
  458. .lit {
  459. color: #445588;
  460. }
  461. /* punctuation */
  462. .pun {
  463. color: #333333;
  464. }
  465. /* lisp open bracket */
  466. .opn {
  467. color: #333333;
  468. }
  469. /* lisp close bracket */
  470. .clo {
  471. color: #333333;
  472. }
  473. /* a markup tag name */
  474. .tag {
  475. color: navy;
  476. }
  477. /* a markup attribute name */
  478. .atn {
  479. color: teal;
  480. }
  481. /* a markup attribute value */
  482. .atv {
  483. color: #dd1144;
  484. }
  485. /* a declaration */
  486. .dec {
  487. color: #333333;
  488. }
  489. /* a variable name */
  490. .var {
  491. color: teal;
  492. }
  493. /* a function name */
  494. .fun {
  495. color: #990000;
  496. }
  497. }
  498. /* Use higher contrast and text-weight for printable form. */
  499. @media print, projection {
  500. .str {
  501. color: #006600;
  502. }
  503. .kwd {
  504. color: #006;
  505. font-weight: bold;
  506. }
  507. .com {
  508. color: #600;
  509. font-style: italic;
  510. }
  511. .typ {
  512. color: #404;
  513. font-weight: bold;
  514. }
  515. .lit {
  516. color: #004444;
  517. }
  518. .pun,
  519. .opn,
  520. .clo {
  521. color: #444400;
  522. }
  523. .tag {
  524. color: #006;
  525. font-weight: bold;
  526. }
  527. .atn {
  528. color: #440044;
  529. }
  530. .atv {
  531. color: #006600;
  532. }
  533. }
  534. /* Specify class=linenums on a pre to get line numbering */
  535. ol.linenums {
  536. margin-top: 0;
  537. margin-bottom: 0;
  538. }
  539. #promo-wrapper {
  540. padding-top: 50px;
  541. background-color: #428bca;
  542. }
  543. #promo-logo {
  544. margin-right: 50px;
  545. padding-bottom: 50px;
  546. }
  547. #promo-logo img {
  548. max-width: 250px;
  549. }
  550. #promo-content {
  551. color: #FFF;
  552. margin-left: 300px;
  553. }
  554. #promo-content h1,
  555. #promo-content h2 {
  556. font-family: 'PT Sans Narrow', sans-serif;
  557. line-height: 60px;
  558. margin-bottom: 0;
  559. text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
  560. }
  561. #promo-content h1 {
  562. font-size: 96px;
  563. line-height: 96px;
  564. margin-bottom: 30px;
  565. }
  566. #promo-content h2 {
  567. font-size: 52px;
  568. line-height: 70px;
  569. font-weight: normal;
  570. }
  571. #promo-form {
  572. padding: 40px 0;
  573. }
  574. #promo-form .ipt-large {
  575. border: none;
  576. border-radius: 4px;
  577. font-size: 18px;
  578. margin-right: 12px;
  579. }
  580. #promo-form .ipt-large:focus {
  581. box-shadow: 0 0 3px #FFF;
  582. }
  583. #promo-form .btn-large {
  584. border-radius: 4px;
  585. font-size: 18px;
  586. margin-right: 12px;
  587. }
  588. #promo-social {
  589. padding-bottom: 60px;
  590. }
  591. #promo-social .qq {
  592. box-shadow: 0 0 1px #1c6399;
  593. }
  594. #feature-wrapper {
  595. font-family: Lato, sans-serif;
  596. font-size: 18px;
  597. padding: 50px 0 100px 0;
  598. }
  599. #feature-wrapper .octicon {
  600. color: #d9453d;
  601. font-size: 60px;
  602. height: 60px;
  603. width: 60px;
  604. line-height: 60px;
  605. margin-right: 12px;
  606. vertical-align: middle;
  607. display: inline-block;
  608. }
  609. #feature-wrapper b {
  610. color: #000;
  611. font-size: 24px;
  612. display: inline-block;
  613. line-height: 60px;
  614. }
  615. #feature-wrapper p {
  616. margin: 1em 0;
  617. line-height: 40px;
  618. padding-right: 30px;
  619. }
  620. #feature-wrapper a {
  621. color: #d9453d;
  622. }
  623. #feature-wrapper a:hover {
  624. color: #ff635a;
  625. }
  626. #feature-wrapper .grid-1-2 {
  627. margin-bottom: 30px;
  628. }
  629. /*
  630. The dashboard page style
  631. */
  632. #dashboard-header {
  633. border-bottom: 1px solid #d6d6d6;
  634. height: 69px;
  635. }
  636. #dashboard-header > .menu-line > li {
  637. padding: 12px 0;
  638. }
  639. #dashboard-header > .menu-line > li.right > a {
  640. font-size: 1.2em;
  641. color: #444444;
  642. }
  643. #dashboard-header > .menu-line > li.right > a:hover {
  644. background-color: transparent;
  645. color: #d9453d;
  646. }
  647. #dashboard-header > .menu-line > li.right > a .octicon {
  648. margin-right: 6px;
  649. }
  650. #dashboard-header > .menu-line > li.right .current {
  651. border-bottom: 2px solid #D26911;
  652. }
  653. #dashboard-selection-menu a img {
  654. margin: -4px 10px 0 0;
  655. }
  656. #dashboard {
  657. padding: 24px 0;
  658. }
  659. #dashboard-sidebar .panel-header h4 {
  660. margin: 0;
  661. }
  662. #dashboard-sidebar > .panel {
  663. margin-bottom: 24px;
  664. border-bottom-left-radius: .3em;
  665. border-bottom-right-radius: .3em;
  666. }
  667. #dashboard-sidebar-menu {
  668. border-top-left-radius: .3em;
  669. border-top-right-radius: .3em;
  670. width: 100%;
  671. height: 35px;
  672. }
  673. #dashboard-sidebar-menu > li {
  674. border: 1px solid #d6d6d6;
  675. float: left;
  676. margin-right: -1px;
  677. border-bottom: none;
  678. }
  679. #dashboard-sidebar-menu > li > a {
  680. padding-top: .4em;
  681. padding-bottom: .4em;
  682. }
  683. #dashboard-sidebar-menu > li.first {
  684. border-top-left-radius: .3em;
  685. }
  686. #dashboard-sidebar-menu > li.first > a {
  687. border-top-left-radius: .3em;
  688. }
  689. #dashboard-sidebar-menu > li.drop {
  690. border: none;
  691. float: right;
  692. }
  693. #dashboard-sidebar-menu > li.js-tab-nav-show {
  694. background-color: #EEEEEE;
  695. }
  696. #dashboard-sidebar-menu > li.last {
  697. border-top-right-radius: .3em;
  698. }
  699. #dashboard-sidebar-menu > li.last > a {
  700. border-top-right-radius: .3em;
  701. }
  702. #dashboard-my-mirror li,
  703. #dashboard-my-org li,
  704. #dashboard-my-repo li {
  705. border-bottom: 1px solid #EAEAEA;
  706. }
  707. #dashboard-my-mirror li.private,
  708. #dashboard-my-org li.private,
  709. #dashboard-my-repo li.private {
  710. background-color: #fcf8e9;
  711. }
  712. #dashboard-my-mirror li:last-child,
  713. #dashboard-my-org li:last-child,
  714. #dashboard-my-repo li:last-child {
  715. border-bottom: none;
  716. }
  717. #dashboard-my-mirror li a,
  718. #dashboard-my-org li a,
  719. #dashboard-my-repo li a {
  720. padding: 6px 1.2em;
  721. display: block;
  722. }
  723. #dashboard-my-mirror li a .octicon,
  724. #dashboard-my-org li a .octicon,
  725. #dashboard-my-repo li a .octicon {
  726. margin-right: 6px;
  727. color: #888;
  728. }
  729. #dashboard-my-mirror li a:hover .repo-name,
  730. #dashboard-my-org li a:hover .repo-name,
  731. #dashboard-my-repo li a:hover .repo-name {
  732. text-decoration: underline;
  733. }
  734. #dashboard-my-mirror .repo-name,
  735. #dashboard-my-org .repo-name,
  736. #dashboard-my-repo .repo-name {
  737. font-size: 1.1em;
  738. }
  739. #dashboard-my-mirror .repo-star,
  740. #dashboard-my-org .repo-star,
  741. #dashboard-my-repo .repo-star {
  742. color: #888;
  743. }
  744. #dashboard-my-mirror .repo-contrib-header,
  745. #dashboard-my-org .repo-contrib-header,
  746. #dashboard-my-repo .repo-contrib-header {
  747. border-top: 1px solid #d6d6d6;
  748. }
  749. #dashboard-my-repo .panel-header .octicon {
  750. margin-right: 6px;
  751. font-size: 12px;
  752. }
  753. #dashboard-my-repo .repo-count {
  754. margin-left: 4px;
  755. }
  756. #dashboard-my-org,
  757. #dashboard-my-mirror {
  758. display: none;
  759. }
  760. #dashboard-new-repo {
  761. width: 50px;
  762. height: 35px;
  763. padding-top: 6px;
  764. margin-right: 1px;
  765. border-top-left-radius: .3em;
  766. border-top-right-radius: .3em;
  767. }
  768. #dashboard-new-repo .octicon {
  769. font-size: 2em;
  770. }
  771. #dashboard-new-repo-menu {
  772. top: 35px;
  773. width: 180px;
  774. background-color: #FFF;
  775. left: -132px;
  776. }
  777. #dashboard-new-repo-menu .octicon {
  778. margin-right: 6px;
  779. font-size: 1.1em;
  780. }
  781. #dashboard-selection-menu {
  782. width: auto;
  783. max-width: 300px;
  784. }
  785. #dashboard-selection-menu > .drop-down {
  786. top: 56px;
  787. }
  788. #dashboard-selection-menu li {
  789. white-space: nowrap;
  790. }
  791. #dashboard-selection-menu li.checked .octicon {
  792. opacity: 1;
  793. }
  794. #dashboard-selection-menu li a {
  795. text-overflow: ellipsis;
  796. -o-text-overflow: ellipsis;
  797. overflow: hidden;
  798. }
  799. #dashboard-switch-menu {
  800. border-bottom-left-radius: .3em;
  801. border-bottom-right-radius: .3em;
  802. }
  803. #dashboard-switch-menu > li > a img {
  804. margin-top: 0;
  805. }
  806. #dashboard-switch-menu > li > a .octicon {
  807. margin-right: 12px;
  808. }
  809. #dashboard-switch-menu > li:last-child > a {
  810. border-bottom-left-radius: .3em;
  811. border-bottom-right-radius: .3em;
  812. }
  813. #dashboard-switch-menu > li.org > a .octicon {
  814. opacity: 0;
  815. }
  816. #dashboard-switch-menu > li.checked > a {
  817. font-weight: bold;
  818. }
  819. #dashboard-switch-menu > li.checked > a .octicon {
  820. opacity: 1;
  821. }
  822. #dashboard-news .news {
  823. margin-right: 2.4em;
  824. padding-bottom: 1em;
  825. margin-bottom: 1em;
  826. border-bottom: 1px solid #E6E6E6;
  827. min-height: 30px;
  828. }
  829. #dashboard-news .news .mega-octicon {
  830. color: #CCC;
  831. }
  832. #dashboard-news .news .avatar {
  833. margin: 0 1.2em;
  834. }
  835. #dashboard-news .news .news-content,
  836. #dashboard-news .news .news-time {
  837. color: #888;
  838. }
  839. #dashboard-news .push-news .news-content li {
  840. margin-left: 1em;
  841. }
  842. #dashboard-news .push-news .news-content li img {
  843. margin-bottom: -2px;
  844. }
  845. /*
  846. The register and sign-in page style
  847. */
  848. #sign-wrapper {
  849. padding: 60px 0;
  850. }
  851. .sign-panel {
  852. background-color: #ffffff;
  853. }
  854. .sign-form.form-align .field {
  855. margin: 1.2em 0 2em 0;
  856. }
  857. .sign-form.form-align .ipt-large {
  858. width: 300px;
  859. }
  860. .sign-form.form-align label,
  861. .sign-form.form-align .form-label {
  862. width: 160px;
  863. }
  864. .sign-form.form-align .alert {
  865. margin: 0 30px 24px 30px;
  866. }
  867. .sign-form.form-align:hover {
  868. box-shadow: 0 0 6px #CCC;
  869. }
  870. .sign-form.container {
  871. padding: 0;
  872. width: 600px;
  873. margin-bottom: 80px;
  874. }
  875. #sign-up-form .panel-content {
  876. margin-top: 1.2em;
  877. }
  878. #sign-up-form h2 {
  879. margin: .5em 1em;
  880. }
  881. #sign-social {
  882. position: relative;
  883. margin: 40px 0;
  884. }
  885. #sign-social .or {
  886. position: absolute;
  887. width: 30px;
  888. top: -52px;
  889. left: 50%;
  890. background-color: #FFF;
  891. margin-left: -15px;
  892. }
  893. /* repository main */
  894. #repo-wrapper {
  895. padding-bottom: 100px;
  896. }
  897. #repo-header {
  898. height: 69px;
  899. border-bottom: 1px solid #d6d6d6;
  900. background-color: #ffffff;
  901. }
  902. #repo-header-name {
  903. line-height: 66px;
  904. color: #888888;
  905. font-size: 1.6em;
  906. font-weight: normal;
  907. margin-bottom: 0;
  908. }
  909. #repo-header-name i {
  910. margin-right: 12px;
  911. vertical-align: middle;
  912. }
  913. #repo-header-name .divider {
  914. margin: 0 4px;
  915. }
  916. #repo-header-meta {
  917. line-height: 66px;
  918. }
  919. #repo-header-meta li > a {
  920. padding: 0;
  921. }
  922. #repo-header-meta li > a:hover {
  923. background-color: transparent;
  924. }
  925. #repo-header-meta a > .btn {
  926. font-size: 1.05em;
  927. margin-left: 16px;
  928. line-height: 16px;
  929. }
  930. #repo-header-meta a > .btn i {
  931. margin-right: 6px;
  932. }
  933. #repo-header-meta a > .btn .num {
  934. margin-left: 6px;
  935. }
  936. #repo-header-download-btn > .btn > i {
  937. margin-right: 0 !important;
  938. }
  939. #repo-header-download-btn:hover:after,
  940. #repo-header-download-btn:hover .btn {
  941. background-color: #383838;
  942. color: #FFF;
  943. }
  944. #repo-header-download-btn:after {
  945. background-color: #444444;
  946. padding: 9px 16px 8px 0;
  947. margin-left: -8px !important;
  948. color: #FFF;
  949. border-top: 1px solid #444444;
  950. border-bottom: 1px solid #444444;
  951. border-top-right-radius: .25em;
  952. border-bottom-right-radius: .25em;
  953. }
  954. #repo-header-download-drop {
  955. line-height: 24px;
  956. width: 440px;
  957. top: 50px;
  958. left: -354px;
  959. padding: 20px;
  960. box-sizing: border-box;
  961. }
  962. #repo-header-download-drop .btn > i {
  963. margin-right: 6px;
  964. }
  965. #repo-content {
  966. padding: 18px 0;
  967. }
  968. #repo-clone-url {
  969. border-right: none;
  970. width: 196px;
  971. border-left: none;
  972. }
  973. #repo-clone-help {
  974. line-height: 48px;
  975. }
  976. #repo-clone-zip {
  977. line-height: 48px;
  978. }
  979. #repo-clone-zip a {
  980. cursor: pointer;
  981. color: white;
  982. overflow: visible;
  983. padding: .6em 1.2em;
  984. }
  985. #repo-clone-zip .btn {
  986. margin: 0 6px;
  987. }
  988. #repo-desc {
  989. font-size: 1.2em;
  990. }
  991. #repo-sidebar-nav .label {
  992. font-size: 12px;
  993. line-height: 1.4em;
  994. margin-top: 2px;
  995. }
  996. #repo-sidebar-nav i {
  997. margin-right: 6px;
  998. }
  999. #repo-file-nav {
  1000. padding: .6em 0 1em 0;
  1001. }
  1002. #repo-file-nav > li > a {
  1003. padding-left: 0;
  1004. }
  1005. #repo-file-nav > li > a:hover {
  1006. background-color: transparent;
  1007. }
  1008. #repo-file-nav li.repo-jump > a {
  1009. padding-right: 0;
  1010. }
  1011. #repo-file-nav li.repo-jump > a .btn {
  1012. margin-left: -1px;
  1013. }
  1014. #repo-branch-switch > a .btn {
  1015. padding-right: 30px;
  1016. }
  1017. #repo-branch-switch > a:after {
  1018. position: absolute;
  1019. top: 12px;
  1020. right: 30px;
  1021. margin-left: 0;
  1022. color: #444444;
  1023. }
  1024. #repo-branch-switch > .drop-down {
  1025. top: 40px;
  1026. left: 0;
  1027. }
  1028. #repo-branch-filter-ipt {
  1029. width: 100%;
  1030. border-left: none;
  1031. border-right: none;
  1032. box-sizing: border-box;
  1033. }
  1034. #repo-branch-tag .tab-nav {
  1035. border-bottom: 1px solid #EAEAEA;
  1036. }
  1037. #repo-branch-tag .tab-nav a {
  1038. padding: .3em .8em;
  1039. }
  1040. #repo-branch-tag .tab-nav .js-tab-nav-show {
  1041. background-color: #EEE;
  1042. font-weight: bold;
  1043. }
  1044. #repo-branch-list li i,
  1045. #repo-tag-list li i {
  1046. margin-right: 12px;
  1047. opacity: 0;
  1048. }
  1049. #repo-branch-list li.checked i,
  1050. #repo-tag-list li.checked i {
  1051. opacity: 1;
  1052. }
  1053. #repo-tag-list {
  1054. display: none;
  1055. }
  1056. #repo-bread .bread {
  1057. padding-right: 0;
  1058. font-size: 16px;
  1059. font-weight: bold;
  1060. }
  1061. #repo-main {
  1062. padding-right: 40px;
  1063. box-sizing: border-box;
  1064. }
  1065. #repo-files-table {
  1066. margin-bottom: 20px;
  1067. }
  1068. #repo-files-table th,
  1069. #repo-files-table td {
  1070. text-align: left;
  1071. line-height: 32px;
  1072. }
  1073. #repo-files-table td.icon {
  1074. width: 16px;
  1075. padding-right: .1em;
  1076. padding-left: 1em;
  1077. }
  1078. #repo-files-table td.name {
  1079. max-width: 120px;
  1080. }
  1081. #repo-files-table td.name .text-truncate {
  1082. max-width: 100%;
  1083. }
  1084. #repo-files-table td.age {
  1085. max-width: 120px;
  1086. text-align: right;
  1087. }
  1088. #repo-files-table td.msg {
  1089. max-width: 440px;
  1090. }
  1091. #repo-files-table td.msg .text-truncate {
  1092. max-width: 100%;
  1093. }
  1094. #repo-files-table td.age,
  1095. #repo-files-table td.size,
  1096. #repo-files-table td.msg a {
  1097. color: #888;
  1098. }
  1099. #repo-files-table td.msg a:hover {
  1100. color: #428BCA;
  1101. text-decoration: underline;
  1102. }
  1103. #repo-files-table tbody {
  1104. background-color: #FFF;
  1105. }
  1106. #repo-files-table tbody tr:hover {
  1107. background-color: #ffffEE;
  1108. }
  1109. #repo-files-table thead {
  1110. background-color: #F0F0F0;
  1111. }
  1112. #repo-files-table thead .author a {
  1113. margin: 0 .4em;
  1114. }
  1115. #repo-files-table thead .last-commit strong {
  1116. color: #444;
  1117. }
  1118. #repo-files-table thead .last-commit .text-truncate {
  1119. margin-left: .4em;
  1120. }
  1121. #repo-files-table thead .last-commit .text-truncate,
  1122. #repo-files-table thead .age {
  1123. font-weight: normal;
  1124. color: #888;
  1125. }
  1126. #repo-readme {
  1127. margin-bottom: 80px;
  1128. }
  1129. #repo-bare-start {
  1130. margin-bottom: 100px;
  1131. }
  1132. #repo-bare-start .panel-content {
  1133. background-color: #FFF;
  1134. }
  1135. #repo-bare-start pre {
  1136. margin: 0 40px;
  1137. padding: 6px 10px;
  1138. border: 1px solid #ddd;
  1139. background: #f8f8f8;
  1140. }
  1141. .repo-bare #repo-bare-start h2 {
  1142. margin-top: 30px;
  1143. margin-bottom: 24px;
  1144. }
  1145. .repo-bare #repo-header-meta {
  1146. display: none;
  1147. }
  1148. .repo-bare #repo-clone-ssh {
  1149. margin-left: 200px;
  1150. }
  1151. .repo-bare #repo-clone-copy {
  1152. margin-right: 200px;
  1153. }
  1154. .repo-bare #repo-clone-help {
  1155. clear: both;
  1156. width: 100%;
  1157. }
  1158. .repo-bare #repo-clone-url {
  1159. width: 520px;
  1160. }
  1161. /* repository create */
  1162. #repo-migrate-form,
  1163. #repo-create-form {
  1164. width: 800px;
  1165. margin: 60px auto auto auto;
  1166. background: white;
  1167. }
  1168. #repo-migrate-form h2,
  1169. #repo-create-form h2 {
  1170. margin: .5em 1em;
  1171. }
  1172. #repo-migrate-form .field,
  1173. #repo-create-form .field {
  1174. margin: 1.2em 0 2em 0;
  1175. }
  1176. #repo-migrate-form .ipt,
  1177. #repo-create-form .ipt {
  1178. width: 540px;
  1179. }
  1180. #repo-migrate-form textarea,
  1181. #repo-create-form textarea {
  1182. height: 120px;
  1183. }
  1184. #repo-migrate-form .avatar,
  1185. #repo-create-form .avatar {
  1186. vertical-align: middle;
  1187. margin-right: .6em;
  1188. width: 28px;
  1189. height: 28px;
  1190. }
  1191. #repo-migrate-form:hover,
  1192. #repo-create-form:hover {
  1193. box-shadow: 0px 0px 6px #CCC;
  1194. }
  1195. #repo-create-cancel {
  1196. margin-left: 4em;
  1197. }
  1198. #repo-create-owner-list {
  1199. top: 30px;
  1200. left: 0;
  1201. width: auto;
  1202. max-width: 300px;
  1203. }
  1204. #repo-create-owner-list .octicon {
  1205. margin-right: 12px;
  1206. opacity: 0;
  1207. }
  1208. #repo-create-owner-list .avatar {
  1209. width: 20px;
  1210. height: 20px;
  1211. }
  1212. #repo-create-owner-list li {
  1213. white-space: nowrap;
  1214. }
  1215. #repo-create-owner-list li.checked .octicon {
  1216. opacity: 1;
  1217. }
  1218. #repo-create-owner-list li a {
  1219. text-overflow: ellipsis;
  1220. -o-text-overflow: ellipsis;
  1221. overflow: hidden;
  1222. }
  1223. .file-name {
  1224. margin-left: 1em;
  1225. }
  1226. .file-size {
  1227. font-size: 13px;
  1228. color: #888;
  1229. margin-left: 1em;
  1230. }
  1231. .code-view {
  1232. overflow: auto;
  1233. overflow-x: auto;
  1234. overflow-y: hidden;
  1235. background: white;
  1236. }
  1237. .code-view .view-raw {
  1238. min-height: 40px;
  1239. text-align: center;
  1240. padding-top: 20px;
  1241. }
  1242. .code-view .view-raw .btn {
  1243. font-size: 1.05em;
  1244. line-height: 16px;
  1245. padding: 6px 8px;
  1246. }
  1247. .code-view table {
  1248. width: 100%;
  1249. }
  1250. .code-view table td {
  1251. padding: 0;
  1252. }
  1253. .code-view .lines-num {
  1254. text-align: right;
  1255. color: #999;
  1256. background: #f5f5f5;
  1257. width: 1%;
  1258. }
  1259. .code-view .lines-num span {
  1260. font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  1261. line-height: 18px;
  1262. padding: 0 8px 0 10px;
  1263. cursor: pointer;
  1264. display: block;
  1265. margin-top: 2px;
  1266. font-size: 12px;
  1267. }
  1268. .code-view .lines-code > pre {
  1269. border: none;
  1270. border-left: 1px solid #ddd;
  1271. }
  1272. .code-view .lines-code > pre > ol.linenums > li {
  1273. padding: 0 10px;
  1274. }
  1275. .code-view .lines-code > pre > ol.linenums > li.active {
  1276. background: #ffffdd;
  1277. }
  1278. .repo-setting-zone {
  1279. padding: 30px;
  1280. }
  1281. #repo-collab-list {
  1282. list-style: none;
  1283. padding: 10px 0 5px 0;
  1284. }
  1285. #repo-collab-list li.collab {
  1286. clear: both;
  1287. height: 50px;
  1288. padding: 0 15px 0 15px;
  1289. }
  1290. #repo-collab-list a.member {
  1291. color: #444;
  1292. height: 50px;
  1293. line-height: 50px;
  1294. }
  1295. #repo-collab-list a.member:hover {
  1296. color: #4183C4;
  1297. }
  1298. #repo-collab-list .avatar {
  1299. margin-right: 1em;
  1300. width: 40px;
  1301. }
  1302. #repo-collab-list .remove-collab {
  1303. color: #DD4B39;
  1304. }
  1305. .repo-user-list-block {
  1306. position: relative;
  1307. top: 5px;
  1308. }
  1309. .setting-list {
  1310. width: 100%;
  1311. list-style: none;
  1312. }
  1313. #setting-wrapper {
  1314. padding-bottom: 100px;
  1315. }
  1316. #setting-menu {
  1317. box-sizing: border-box;
  1318. }
  1319. #setting-menu li > a {
  1320. border-left: 2px solid #FFF;
  1321. background-color: #FFF;
  1322. }
  1323. #setting-menu li:hover {
  1324. border-color: #EAEAEA;
  1325. }
  1326. #setting-menu li:hover a {
  1327. border-left: 2px solid #EFEFEF;
  1328. background-color: #EFEFEF !important;
  1329. color: #000 !important;
  1330. }
  1331. #setting-menu li.current a {
  1332. color: #000 !important;
  1333. font-weight: bold;
  1334. border-left: 2px solid #d26911;
  1335. }
  1336. .setting-content {
  1337. margin-left: 32px;
  1338. }
  1339. #repo-setting-form,
  1340. #user-profile-form {
  1341. background-color: #FFF;
  1342. padding: 30px 0;
  1343. }
  1344. #repo-setting-form textarea,
  1345. #user-profile-form textarea {
  1346. margin-left: 4px;
  1347. height: 100px;
  1348. }
  1349. #repo-setting-form label,
  1350. #user-profile-form label,
  1351. #repo-setting-form .form-label,
  1352. #user-profile-form .form-label {
  1353. width: 240px;
  1354. }
  1355. #repo-setting-form .ipt,
  1356. #user-profile-form .ipt {
  1357. width: 360px;
  1358. }
  1359. #repo-setting-form .field,
  1360. #user-profile-form .field {
  1361. margin-bottom: 24px;
  1362. }
  1363. #repo-hooks-panel,
  1364. #user-ssh-panel {
  1365. margin-bottom: 20px;
  1366. }
  1367. #repo-hooks-panel .setting-list,
  1368. #user-ssh-panel .setting-list {
  1369. background-color: #FFF;
  1370. }
  1371. #repo-hooks-panel .setting-list li,
  1372. #user-ssh-panel .setting-list li {
  1373. padding: 8px 20px;
  1374. border-bottom: 1px solid #eaeaea;
  1375. }
  1376. #repo-hooks-panel .setting-list li.ssh:hover,
  1377. #user-ssh-panel .setting-list li.ssh:hover {
  1378. background-color: #ffffEE;
  1379. }
  1380. #repo-hooks-panel .setting-list li i,
  1381. #user-ssh-panel .setting-list li i {
  1382. padding-right: 5px;
  1383. }
  1384. #repo-hooks-panel .active-icon,
  1385. #user-ssh-panel .active-icon {
  1386. width: 10px;
  1387. height: 10px;
  1388. border-radius: 6px;
  1389. padding: 0;
  1390. margin-right: 20px;
  1391. margin-top: 10px;
  1392. }
  1393. #repo-hooks-panel .ssh-content,
  1394. #user-ssh-panel .ssh-content {
  1395. margin-left: 24px;
  1396. }
  1397. #repo-hooks-panel .ssh-content .octicon,
  1398. #user-ssh-panel .ssh-content .octicon {
  1399. margin-right: 4px;
  1400. }
  1401. #repo-hooks-panel .ssh-content .print,
  1402. #user-ssh-panel .ssh-content .print,
  1403. #repo-hooks-panel .ssh-content .activity,
  1404. #user-ssh-panel .ssh-content .activity {
  1405. color: #888;
  1406. }
  1407. #repo-hooks-panel .ssh-delete-btn,
  1408. #user-ssh-panel .ssh-delete-btn {
  1409. margin-top: 6px;
  1410. }
  1411. #user-ssh-add-form .panel-body {
  1412. background-color: #FFF;
  1413. padding: 30px 0;
  1414. }
  1415. #user-ssh-add-form .ipt {
  1416. width: 500px;
  1417. }
  1418. #user-ssh-add-form textarea {
  1419. height: 120px;
  1420. margin-left: 3px;
  1421. }
  1422. #user-ssh-add-form .field {
  1423. margin-bottom: 24px;
  1424. }
  1425. .repo-issue-wrapper {
  1426. padding: 18px 0;
  1427. }
  1428. .pr-main {
  1429. padding-right: 40px;
  1430. box-sizing: border-box;
  1431. }
  1432. .pr-sidebar {
  1433. border-left: 1px solid #DDD;
  1434. box-sizing: border-box;
  1435. }
  1436. #pr-sidebar-nav {
  1437. margin-top: 6px;
  1438. }
  1439. #pr-sidebar-nav li {
  1440. margin-bottom: 4px;
  1441. }
  1442. #pr-sidebar-nav li > a {
  1443. border: 1px solid transparent;
  1444. border-left: none;
  1445. }
  1446. #pr-sidebar-nav li > a:hover {
  1447. background-color: #FFF;
  1448. border-color: #DDD;
  1449. }
  1450. #pr-sidebar-nav .label {
  1451. font-size: 12px;
  1452. line-height: 1.4em;
  1453. margin-top: 1px;
  1454. }
  1455. #pr-sidebar-nav li.current a {
  1456. background-color: #FFF;
  1457. border-color: #DDD;
  1458. }
  1459. .pr-title .pr-num {
  1460. font-weight: normal;
  1461. color: #888;
  1462. }
  1463. .pr-meta {
  1464. color: #888;
  1465. }
  1466. .pr-meta .pr-author {
  1467. margin: 0 8px;
  1468. color: #444;
  1469. }
  1470. .pr-meta .pr-author:hover {
  1471. text-decoration: underline;
  1472. }
  1473. .pr-meta .pr-branch {
  1474. margin: 0 4px;
  1475. font-size: 12px;
  1476. padding: 4px 6px;
  1477. }
  1478. .pr-nav {
  1479. border-bottom: 1px solid #DDD;
  1480. margin-top: 16px;
  1481. margin-bottom: 16px;
  1482. }
  1483. .pr-nav .octicon {
  1484. margin-right: 4px;
  1485. }
  1486. .pr-nav li > a {
  1487. padding: 3px 9px !important;
  1488. border: 1px solid transparent;
  1489. border-bottom: none;
  1490. border-top-left-radius: .2em;
  1491. border-top-right-radius: .2em;
  1492. }
  1493. .pr-nav li > a .label {
  1494. padding: 1px 5px;
  1495. font-size: 12px;
  1496. margin-left: 4px;
  1497. }
  1498. .pr-nav li.js-tab-nav-show > a {
  1499. background-color: #FFF;
  1500. border-color: #E6E6E6;
  1501. }
  1502. .diff-bar .diff-add {
  1503. color: #65ad4e;
  1504. }
  1505. .diff-bar .diff-delete {
  1506. color: #d9453d;
  1507. }
  1508. .diff-bar .diff-status {
  1509. width: 50px;
  1510. background-color: #d9453d;
  1511. height: 10px;
  1512. margin-top: 7px;
  1513. margin-left: 4px;
  1514. margin-right: 4px;
  1515. border-radius: .2em;
  1516. }
  1517. .diff-bar .diff-status-inner {
  1518. width: 45%;
  1519. background-color: #65ad4e;
  1520. height: 10px;
  1521. border-top-left-radius: .2em;
  1522. border-bottom-left-radius: .2em;
  1523. }
  1524. #pr-commit,
  1525. #pr-file-diff,
  1526. #issue-add-comment-preview {
  1527. display: none;
  1528. }
  1529. #pr-conversation-list {
  1530. padding-right: 30px;
  1531. box-sizing: border-box;
  1532. }
  1533. .issue-comment,
  1534. .issue-commit,
  1535. .issue-line,
  1536. .issue-merge,
  1537. .issue-add-comment {
  1538. margin-bottom: 16px;
  1539. }
  1540. .issue-comment .author-avatar img {
  1541. margin-right: 12px;
  1542. }
  1543. .issue-comment .panel {
  1544. margin-left: 60px;
  1545. margin-top: -40px;
  1546. }
  1547. .issue-comment .panel-header {
  1548. font-size: 13px;
  1549. }
  1550. .issue-comment .author-name {
  1551. font-weight: bold;
  1552. }
  1553. .issue-comment .date {
  1554. margin-left: 4px;
  1555. font-style: italic;
  1556. color: #888;
  1557. }
  1558. .issue-comment .action > * {
  1559. margin-left: 4px;
  1560. font-size: 12px;
  1561. }
  1562. .issue-comment .action i {
  1563. font-size: 13px;
  1564. }
  1565. .issue-commit {
  1566. line-height: 32px;
  1567. }
  1568. .issue-commit i,
  1569. .issue-commit .author-avatar img {
  1570. margin-right: 16px;
  1571. }
  1572. .issue-commit .sha {
  1573. margin-left: 24px;
  1574. }
  1575. .issue-commit .message {
  1576. display: block;
  1577. margin-left: 88px;
  1578. padding-top: 4px;
  1579. line-height: 24px;
  1580. }
  1581. .issue-merge .ico {
  1582. width: 40px;
  1583. height: 40px;
  1584. text-align: center;
  1585. color: #FFF;
  1586. margin-right: 12px;
  1587. }
  1588. .issue-merge .ico i {
  1589. margin-top: 8px;
  1590. font-size: 24px;
  1591. }
  1592. .issue-merge .panel {
  1593. margin-left: 60px;
  1594. margin-top: -40px;
  1595. }
  1596. .issue-merge .panel-header {
  1597. font-size: 13px;
  1598. }
  1599. .issue-merge-ok .ico {
  1600. background-color: #65AD4E;
  1601. }
  1602. .issue-merge-ok .panel,
  1603. .issue-merge-ok .panel-content,
  1604. .issue-merge-ok .panel-header {
  1605. border-color: #65AD4E;
  1606. background-color: #FFF;
  1607. }
  1608. .issue-merge-ok .panel-header {
  1609. color: #508a3e;
  1610. }
  1611. .issue-line {
  1612. height: 4px;
  1613. background-color: #E6E6E6;
  1614. }
  1615. .issue-add-comment .panel {
  1616. margin-left: 60px;
  1617. margin-top: -40px;
  1618. }
  1619. .issue-add-comment .panel-header {
  1620. font-size: 13px;
  1621. padding-bottom: 0;
  1622. }
  1623. .issue-add-comment .add-nav > li > a {
  1624. padding: 4px 12px;
  1625. color: #444;
  1626. border: 1px solid #CCC;
  1627. margin-bottom: -1px;
  1628. font-size: 14px;
  1629. border-top-left-radius: .3em;
  1630. border-top-right-radius: .3em;
  1631. }
  1632. .issue-add-comment .add-nav > li > a:hover {
  1633. background-color: #FFF;
  1634. }
  1635. .issue-add-comment .add-nav > li.js-tab-nav-show > a {
  1636. background-color: #FFF;
  1637. }
  1638. textarea#issue-add-content {
  1639. width: 100%;
  1640. box-sizing: border-box;
  1641. height: 120px;
  1642. }