Diff of /trunk/landingpage/css/lighter2.css [000000] .. [r97] Maximize Restore
Switch to unified view
| a | b/trunk/landingpage/css/lighter2.css | ||
|---|---|---|---|
| 1 | body { |
||
| 2 | font-size: 14px; |
||
| 3 | } |
||
| 4 | body, h1, h2, h3, h4, h5, h6 { |
||
| 5 | font-family: Roboto, arial, sans-serif; |
||
| 6 | } |
||
| 7 | .btn { |
||
| 8 | border-radius: 3em; |
||
| 9 | } |
||
| 10 | .container { |
||
| 11 | max-width: 840px; |
||
| 12 | } |
||
| 13 | .container-alternate { |
||
| 14 | background: #f0f0f0; |
||
| 15 | } |
||
| 16 | .navbar { |
||
| 17 | background: #fff; |
||
| 18 | padding: 0.3em 0; |
||
| 19 | } |
||
| 20 | .navbar .navbar-brand { |
||
| 21 | color: #000; |
||
| 22 | font-family: Roboto, serif; |
||
| 23 | font-weight: bold; |
||
| 24 | } |
||
| 25 | .navbar ul.nav li a { |
||
| 26 | color: #111; |
||
| 27 | padding-left: 0; |
||
| 28 | padding-right: 0; |
||
| 29 | margin: 0 1.5em; |
||
| 30 | } |
||
| 31 | .navbar ul.nav li a:hover { |
||
| 32 | color: #000; |
||
| 33 | } |
||
| 34 | .navbar ul.nav li button { |
||
| 35 | margin: 0.7em 0 0 1em; |
||
| 36 | } |
||
| 37 | .jumbotron { |
||
| 38 | background: #f0f0f0; |
||
| 39 | color: #333; |
||
| 40 | padding: 4.5em 0 3.5em; |
||
| 41 | text-align: center; |
||
| 42 | margin-bottom: 0; |
||
| 43 | } |
||
| 44 | .jumbotron h1 { |
||
| 45 | font-family: Roboto, serif; |
||
| 46 | font-size: 2.5em; |
||
| 47 | } |
||
| 48 | .jumbotron h2 { |
||
| 49 | font-size: 1.2em; |
||
| 50 | font-style: italic; |
||
| 51 | font-weight: normal; |
||
| 52 | line-height: 1.4em; |
||
| 53 | margin-bottom: 1.4em; |
||
| 54 | } |
||
| 55 | .jumbotron .btn { |
||
| 56 | font-size: 1.2em; |
||
| 57 | padding: 0.3em 2.5em 0.5em; |
||
| 58 | } |
||
| 59 | .jumbotron .btn .glyphicon { |
||
| 60 | margin-left: 0.2em; |
||
| 61 | position: relative; |
||
| 62 | top: 3px; |
||
| 63 | } |
||
| 64 | .subhead { |
||
| 65 | font-size: 2em; |
||
| 66 | text-align: center; |
||
| 67 | margin: 2em 0 0.5em; |
||
| 68 | } |
||
| 69 | .benefits { |
||
| 70 | margin-bottom: 3em; |
||
| 71 | } |
||
| 72 | .benefit { |
||
| 73 | margin: 1em 0; |
||
| 74 | text-align: center; |
||
| 75 | } |
||
| 76 | .benefit .benefit-ball { |
||
| 77 | background: #f0f0f0; |
||
| 78 | border-radius: 50%; |
||
| 79 | color: #333; |
||
| 80 | display: inline-block; |
||
| 81 | line-height: 1em; |
||
| 82 | padding: 3em; |
||
| 83 | } |
||
| 84 | .benefit .benefit-ball .glyphicon { |
||
| 85 | font-size: 3em; |
||
| 86 | position: relative; |
||
| 87 | top: -3px; |
||
| 88 | right: 1px; |
||
| 89 | } |
||
| 90 | .benefit h3 { |
||
| 91 | font-size: 1.5em; |
||
| 92 | } |
||
| 93 | #tour { |
||
| 94 | margin: 1em 0 4em; |
||
| 95 | } |
||
| 96 | #tour .carousel-inner img { |
||
| 97 | height: 500px; |
||
| 98 | width: 100%; |
||
| 99 | } |
||
| 100 | .faqs { |
||
| 101 | margin-bottom: 3em; |
||
| 102 | } |
||
| 103 | .faqs p { |
||
| 104 | line-height: 1.5em; |
||
| 105 | margin: 1.2em 0; |
||
| 106 | } |
||
| 107 | .about p { |
||
| 108 | line-height: 1.5em; |
||
| 109 | margin: 1em 0; |
||
| 110 | } |
||
| 111 | .about p:last-child { |
||
| 112 | margin-bottom: 4em; |
||
| 113 | } |
||
| 114 | footer { |
||
| 115 | background: #111; |
||
| 116 | color: #fff; |
||
| 117 | padding: 1.5em 0 0.8em; |
||
| 118 | } |
||
| 119 | @media screen and (max-width: 768px) { |
||
| 120 | .navbar ul.nav li { |
||
| 121 | text-align: center; |
||
| 122 | } |
||
| 123 | .navbar ul.nav li button { |
||
| 124 | margin: 1em 0; |
||
| 125 | } |
||
| 126 | .jumbotron { |
||
| 127 | font-size: 14px; |
||
| 128 | padding: 6em 0 4em; |
||
| 129 | } |
||
| 130 | .benefit { |
||
| 131 | margin-bottom: 2em; |
||
| 132 | } |
||
| 133 | } |
||
| 134 | @media screen and (max-width: 480px) { |
||
| 135 | body { |
||
| 136 | font-size: 12px; |
||
| 137 | } |
||
| 138 | .jumbotron { |
||
| 139 | font-size: 12px; |
||
| 140 | } |
||
| 141 | footer .pull-right { |
||
| 142 | display: none; |
||
| 143 | } |
||
| 144 | } |