Implement printer friendly through CSS also for non-javascript. This
[squirrelmail.git] / templates / default / css / default.css
index 5a91bb61c8c2bcaea95b42a5beca917d88a0a631..38161ae0e98443ed657411e2125b6847d925ecab 100644 (file)
@@ -163,6 +163,8 @@ td.fieldName {
     width:25%;
     font-weight: bold;
     vertical-align:top;
+    padding-left: 4px;
+    padding-right: 4px;
 }
 
 td.fieldValue {
@@ -178,6 +180,13 @@ tr.odd  {
     background: #ffffff /* __COLOR4__*/;
 }
 
+tr.clicked_even {
+    background: #ff9933 /* __COLOR16__*/;
+}
+tr.clicked_odd  {
+    background: #ff9933 /* __COLOR16__*/;
+}
+
 .table_standard {
     border:1px solid #dcdcdc /* __COLOR0__ */;
     width: 100%;
@@ -255,7 +264,7 @@ table.sqm_emptyFolder td {
 }
 
 /* error_box.tpl definitions */
-.table_errorBoxWrapper   {
+.table_errorBoxWrapper {
     background: #ababab /* __COLOR9__ */;
     margin-left: auto;
     margin-right: auto;
@@ -273,6 +282,22 @@ td.error_header {
     color: #cc0000 /* __COLOR2__*/;
 }
 
+/* logout error screen */
+
+#sqm_errorLogout  {
+    margin-top: 25px;
+    text-align: center;
+}
+
+#sqm_errorLogout  table   {
+    border: 0;
+    padding: 0;
+    margin-left: auto;
+    margin-right: auto;
+    width: 70%;
+}
+
+
 /* page_header.tpl definitions */
 .sqm_currentFolder     {
     background: #ababab /* __COLOR9__ */;
@@ -367,17 +392,26 @@ td.message_count  {
     background: #ffffff /* __COLOR4__*/;
 }
 
-/* folder_manip.tpl defs */
-#folderManip   {
+.sqm_squirrelcopyright, .sqm_squirrelcopyright a:link, .sqm_squirrelcopyright a:visited {
+   font-size: xx-small;
+   color: gray;
+   text-align: center;
+}
+.sqm_squirrelcopyright a:hover {
+   color: navy;
+}
+
+/* dialog box defs */
+.dialogbox   {
     text-align:center;
 }
 
-#folderManip   td  {
+.dialogbox   td  {
     text-align: center;
     padding: 2px;
 }
 
-#folderManip   table   {
+.dialogbox   table   {
     margin-left: auto;
     margin-right: auto;
     padding-top: 8px;
@@ -386,7 +420,7 @@ td.message_count    {
     width: 70%;
 }
 
-#folderManip   table.wrapper   {
+.dialogbox   table.wrapper   {
     border: 1px solid #dcdcdc /* __COLOR0__ */;
     width: 95%;
     margin-left: auto;
@@ -394,11 +428,7 @@ td.message_count   {
     padding: 0;
 }
 
-#folderManip   td.folderAction {
-    background: #dcdcdc /* __COLOR0__ */;
-}
-
-#folderManip    div {
+.dialogbox  div {
     margin-left: auto;
     margin-right: auto;
     width: 80%;
@@ -437,7 +467,7 @@ td.message_count    {
 #sqm_login  td.orgLogo {
     width: 155px;
     text-align: center;
-    vertical-align: center;
+    vertical-align: middle;
 }
 
 #sqm_login  td.orgLogo  img {
@@ -992,6 +1022,88 @@ div.readInlineImages td.image {
     padding:10px;
 }
 
+div.printerFriendlyTop table {
+    width:100%;
+}
 
+div.printerFriendlyTop td {
+    text-align: right;
+}
 
+div.printerFriendly table.attach {
+    width: 100%;
+    margin-top:5px;
+    margin-bottom:5px;
+}
+
+div.printerFriendly td.attachField {
+    width: 30%;
+    font-weight: bold;
+    text-align: right;
+}
+
+div.printerFriendly td.attachFieldValue {
+    text-align: left;
+    empty-cells: show;
+}
 
+div.printerFriendly td.attachName {
+    font-weight: bold;
+}
+
+div.viewHeader table.table1 {
+    width: 100%;
+}
+
+div.viewHeader td.headers {
+    padding-left:5px;
+    font-family: monospace, sans-serif;
+    font-size: small;
+}
+
+div.viewHeader span.headerName {
+    font-weight: bold;
+}
+
+div.htmlIframe {
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+}
+
+div.htmlIframe iframe {
+    width:100%;
+}
+
+div.viewText table.table1 {
+    width: 100%;
+}
+
+div.viewText td.header2 a {
+    font-size: smaller;
+    font-weight: normal;
+}
+
+div.viewText td.actions {    text-align: center;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+div.viewText td.text {
+    padding: 10px;
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
+div.viewText td.spacer {
+    padding: 3px;
+    background-color: #DCDCDC /* __COLOR0__ */;
+}
+
+#printMessageBox {
+    background-color: #fffff0;
+    border: 1px solid #f2e93a;
+    margin: 1em;
+    padding: 1em;
+    font-size: x-large;
+}