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