gogs.css 37 KB

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