X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=templates%2Fdefault%2Fcss%2Fdefault.css;h=5ed778cd3b7aae582fde7e9d1f6fc2f788978703;hb=HEAD;hp=7c5cd7847f12a1dac56e85551d7172e41def0489;hpb=a7f6c9c0d47c7670d185ae638482228e0269fb0d;p=squirrelmail.git

diff --git a/templates/default/css/default.css b/templates/default/css/default.css
index 7c5cd784..5ed778cd 100644
--- a/templates/default/css/default.css
+++ b/templates/default/css/default.css
@@ -1,12 +1,12 @@
 /* page body formatting */
 body {
-    color:  #000000;
-    background-color: #ffffff;
+    color:  #000000 /* __COLOR8__ */;
+    background-color: #ffffff /* __COLOR4__*/;
     font-family: Arial, Helvetica, sans-serif;
 }
 body.sqm_leftMain {
-    color:  #000000;
-    background-color: #a0b8c8;
+    color:  #000000 /* __COLOR6__*/;
+    background-color: #a0b8c8 /* __COLOR3__*/;
     text-align: left;
 }
 
@@ -14,63 +14,88 @@ img {
     border:0;
 }
 
+em {
+    font-weight: bold;
+    font-style: normal;
+}
+
+.quote1 {
+    color: #800000 /* __COLOR13__*/;
+}
+
+.quote2 {
+    color: #ff0000 /* __COLOR14__*/;
+}
+
 /* right links */
 a:link, a:visited, a:hover, a:active {
-    color: #0000cc;
+    color: #0000cc /* __COLOR7__ */;
 }
 
 /* left links */
 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
-    color:  #000000;
+    color:  #000000 /* __COLOR6__*/;
 }
 
 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
-    color:  #770000;
+    color:  #770000 /* __COLOR11__ */;
 }
 
 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
-    color:  #002266;
+    color:  #002266 /* __COLOR15__ */;
 }
 
 /* highlighted texts */
 .highlight {
-    color:  #002266;
+    color:  #002266 /* __COLOR15__ */;
+}
+
+.thead_caption {
+    font-weight: bold;
+    text-align: center;
 }
 
 .error_table {
-    color: #ff0000;
-    border: 2px solid #dcdcdc;
-    background-color: #a0b8c8;
+    color: #ff0000 /* __COLOR14__*/;
+    border: 2px solid #dcdcdc /* __COLOR0__ */;
+    background-color: #a0b8c8 /* __COLOR3__*/;
 }
 .error_thead {
-    background-color: #666666;
+    background-color: #666666 /* __COLOR10__*/;
 }
 .error_thead_caption {
-    background-color: #666666;
+    background-color: #666666 /* __COLOR10__*/;
 }
 .error_row {
-    color: #ff0000;
+    color: #ff0000 /* __COLOR14__*/;
 }
 .error_val {
-    color: #000000;
-    border: 2px solid #dcdcdc;
+    color: #000000 /* __COLOR6__*/;
+    border: 2px solid #dcdcdc /* __COLOR0__ */;
 
 }
 .error_key {
-    border: 2px solid #dcdcdc;
-    color: #ff0000;
-    background-color: #dcdcdc;
+    border: 2px solid #dcdcdc /* __COLOR0__ */;
+    color: #ff0000 /* __COLOR14__*/;
+    background-color: #dcdcdc /* __COLOR0__ */;
 }
 
