Bump with new content
[blenderbimorg.git] / www / style.css
1 html {
2     background-color: #5e5e5e;
3     background-color: #eeeeee;
4     color: #444;
5 }
6
7 body {
8     font-family: 'Open Sans', sans-serif;
9     color: #555555;
10 }
11
12 header {
13     font-family: 'Comfortaa';
14     background-color: #424B54;
15     background-color: #dedede;
16 }
17
18 h1 a {
19     text-decoration: none;
20     color: #333;
21 }
22
23 h1 a:hover {
24     color: #000;
25 }
26
27 div.splash {
28     background-image: url('assets/blenderbim-splash.jpg');
29     background-attachment: fixed;
30     background-size: cover;
31     height: 300px;
32 }
33
34 section#blurb {
35     background-color: #ebe0d5;
36     border-radius: 10px;
37 }
38
39 section#blurb p {
40     margin: 20px;
41 }
42
43 nav {
44     float: right;
45     font-family: 'Open Sans', sans-serif;
46 }
47
48 nav ul {
49     margin: 0px;
50     padding: 0px;
51 }
52
53 nav ul li {
54     display: inline-block;
55     height: 60px;
56     padding-left: 10px;
57     line-height: 60px;
58     float: left;
59 }
60
61 nav ul li a {
62     text-decoration: none;
63 }
64
65 nav ul li a:hover {
66     color: #AAA;
67 }
68
69 h1 {
70     line-height: 60px;
71     font-size: 1.5rem;
72     font-weight: bold;
73 }
74
75 h1 img {
76     margin-bottom: -10px;
77     margin-right: 10px;
78 }
79
80 h2 {
81     font-size: 2.5rem;
82     font-weight: bold;
83 }
84
85 h3 {
86     font-size: 2rem;
87     margin-top: 20px;
88 }
89
90 a {
91     color: #9B6A6C;
92 }
93
94 a:hover {
95     color: #E2B4BD;
96 }
97
98 span.highlight {
99     background-color: #fbeea2;
100 }
101
102 footer {
103     border-top: 1px solid #ddd;
104     font-size: 0.8em;
105 }
106
107 footer p {
108     padding-top: 20px;
109 }
110
111 .action {
112     border-radius: 10px;
113     border: 1px solid #93A8AC;
114     padding: 20px;
115     margin: 0px;
116     display: block;
117     text-align: center;
118 }
119
120 article h3 {
121     /*border-top: 2px solid #93A8AC;*/
122     border-left: 5px solid #93A8AC;
123     padding-left: 20px;
124 }
125
126 .note {
127     font-size: 0.8em;
128     color: #777;
129 }
130
131 div#commits {
132     max-height: 300px;
133     scrollbar-width: thin;
134     overflow: scroll;
135 }
136
137 .t-center {
138     text-align: center;
139 }
140
141 .t-right {
142     text-align: right;
143 }
144
145 header .row, footer .row {
146     margin-top: 0px;
147 }
148
149 header * {
150     margin: 0px;
151 }
152
153 .row {
154     margin-top: 40px;
155 }
156
157 .clear {
158     clear: both;
159     overflow: hidden;
160 }
161
162 td, th {
163     padding: 10px;
164 }
165
166 tr:nth-child(odd) {
167     background-color: #EEE;
168 }
169
170 tr:nth-child(even) {
171     background-color: #DFDFDF;
172 }
173
174 th {
175     border-bottom: 1px solid #CCC;
176 }
177
178 td.supported {
179     background-color: #b6cca1;
180 }
181
182 td.not-supported {
183     background-color: #fbb4a8;
184 }
185
186 td.partially-supported {
187     background-color: #fbeea2;
188 }
189
190 @media (min-width: 750px) {
191     div.splash { background-position: center -300px; }
192     footer { line-height: 60px; }
193     h3 { margin-top: 0px;}
194     nav ul li { padding-left: 40px; }
195 }