Split cubicweb.css into small parts
Dead css rules removed
Checked with CSS Validation Service
--- a/web/data/cubicweb.calendar.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.calendar.css Wed Feb 11 16:39:06 2009 +0100
@@ -74,7 +74,7 @@
}
table.omcalendar tr td div.calCellTitle div.stopper {
- clear:pos;
+ /* clear:pos; # FIXME : pos is not a clear value*/
}
table.omcalendar tr td {
--- a/web/data/cubicweb.calendar_popup.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.calendar_popup.css Wed Feb 11 16:39:06 2009 +0100
@@ -45,7 +45,7 @@
table.popupCalendar th.prev,
table.popupCalendar th.next {
- color: orangered;
+ color: #ff4500;
font-size: 50%;
font-weight: bold;
padding: 2px 0px;
--- a/web/data/cubicweb.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.css Wed Feb 11 16:39:06 2009 +0100
@@ -3,10 +3,9 @@
* :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
* :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
*/
-
-/******************************************************************************/
-/* main styles */
-/******************************************************************************/
+/***************************************/
+/* xhtml tags styles */
+/***************************************/
*{
margin:0px;
@@ -23,14 +22,12 @@
font-family: Verdana, sans-serif;
}
-
h1 {
font-size: 188%;
margin: 0.2em 0px 0.3em;
border-bottom: 1px solid #000;
}
-
h2, h3 {
margin-top: 0.2em;
margin-bottom: 0.3em;
@@ -57,7 +54,7 @@
font-size:105%;
}
-a, a:active, a:link, a:visited {
+a, a:active, a:visited, a:link {
color: #ff4500;
text-decoration: none;
}
@@ -66,33 +63,17 @@
text-decoration: underline;
}
-a.grayedout {
- display: block;
- padding-left: 2px;
- color: #808080;
-}
-
-a.grayedout:visited{
- color: #808080;
-}
-
-a.grayedout:hover {
- color: #000;
-}
-
a img {
border: none;
text-align: center;
}
p {
- margin-top: 0em;
- margin-bottom: 0.2em;
+ margin: 0em 0px 0.2em;
padding-top: 2px;
}
-
-table, td, input, select {
+table, td, input, select{
font-size: 100%;
}
@@ -107,7 +88,7 @@
table td img {
vertical-align: middle;
- margin: 0px 10px 0px 0px;
+ margin-right: 10px;
}
ol {
@@ -125,29 +106,22 @@
background: url("bullet_orange.png") 0% 6px no-repeat;
}
-pre {
- font-family: Courier, "Courier New", Monaco, monospace;
- font-size: 100%;
- color: #000;
- background-color: #f2f2f2;
- border: 1px solid #ccc;
- /*overflow:auto; */
+dt {
+ font-size:1.17em;
+ font-weight:600;
}
-blockquote {
- font-family: Courier, "Courier New", serif;
- font-size: 120%;
- margin: 5px 0px;
- padding: 0.8em;
- background-color: #f2f2f2;
- border: 1px solid #ccc;
+dd {
+ margin: 0.6em 0 1.5em 2em;
}
-note, code {
- font-size: 120%;
- color: #000;
- background-color: #f2f2f2;
- border: 1px solid #ccc;
+fieldset {
+ border: none;
+}
+
+legend {
+ padding: 0px 2px;
+ font: bold 1em Verdana, sans-serif;
}
input, textarea {
@@ -160,35 +134,41 @@
border: 1px inset #ff7700;
}
-fieldset {
- border: none;
-}
-
-legend {
- padding: 0px 2px;
- font: bold 1em Verdana, sans-serif;
-}
-
label, .label {
- font-weight: bold ! important;
+ font-weight: bold;
}
iframe {
border: 0px;
}
-dt {
- font-size: 1.17em;
- font-weight: 600;
+pre {
+ font-family: Courier, "Courier New", Monaco, monospace;
+ font-size: 100%;
+ color: #000;
+ background-color: #f2f2f2;
+ border: 1px solid #ccc;
}
-dd {
- margin: 0.6em 0 1.5em 2em;
+code {
+ font-size: 120%;
+ color: #000;
+ background-color: #f2f2f2;
+ border: 1px solid #ccc;
}
-/******************************************************************************/
-/* generic classes */
-/******************************************************************************/
+blockquote {
+ font-family: Courier, "Courier New", serif;
+ font-size: 120%;
+ margin: 5px 0px;
+ padding: 0.8em;
+ background-color: #f2f2f2;
+ border: 1px solid #ccc;
+}
+
+/***************************************/
+/* generic classes */
+/***************************************/
.odd {
background-color: #f7f6f1;
@@ -215,77 +195,70 @@
clear: both;
}
-.noborder {
- border: none;
-}
-
-.strong{
- font-weight:bold;
-}
-
-.title {
- text-align: left;
- font-size: large;
- font-weight: bold;
-}
-
-.titleUnderline {
- color: #000;
- clear: left;
- margin: 0px;
- padding-top: 0.5em;
- border-bottom: 1px solid black;
-}
-
-.helper{
- font-size: 96%;
- color: #555544;
-}
-
-.helper:hover {
- color: #000;
- cursor: default;
-}
-
.hidden {
display: none;
visibility: hidden;
}
-.needsvalidation {
- font-style: italic;
- color: grey ! important;
-}
-.folder {
- /* disable odd/even under folder class */
- background-color: transparent;
-}
+/* FIXME need to be moved to cubicweb.forms.css */
+li.invisible { list-style: none; background: none; padding: 0px 0px
+1px 1px; }
-li.invisible {
- list-style: none;
- background: none;
- padding: 0px 0px 1px 1px;
-}
-
+/* FIXME Should use span in html insteed */
li.invisible div {
display: inline;
}
-div.row {
- clear: both;
- padding-bottom:0.4px
+
+/***************************************/
+/* LAYOUT */
+/***************************************/
+
+/* header */
+
+table#header {
+ background: #ff7700 url("banner.png") left top repeat-x;
+ text-align: left;
+}
+
+table#header td {
+ vertical-align: middle;
+}
+
+table#header a {
+color: #000;
}
-div.row span.label{
- padding-right:1em
+span#appliName {
+ font-weight: bold;
+ color: #000;
+ white-space: nowrap;
+}
+
+table#header td#headtext {
+ width: 100%;
}
-div.field {
- margin-left: 0.2em;
- display: inline;
+a.help{
+ display: block;
+ margin: 0px 5px 0px 8px;
+ height: 17px;
+ width: 17px;
+ background: url('help.png') 0% 0% no-repeat;
}
+a.help:hover {
+ background-position: 0px -16px;
+ text-decoration: none;
+}
+
+/* FIXME appear with 4px width in IE6 */
+div#stateheader{
+ min-width: 66%;
+}
+
+/* Popup on login box and userActionBox */
div.popup {
position: absolute;
z-index: 400;
@@ -300,42 +273,7 @@
color: black;
}
-/******************************************************************************/
-/* header / layout */
-/******************************************************************************/
-
-.logo {
- background: #fff;
- border-left: #f2f2f2;
-}
-
-span#appliName {
- font-weight: bold;
- color: #000;
- white-space: nowrap;
-}
-
-#header {
- background: #ff7700 url("banner.png") left top repeat-x;
- text-align: left;
-}
-
-table#header td {
- vertical-align: middle;
-}
-
-table#header a {
-color: #000;
-}
-
-td#headtext {
- width: 100%;
-}
-
-/*FIXME appear with 4px width in IE6*/
-div#stateheader{
- width: 66%;
-}
+/* main zone */
div#page {
background: #e2e2e2;
@@ -343,16 +281,16 @@
min-height: 800px;
}
-td#contentcol {
- padding: 8px 5px 5px 10px;
+table#mainLayout{
+ margin:0px 3px;
}
+table#mainLayout td#contentcol {
+ padding: 8px 10px 5px;
+}
-div#pageContent {
- clear: both;
- padding: 10px 1em 2em;
- background: #ffffff;
- border: 1px solid #ccc;
+table#mainLayout td.navcol {
+ width: 16em;
}
#contentheader {
@@ -364,157 +302,29 @@
color: #000;
}
-td.firstcolumn {
- width: 220px;
-}
-
-td.navcol {
- width: 16em;
-}
-
-div.footer {
- text-align: center;
-}
-div.footer a {
- color: #000;
- text-decoration: none;
+div#pageContent {
+ clear: both;
+ padding: 10px 1em 2em;
+ background: #ffffff;
+ border: 1px solid #ccc;
}
-/******************************************************************************/
-/* help button */
-/******************************************************************************/
-
-a.help{
- display: block;
- margin: 0px 5px 0px 8px;
- height: 17px;
- width: 17px;
- background: url('help.png') 0% 0% no-repeat;
-}
+/* rql bar */
-a.help:hover {
- background-position: 0px -16px;
- text-decoration: none;
-}
-
-/******************************************************************************/
-/* rql bar */
-/******************************************************************************/
-
-div#rqlform {
- width: 100%;
+div#rqlinput {
+ border: 1px solid #cfceb7;
+ margin-bottom: 8px;
+ padding: 3px;
+ background: #cfceb7;
}
input#rql{
- width: 80%;
- margin-left: 12px;
-}
-
-/******************************************************************************/
-/* user actions menu */
-/******************************************************************************/
-
-a.logout, a.logout:visited, a.logout:hover{
- color: #fff;
- text-decoration: none;
-}
-
-div#userActionsBox {
- width: 14em;
- text-align: right;
-}
-
-div#userActionsBox a.popupMenu {
- color: black;
- text-decoration: underline;
-}
-
-/******************************************************************************/
-/* buttons */
-/******************************************************************************/
-
-input#rqlboxsubmit, input#rqlboxsubmit2 {
- background: #fffff8 url("go.png") 50% 50% no-repeat;
- width: 20px;
- height: 20px;
- margin: 0px;
-}
-
-input.button,
-input.formButton,
-input.validateButton,
-input.searchButton,
-input.loginButton {
- border-top: 1px solid #edecd2;
- border-left: 1px solid #edecd2;
- border-right: 1px solid #cfceb7;
- border-bottom: 1px solid #cfceb7;
- background: #fffff8 url("button.png") bottom left repeat-x;
-}
-
-input.searchButton {
- background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
-}
-
-input.button,
-input.validateButton {
- margin: 1em 1em 0px 0px ! important;
+ width: 95%;
}
-/******************************************************************************/
-/* primary view */
-/******************************************************************************/
-
-.mainInfo {
- margin-right: 1em;
- padding: 0.2em;
-}
-
-div.mainRelated {
- border: none;
- margin-right: 1em;
- padding: 0.5em 0.2em 0.2em;
-}
-
-div.sideRelated h4,
-div.sideRelated h5 {
- margin-top: 0px;
- margin-bottom: 0px;
-}
-
-div.sideRelated {
- margin-right: 1em;
- padding: 12px 0px 12px 12px;
- min-width: 21em;
- max-width: 50em;
-}
-
-div.metadata {
- font-size: 90%;
- margin: 5px 0px 3px;
- color: #666;
- font-style: italic;
- text-align: right;
-}
-
-div.section {
- margin-top: 0.5em;
- width:100%;
-}
-
-div.section a:hover {
- text-decoration: none;
-}
-
-
-
-/******************************************************************************/
-/* boxes */
-/******************************************************************************/
-
+/* boxes */
div.navboxes {
- padding-left: 3px;
- margin-top: 8px;
+ margin-top: 8px;
}
div.boxFrame {
@@ -594,12 +404,14 @@
color: #111100;
}
+
a.boxMenu {
background: transparent url("puce_down.png") 98% 6px no-repeat;
display: block;
padding: 1px 9px 1px 3px;
}
+
a.popupMenu {
background: transparent url("puce_down_black.png") 2% 6px no-repeat;
padding-left: 2em;
@@ -648,6 +460,12 @@
background: #eeedd9;
}
+ul.sideBox li{
+ list-style: none;
+ background: none;
+ padding: 0px 0px 1px 1px;
+ }
+
div.sideBoxBody {
padding: 0.2em 5px;
}
@@ -680,62 +498,45 @@
padding:0px 5px;
}
-/******************************************************************************/
-/* inline edition and generic form classes */
-/******************************************************************************/
+/* FIXME rqlboxsubmit2 still necessary ? */
-div.inlineedit {
- display: none;
+input.rqlsubmit,
+input#rqlboxsubmit2 {
+ background: #fffff8 url("go.png") 50% 50% no-repeat;
+ width: 20px;
+ height: 20px;
+ margin: 0px;
}
-div.editableField {
- display: inline;
-}
-
-div.editableField:hover,
-div.editableField p:hover {
- background-color: #eeedd9;
+input#norql{
+ width:13em;
+ margin-right: 2px;
}
-option.separator {
- font-weight: bold;
- background: #ccc;
- text-align: center;
-}
-
-input.error {
- background: transparent url("error.png") 100% 50% no-repeat;
+/* user actions menu */
+a.logout, a.logout:visited, a.logout:hover{
+ color: #fff;
+ text-decoration: none;
}
-span.error {
- display: block;
- font-weight: bold;
- color: #ed0d0d;
+div#userActionsBox {
+ width: 14em;
+ text-align: right;
}
-/******************************************************************************/
-/* navigation */
-/******************************************************************************/
+div#userActionsBox a.popupMenu {
+ color: black;
+ text-decoration: underline;
+}
+/**************/
+/* navigation */
+/**************/
div#etyperestriction {
margin-bottom: 1ex;
border-bottom: 1px solid #ccc;
}
-div.navigation a {
- text-align: center;
- text-decoration: none;
-}
-
-div.prevnext {
- width: 100%;
- margin-bottom: 1em;
-}
-
-div.prevnext a {
- color: #000;
-}
-
span.slice a:visited,
span.slice a:hover{
color: #555544;
@@ -746,15 +547,94 @@
color: #000;
}
-/******************************************************************************/
-/* messages */
-/******************************************************************************/
+/* FIXME should be moved to cubes/folder */
+div.navigation a {
+ text-align: center;
+ text-decoration: none;
+}
+
+/* FIXME seems to be not used in cubicweb framework */
+div.prevnext {
+ width: 100%;
+ margin-bottom: 1em;
+}
+
+div.prevnext a {
+ color: #000;
+}
+
+
+/***************************************/
+/* entity views */
+/***************************************/
+
+.mainInfo {
+ margin-right: 1em;
+ padding: 0.2em;
+}
+
+
+div.mainRelated {
+ border: none;
+ margin-right: 1em;
+ padding: 0.5em 0.2em 0.2em;
+}
+
+div.sideRelated h4,
+div.sideRelated h5 {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+
+div.sideRelated {
+ margin-right: 1em;
+ padding: 12px 0px 12px 12px;
+ min-width: 21em;
+ max-width: 50em;
+}
+
+div.metadata {
+ font-size: 90%;
+ margin: 5px 0px 3px;
+ color: #666;
+ font-style: italic;
+ text-align: right;
+}
+
+div.section {
+ margin-top: 0.5em;
+ width:100%;
+}
+
+div.section a:hover {
+ text-decoration: none;
+}
+
+/* basic entity view */
+
+div.row {
+ clear: both;
+ padding-bottom:0.4px
+}
+
+div.row span.label{
+ padding-right:1em
+}
+
+div.field {
+ margin-left: 0.2em;
+ display: inline;
+}
+
+
+/***************************************/
+/* messages */
+/***************************************/
.warning,
.message,
-.errorMessage,
-.searchMessage,
-.statemessage {
+.errorMessage ,
+.searchMessage{
padding: 0.3em 0.3em 0.3em 1em;
font-weight: bold;
}
@@ -772,13 +652,6 @@
background: #f8f8ee;
}
-div#rqlinput {
- border: 1px solid #cfceb7;
- margin-bottom: 8px;
- padding: 3px;
- background: #cfceb7;
-}
-
.message {
margin: 0px;
background: #f8f8ee url("information.png") 5px center no-repeat;
@@ -823,9 +696,9 @@
display: none;
}
-/******************************************************************************/
-/* listing table */
-/******************************************************************************/
+/***************************************/
+/* listing table */
+/***************************************/
table.listing {
margin: 10px 0em;
@@ -872,9 +745,10 @@
top: -1px;
}
-/******************************************************************************/
-/* drag and drop zone (XXX only used in seo for now) */
-/******************************************************************************/
+/***************************************/
+/* drag and drop zone */
+/* (XXX only used in seo for now) */
+/***************************************/
div.droppable {
border: 1px dashed black;
@@ -887,19 +761,11 @@
background: #f4f5ed;
}
-/******************************************************************************/
-/* search box */
-/******************************************************************************/
+/****************************************/
+/* filter box FIXME is not used anymore*/
+/****************************************/
-input#norql{
- width:13em;
- margin-right: 2px;
-}
-
-/******************************************************************************/
-/* filter box */
-/******************************************************************************/
-
+/*
#filter_box input {
width: 180px;
}
@@ -916,38 +782,11 @@
#filter_box option.disabled {
background: lightgray;
}
-
-/******************************************************************************/
-/* table filter form */
-/******************************************************************************/
-
-table.filter th {
- font-weight: bold;
- background: #ebe8d9 url("button.png") repeat-x;
- padding: 0.3em;
- border-bottom: 1px solid #cfceb7;
- text-align: left;
-}
+*/
-table.filter div.facet {
- padding: 0.6em 0.2em;
- margin: 0em 1em;
- border: 1px solid #ccc;
-}
-
-table.filter div.facetTitle {
- font-weight: bold;
-}
-
-
-div#tableActionsBox {
- direction:rtl;
- float:right
-}
-
-/******************************************************************************/
-/* error view (views/management.py) */
-/******************************************************************************/
+/***************************************/
+/* error view (views/management.py) */
+/***************************************/
div.pycontext { /* html traceback */
font-family: Verdana, sans-serif;
@@ -961,32 +800,10 @@
color: #ff0000;
}
-/******************************************************************************/
-/* index view (views/startup.py) */
-/******************************************************************************/
-table.startup {
- width: 100%;
-}
-
-table.startup td {
- padding: 0.1em 0.2em;
-}
-
-table.startup td.addcol {
- text-align: right;
- width: 0.5em;
-}
-
-table.startup th{
- padding-top: 3px;
- padding-bottom: 3px;
- text-align: left;
-}
-
-/******************************************************************************/
-/* addcombobox */
-/******************************************************************************/
+/***************************************/
+/* addcombobox */
+/***************************************/
input#newopt{
width:120px ;
@@ -1005,3 +822,51 @@
display:block;
float:left;
}
+
+/***************************************/
+/* buttons */
+/***************************************/
+
+input.button{
+ margin: 1em 1em 0px 0px;
+ border: 1px solid #edecd2;
+ border-color:#edecd2 #cfceb7 #cfceb7 #edecd2;
+ background: #fffff8 url("button.png") bottom left repeat-x;
+}
+
+/* FileItemInnerView jquery.treeview.css */
+.folder {
+ /* disable odd/even under folder class */
+ background-color: transparent;
+}
+
+/***************************************/
+/* footer */
+/***************************************/
+
+div.footer {
+ text-align: center;
+}
+div.footer a {
+ color: #000;
+ text-decoration: none;
+}
+
+
+/****************************************/
+/* FIXME must by managed by cubes */
+/****************************************/
+.needsvalidation {
+ font-style: italic;
+ color: gray;
+}
+
+
+/***************************************/
+/* FIXME : Deprecated ? entity view ? */
+/***************************************/
+.title {
+ text-align: left;
+ font-size: large;
+ font-weight: bold;
+}
--- a/web/data/cubicweb.facets.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.facets.css Wed Feb 11 16:39:06 2009 +0100
@@ -69,7 +69,7 @@
}
div#filter_box div.boxTitle {
- visibility: none;
+ visibility: hidden;
display: none;
}
--- a/web/data/cubicweb.form.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.form.css Wed Feb 11 16:39:06 2009 +0100
@@ -9,7 +9,7 @@
width: 100%;
font-size : 160%;
font-weight: bold;
- color: orangered;
+ color: #ff4500;
padding-bottom : 0.4em;
text-transform: capitalize;
background: url("bg_trame_grise.png") left bottom repeat-x;
@@ -178,6 +178,35 @@
margin-left: 2em;
}
+/*FIXME inlineedit not used ?*/
+div.inlineedit {
+ display: none;}
+
+div.editableField {
+ display: inline;
+}
+
+div.editableField:hover,
+div.editableField p:hover {
+ background-color: #eeedd9;
+}
+
+input.error {
+ background: transparent url("error.png") 100% 50% no-repeat;
+}
+
+span.error {
+ display: block;
+ font-weight: bold;
+ color: #ed0d0d;
+}
+
+option.separator {
+ font-weight: bold;
+ background: #ccc;
+ text-align: center;
+}
+
div.trame_grise {
background: url("bg_trame_grise.png") left top repeat-x;
}
@@ -189,3 +218,21 @@
padding-left: 2em;
background : #f8f8ee url("information.png") 5px center no-repeat ;
}
+
+.helper{
+ font-size: 96%;
+ color: #555544;
+}
+
+.helper:hover {
+ color: #000;
+ cursor: default;
+}
+
+input.validateButton {
+ margin: 1em 1em 0px 0px;
+ border: 1px solid #edecd2;
+ border-color:#edecd2 #cfceb7 #cfceb7 #edecd2;
+ background: #fffff8 url("button.png") bottom left repeat-x;
+}
+
--- a/web/data/cubicweb.login.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.login.css Wed Feb 11 16:39:06 2009 +0100
@@ -76,7 +76,8 @@
}
input.loginButton {
- display:block;
+ border: 1px solid #edecd2;
+ border-color:#edecd2 #cfceb7 #cfceb7 #edecd2;
margin: 2px 0px 0px;
background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/data/cubicweb.manageview.css Wed Feb 11 16:39:06 2009 +0100
@@ -0,0 +1,22 @@
+/***************************************/
+/* Manage view (views/startup.py) */
+/***************************************/
+
+table.startup {
+ width: 100%;
+}
+
+table.startup td {
+ padding: 0.1em 0.2em;
+}
+
+table.startup td.addcol {
+ text-align: right;
+ width: 0.5em;
+}
+
+table.startup th{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ text-align: left;
+}
--- a/web/data/cubicweb.schema.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.schema.css Wed Feb 11 16:39:06 2009 +0100
@@ -5,6 +5,16 @@
* :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
*/
+
+.titleUnderline {
+ color: #000;
+ clear: left;
+ margin: 0px;
+ padding-top: 0.5em;
+ border-bottom: 1px solid black;
+}
+
+
div.relationDefinition {
float: left;
position: relative;
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/data/cubicweb.tableview.css Wed Feb 11 16:39:06 2009 +0100
@@ -0,0 +1,27 @@
+/***************************************/
+/* filter table form */
+/***************************************/
+
+table.filter th {
+ font-weight: bold;
+ background: #ebe8d9 url("button.png") repeat-x;
+ padding: 0.3em;
+ border-bottom: 1px solid #cfceb7;
+ text-align: left;
+}
+
+table.filter div.facet {
+ padding: 0.6em 0.2em;
+ margin: 0em 1em;
+ border: 1px solid #ccc;
+}
+
+table.filter div.facetTitle {
+ font-weight: bold;
+}
+
+
+div#tableActionsBox {
+ direction:rtl;
+ float:right
+}
--- a/web/data/cubicweb.timetable.css Tue Feb 10 17:45:16 2009 +0100
+++ b/web/data/cubicweb.timetable.css Wed Feb 11 16:39:06 2009 +0100
@@ -12,7 +12,7 @@
table.timetable th {
padding:1pt;
- align:center;
+ text-align:center;
}
@@ -52,7 +52,7 @@
font-family: Verdana, sans-serif;
padding-left: 4pt;
padding-right: 4pt;
- align: left;
+ text-align: left;
width: auto;
}