S2230488 - Visio Packaging

DCM Setup

by dixalex

HTML

<table class="dcmTable">
    <tbody>
        <tr>
            <td class="zeroCell secondColumn">&nbsp;</td>
            <td class="zeroCell">&nbsp;</td>
            <td class="greyHeader">Visio
                <br> Standard
            </td>
            <td class="greyHeader">Visio
                <br>Professional</td>
            <td class="greyHeader">Visio “Essentials”
                <br>for Office 365</td>
            <td class="greyHeader">Visio Pro for
                <br>Office 365</td>
            <td class="greyHeader">LucidChart</td>
            <td class="greyHeader">None Of There</td>
        </tr>
        <tr>
        </tr>
        <tr>
            <td class="coreDiagram firstColumn thickTopBorder coreEvenRow" rowspan="4">Core Diagramming</td>
            <td class="coreEvenRow secondColumn thickTopBorder">Create and edit professional diagrams using a PC/Mac diagramming solution</td>
            <td class="thickTopBorder coreEvenRow">•</td>
            <td class="thickTopBorder coreEvenRow">•</td>
            <td class="thickTopBorder coreEvenRow">&nbsp;</td>
            <td class="thickTopBorder coreEvenRow">•</td>
            <td class="thickTopBorder coreEvenRow">Via Chrome Extension</td>
            <td class="noneCell thickTopBorder coreEvenRow" rowspan="17">I would not purchase any of these and either a) stick with what we have now, or b) choose another alternative</td>
        </tr>
        <tr>
            <td class="coreOddRow secondColumn">Import diagrams from other programs/tools</td>
            <td class="coreOddRow">•</td>
            <td class="coreOddRow">•</td>
            <td class="coreOddRow">&nbsp;</td>
            <td class="coreOddRow">•</td>
            <td class="coreOddRow">none/Visio Import
            </td>
        </tr>
        <tr>
            <td class="coreEvenRow secondColumn">In-app “assistant” to enable easy creation of diagrams</td>
            <td class="coreEvenRow">•</td>
            <td...

CSS

table.dcmTable {
    border-collapse: collapse;
    border: solid 2px #000;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 1160px;
}

table.dcmTable td {
    border: solid 1px #000;
    font-family: arial;
    font-size: .73em;
    text-align: center;
    padding: 2px;
}

td.dataVisualization {
    background-color: #DDEBF6;
}

td.cloudPowered {
    background-color: #FFF2CF;
}

td.advancedDiagram {
    background-color: #E2EFDB;
}

td.coreDiagram {
    background-color: #F2F2F2;
}

table.dcmTable td.noneCell {
    background-color: #FFF;
    border: solid 2px #000;
}

table.dcmTable td.zeroCell {
    border: none;
}

table.dcmTable td.greyHeader {
    background-color: #808080;
    font-weight: bold;
    color: #FFF;
    width: 98px;
    min-width: 98px;
    font-size: .72em;
}

table.dcmTable td.coreEvenRow {
    background-color: #F2F2F2;
}

table.dcmTable td.coreOddRow {
    background-color: #FFF;
}

td.coreEvenRow,
td.coreOddRow,
td.advancedEvenRow,
td.advancedOddRow,
td.cloudOddRow,
td.cloudEvenRow,
td.dataOddRow. td.dataEvenRow {}

td.advancedEvenRow {
    background-color: #FFF;
}

td.advancedOddRow {
    background-color: #E2EFDB;
}

td.cloudOddRow {
    background-color: #FFF2CF;
}

td.cloudEvenRow {
    background-color: #FFF;
}

td.dataOddRow {
    background-color: #DDEBF6;
}

td.dataEvenRow {
    background-color: #FFF;
}

table.dcmTable td.priceRow {
    background-color: #DDEBF6;
    color: red;
    font-weight: bold;
}

table.dcmTable td.licenseRow {
    background-color: #FFF;
}

table.dcmTable td.firstColumn.priceRow {
    border: none;
    border-left: solid 2px #000;
    background-color: #FFF;
}

table.dcmTable td.secondColumn.priceRow {
    text-align: right;
}

table.dcmTable td.firstColumn.licenseRow {
    border: none;
    border-left: solid 2px #000;
    border-top: solid 2px #000;
    background-color: #FFF;
}

table.dcmTable td.secondColumn.licenseRow {
    font-weight: bold;
}

table.dcmTable...