gogs.css 24 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466
  1. /*!
  2. * Gogs - Go Git Service (http://gogits.org)
  3. * Copyright 2014 Gogs.
  4. * Licensed under MIT (https://github.com/gogits/gogs/blob/master/LICENSE)
  5. */
  6. body {
  7. background: #F6F6F6;
  8. }
  9. html, body {
  10. height: 100%;
  11. font-family: Helvetica, Arial, sans-serif;
  12. }
  13. /* override bs3 */
  14. .tooltip-inner {
  15. border-radius: 3px;
  16. background: #333;
  17. border: none;
  18. }
  19. .tooltip-arrow {
  20. border-bottom-color: #333 !important;
  21. }
  22. .tooltip-arrow:before {
  23. border-bottom-color: transparent !important;
  24. }
  25. .fa {
  26. margin: 0 .5em;
  27. }
  28. .fa-m {
  29. margin: 0;
  30. }
  31. .list-group .list-group-item {
  32. background-color: transparent;
  33. }
  34. .btn {
  35. cursor: pointer;
  36. }
  37. .panel-default .panel-heading {
  38. background-color: #FAFAFA;
  39. border-bottom: 1px solid #DDD;
  40. font-weight: bold;
  41. }
  42. /* gogits nav header */
  43. .masthead {
  44. background-color: #428bca;
  45. box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);
  46. margin: 0;
  47. }
  48. /* gogits nav item link */
  49. .nav-item {
  50. position: relative;
  51. display: inline-block;
  52. padding: 10px;
  53. font-weight: bold;
  54. color: #EEE;
  55. font-size: 100%;
  56. height: 46px;
  57. margin-top: 3px;
  58. }
  59. #nav-logo {
  60. padding-left: 0;
  61. padding-right: 0;
  62. margin-right: 10px;
  63. margin-top: 0;
  64. }
  65. .nav-item:hover,
  66. .nav-item:focus {
  67. color: #fff;
  68. text-decoration: none;
  69. }
  70. .nav-item.navbar-btn {
  71. cursor: pointer;
  72. margin-top: 8px;
  73. padding: 5px 15px;
  74. height: 30px;
  75. }
  76. .nav-item.navbar-right .fa {
  77. margin: 0;
  78. }
  79. #nav-search-form {
  80. width: 300px;
  81. margin-top: 0;
  82. }
  83. #nav-search-form button {
  84. margin-top: 0;
  85. background-image: none;
  86. background-color: #F6F6F6;
  87. }
  88. #nav-search-form input[type=search] {
  89. background-color: #F6F6F6;
  90. border-bottom-right-radius: 3px;
  91. border-top-right-radius: 3px;
  92. }
  93. #nav-search-form input[type=search]:focus {
  94. background-color: #FFF;
  95. border-color: #D9D9D9;
  96. }
  97. /* gogits nav item active status */
  98. #masthead .nav .active {
  99. color: #fff;
  100. }
  101. #masthead .nav .active:after {
  102. position: absolute;
  103. bottom: -1px;
  104. left: 50%;
  105. width: 0;
  106. height: 0;
  107. margin-left: -5px;
  108. vertical-align: middle;
  109. content: " ";
  110. border-right: 5px solid transparent;
  111. border-bottom: 5px solid;
  112. border-left: 5px solid transparent;
  113. }
  114. #nav-logo:after {
  115. bottom: -4px !important;
  116. }
  117. #nav-avatar:after {
  118. bottom: -4px !important;
  119. }
  120. .nav .tooltip {
  121. border: none;
  122. }
  123. /* gogits logo */
  124. #nav-avatar {
  125. margin-top: 0;
  126. }
  127. #logo, #nav-avatar img {
  128. width: 28px;
  129. height: 28px;
  130. }
  131. #nav-out {
  132. margin-top: 10px;
  133. padding: 5px 0;
  134. margin-left: 10px;
  135. height: 28px;
  136. float: right;
  137. }
  138. #nav-signin, #nav-signup {
  139. float: right;
  140. margin-left: 1em;
  141. }
  142. #nav-out .fa {
  143. vertical-align: -10%;
  144. margin: 0 .5em;
  145. }
  146. /* gogits body */
  147. #body {
  148. padding-bottom: 60px;
  149. margin-top: 30px;
  150. }
  151. #body .btn-default {
  152. background-color: #FFF;
  153. background-image: linear-gradient(to bottom, #FFF 0, #FAFAFA 100%);
  154. }
  155. #body-nav {
  156. background-color: #FFF;
  157. border-bottom: 1px solid #DDD;
  158. height: 66px
  159. }
  160. #body-nav .nav {
  161. font-size: 14px;
  162. margin-top: 12px;
  163. }
  164. #body-nav .nav-pills li a {
  165. color: #444;
  166. }
  167. #body-nav .nav-pills li.active a {
  168. font-weight: bold;
  169. border-bottom: 2px solid #d26911;
  170. background-color: transparent;
  171. color: #444;
  172. }
  173. #body-nav .nav-pills li:hover a {
  174. background-color: transparent;
  175. text-decoration: underline;
  176. }
  177. /* gogits login card */
  178. .card {
  179. margin: auto;
  180. padding: 30px;
  181. background: #fff;
  182. border: 1px solid #ccc;
  183. border-radius: 5px;
  184. box-sizing: border-box;
  185. }
  186. .card h3 {
  187. margin-top: 0;
  188. margin-bottom: 30px;
  189. padding-bottom: 20px;
  190. border-bottom: 1px solid #ccc;
  191. }
  192. #login-card {
  193. width: 600px;
  194. }
  195. #login-card .form-control {
  196. padding: 6px 12px;
  197. box-sizing: content-box;
  198. }
  199. #login-card .control-label {
  200. height: 44px;
  201. line-height: 30px;
  202. }
  203. #install-card {
  204. width: 800px;
  205. }
  206. #install-card .form-group {
  207. margin-left: 0;
  208. margin-right: 0;
  209. }
  210. .card .btn {
  211. cursor: pointer;
  212. margin-right: 1.2em;
  213. }
  214. #social-login {
  215. margin-top: 30px;
  216. padding-top: 20px;
  217. border-top: 1px solid #ccc;
  218. }
  219. #social-login .btn {
  220. float: none;
  221. margin: auto;
  222. }
  223. /* gogs-user-profile */
  224. #user-avatar {
  225. width: 200px;
  226. height: 200px;
  227. border-radius: 6px;
  228. }
  229. #user-avatar-commit {
  230. width: 16px;
  231. height: 16px;
  232. border-radius: 2px;
  233. }
  234. #user-name {
  235. margin-top: 20px;
  236. font-size: 1.6em;
  237. font-weight: bold;
  238. margin-bottom: 20px;
  239. }
  240. #user-profile .profile-info .list-group-item {
  241. background-color: transparent;
  242. padding-top: 18px;
  243. color: #666;
  244. }
  245. #user-profile .profile-info .list-group-item a {
  246. margin: 0;
  247. padding: 0;
  248. display: inline;
  249. color: #0093c4;
  250. }
  251. #user-profile .profile-info .list-group {
  252. border-top: 1px solid #ccc;
  253. padding-bottom: 18px;
  254. border-bottom: 1px solid #ccc;
  255. padding-left: 18px;
  256. padding-right: 18px;
  257. }
  258. #user-profile .profile-rel .col-md-6 {
  259. text-align: center;
  260. padding-bottom: 12px;
  261. }
  262. #user-profile .profile-rel strong {
  263. font-size: 24px;
  264. color: #444;
  265. display: block;
  266. }
  267. #user-profile .profile-rel p {
  268. margin-right: 0;
  269. color: #888;
  270. }
  271. #user-activity .tab-pane {
  272. padding: 20px;
  273. }
  274. #user-act-tabs li.active a {
  275. border-bottom-color: #ddd;
  276. }
  277. /* gogits repo create */
  278. #repo-create {
  279. width: 800px;
  280. }
  281. #repo-create textarea[name=desc] {
  282. height: 8em;
  283. }
  284. #repo-import-auth {
  285. width: 100%;
  286. margin-top: 48px;
  287. box-sizing: border-box;
  288. }
  289. #repo-import-auth .form-group {
  290. box-sizing: border-box;
  291. margin-left: 0;
  292. margin-right: 0;
  293. }
  294. /* gogits user setting */
  295. #user-setting-nav > h4, #user-setting-container > h4, #user-setting-container > div > h4,
  296. #ssh-keys > h4, #user-delete > h4, #repo-setting-container .tab-pane > h4 {
  297. padding-bottom: 18px;
  298. margin-bottom: 18px;
  299. border-bottom: 1px solid #CCC;
  300. }
  301. #user-setting-nav .list-group .list-group-item a {
  302. margin-left: 0;
  303. padding: .6em;
  304. font-size: 14px;
  305. color: #3B73AF;
  306. }
  307. #user-setting-nav .list-group .list-group-item {
  308. background-color: transparent;
  309. }
  310. #user-setting-nav .list-group .list-group-item-success a {
  311. font-weight: bold;
  312. color: #444;
  313. }
  314. .admin-nav {
  315. background-color: #FFF;
  316. padding-top: 10px;
  317. padding-left: 0;
  318. padding-right: 0;
  319. border: 1px solid #D8D8D8;
  320. }
  321. .admin-nav li {
  322. margin-bottom: 8px;
  323. border-left: 4px solid transparent;
  324. }
  325. .admin-nav li:hover {
  326. border-left-color: #EEE;
  327. }
  328. .admin-nav li.active:hover {
  329. border-left: 4px solid #DD4B39;
  330. }
  331. #repo-setting-container .form-horizontal label {
  332. line-height: 30px;
  333. }
  334. /* gogits user ssh keys */
  335. #ssh-keys .list-group-item {
  336. padding: 15px 0;
  337. border-bottom: 1px solid #DDD;
  338. }
  339. #ssh-keys .list-group-item .delete {
  340. margin: -5px 50px 0;
  341. }
  342. #ssh-keys .list-group-item:after {
  343. clear: both;
  344. }
  345. #ssh-keys .name {
  346. font-size: 14px;
  347. font-weight: bold;
  348. }
  349. #ssh-keys .print {
  350. padding-left: 1em;
  351. color: #888;
  352. }
  353. #ssh-add {
  354. display: inline-block;
  355. color: white;
  356. cursor: pointer;
  357. margin-left: 0;
  358. border-radius: 3px;
  359. }
  360. #ssh-form textarea {
  361. height: 16em;
  362. }
  363. /* #feed */
  364. #feed-right .repo-panel .panel-heading .btn {
  365. margin-top: -4px;
  366. }
  367. #feed-right .repo-panel .panel-body {
  368. padding: 0;
  369. }
  370. #feed-right .repo-panel .list-group {
  371. margin-bottom: 0;
  372. }
  373. #feed-right .repo-panel .list-group-item a {
  374. display: block;
  375. margin-left: 0;
  376. background-color: transparent;
  377. padding-left: 0;
  378. font-weight: bold;
  379. }
  380. #feed-right .repo-panel .list-group-item .fa {
  381. color: #666;
  382. }
  383. #feed-right .repo-panel .list-group-item {
  384. font-size: 14px;
  385. line-height: 32px;
  386. border-bottom: 1px solid #DDD;
  387. padding-left: 15px;
  388. clear: both;
  389. }
  390. #feed-right .repo-panel .list-group-item:last-child {
  391. border-bottom: none;
  392. }
  393. #feed-right .repo-panel .list-group-item:hover {
  394. background-color: #eafffd;
  395. background-color: rgba(65, 131, 196, 0.1);
  396. }
  397. #feed-right .repo-panel span.stars {
  398. color: #666;
  399. margin-right: 1em;
  400. }
  401. #user-dashboard-repo-new .btn-sm.dropdown-toggle {
  402. padding: 3px 8px;
  403. }
  404. #user-dashboard-repo-new .dropdown-menu, #nav-repo-new .dropdown-menu {
  405. padding: 0;
  406. margin: 0;
  407. }
  408. #user-dashboard-repo-new ul, #nav-repo-new ul {
  409. margin: 0;
  410. width: 200px;
  411. }
  412. #user-dashboard-repo-new li a, #nav-repo-new li a {
  413. line-height: 36px;
  414. display: block;
  415. padding: 0 18px;
  416. color: #444;
  417. }
  418. #user-dashboard-repo-new li a:hover, #nav-repo-new li a:hover {
  419. background: #0093c4;
  420. color: #FFF;
  421. }
  422. #nav-repo-new button {
  423. border: none;
  424. background: transparent;
  425. padding: 0;
  426. width: 15px;
  427. }
  428. #nav-repo-new li .fa {
  429. margin: 0 .5em;
  430. }
  431. /* gogits repo single page */
  432. #body-nav.repo-nav {
  433. padding-top: 16px;
  434. padding-bottom: 30px;
  435. height: auto;
  436. }
  437. .repo-nav .name {
  438. margin-top: 15px;
  439. }
  440. .repo-nav .desc {
  441. color: #888;
  442. margin-bottom: 0;
  443. }
  444. .repo-nav h3 .fa {
  445. color: #BBB;
  446. margin-left: 0;
  447. }
  448. .repo-nav .actions {
  449. padding-top: 20px;
  450. }
  451. .repo-nav .btn-default {
  452. font-family: Tahoma, Arial, sans-serif;
  453. }
  454. #repo-watching .dropdown-menu {
  455. width: 280px;
  456. padding: 0;
  457. }
  458. #repo-watching .dropdown-menu .dropdown-item:hover .dropdown-header, #repo-watching .dropdown-item .dropdown-header.text-primary {
  459. color: rgb(65, 131, 196);
  460. cursor: pointer;
  461. }
  462. #repo-watching .dropdown-menu .description {
  463. padding: 0 20px;
  464. color: #888;
  465. }
  466. #repo-watching .dropdown-menu .dropdown-header {
  467. color: #444;
  468. font-weight: bold;
  469. font-size: 14px;
  470. margin-bottom: 4px;
  471. }
  472. #repo-toolbar {
  473. border-bottom: 1px solid #DDD;
  474. background-color: #FFF;
  475. height: 40px;
  476. font-size: 14px;
  477. }
  478. #repo-toolbar .navbar-default {
  479. border: none;
  480. height: 39px;
  481. }
  482. #repo-toolbar .nav > li > a {
  483. height: 39px;
  484. }
  485. #repo-toolbar .nav .tmp a:hover {
  486. text-decoration: none;
  487. }
  488. #repo-toolbar .nav .tmp .btn {
  489. margin-top: -2px;
  490. }
  491. #repo-toolbar .nav .active {
  492. color: #F6F6F6;
  493. }
  494. #repo-toolbar .nav > .active > a:after {
  495. border-bottom-color: #999;
  496. }
  497. #repo-toolbar .navbar.nav-toolbar {
  498. margin-bottom: 0;
  499. }
  500. #repo-toolbar .navbar-collapse {
  501. padding: 0;
  502. }
  503. .activity-list {
  504. font-size: 14px;
  505. }
  506. .activity-list .icon {
  507. font-size: 20px;
  508. color: #aaa;
  509. float: left;
  510. }
  511. .activity-list .info {
  512. margin: 0 0 0 40px;
  513. line-height: 1.7em;
  514. }
  515. .activity-list .meta {
  516. color: #aaa;
  517. }
  518. .activity-list li {
  519. padding: 15px 0;
  520. border-top: 1px solid #ddd;
  521. }
  522. .activity-list li:first-child {
  523. border-top: none;
  524. }
  525. .repo-list li {
  526. padding: 15px 0;
  527. border-top: 1px solid #ddd;
  528. }
  529. .repo-list li:first-child {
  530. border-top: none;
  531. }
  532. .repo-list h4 {
  533. font-weight: bold;
  534. font-size: 24px;
  535. }
  536. .repo-list .meta {
  537. margin: 15px 0 0;
  538. font-size: 14px;
  539. }
  540. .repo-list .desc {
  541. font-size: 15px;
  542. }
  543. .repo-list .meta .fa {
  544. margin: 0 0 0 20px;
  545. }
  546. .repo-list .meta,
  547. .repo-list .info {
  548. color: #999;
  549. }
  550. .popover .repo-clone-div {
  551. min-width: 200px;
  552. }
  553. #repo-clone .dropdown-menu {
  554. width: 400px;
  555. padding: 20px;
  556. }
  557. #repo-clone .input-group {
  558. margin-bottom: 15px;
  559. }
  560. /* #source */
  561. #source, #commits {
  562. margin-top: -20px;
  563. }
  564. #commits-pager {
  565. margin-top: 0;
  566. }
  567. #source .source-toolbar:after {
  568. clear: both;
  569. }
  570. #source .source-toolbar .branch-switch {
  571. display: inline-block;
  572. }
  573. #source .source-toolbar .breadcrumb {
  574. margin: 0 .5em;
  575. padding: 6px 15px;
  576. font-size: 16px;
  577. vertical-align: middle;
  578. display: inline-block;
  579. background-color: transparent;
  580. }
  581. #source .source-toolbar,
  582. #source .info-box,
  583. #source .file-content {
  584. margin: 0 0 10px;
  585. }
  586. .info-box .info-head,
  587. .info-box .info-content {
  588. padding: 9px 20px;
  589. }
  590. .info-box .info-head {
  591. font-weight: normal;
  592. }
  593. .info-box .info-content a,
  594. .info-box .info-head a {
  595. color: #666;
  596. }
  597. .file-list {
  598. background-color: #fafafa;
  599. }
  600. .file-list .icon {
  601. font-size: 17px;
  602. padding: 5px 0 4px 10px;
  603. width: 50px;
  604. color: #999;
  605. text-align: right;
  606. }
  607. .file-list .wrap {
  608. display: inline-block;
  609. overflow: hidden;
  610. text-overflow: ellipsis;
  611. vertical-align: top;
  612. white-space: nowrap;
  613. }
  614. .file-list .name .wrap {
  615. max-width: 180px;
  616. }
  617. .file-list .text .wrap {
  618. max-width: 450px;
  619. }
  620. .file-list .date .wrap {
  621. max-width: 120px;
  622. padding: 0 20px 0 0;
  623. }
  624. .file-list .date {
  625. text-align: right;
  626. }
  627. .file-content .file-head {
  628. font-size: 18px;
  629. }
  630. .file-content .file-head .icon {
  631. color: #666;
  632. margin: 0 .5em 0 0;
  633. }
  634. .file-content .file-head .file-size {
  635. font-size: 13px;
  636. color: #888;
  637. margin-left: 1em;
  638. }
  639. .file-content .file-body {
  640. padding: 30px 30px 50px;
  641. border: none;
  642. background-color: #FFF;
  643. overflow: auto;
  644. overflow-x: auto;
  645. overflow-y: hidden;
  646. }
  647. .file-content .file-body.file-code pre {
  648. background-color: #FFF;
  649. border: none;
  650. }
  651. .file-content .file-body.file-code {
  652. padding: 0;
  653. }
  654. .file-content .file-body.file-code .lines-code > pre {
  655. border: none;
  656. background: none;
  657. border-left: 1px solid #ddd;
  658. }
  659. .file-content .file-body.file-code .lines-code ol.linenums > .active {
  660. background: #ffffdd;
  661. }
  662. .file-content .file-body.file-code .lines-num {
  663. text-align: right;
  664. color: #999;
  665. background: #fafafa;
  666. width: 1%;
  667. }
  668. .file-content .file-body.file-code .lines-ellipsis {
  669. background-color: #FAFAFA;
  670. color: #999;
  671. width: 1%;
  672. }
  673. .file-content .file-body.file-code .lines-num span {
  674. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  675. line-height: 1.6;
  676. padding: 0 8px 0 10px;
  677. cursor: pointer;
  678. display: block;
  679. margin-top: 2px;
  680. font-size: 90%;
  681. }
  682. .file-content .file-body.file-code .lines-num span:first-child {
  683. margin-top: 0;
  684. }
  685. .file-content .file-body.file-code > table {
  686. width: 100%;
  687. }
  688. .file-content .file-body.file-code > table > tbody > tr,
  689. .file-content .file-body.file-code > table > tbody > tr > td,
  690. .file-content .file-body.file-code > table {
  691. border: none;
  692. background: none;
  693. }
  694. .branch-list th, .commit-list th {
  695. background-color: #FFF;
  696. line-height: 28px !important;
  697. }
  698. .branch-list td {
  699. line-height: 36px !important;
  700. }
  701. .branch-box tr:hover td, .commit-box tr:hover td {
  702. background-color: rgba(19, 95, 215, 0.06) !important;
  703. }
  704. .branch-box .name, .commit-box .author {
  705. padding-left: 20px;
  706. }
  707. .branch-box .name {
  708. font-size: 15px;
  709. }
  710. .branch-box .action {
  711. width: 150px;
  712. }
  713. .branch-box td.date, .branch-box td.behind, .branch-box td.ahead {
  714. width: 120px;
  715. font-family: Verdana, Arial, sans-serif;
  716. }
  717. .branch-box .graph {
  718. display: block;
  719. height: 3px;
  720. }
  721. .branch-box .behind {
  722. text-align: right;
  723. direction: rtl;
  724. }
  725. .branch-box .behind .graph {
  726. background-color: #888;
  727. }
  728. .branch-box .ahead .graph {
  729. background-color: #0093c4;
  730. }
  731. .branch-box .branch-main {
  732. background-color: #444;
  733. color: #FFF;
  734. border-color: #444;
  735. }
  736. .branch-box .branch-main a {
  737. color: #FFF;
  738. }
  739. .branch-box .branch-main .name .btn {
  740. margin-left: .5em;
  741. }
  742. #commits-search-form {
  743. margin-top: 4px;
  744. }
  745. .commit-box .avatar, .diff-head-box .avatar {
  746. width: 20px;
  747. height: 20px;
  748. margin-right: 8px;
  749. vertical-align: top;
  750. }
  751. .commit-box td {
  752. background-color: #FFF;
  753. }
  754. .commit-list .date {
  755. width: 120px;
  756. }
  757. .commit-list .author {
  758. min-width: 180px;
  759. }
  760. .commit-list .sha a {
  761. font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
  762. font-size: 14px;
  763. }
  764. .guide-box pre, .guide-box .input-group {
  765. margin-top: 20px;
  766. margin-bottom: 30px;
  767. line-height: 24px;
  768. }
  769. .guide-box input[readonly] {
  770. background-color: #FFF;
  771. }
  772. .guide-box, .diff-head-box {
  773. margin-top: 4px;
  774. }
  775. .diff-head-box h4 {
  776. margin-top: 0;
  777. margin-bottom: 0;
  778. line-height: 26px;
  779. }
  780. .diff-head-box p {
  781. margin-bottom: 0;
  782. }
  783. .diff-head-box .sha {
  784. margin-left: 8px;
  785. }
  786. .diff-head-box a.name {
  787. color: #444;
  788. margin-right: 8px;
  789. }
  790. .diff-head-box span.time {
  791. color: #888;
  792. }
  793. .diff-detail-box {
  794. margin-bottom: 16px;
  795. line-height: 30px;
  796. }
  797. .diff-detail-box span.status {
  798. display: inline-block;
  799. width: 12px;
  800. height: 12px;
  801. margin-right: 8px;
  802. vertical-align: middle;
  803. }
  804. .diff-detail-box ol {
  805. padding-left: 0;
  806. margin-bottom: 28px;
  807. }
  808. .diff-detail-box li {
  809. list-style: none;
  810. padding-bottom: 4px;
  811. margin-bottom: 4px;
  812. border-bottom: 1px dashed #DDD;
  813. padding-left: 6px;
  814. }
  815. .diff-detail-box span.status.modify {
  816. background-color: #f0db88;
  817. }
  818. .diff-detail-box span.status.add {
  819. background-color: #b4e2b4;
  820. }
  821. .diff-detail-box span.status.del {
  822. background-color: #e9aeae;
  823. }
  824. .diff-detail-box span.status.rename {
  825. background-color: #dad8ff;
  826. }
  827. .diff-file-box .panel-heading {
  828. padding: 10px 20px;
  829. line-height: 26px;
  830. }
  831. .diff-box .count {
  832. margin-right: 12px;
  833. }
  834. .diff-box .count .bar {
  835. width: 40px;
  836. display: inline-block;
  837. margin: 2px 4px 0 4px;
  838. vertical-align: text-top;
  839. }
  840. .diff-box .file {
  841. color: #888;
  842. }
  843. #source .file-content.diff-file-box {
  844. margin-bottom: 20px;
  845. }
  846. .diff-box .count .bar .add {
  847. background-color: #77c64a;
  848. height: 12px;
  849. }
  850. .diff-box .count .bar .del, .diff-box .count .bar {
  851. background-color: #e75316;
  852. height: 12px;
  853. }
  854. .diff-file-box .file-body.file-code .lines-code > pre {
  855. margin: 0;
  856. padding: 3px;
  857. }
  858. .diff-file-box .file-body.file-code .lines-num-old {
  859. border-right: 1px solid #DDD;
  860. }
  861. .diff-file-box .code-bin td {
  862. padding: 20px;
  863. }
  864. .diff-file-box .code-diff tbody tr.tag-code td, .diff-file-box .code-diff tbody tr.tag-code pre {
  865. background-color: #E0E0E0 !important;
  866. border-color: #ADADAD !important;
  867. }
  868. .diff-file-box .code-diff tbody tr.add-code td, .diff-file-box .code-diff tbody tr.add-code pre {
  869. background-color: #d1ffd6 !important;
  870. border-color: #b4e2b4 !important;
  871. }
  872. .diff-file-box .code-diff tbody tr.del-code td, .diff-file-box .code-diff tbody tr.del-code pre {
  873. background-color: #ffe2dd !important;
  874. border-color: #e9aeae !important;
  875. }
  876. .diff-file-box .code-diff tbody tr:hover td, .diff-file-box .code-diff tbody tr:hover pre {
  877. background-color: #fff8d2 !important;
  878. border-color: #f0db88 !important;
  879. }
  880. .diff-file-box .ellipsis-code pre {
  881. color: #AAA;
  882. }
  883. /* issue */
  884. #issue-create-form .avatar {
  885. width: 50px;
  886. height: 50px;
  887. }
  888. #issue-create-form .panel-body {
  889. padding: 15px 0 0 0;
  890. }
  891. #issue-create-form .panel-body.form-group, #issue-create-form .tab-pane .form-group {
  892. margin-bottom: 0;
  893. }
  894. #issue-create-form .nav-tabs, #issue .issue-reply .nav-tabs {
  895. margin-bottom: 10px;
  896. }
  897. #issue .md-help {
  898. margin-top: 6px;
  899. }
  900. #issue .filter-list a {
  901. padding: 6px 10px;
  902. font-size: 14px;
  903. display: block;
  904. margin-bottom: 6px;
  905. border-radius: 3px;
  906. color: #444;
  907. }
  908. #issue .filter-list a.sm {
  909. font-size: 13px;
  910. }
  911. #issue .filter-list hr {
  912. border-color: #CCC;
  913. }
  914. #issue .filter-list a:hover {
  915. background-color: #DDD;
  916. text-decoration: none;
  917. }
  918. #issue .filter-list a.active {
  919. background-color: #4183c4;
  920. color: #FFF;
  921. }
  922. #issue .filter-option {
  923. margin-bottom: 12px;
  924. }
  925. #issue .list-group .list-group-item {
  926. background-color: #FFF;
  927. }
  928. #issue .issue-item:hover {
  929. background-color: rgba(19, 95, 215, 0.03);
  930. }
  931. #issue .list-group .list-group-item.unread {
  932. border-left: 2px solid #DD4B39;
  933. }
  934. #issue .issue-item .title {
  935. margin-bottom: 16px;
  936. font-weight: bold;
  937. }
  938. #issue .issue-item h5.title a {
  939. color: #444;
  940. }
  941. #issue .issue-item .info span {
  942. margin-right: 12px;
  943. color: #888;
  944. line-height: 20px;
  945. }
  946. #issue .issue-item .info a, #issue .issue-item .number {
  947. color: #888;
  948. }
  949. #issue .issue-item .number {
  950. margin-top: 8px;
  951. }
  952. #issue .issue-item .avatar {
  953. margin-right: 8px;
  954. width: 20px;
  955. height: 20px;
  956. vertical-align: top;
  957. }
  958. #issue .issue-whole .title {
  959. margin-top: 0;
  960. font-size: 28px;
  961. }
  962. #issue .issue-whole .number {
  963. font-size: 26px;
  964. color: #AAA;
  965. }
  966. #issue .issue-head .author .avatar {
  967. width: 48px;
  968. height: 48px;
  969. margin-right: 16px;
  970. }
  971. #issue .issue-head .info {
  972. width: 99%;
  973. margin-top: 10px;
  974. padding-left: 74px;
  975. margin-bottom: 16px;
  976. padding-bottom: 20px;
  977. border-bottom: 1px solid #CCC;
  978. }
  979. #issue .issue-head .status {
  980. font-size: 16px;
  981. font-weight: bold;
  982. padding: 6px 18px;
  983. border-radius: 3px;
  984. }
  985. #issue .issue-head a.author {
  986. margin-left: .6em;
  987. color: #444;
  988. }
  989. #issue .issue-main {
  990. padding-left: 0;
  991. }
  992. #issue .issue-content {
  993. border-bottom-width: 1px;
  994. }
  995. #issue .issue-child .user .avatar {
  996. width: 42px;
  997. height: 42px;
  998. margin-right: 12px;
  999. }
  1000. #issue .issue-child .issue-content {
  1001. margin-left: 56px;
  1002. }
  1003. #issue .issue-child .panel-heading {
  1004. padding-top: 10px;
  1005. padding-bottom: 10px;
  1006. font-weight: normal;
  1007. }
  1008. #issue .issue-child .panel-heading .user, #issue .issue-closed a.user, #issue .issue-opened a.user {
  1009. font-weight: bold;
  1010. }
  1011. #issue .issue-line {
  1012. border-color: #CCC;
  1013. }
  1014. #issue .issue-is-closed .issue-line {
  1015. display: none;
  1016. }
  1017. #issue .issue-head .info .btn {
  1018. margin-top: -8px;
  1019. margin-left: 8px;
  1020. }
  1021. #issue .issue-action {
  1022. padding-left: 8px;
  1023. color: #888;
  1024. width: 24px;
  1025. }
  1026. #issue-edit-title {
  1027. width: 60%;
  1028. }
  1029. #issue .issue-closed .issue-content, #issue .issue-opened .issue-content {
  1030. line-height: 42px;
  1031. }
  1032. #issue .issue-closed, #issue .issue-opened {
  1033. border-bottom: 2px solid #CCC;
  1034. margin-bottom: 24px;
  1035. padding-bottom: 24px;
  1036. }
  1037. #issue .issue-closed .label-danger, #issue .issue-opened .label-success {
  1038. margin: 0 .8em;
  1039. }
  1040. /* wrapper and footer */
  1041. #wrapper {
  1042. min-height: 100%;
  1043. height: auto !important;
  1044. height: 100%;
  1045. margin: 0 auto -100px;
  1046. padding: 0 0 100px;
  1047. }
  1048. #footer {
  1049. background: #fff;
  1050. -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
  1051. box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);;
  1052. height: 100px;
  1053. }
  1054. #footer .footer-wrap {
  1055. padding: 20px 15px;
  1056. }
  1057. #footer a {
  1058. color: #000;
  1059. }
  1060. /* admin dashboard/configuration */
  1061. .admin-dl-horizontal > dt {
  1062. width: 220px;
  1063. }
  1064. .admin-dl-horizontal > dd {
  1065. margin-left: 240px;
  1066. }
  1067. /* release page */
  1068. #release-head {
  1069. margin-top: 0;
  1070. padding-bottom: 30px;
  1071. margin-bottom: 0;
  1072. border-bottom: 1px solid #DDD;
  1073. }
  1074. #release .release-item .col-md-10 {
  1075. border-left: 1px solid #DDD;
  1076. position: relative;
  1077. }
  1078. #release .release-item .commit, #release .release-item .tag {
  1079. display: block;
  1080. margin-top: 12px;
  1081. }
  1082. #release .release-item.release-tag .commit {
  1083. margin-top: 6px;
  1084. }
  1085. #release .release-item .title {
  1086. line-height: 30px;
  1087. margin-top: 0;
  1088. }
  1089. #release .release-item .dot {
  1090. width: 9px;
  1091. height: 9px;
  1092. background-color: #ccc;
  1093. z-index: 999;
  1094. position: absolute;
  1095. display: block;
  1096. left: -5px;
  1097. top: 30px;
  1098. border-radius: 6px;
  1099. border: 1px solid #FFF;
  1100. }
  1101. #release .release-item > div {
  1102. padding-top: 20px;
  1103. padding-bottom: 20px;
  1104. }
  1105. #release .release-item p.info {
  1106. line-height: 20px;
  1107. color: #666;
  1108. margin-bottom: 18px;
  1109. }
  1110. #release .release-item div.desc {
  1111. margin-bottom: 18px;
  1112. }
  1113. #release .release-item p.info > *, #release .release-item .download a {
  1114. margin-right: 12px;
  1115. }
  1116. #release .release-item .info .avatar {
  1117. vertical-align: middle;
  1118. }
  1119. #release-new-form {
  1120. margin-top: 24px;
  1121. }
  1122. #release-new-form .target-at {
  1123. margin: 0 1em;
  1124. }
  1125. #release-new-form .target-text {
  1126. color: #888;
  1127. }
  1128. #release-new-target-branch-list {
  1129. padding-top: 0;
  1130. padding-bottom: 0;
  1131. min-width: 200px;
  1132. }
  1133. #release-new-target-branch-list ul {
  1134. margin-bottom: 0;
  1135. }
  1136. #release-new-target-branch-list li {
  1137. padding: 8px 20px;
  1138. }
  1139. #release-new-target-branch-list li a {
  1140. margin-left: 0;
  1141. background-color: transparent;
  1142. padding: 0;
  1143. }
  1144. #release-new-target-branch-list li a:hover {
  1145. background-image: none;
  1146. }
  1147. #release-new-target-branch-list li:hover {
  1148. background-color: #0093c4;
  1149. }
  1150. #release-new-target-branch-list li:hover a {
  1151. color: #FFF;
  1152. }
  1153. #release-new-title {
  1154. width: 50%;
  1155. }
  1156. #release-new-content-div {
  1157. margin-top: 16px;
  1158. padding-left: 0;
  1159. }
  1160. #release-new-content-div .md-help {
  1161. margin-top: 6px;
  1162. }
  1163. #release-textarea .form-group {
  1164. display: block;
  1165. }
  1166. #release-new-content {
  1167. width: 100%;
  1168. margin: 16px 0;
  1169. }
  1170. #release-preview {
  1171. margin: 6px 0;
  1172. }