-table.table_empty, table.table_blank    {
+table.table_empty,table.table_blank    {
     margin: 0;
     padding: 0;
     border: 0;
     width: 100%;
 }
 
+table.spacer {
+    border: 0;
+    height: 5px;
+    width:100%;
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
 table.table1    {
-    border: 1px solid #dcdcdc;
+    border: 1px solid #dcdcdc /* __COLOR0__ */;
     width: 90%;
     margin-left: auto;
     margin-right: auto;
@@ -81,13 +106,20 @@ table.table1    td  {
     padding-right: 2px;
 }
 
-table.table2    {
-    border: 1px solid #ababab;
+table.table2 {
+    border: 1px solid #ababab /* __COLOR9__ */;
     width: 80%;
     margin-left: auto;
     margin-right: auto;
 }
 
+table.sm_readBody_table2 {
+    border: 1px solid #ababab /* __COLOR9__ */;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 table.table2    td  {
     padding-left: 2px;
     padding-right: 2px;
@@ -99,13 +131,13 @@ td.emptyList    {
 }
 
 td.header1  {
-    background: #dcdcdc;
+    background: #dcdcdc /* __COLOR0__ */;
     text-align: center;
     font-weight: bold;
 }
 
 td.header2  {
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
     text-align: center;
     font-weight: bold;
     padding-top: 2px;
@@ -120,26 +152,55 @@ td.header3  {
 }
 
 td.header4  {
-    background: #ffffcc;
+    background: #ffffcc /* __COLOR5__*/;
     font-weight: bold;
     padding-top:2px;
     padding-bottom: 2px;
     text-align: center;
 }
 
+td.header5 {
+    background-color: #ababab /* __COLOR9__ */;
+    font-weight: bold;
+    text-align: left;
+}
+
+td.fieldName {
+    text-align: right;
+    width:25%;
+    font-weight: bold;
+    vertical-align:top;
+    padding-left: 4px;
+    padding-right: 4px;
+}
+
+td.fieldValue {
+    text-align: left;
+    width:75%;
+    font-weight: normal;
+}
+
 tr.even {
-    background: #ededed;
+    background: #ededed /* __COLOR12__*/;
 }
 tr.odd  {
-    background: #ffffff;
+    background: #ffffff /* __COLOR4__*/;
+}
+
+tr.clicked_even {
+    background: #ff9933 /* __COLOR16__*/;
+}
+tr.clicked_odd  {
+    background: #ff9933 /* __COLOR16__*/;
 }
 
 .table_standard {
-    border:1px solid #dcdcdc;
+    border:1px solid #dcdcdc /* __COLOR0__ */;
+    width: 100%;
 }
 
 .sqm_loginOrgName, .sqm_signoutBar {
-    background: #dcdcdc;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 
 .sqm_signout {
@@ -147,40 +208,110 @@ tr.odd  {
     text-align: center;
 }
 
+.sqm_wrapperTable   {
+    border:0;
+    padding:0;
+    margin-left:0;
+    border-spacing:0;
+    width:99%
+}
+sqm_leftMain table {
+    border:0;
+    padding:0;
+    margin:0;
+    border-spacing:0;
+}
+.sqm_folderHeader {
+    font-size:18px;
+    font-weight:bold;
+    text-align:center;
+}
+.sqm_clock {
+}
+.sqm_lastRefreshTime {
+    white-space: nowrap;
+}
+.sqm_refreshButton {
+}
+
+/* note.tpl defs */
+.sqm_noteWrapper {
+    text-align:center;
+    width:100%;
+}
+.sqm_note {
+    margin-left:auto;
+    margin-right:auto;
+    font-weight:bold;
+    text-align:center;
+}
+
+/* motd defs */
 .sqm_motd {
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
 }
 .sqm_motd td {
-    background: #ffffff;
+    background: #ffffff /* __COLOR4__*/;
 }
 
 /* empty_folder.tpl defs */
-.sqm_emptyFolder {
-    background: #ababab;
+div.sqm_emptyFolderWrapper {
+    width:100%;
+    text-align: center;
 }
-.sqm_emptyFolder td {
-    background: #ffffff;
+table.sqm_emptyFolder {
+    background: #ababab /* __COLOR9__ */;
+    width:95%;
+    margin-left:auto;
+    margin-right: auto;
+}
+table.sqm_emptyFolder td {
+    background: #ffffff /* __COLOR4__*/;
+    text-align: center;
 }
 
 /* error_box.tpl definitions */
-.table_errorBoxWrapper   {
-    background: #ababab;
+.table_errorBoxWrapper {
+    background: #ababab /* __COLOR9__ */;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
 }
 
 .table_errorBox  {
-    background: #dcdcdc;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 .error_message {
-    background: #ffffff;
+    background: #ffffff /* __COLOR4__*/;
+}
+td.error_header {
+    font-weight: bold;
+    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;
+    background: #ababab /* __COLOR9__ */;
     text-align: left;
 }
 .sqm_headerSignout	{
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
     text-align: right;
 }
 .sqm_topNavigation	{
@@ -191,25 +322,30 @@ tr.odd  {
 }
 
 /* message_list.tpl definitions */
+#message_list {
+    width: 100%;
+}
 .table_messageListWrapper	{
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
+    width:100%;
 }
 
 .table_messageList	{
-    background: #ffffcc;
+    background: #ffffcc /* __COLOR5__*/;
+    width:100%;
 }
 
 .table_messageList	tr.headerRow	{
     text-align: left;
 }
 .table_messageList td.spacer {
-    background: #dcdcdc;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 .table_messageList	tr.mouse_over	{
-    background: #ffffcc;
+    background: #ffffcc /* __COLOR5__*/;
 }
 .table_messageList	tr.clicked	{
-    background: #ff9933;
+    background: #ff9933 /* __COLOR16__*/;
 }
 .table_messageList	td.col_check	{
     text-align: left;
@@ -223,17 +359,23 @@ tr.odd  {
 .table_messageList	td.col_text	{
     text-align: left;
 }
+td.message_count	{
+    text-align: right;
+}
+.unread {
+    font-weight: bold;
+}
 .deleted	{
-    color: #ababab;
+    color: #ababab /* __COLOR9__ */;
 }
 .flagged	{
-    color: #cc0000;
+    color: #cc0000 /* __COLOR2__ */;
 }
 .high_priority	{
-    color: #800000;
+    color: #800000 /* __COLOR13__*/;
 }
 .low_priority	{
-    color: #000000;
+    color: #000000 /* __COLOR4__*/;
 }
 
 .links_paginator			{
@@ -241,7 +383,7 @@ tr.odd  {
 }
 
 .message_list_controls {
-    background: #dcdcdc;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 
 .message_control_buttons {
@@ -255,20 +397,29 @@ tr.odd  {
 }
 
 .spacer	{
-    background: #ffffff;
+    background: #ffffff /* __COLOR4__*/;
+}
+
+.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;
 }
 
-/* folder_manip.tpl defs */
-#folderManip   {
+/* 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;
@@ -277,19 +428,15 @@ tr.odd  {
     width: 70%;
 }
 
-#folderManip   table.wrapper   {
-    border: 1px solid #dcdcdc;
+.dialogbox   table.wrapper   {
+    border: 1px solid #dcdcdc /* __COLOR0__ */;
     width: 95%;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
 }
 
-#folderManip   td.folderAction {
-    background: #dcdcdc;
-}
-
-#folderManip    div {
+.dialogbox  div {
     margin-left: auto;
     margin-right: auto;
     width: 80%;
@@ -328,7 +475,7 @@ tr.odd  {
 #sqm_login  td.orgLogo {
     width: 155px;
     text-align: center;
-    vertical-align: center;
+    vertical-align: middle;
 }
 
 #sqm_login  td.orgLogo  img {
@@ -345,12 +492,12 @@ tr.odd  {
 #sqm_login  td.fieldName {
     font-size: 10pt;
     font-weight: bold;
-    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    text-align: right;
     width: 50%;
 }
 
 #sqm_login  td.fieldInput {
-    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+    text-align: left;
     padding-top: 1px;
     padding-bottom: 1px;
 }
@@ -376,7 +523,7 @@ tr.odd  {
     margin-left: auto;
     margin-right: auto;
     width: 95%;
-    border: 1px solid #ababab;
+    border: 1px solid #ababab /* __COLOR9__ */;
     margin-top: 8px;
     margin-bottom: 8px;
 }
@@ -388,20 +535,30 @@ tr.odd  {
 
 #addressList    td.header1  {
     text-align: center;
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
 }
-#addressList    td.abookSwitch  {
-    background: #dcdcdc;
+
+#addressList    select {
+    vertical-align: middle;
+}
+
+#addressList    td.abookPaginationAndButtons  {
+    background: #dcdcdc /* __COLOR0__ */;
     text-align: right;
 }
 
-#addressList    td.abookButtons  {
-    background: #dcdcdc;
+#addressList    div.abookPagination  {
+    float: left;
+}
+
+#addressList    td.abookSwitch  {
+    background: #dcdcdc /* __COLOR0__ */;
+    text-align: right;
 }
 
 #addressList    td.abookField   {
-    border-left: 1px solid #ababab;
-    border-right: 1px solid #ababab;
+    border-left: 1px solid #ababab /* __COLOR9__ */;
+    border-right: 1px solid #ababab /* __COLOR9__ */;
     white-space: nowrap;
     overflow: hidden;
 }
@@ -410,7 +567,7 @@ tr.odd  {
     text-align: center;
     font-weight: bold;
     font-size: 98%;
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
     padding-top: 0px;
     padding-bottom: 0px;
 }
@@ -437,7 +594,7 @@ tr.odd  {
 }
 
 #addrBookSearch   table.wrapper   {
-    border: 1px solid #ababab;
+    border: 1px solid #ababab /* __COLOR9__ */;
     width: 95%;
     margin-left: auto;
     margin-right: auto;
@@ -469,7 +626,7 @@ tr.odd  {
 }
 
 #addrAddEdit    table   {
-    border: 1px solid #ababab;
+    border: 1px solid #ababab /* __COLOR9__ */;
     margin-left: auto;
     margin-right: auto;
     margin-top: 6px;
@@ -478,7 +635,7 @@ tr.odd  {
 }
 
 #addrAddEdit    td.header   {
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
     text-align: center;
     font-weight: bold;
 }
@@ -529,7 +686,7 @@ tr.odd  {
 
 #help   td.nav  {
     text-align: center;
-    color: #dcdcdc;
+    color: #dcdcdc /* __COLOR0__ */;
     padding-top: 15px;
     padding-bottom: 5px;
 }
@@ -570,7 +727,7 @@ tr.odd  {
 }
 
 #optionsIdentity    table.table2 tr  {
-    background: #dcdcdc;
+    background: #dcdcdc /* __COLOR0__ */;
 }
 
 #optionsIdentity    td.fieldName    {
@@ -588,7 +745,7 @@ tr.odd  {
 
 #optionsIdentity hr  {
     width: 95%;
-    border: 1px solid #ababab;
+    border: 1px solid #ababab /* __COLOR9__ */;
 }
 
 #vCard  {
@@ -618,7 +775,7 @@ div.search table   {
 }
 
 div.search td.header4  {
-    border-bottom: 1px solid #ababab;
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
     vertical-align: bottom;
 }
 
@@ -628,14 +785,14 @@ div.search td.queryAction {
     width: 1%;
     padding-left: 8px;
     padding-right: 8px;
-    border-left: 1px solid #ababab;
-    border-top: 1px solid #ababab;
-    border-bottom: 1px solid #ababab;
+    border-left: 1px solid #ababab /* __COLOR9__ */;
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
 }
 
 div.search td.queryDesc  {
-    border-top: 1px solid #ababab;
-    border-bottom: 1px solid #ababab;
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
 }
 
 div.search span {
@@ -664,20 +821,20 @@ div.search span.value {
 }
 
 div.search span.error  {
-    color: #cc0000;
+    color: #cc0000 /* __COLOR2__ */;
     font-weight: bold;
     font-size: 125%;
 }
 
 div.search td.searchForm  {
-    border-right: 1px solid #dcdcdc;
-    border-left: 1px solid #dcdcdc;
+    border-right: 1px solid #dcdcdc /* __COLOR0__ */;
+    border-left: 1px solid #dcdcdc /* __COLOR0__ */;
     font-weight: bold;
     text-align: center;
 }
 
 div.search td.queryError {
-    color: #cc0000;
+    color: #cc0000 /* __COLOR2__ */;
     font-weight: bold;
     text-align: center;
     padding: 4px;
@@ -696,7 +853,7 @@ div.search h1 {
 }
 
 div.search h2 {
-    color: #cc0000;
+    color: #cc0000 /* __COLOR2__ */;
     font-weight: bold;
     text-align: center;
 }
@@ -741,7 +898,7 @@ div.compose td.bottomSend {
 }
 
 div.compose tr.header {
-    background: #ababab;
+    background: #ababab /* __COLOR9__ */;
 }
 
 div.compose tr.header td {
@@ -750,19 +907,216 @@ div.compose tr.header td {
 }
 
 div.compose tr.attachment td {
-    background: #dcdcdc;
-    border-top: 1px solid #ababab;
-    border-bottom: 1px solid #ababab;
+    background: #dcdcdc /* __COLOR0__ */;
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
 }
 
 div.compose table.close {
     width: 100%;
-    background: #dcdcdc;
-    border:1px solid #ababab;
+    background: #dcdcdc /* __COLOR0__ */;
+    border:1px solid #ababab /* __COLOR9__ */;
     text-align: center;
     margin: 0;
 }
 
-div.readMenuBar table.table2 {
+div.readMenuBar table {
+    padding:0;
+    margin:0;
+    width: 100%;
+    border-left: 1px solid #ababab /* __COLOR9__ */;
+    border-right: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.readMenuBar table.top {
+    border-top: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.readMenuBar table.bottom {
+    border-bottom: 1px solid #ababab /* __COLOR9__ */;
+}
+
+div.readMenuBar td {
+    padding:2px;
+}
+
+div.readMenuBar td.nav {
+    padding-top:4px;
+    padding-bottom:4px;
+}
+
+div.readMenuBar tr.buttons {
+    background-color: #dcdcdc /* __COLOR0__ */;
+}
+
+div.readMenuBar td.buttons {
+    width:1%;
+    vertical-align: middle;
+    white-space: nowrap;
+}
+
+div.readMenuBar input, select {
+	padding:0;
+	font-size:100%;
+}
+
+div.readMenuBar td.move {
+    text-align: right;
+}
+
+div.readMenuBar form {
+    display:inline;
+}
+
+div.readHeaders table.table2 {
+    width:100%;
+    background-color: #dcdcdc /* __COLOR0__ */;
+}
+
+div.readHeaders td {
+    padding-left:4px;
+    padding-right:4px;
+}
+
+div.readHeaders table.spacer {
+    border: 0;
+    height: 5px;
+    width:100%;
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
+div.readBody table {
+    /* Some HTML messages don't work well with this,
+       so we're trying it out without -- need feedback
+       width: 100%; */
+}
+
+div.readBody table.table2 tr {
+    background-color: #ffffff /* __COLOR4__ */;
+}
+
+div.readBody table.table2 td {
+    padding: 10px;
+    width:100%;
+}
+
+div.readAttachments table {
+    width: 100%;
+}
+
+div.readAttachments td.attachSize, td.attachDesc {
+    font-weight: bold;
+}
+
+div.readAttachments td.attachActions {
+    text-align: right;
+}
+
+div.readInlineImages {
+    width:100%;
+    text-align: center;
+}
+
+div.readInlineImages table {
+    /* width: 50%; */
+    margin-top:8px;
+    margin-bottom:8px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.readInlineImages td.header5 {
+    padding-left:2px;
+    padding-right:2px;
+    width:60%;
+    white-space:nowrap;
+}
+
+div.readInlineImages td.header5 a {
+    font-size:75%;
+    font-weight: normal;
+}
+
+div.readInlineImages td.image {
+    border:1px solid #ababab /* __COLOR9__ */;
+    padding:10px;
+}
+
+div.readInlineImages td img {
+    width:100%;
+}
+
+table.imageWrapper {
+    margin-top:0 !important;
+    margin-bottom:0 !important;
+}
+
+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;
+}
+
+#recpt_tail_to, #recpt_tail_cc {
+    display: none;
+}
+#toggle_to, #toggle_cc {
+    font-size: smaller;
+}
+
+hr.entity_sep {
+    border: 0;
+    height: 1px;
+    background-color: gray;
+}