main.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. body {
  2. }
  3. .starter-template {
  4. padding: 0 15px;
  5. }
  6. .navbar-brand {
  7. padding: 4px 15px;
  8. }
  9. .navbar-brand img {
  10. height: 42px;
  11. }
  12. .navbar {
  13. border-color: #e5e7e8;
  14. }
  15. .navbar-default .navbar-nav > .active > a,
  16. .navbar-default .navbar-nav > .active > a:hover,
  17. .navbar-default .navbar-nav > .active > a:focus {
  18. background-color: #fff;
  19. border: 1px solid #e5e7e8;
  20. border-width: 0 1px;
  21. position: relative;
  22. top: 1px;
  23. }
  24. footer {
  25. padding-top: 40px;
  26. padding-bottom: 40px;
  27. margin-top: 100px;
  28. color: #777;
  29. text-align: center;
  30. border-top: 1px solid #E5E5E5;
  31. }
  32. /* code styling */
  33. code {
  34. font-family: 'Anonymous Pro', monospace;
  35. font-size: 0.85em;
  36. color: #000;
  37. }
  38. pre code {
  39. display: block;
  40. line-height: 1.1;
  41. }
  42. p code {
  43. padding: 0.1em 0.3em 0.2em;
  44. border-radius: 0.3em;
  45. position: relative;
  46. top: -0.15em;
  47. background: #444;
  48. color: #fff;
  49. white-space: nowrap;
  50. }
  51. /* syntax hl stuff */
  52. code.lang-markdown {
  53. color: #424242;
  54. }
  55. code.lang-markdown .header,
  56. code.lang-markdown .strong {
  57. font-weight: bold;
  58. }
  59. code.lang-markdown .emphasis {
  60. font-style: italic;
  61. }
  62. code.lang-markdown .horizontal_rule,
  63. code.lang-markdown .link_label,
  64. code.lang-markdown .code,
  65. code.lang-markdown .header,
  66. code.lang-markdown .link_url {
  67. color: #555;
  68. }
  69. code.lang-markdown .blockquote,
  70. code.lang-markdown .bullet {
  71. color: #bbb;
  72. }
  73. /* Tomorrow Theme */
  74. /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
  75. /* Original theme - https://github.com/chriskempson/tomorrow-theme */
  76. /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
  77. .tomorrow-comment, pre .comment, pre .title {
  78. color: #8e908c;
  79. }
  80. .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
  81. color: #c82829;
  82. }
  83. .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
  84. color: #f5871f;
  85. }
  86. .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute {
  87. color: #eab700;
  88. }
  89. .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
  90. color: #718c00;
  91. }
  92. .tomorrow-aqua, pre .css .hexcolor {
  93. color: #3e999f;
  94. }
  95. .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
  96. color: #4271ae;
  97. }
  98. .tomorrow-purple, pre .keyword, pre .javascript .function {
  99. color: #8959a8;
  100. }