Qual: Reduce CSS size by mutualizings styles.
This commit is contained in:
parent
444a3328c6
commit
843478317e
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
/* ============================================================================== */
|
||||
|
||||
@ -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 */
|
||||
|
||||
@ -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 */
|
||||
/* ============================================================================== */
|
||||
|
||||
@ -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 */
|
||||
/* ============================================================================== */
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ============================================================================== */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user