lainwir3d/dolibarr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Qual: Reduce CSS size by mutualizings styles.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/core/tpl/notes.tpl.php
View File

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

46
htdocs/theme/amarok/style.css.php
View File

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

62
htdocs/theme/auguria/style.css.php
View File

@ -1225,22 +1225,31 @@ margin: 0px 0px 0px 0px;
} }
table.border { table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
border: 1px solid #9CACBB; border: 1px solid #9CACBB;
border-collapse: collapse; border-collapse: collapse;
padding: 1px 2px 2px 1px; /* t r b l */
} }
table.border td { table.border td {
padding: 1px 2px; padding: 1px 2px;
border: 1px solid #9CACBB; border: 1px solid #9CACBB;
border-collapse: collapse; border-collapse: collapse;
} }
td.border { td.border {
border-top: 1px solid #000000; border-top: 1px solid #000000;
border-right: 1px solid #000000; border-right: 1px solid #000000;
border-bottom: 1px solid #000000; border-bottom: 1px solid #000000;
border-left: 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 */ /* Main boxes */
@ -1331,11 +1340,11 @@ table.liste td {
padding-right: 2px; 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 { display: table-row; }
.tagtable form div { display: table-cell; } .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 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; 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 */ /* Test using div instead of tables */

92
htdocs/theme/bureau2crea/style.css.php
View File

@ -1350,43 +1350,53 @@ margin: 0px 0px 0px 0px;
} }
table.border { table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
-webkit-box-shadow: #CCCCCC 2px 4px 2px; border-collapse: collapse;
border: 2px solid #BBBBBB; padding: 10px;
border-collapse: collapse; border-spacing: 2px;
padding: 10px; border: 1px solid #EFEFEF;
border-spacing: 2px; }
table.border, table.dataTable, .table-border {
-webkit-box-shadow: #CCCCCC 2px 4px 2px;
border: 2px solid #BBBBBB;
} }
table.border.formdoc { table.border.formdoc {
padding: 0px; padding: 0px;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #666; border: 1px solid #666;
} }
table.border.formdoc td { table.border.formdoc td {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
border: none; border: none;
} }
table.border td { table.border td {
padding: 4px; padding: 4px;
border: 1px solid #EFEFEF; border: 1px solid #EFEFEF;
border-spacing: 0px; border-spacing: 0px;
/*border-collapse: collapse;*/ /*border-collapse: collapse;*/
margin: 0px; margin: 0px;
} }
table.border table td { table.border table td {
border: none; border: none;
} }
td.border { td.border {
border-top: 1px solid #000000; border-top: 1px solid #000000;
border-right: 1px solid #000000; border-right: 1px solid #000000;
border-bottom: 1px solid #000000; border-bottom: 1px solid #000000;
border-left: 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 */ /* Main boxes */
@ -1439,11 +1449,11 @@ table.noborder {
vertical-align: text-top; 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 { display: table-row; }
.tagtable form div { display: table-cell; } .tagtable form div { display: table-cell; }
.tagtr { display: table-row; }
.tagtd { display: table-cell; }
tr.liste_titre, form.liste_titre { tr.liste_titre, form.liste_titre {
height: 25px; 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 */ /* Login */
/* ============================================================================== */ /* ============================================================================== */

66
htdocs/theme/cameleo/style.css.php
View File

@ -1386,22 +1386,31 @@ margin: 0px 0px 0px 0px;
} }
table.border { table.border, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col {
border: 1px solid #9CACBB; border: 1px solid #9CACBB;
border-collapse: collapse; border-collapse: collapse;
padding: 1px 2px;
} }
table.border td { table.border td {
padding: 1px 2px; padding: 1px 2px;
border: 1px solid #9CACBB; border: 1px solid #9CACBB;
border-collapse: collapse; border-collapse: collapse;
} }
td.border { td.border {
border-top: 1px solid #000000; border-top: 1px solid #000000;
border-right: 1px solid #000000; border-right: 1px solid #000000;
border-bottom: 1px solid #000000; border-bottom: 1px solid #000000;
border-left: 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 */ /* Main boxes */
@ -1471,11 +1480,11 @@ table.liste td {
padding-right: 2px; 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 { display: table-row; }
.tagtable form div { display: table-cell; } .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 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 */ /* JSGantt */
/* ============================================================================== */ /* ============================================================================== */

47
htdocs/theme/eldy/style.css.php
View File

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