| /base/000_base/css/nucleus/nucleus.css |
|---|
| @@ -1,112 +1,24 @@ |
|---|
| /* Space out content a bit */ |
| body { |
| font-family: 'Computer Modern Serif'; |
| font-size: 12pt; |
| padding-top: 20px; |
| padding-bottom: 20px; |
| margin: 0px; |
| padding: 0px; |
| background: #fbfaf9 url(/img/background.png); |
| background-repeat: repeat; |
| } |
| |
| form { |
| font-family: 'Computer Modern Typewriter'; |
| font-size: 14pt; |
| .panel-heading { |
| background: #ddddff !important; |
| } |
| |
| button { |
| font-size: 20pt; |
| font-family: 'Computer Modern Serif'; |
| font-weight: bold; |
| .fake-btn { |
| background: rgba(0, 0, 0, 0); |
| } |
| |
| input { |
| font-size: 16pt; |
| .dropdown-menu { |
| background: rgba(0, 0, 0, 0); |
| } |
| |
| legend, |
| label, |
| .help-block { |
| font-family: 'Computer Modern Serif'; |
| .btn-fixed-top { |
| width:100%; |
| } |
| |
| /* Everything but the jumbotron gets side spacing for mobile first views */ |
| .header, |
| .marketing, |
| .footer { |
| padding-right: 15px; |
| padding-left: 15px; |
| } |
| |
| /* Custom page header */ |
| .header { |
| padding-bottom: 20px; |
| border-bottom: 1px solid #e5e5e5; |
| } |
| /* Make the masthead heading the same height as the navigation */ |
| .header h3 { |
| margin-top: 0; |
| margin-bottom: 0; |
| line-height: 40px; |
| } |
| |
| /* Custom page footer */ |
| .footer { |
| padding-top: 19px; |
| color: #777; |
| border-top: 1px solid #e5e5e5; |
| } |
| |
| /* Customize container */ |
| @media (min-width: 768px) { |
| .container { |
| max-width: auto; |
| } |
| } |
| .container-narrow > hr { |
| margin: 30px 0; |
| } |
| |
| /* Main marketing message and sign up button */ |
| .jumbotron { |
| text-align: center; |
| border-bottom: 1px solid #e5e5e5; |
| } |
| .jumbotron .btn { |
| padding: 14px 24px; |
| font-size: 21px; |
| } |
| |
| /* Supporting marketing content */ |
| .marketing { |
| margin: 40px 0; |
| } |
| .marketing p + h4 { |
| margin-top: 28px; |
| } |
| |
| /* Responsive: Portrait tablets and up */ |
| @media screen and (min-width: 480px) { |
| /* Remove the padding we set earlier */ |
| .header, |
| .marketing, |
| .footer { |
| padding-right: 0; |
| padding-left: 0; |
| } |
| /* Space out the masthead */ |
| .header { |
| margin-bottom: 30px; |
| } |
| /* Remove the bottom border on the jumbotron for visual effect */ |
| .jumbotron { |
| border-bottom: 0; |
| } |
| } |
| |
| .panel-heading { |
| background-color: #ddddff !important; |
| } |
| |
| .fake-btn { |
| background-color: rgba(0, 0, 0, 0) !important; |
| } |
| |
| |
