landing: Fixup styling of /compare/ page.

This commit is contained in:
Tim Abbott 2017-05-15 22:17:32 -07:00
parent fb2647397b
commit 5c745bf72a
2 changed files with 42 additions and 15 deletions

View File

@ -590,7 +590,7 @@ a:not(.no-style):hover:before {
/* -- compare css -- */
.compare {
background-color: #2d3035;
background-color: #3e6157;
color: #fff;
}
@ -598,10 +598,23 @@ a:not(.no-style):hover:before {
margin-top: 0px;
}
.compare .padded-content {
width: 900px;
margin: 0 auto;
}
.compare table {
width: 100%;
text-align: left;
border-collapse: collapse;
font-weight: 400;
color: rgba(255,255,255,0.8);
}
.compare table thead th:last-of-type {
width: 120px;
}
.compare table thead th.uniform {
@ -614,20 +627,23 @@ a:not(.no-style):hover:before {
}
.compare thead {
border-bottom: 1px solid #73797d;
border-bottom: 5px solid rgba(0,0,0,0.1);
}
.compare thead th {
font-weight: 600;
padding: 15px 0px;
color: #fff;
}
.compare thead th.normal {
font-weight: normal;
color: inherit;
}
.compare tbody tr {
border-bottom: 1px solid #393c40;
border-bottom: 1px solid rgb(56, 88, 79);
}
.compare tbody tr td {
@ -671,6 +687,16 @@ a:not(.no-style):hover:before {
font-weight: 300;
}
.compare .terms {
margin-top: 30px;
font-weight: 400;
font-size: 0.7em;
line-height: 1.2;
color: rgba(255,255,255,0.8);
}
.screen .line {
width: 100%;
height: 6px;

View File

@ -14,7 +14,6 @@
<th class="normal uniform">Slack</th>
<th class="normal uniform">Mattermost</th>
<th class="normal uniform">Hipchat</th>
<th></th>
</tr>
</thead>
<tbody>
@ -50,7 +49,7 @@
<td>Free and open source software</td>
<td class="yes"></td>
<td class="no"></td>
<td>See below</td>
<td>See below*</td>
<td class="no"></td>
</tr>
<tr>
@ -90,16 +89,18 @@
</tr>
</tbody>
</table>
<p>
On Mattermost's licensing: The components of Mattermost
are, technically, released under open source licenses.
However, Mattermost was founded by an ex-Microsoft team,
is developed primarily by paid employees, and their
licensing and trademark policies do not allow third
parties to distribute patched Mattermost servers without
renaming the project in their fork. In contrast, Zulip is
a true open source project with a wide development
community and a clean Apache 2.0 license.
<p class="terms">
<span class="term">
* On Mattermost's licensing: The components of Mattermost
are, technically, released under open source licenses.
However, Mattermost was founded by an ex-Microsoft team,
is developed primarily by paid employees, and their
licensing and trademark policies do not allow third
parties to distribute patched Mattermost servers without
renaming the project in their fork. In contrast, Zulip is
a true open source project with a wide development
community and a clean Apache 2.0 license.
</span>
</p>
</div>
</div>