corrade-nucleus-nucleons – Diff between revs 28 and 29
?pathlinks?
| Rev 28 | Rev 29 | |||
|---|---|---|---|---|
| Line 1... | Line 1... | |||
| 1 | /* Space out content a bit */ |
1 | /* Space out content a bit */ |
|
| 2 | body { |
2 | body { |
|
| 3 | font-family: 'Computer Modern Serif'; |
- | ||
| 4 | font-size: 12pt; |
3 | margin: 0px; |
|
| 5 | padding-top: 20px; |
4 | padding: 0px; |
|
| - | 5 | background: #fbfaf9 url(/img/background.png); |
||
| 6 | padding-bottom: 20px; |
6 | background-repeat: repeat; |
|
| 7 | } |
7 | } |
|
| Line 8... | Line -... | |||
| 8 | |
- | ||
| 9 | form { |
- | ||
| 10 | font-family: 'Computer Modern Typewriter'; |
- | ||
| 11 | font-size: 14pt; |
- | ||
| 12 | } |
- | ||
| 13 | |
- | ||
| 14 | button { |
- | ||
| 15 | font-size: 20pt; |
- | ||
| 16 | font-family: 'Computer Modern Serif'; |
- | ||
| 17 | font-weight: bold; |
- | ||
| 18 | } |
- | ||
| 19 | |
- | ||
| 20 | input { |
- | ||
| 21 | font-size: 16pt; |
- | ||
| 22 | } |
- | ||
| 23 | |
- | ||
| 24 | legend, |
- | ||
| 25 | label, |
- | ||
| 26 | .help-block { |
- | ||
| 27 | font-family: 'Computer Modern Serif'; |
- | ||
| 28 | } |
- | ||
| 29 | |
- | ||
| 30 | /* Everything but the jumbotron gets side spacing for mobile first views */ |
- | ||
| 31 | .header, |
- | ||
| 32 | .marketing, |
- | ||
| 33 | .footer { |
- | ||
| 34 | padding-right: 15px; |
- | ||
| 35 | padding-left: 15px; |
- | ||
| 36 | } |
- | ||
| 37 | |
- | ||
| 38 | /* Custom page header */ |
8 | |
|
| 39 | .header { |
- | ||
| 40 | padding-bottom: 20px; |
- | ||
| 41 | border-bottom: 1px solid #e5e5e5; |
- | ||
| 42 | } |
- | ||
| 43 | /* Make the masthead heading the same height as the navigation */ |
- | ||
| 44 | .header h3 { |
- | ||
| 45 | margin-top: 0; |
- | ||
| 46 | margin-bottom: 0; |
- | ||
| 47 | line-height: 40px; |
- | ||
| 48 | } |
- | ||
| 49 | |
- | ||
| 50 | /* Custom page footer */ |
- | ||
| 51 | .footer { |
- | ||
| 52 | padding-top: 19px; |
- | ||
| 53 | color: #777; |
9 | .panel-heading { |
|
| 54 | border-top: 1px solid #e5e5e5; |
- | ||
| 55 | } |
- | ||
| 56 | |
- | ||
| 57 | /* Customize container */ |
- | ||
| 58 | @media (min-width: 768px) { |
- | ||
| 59 | .container { |
- | ||
| 60 | max-width: auto; |
- | ||
| 61 | } |
- | ||
| 62 | } |
- | ||
| 63 | .container-narrow > hr { |
- | ||
| 64 | margin: 30px 0; |
- | ||
| 65 | } |
- | ||
| 66 | |
- | ||
| 67 | /* Main marketing message and sign up button */ |
- | ||
| 68 | .jumbotron { |
- | ||
| 69 | text-align: center; |
- | ||
| 70 | border-bottom: 1px solid #e5e5e5; |
- | ||
| 71 | } |
- | ||
| 72 | .jumbotron .btn { |
- | ||
| 73 | padding: 14px 24px; |
- | ||
| 74 | font-size: 21px; |
- | ||
| 75 | } |
- | ||
| 76 | |
- | ||
| 77 | /* Supporting marketing content */ |
- | ||
| 78 | .marketing { |
- | ||
| 79 | margin: 40px 0; |
- | ||
| 80 | } |
- | ||
| 81 | .marketing p + h4 { |
- | ||
| 82 | margin-top: 28px; |
10 | background: #ddddff !important; |
|
| Line 83... | Line -... | |||
| 83 | } |
- | ||
| 84 | |
- | ||
| 85 | /* Responsive: Portrait tablets and up */ |
- | ||
| 86 | @media screen and (min-width: 480px) { |
- | ||
| 87 | /* Remove the padding we set earlier */ |
- | ||
| 88 | .header, |
- | ||
| 89 | .marketing, |
- | ||
| 90 | .footer { |
- | ||
| 91 | padding-right: 0; |
- | ||
| 92 | padding-left: 0; |
- | ||
| 93 | } |
11 | } |
|
| 94 | /* Space out the masthead */ |
- | ||
| 95 | .header { |
- | ||
| 96 | margin-bottom: 30px; |
- | ||
| 97 | } |
- | ||
| 98 | /* Remove the bottom border on the jumbotron for visual effect */ |
12 | |
|
| 99 | .jumbotron { |
- | ||
| 100 | border-bottom: 0; |
13 | .fake-btn { |
|
| Line 101... | Line 14... | |||
| 101 | } |
14 | background: rgba(0, 0, 0, 0); |
|
| 102 | } |
15 | } |
|
| 103 | |
16 | |
|
| Line 104... | Line 17... | |||
| 104 | .panel-heading { |
17 | .dropdown-menu { |
|
| 105 | background-color: #ddddff !important; |
18 | background: rgba(0, 0, 0, 0); |
|
| 106 | } |
19 | } |
|
| Line 107... | Line -... | |||
| 107 | |
- | ||