123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 |
- @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
- body {
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight: 300;
- color: #ffffff;
- background: #bc2131;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight: 300;
- }
- p {
- font-weight: 300;
- }
- .font-normal {
- font-weight: 400;
- }
- .font-semi-bold {
- font-weight: 600;
- }
- .font-bold {
- font-weight: 700;
- }
- .starter-template {
- margin-top: 250px;
- }
- .starter-template .content {
- margin-left: 10px;
- }
- .starter-template .content h1 {
- margin-top: 10px;
- font-size: 60px;
- }
- .starter-template .content h1 .smaller {
- font-size: 40px;
- color: #f2b7bd;
- }
- .starter-template .content .lead {
- font-size: 25px;
- color: #f2b7bd;
- }
- .starter-template .content .lead .font-normal {
- color: #ffffff;
- }
- .starter-template .links {
- float: right;
- right: 0;
- margin-top: 125px;
- }
- .starter-template .links ul {
- display: block;
- padding: 0;
- margin: 0;
- }
- .starter-template .links ul li {
- list-style: none;
- display: inline;
- margin: 0 10px;
- }
- .starter-template .links ul li:first-child {
- margin-left: 0;
- }
- .starter-template .links ul li:last-child {
- margin-right: 0;
- }
- .starter-template .links ul li.current-version {
- color: #f2b7bd;
- font-weight: 400;
- }
- .starter-template .links ul li a, a {
- color: #f2b7bd;
- text-decoration: underline;
- }
- .starter-template .links ul li a:hover, a:hover {
- color: #ffffff;
- text-decoration: underline;
- }
- .starter-template .links ul li .icon-muted {
- color: #eb8b95;
- margin-right: 5px;
- }
- .starter-template .links ul li:hover .icon-muted {
- color: #ffffff;
- }
- .starter-template .copyright {
- margin-top: 10px;
- font-size: 0.9em;
- color: #f2b7bd;
- text-transform: lowercase;
- float: right;
- right: 0;
- }
- @media (max-width: 1199px) {
- .starter-template .content h1 {
- font-size: 45px;
- }
- .starter-template .content h1 .smaller {
- font-size: 30px;
- }
- .starter-template .content .lead {
- font-size: 20px;
- }
- }
- @media (max-width: 991px) {
- .starter-template {
- margin-top: 0;
- }
- .starter-template .logo {
- margin: 40px auto;
- }
- .starter-template .content {
- margin-left: 0;
- text-align: center;
- }
- .starter-template .content h1 {
- margin-bottom: 20px;
- }
- .starter-template .links {
- float: none;
- text-align: center;
- margin-top: 60px;
- }
- .starter-template .copyright {
- float: none;
- text-align: center;
- }
- }
- @media (max-width: 767px) {
- .starter-template .content h1 .smaller {
- font-size: 25px;
- display: block;
- }
- .starter-template .content .lead {
- font-size: 16px;
- }
- .starter-template .links {
- margin-top: 40px;
- }
- .starter-template .links ul li {
- display: block;
- margin: 0;
- }
- .starter-template .links ul li .icon-muted {
- display: none;
- }
- .starter-template .copyright {
- margin-top: 20px;
- }
- }
|