view | history | commit | commitdiff
Michael Merickel
2018-10-15 2b024920847481592b1a13d4006d2a9fa8881d72
commit | author | age
c567fb 1 @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
BL 2 body {
3   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
4   font-weight: 300;
5   color: #ffffff;
6   background: #bc2131;
7 }
8 h1,
9 h2,
10 h3,
11 h4,
12 h5,
13 h6 {
14   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
15   font-weight: 300;
16 }
17 p {
18   font-weight: 300;
19 }
20 .font-normal {
21   font-weight: 400;
22 }
23 .font-semi-bold {
24   font-weight: 600;
25 }
26 .font-bold {
27   font-weight: 700;
28 }
29 .starter-template {
30   margin-top: 250px;
31 }
32 .starter-template .content {
33   margin-left: 10px;
34 }
35 .starter-template .content h1 {
36   margin-top: 10px;
37   font-size: 60px;
38 }
39 .starter-template .content h1 .smaller {
40   font-size: 40px;
41   color: #f2b7bd;
42 }
43 .starter-template .content .lead {
44   font-size: 25px;
45   color: #f2b7bd;
46 }
47 .starter-template .content .lead .font-normal {
48   color: #ffffff;
49 }
50 .starter-template .links {
51   float: right;
52   right: 0;
53   margin-top: 125px;
54 }
55 .starter-template .links ul {
56   display: block;
57   padding: 0;
58   margin: 0;
59 }
60 .starter-template .links ul li {
61   list-style: none;
62   display: inline;
63   margin: 0 10px;
64 }
65 .starter-template .links ul li:first-child {
66   margin-left: 0;
67 }
68 .starter-template .links ul li:last-child {
69   margin-right: 0;
70 }
71 .starter-template .links ul li.current-version {
72   color: #f2b7bd;
73   font-weight: 400;
74 }
b8f579 75 .starter-template .links ul li a, a {
SP 76   color: #f2b7bd;
77   text-decoration: underline;
c567fb 78 }
b8f579 79 .starter-template .links ul li a:hover, a:hover {
SP 80   color: #ffffff;
c567fb 81   text-decoration: underline;
BL 82 }
83 .starter-template .links ul li .icon-muted {
84   color: #eb8b95;
85   margin-right: 5px;
86 }
87 .starter-template .links ul li:hover .icon-muted {
88   color: #ffffff;
89 }
90 .starter-template .copyright {
91   margin-top: 10px;
92   font-size: 0.9em;
93   color: #f2b7bd;
94   text-transform: lowercase;
95   float: right;
96   right: 0;
97 }
98 @media (max-width: 1199px) {
99   .starter-template .content h1 {
100     font-size: 45px;
101   }
102   .starter-template .content h1 .smaller {
103     font-size: 30px;
104   }
105   .starter-template .content .lead {
106     font-size: 20px;
107   }
108 }
109 @media (max-width: 991px) {
110   .starter-template {
111     margin-top: 0;
112   }
113   .starter-template .logo {
114     margin: 40px auto;
115   }
116   .starter-template .content {
117     margin-left: 0;
118     text-align: center;
119   }
120   .starter-template .content h1 {
121     margin-bottom: 20px;
122   }
123   .starter-template .links {
124     float: none;
125     text-align: center;
126     margin-top: 60px;
127   }
128   .starter-template .copyright {
129     float: none;
130     text-align: center;
131   }
132 }
133 @media (max-width: 767px) {
134   .starter-template .content h1 .smaller {
135     font-size: 25px;
136     display: block;
137   }
138   .starter-template .content .lead {
139     font-size: 16px;
140   }
141   .starter-template .links {
142     margin-top: 40px;
143   }
144   .starter-template .links ul li {
145     display: block;
146     margin: 0;
147   }
148   .starter-template .links ul li .icon-muted {
149     display: none;
150   }
151   .starter-template .copyright {
152     margin-top: 20px;
153   }
154 }