-body
-{
- font-family:Verdana, Arial, Sans Serif;
- font-size:10pt;
+div {
+ padding: 0px;
+ margin: 0px;
+ border-width: 0px;
+ border-style: none;
}
-h2 { text-align:center; }
+/* page body */
+body {
+ font-family: Verdana, Arial, sans-serif;
+ font-size: 10pt;
+ padding: 5pt;
+ margin: 5pt;
+}
+
+/* left column */
+div.left {
+ float: left;
+ width: 19%;
+}
+
+/* main content */
+div.right {
+ float: right;
+ width: 80%;
+}
-h3 { text-align:left; }
+/* section bloc title */
+div.sectitle {
+ background-color: #5A5ABB;
+ color: #FFFFFF;
+ border: 1px black solid;
+ border-bottom: 0pt black none;
+ font-weight: bold;
+ padding: 0pt 5pt;
+}
-table {width:100%;}
+/* section bloc content */
+div.section {
+ background-color: #DDDDFF;
+ border: 1px black solid;
+ margin-bottom: 2em;
+ padding: 5pt;
+}
-table.add {width:100%;}
+/* section bloc controls */
+div.section-controls {
+ text-align: center;
+ background-color: #DDDDFF;
+ border: 1px black solid;
+ margin-bottom: 2em;
+ padding: 5pt;
+}
-div.section
-{
- background-color:#DDDDFF;
- border:1pt black solid;
- margin-bottom:2em;
- padding:0.5em;
+/* page title */
+h2.title {
+ text-align: center;
}
-div.section-controls
-{
- text-align:center;
- background-color:#DDDDFF;
- border:1pt black solid;
- margin-bottom:2em;
- padding:0.5em;
+h3 {
+ text-align: left;
}
+table {
+ width: 100%;
+}
-div.sectitle
-{
- background-color:#5A5ABB;
- color:#FFFFFF;
- border:1pt black solid;
- font-weight:bold;
+table.add {
+ width: 100%;
}
-tr.ligne1 { background-color:#EEEEFF; }
-tr.ligne2 { background-color:#CCCCFF; }
-div.left {
- width:15em;
- position:absolute;
- float:left;
- margin-left:0.5em;
+/* playlist line */
+tr.line1 {
+ background-color: #EEEEFF;
}
-div.right {
- margin-left:17.5em;
- float:right;
+/* playlist line */
+tr.line2 {
+ background-color: #CCCCFF;
}
+/* help text */
span.small {
- font-size:0.9em;
+ font-size: 0.9em;
}
form {
- margin:0pt;
- padding:0pt;
-}
+ margin: 0pt;
+ padding: 0pt;
+}