Qual: Reduce CSS size by mutualizings styles.

This commit is contained in:
Laurent Destailleur 2013-07-27 18:21:35 +02:00
parent 444a3328c6
commit 843478317e
6 changed files with 111 additions and 204 deletions

View File

@ -41,7 +41,7 @@ else $typeofdata='textarea:12:100';
?>
<!-- BEGIN PHP TEMPLATE NOTES -->
<div class="table-border">
<div class="border table-border centpercent">
<div class="table-border-row">
<div class="table-key-border-col"<?php echo ' style="width: '.$colwidth.'%"'; ?>><?php echo $form->editfieldkey("NotePublic", $note_public, $object->note_public, $object, $permission, $typeofdata, $moreparam); ?></div>
<div class="table-val-border-col"><?php echo $form->editfieldval("NotePublic", $note_public, $object->note_public, $object, $permission, $typeofdata, '', null, null, $moreparam); ?></div>

View File

@ -1143,9 +1143,11 @@ table.notopnoleftnoright {
margin:0px;
}
table.border {
border:1px solid #bbbbbb;
table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
border:1px solid #dddddd;
border-collapse:collapse;
padding:1px 0px;
padding-left:2px;
}
table.border td {
@ -1155,11 +1157,13 @@ table.border td {
padding-left:2px;
}
/*
td.border {
border:1px solid #000000;
.table-key-border-col {
width: 25%;
vertical-align:top;
}
.table-val-border-col {
width:auto;
}
*/
/* Main boxes */
@ -1229,11 +1233,11 @@ table.liste {
table.liste td {padding:1px 2px 1px 0px;}
.tagtable { display: table; }
.tagtable, .table-border { display: table; }
.tagtr, .table-border-row { display: table-row; }
.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
.tagtable form { display: table-row; }
.tagtable form div { display: table-cell; }
.tagtr { display: table-row; }
.tagtd { display: table-cell; }
tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel
{
@ -1436,30 +1440,6 @@ div.titre {
#divsubscribe { width: 700px; }
#tablesubscribe { width: 100%; }
div.table-border {
display:table;
width: 100%;
border-collapse: collapse;
border: 1px solid #DDD;
}
div.table-border-row {
display:table-row;
}
div.table-key-border-col {
display:table-cell;
width: 25%;
vertical-align:top;
padding: 1px 2px 1px 1px;
border: 1px solid #DDD;
border-collapse: collapse;
}
div.table-val-border-col {
display:table-cell;
width:auto;
padding: 1px 2px 1px 1px;
border: 1px solid #DDD;
border-collapse: collapse;
}
/* ============================================================================== */

View File

@ -1225,22 +1225,31 @@ margin: 0px 0px 0px 0px;
}
table.border {
border: 1px solid #9CACBB;
border-collapse: collapse;
table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
border: 1px solid #9CACBB;
border-collapse: collapse;
padding: 1px 2px 2px 1px; /* t r b l */
}
table.border td {
padding: 1px 2px;
border: 1px solid #9CACBB;
border-collapse: collapse;
padding: 1px 2px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
td.border {
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}
.table-key-border-col {
width: 25%;
vertical-align:top;
}
.table-val-border-col {
width:auto;
}
/* Main boxes */
@ -1331,11 +1340,11 @@ table.liste td {
padding-right: 2px;
}
.tagtable { display: table; }
.tagtable, .table-border { display: table; }
.tagtr, .table-border-row { display: table-row; }
.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
.tagtable form { display: table-row; }
.tagtable form div { display: table-cell; }
.tagtr { display: table-row; }
.tagtd { display: table-cell; }
tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel
{
@ -2008,34 +2017,7 @@ a.cke_dialog_ui_button
height: 72px !important;
}
/* ============================================================================== */
/* Table with div */
/* ============================================================================== */
div.table-border {
display:table;
width: 100%;
border-collapse: collapse;
border: 1px solid #9CACBB;
}
div.table-border-row {
display:table-row;
}
div.table-key-border-col {
display:table-cell;
width: 25%;
vertical-align:top;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
div.table-val-border-col {
display:table-cell;
width:auto;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
/* ============================================================================== */
/* Test using div instead of tables */

View File

@ -1350,43 +1350,53 @@ margin: 0px 0px 0px 0px;
}
table.border {
-webkit-box-shadow: #CCCCCC 2px 4px 2px;
border: 2px solid #BBBBBB;
border-collapse: collapse;
padding: 10px;
border-spacing: 2px;
table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
border-collapse: collapse;
padding: 10px;
border-spacing: 2px;
border: 1px solid #EFEFEF;
}
table.border, table.dataTable, .table-border {
-webkit-box-shadow: #CCCCCC 2px 4px 2px;
border: 2px solid #BBBBBB;
}
table.border.formdoc {
padding: 0px;
border-collapse: collapse;
border: 1px solid #666;
padding: 0px;
border-collapse: collapse;
border: 1px solid #666;
}
table.border.formdoc td {
margin: 0px;
padding: 0px;
border: none;
margin: 0px;
padding: 0px;
border: none;
}
table.border td {
padding: 4px;
border: 1px solid #EFEFEF;
border-spacing: 0px;
/*border-collapse: collapse;*/
margin: 0px;
padding: 4px;
border: 1px solid #EFEFEF;
border-spacing: 0px;
/*border-collapse: collapse;*/
margin: 0px;
}
table.border table td {
border: none;
border: none;
}
td.border {
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}
.table-key-border-col {
width: 25%;
vertical-align:top;
}
.table-val-border-col {
width:auto;
}
/* Main boxes */
@ -1439,11 +1449,11 @@ table.noborder {
vertical-align: text-top;
}
.tagtable { display: table; }
.tagtable, .table-border { display: table; }
.tagtr, .table-border-row { display: table-row; }
.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
.tagtable form { display: table-row; }
.tagtable form div { display: table-cell; }
.tagtr { display: table-row; }
.tagtd { display: table-cell; }
tr.liste_titre, form.liste_titre {
height: 25px;
@ -2172,36 +2182,6 @@ a.cke_dialog_ui_button
}
/* ============================================================================== */
/* Table with div */
/* ============================================================================== */
div.table-border {
display:table;
width: 100%;
border-collapse: collapse;
border: 1px solid #9CACBB;
}
div.table-border-row {
display:table-row;
}
div.table-key-border-col {
display:table-cell;
width: 25%;
vertical-align:top;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
div.table-val-border-col {
display:table-cell;
width:auto;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
/* ============================================================================== */
/* Login */
/* ============================================================================== */

View File

@ -1386,22 +1386,31 @@ margin: 0px 0px 0px 0px;
}
table.border {
border: 1px solid #9CACBB;
border-collapse: collapse;
table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
border: 1px solid #9CACBB;
border-collapse: collapse;
padding: 1px 2px;
}
table.border td {
padding: 1px 2px;
border: 1px solid #9CACBB;
border-collapse: collapse;
padding: 1px 2px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
td.border {
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}
.table-key-border-col {
width: 25%;
vertical-align:top;
}
.table-val-border-col {
width:auto;
}
/* Main boxes */
@ -1471,11 +1480,11 @@ table.liste td {
padding-right: 2px;
}
.tagtable { display: table; }
.tagtable, .table-border { display: table; }
.tagtr, .table-border-row { display: table-row; }
.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
.tagtable form { display: table-row; }
.tagtable form div { display: table-cell; }
.tagtr { display: table-row; }
.tagtd { display: table-cell; }
tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel
{
@ -2189,37 +2198,6 @@ a.cke_dialog_ui_button
}
/* ============================================================================== */
/* Table with div */
/* ============================================================================== */
div.table-border {
display:table;
width: 100%;
border-collapse: collapse;
border: 1px solid #9CACBB;
}
div.table-border-row {
display:table-row;
}
div.table-key-border-col {
display:table-cell;
width: 25%;
vertical-align:top;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
div.table-val-border-col {
display:table-cell;
width:auto;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
/* ============================================================================== */
/* JSGantt */
/* ============================================================================== */

View File

@ -1599,9 +1599,10 @@ span.butAction, span.butActionDelete {
}
table.border, table.dataTable {
border: 1px solid #9CACBB;
table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
border: 1px solid #D0D0D0;
border-collapse: collapse;
padding: 1px 2px 1px 3px; /* t r b l */
}
table.border td {
@ -1617,6 +1618,14 @@ td.border {
border-left: 1px solid #000000;
}
.table-key-border-col {
width: 25%;
vertical-align:top;
}
.table-val-border-col {
width:auto;
}
/* Main boxes */
table.noborder, table.formdoc, div.noborder {
@ -1709,11 +1718,11 @@ table.liste td {
padding-right: 2px;
}
.tagtable { display: table; }
.tagtable, .table-border { display: table; }
.tagtr, .table-border-row { display: table-row; }
.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
.tagtable form { display: table-row; }
.tagtable form div { display: table-cell; }
.tagtr { display: table-row; }
.tagtd { display: table-cell; }
tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr
{
@ -1740,10 +1749,11 @@ div.liste_titre, tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.list
tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div, div.liste_titre
{
font-family: <?php print $fontlist ?>;
/*font-weight: normal;*/
font-weight: bold;
border-bottom: 1px solid #FDFFFF;
white-space: <?php echo $dol_optimize_smallscreen?'normal':'nowrap'; ?>;
text-shadow: 1px 0px 1px #<?php echo $colorshadowtitle; ?>;
vertical-align: middle;
}
.liste_titre td a {
text-shadow: none !important;
@ -2046,30 +2056,7 @@ div.titre {
#divsubscribe { width: 700px; }
#tablesubscribe { width: 100%; }
div.table-border {
display:table;
width: 100%;
border-collapse: collapse;
border: 1px solid #9CACBB;
}
div.table-border-row {
display:table-row;
}
div.table-key-border-col {
display:table-cell;
width: 25%;
vertical-align:top;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
div.table-val-border-col {
display:table-cell;
width:auto;
padding: 1px 2px 1px 1px;
border: 1px solid #9CACBB;
border-collapse: collapse;
}
/* ============================================================================== */