[Phpgroupware-cvs] phpgwapi/templates/idots/css idots.css,1.1.2.3

[skwashd]

Update of phpgwapi/templates/idots/css

Modified Files:
     Branch: Version-0_9_16-branch
            idots.css lines: +276 -96

Log Message:
html4+css2 compliance ... better than the EGO crud

====================================================
Index: phpgwapi/templates/idots/css/idots.css
diff -u phpgwapi/templates/idots/css/idots.css:1.1.2.2 
phpgwapi/templates/idots/css/idots.css:1.1.2.3
--- phpgwapi/templates/idots/css/idots.css:1.1.2.2      Fri Apr 18 18:45:28 2003
+++ phpgwapi/templates/idots/css/idots.css      Thu Jan  8 21:55:24 2004
@@ -1,160 +1,340 @@
-A:link
+/* phpGroupWare Idots Template Style Sheet
+   (c) Copyright 2003 Free Software Foundation Inc
+   Originally written by Pim Snel
+   Currently Maintained by Dave Hall
+
+   $Id$
+*/
+
+/* Classes */
+.articlecontent
 {
-       COLOR: #006699;
-       TEXT-DECORATION: none
+       background-color: #EFEFEF;
+       color: #006699;
+       font-size: 12px;
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       line-height: 20px;
+       text-align: center;
+       padding: 10px;
 }

-A:visited
+.articletitle
 {
-       COLOR: #006699;
-       TEXT-DECORATION: none
+       font-weight: bold;
+       font-size: 12px;
+       background-image: url(../images/greypanel.gif);
+       color: #000000;
+       text-align: center;
+       text-indent: 5pt;
+       background-repeat: repeat-x;
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       height: 23px;
 }

-A:hover
+.box
 {
-       COLOR: #ff9933; TEXT-DECORATION: underline
+       background-color: #ffffff;
+       border: 1px solid #98aab1;
+       border-collapse: collapse;
+       height: 90%;
+       margin: 0px;
+       padding: 0px;
+       vertical-align: top;
+       width: 100%;
 }

-A:active
+/* not needed afaik - skwashd
+.content
 {
-       COLOR: #006699;
-       TEXT-DECORATION: underline
-}
+       color: #000000;
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       font-size: 12px;
+}*/

-INPUT
+.copyright
 {
-       FONT-SIZE: 12px;
-       font-COLOR: #006699;
-       FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
+       color: #000000;
+       font-size: 9px;
+       text-align: center;
 }

-SELECT
+.logo
 {
-       FONT-SIZE: 12px;
-       COLOR: #006699;
-       FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
+       background: url("../images/panel.png");
+       background-repeat: repeat-x;
+       margin: 0px;
+       padding: 0px;
+       text-align: center;
+       vertical-align: top;
 }

-BODY
+.mainnote
 {
-       FONT-SIZE: 12px;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+       background-color: #FFFFFF; /* */
+       color: #006699;
+       font-family: "Arial", "Helvetica", "sans-serif";
+       font-size: 12px;
+       height: 20px;
+       vertical-align: top;
+}
+
+.navpanel
+{
+        background: url("../images/panel.png");
+        background-repeat: repeat-x;
+        background-color: #FFFFFF;
+        border-collapse:collapse;
+        height: 60px;
+        margin: 0px;
+        padding: 0px;
+        text-align: center;
+        vertical-align: top;
+}
+
+.popup
+{
+       background-color: #FFFFFF;
+       border-bottom: 2px solid #000000;
+       border-left: 1px solid #000000;
+       border-right: 2px solid #999999;
+       border-top: 1px solid #999999;
+       border-collapse: collapse;
+       padding: 0px;
+       width: 300px;
 }

-FORM
+.popuptitle
 {
-       FONT-SIZE: 12px;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+       background-image: url(../images/boxbg.gif);
+       background-repeat: repeat-x;
+       color: #000000;
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       font-weight: bold;
+       font-size: 12px;
 }

-TABLE
-{
-       FONT-SIZE: 12px;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+.sidecontent
+{
+        border:0px;
+        border-collapse: collapse;
+        padding:0px;
+        vertical-align: top;
+        width: 160px;
 }

 .sideboxcontent
 {
-       PADDING-RIGHT: 5px;
-       PADDING-LEFT: 5px;
-       FONT-SIZE: 12px;
-       PADDING-BOTTOM: 5px;
-       WIDTH: 160px;
-       COLOR: #000000;
-       LINE-HEIGHT: 20px;
-       PADDING-TOP: 5px;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+       background-color: #EFEFEF;
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       font-size: 9pt;
+       /*line-height: 18px;*/
+       /*padding: 2px;*/
+       width: 160px;
 }

-.mainnote
+.sideboxtitle
 {
-       FONT-SIZE: 12px;
-       COLOR: #006699;
-       FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
+       background-image: url(../images/boxbg.gif);
+       background-position: center 50%;
+       color: #000000;
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       font-size: 12px;
+       font-weight: bold;
+       height: 26px;
+       text-align: center;
 }

-.articlecontent
+spacer
 {
-       PADDING-RIGHT: 10px;
-       PADDING-LEFT: 10px;
-       FONT-SIZE: 12px;
-       PADDING-BOTTOM: 10px;
-       COLOR: #000000;
-       LINE-HEIGHT: 20px;
-       PADDING-TOP: 10px;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+       border: 0px;
+       width: 15px;
 }

-.sideboxtext
+/* Not used afaik, also a tag name - skwashd
+.title
 {
-       FONT-SIZE: 12px;
-       LINE-HEIGHT: 18px;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+       color: #000000;
+       font-size: 12px;
+       font-weight: 12px;
+       padding: 5px;
 }
+*/

+/* not used afaik - skwashd
 .toppannel
 {
-       BACKGROUND-IMAGE: url(../images/panel.png);
-       BACKGROUND-REPEAT: repeat-x
+       background-image: url(../images/panel.png);
+       background-repeat: repeat-x
 }
+*/

-.copyright
address@hidden screen
 {
-       font-size: 9px;
-       color: #000000;
+       .sidebox
+       {
+               border: 1px solid #98aab1;
+               border-collapse: collapse;
+               padding: 0px;
+               width: 160px;
+       }
 }

-.title
+/* Save some space when printing */
address@hidden print
 {
-       PADDING-LEFT: 5px;
-       FONT-WEIGHT: bold;
-       FONT-SIZE: 12px;
-       COLOR: #000000;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+       .sidebox
+       {
+               display: none;
+       }
+       #nav
+       {
+               display: none;
+       }
 }

-.box
+/* Tags */
+a, a:visited, a:link
 {
-       BORDER-RIGHT: #98aab1 1px solid;
-       BORDER-TOP: #98aab1 1px solid;
-       BORDER-LEFT: #98aab1 1px solid;
-       BORDER-BOTTOM: #98aab1 1px solid
+       color: #006699;
+       text-decoration: none;
 }

-.content
+a:active, a:hover
 {
-       FONT-SIZE: 12px;
-       COLOR: #000000;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
+       color: #FF9933;
+       text-decoration: underline;
 }

-.sideboxtitle
+body
+{
+       background-color: #e5e5e5;
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       font-size: 10pt;
+}
+
+form
+{
+       font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
+       font-size: 10pt;
+}
+
+img
+{
+       border: 0px;
+}
+
+/* this should work but doesn't - i will come back to it
+td.navpanel > a > img
+{
+       -moz-opacity: 0.8;  mozilla/gecko
+       filter: alpha(opacity=8); IE 5.5+?
+       opacity: 0.8; CSS3
+}
+
+td.navpanel > a > img:hover
+{
+       -moz-opacity: 1.0;
+       filter: alpha(opacity=10);
+       opacity: 1.0;
+}
+*/
+
+input, select, textarea
+{
+       color: #006699;
+       background-color: #EFEFEF;
+       font-family: "Arial", "Helvetica", "sans-serif";
+       font-size: 9pt;
+}
+
+input, textarea
+{
+       -moz-border-radius: 5px;
+       border: 1px solid #006699;
+       border-radius: 5px;
+}
+
+input:focus, select:hover, textarea:focus
+{
+       background-color: #F3F3F3;
+       color: #1177AA;
+}
+
+.row_on input, .row_on textarea
+{
+       background-color: #E8F0F0;
+}
+
+.row_off input, .row_off textarea
+{
+       background-color: #DDDDDD;
+}
+
+span.star
+{
+       color: #FF9933;
+       font-weight: bold;
+}
+
+table
 {
-       BACKGROUND-POSITION: center 50%;
-       FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
-       BACKGROUND-IMAGE: url(../images/boxbg.gif);
-       COLOR: #000000;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
 }

-.sidebox
+/* Used by tabs */
+th.activetab
 {
-       BORDER-RIGHT: #98aab1 1px solid;
-       BORDER-TOP: #98aab1 1px solid;
-       BORDER-LEFT: #98aab1 1px solid;
-       WIDTH: 160px;
-       BORDER-BOTTOM: #98aab1 1px solid
+       -moz-border-radius-topleft: 10px;
+       -moz-border-radius-topright: 10px;
+       background-color: #FFFFFF;
+       border-color: #000000;
+       border-radius-topleft: 10px;
+       border-radius-topright: 10px;
+       border-style: solid;
+       border-width: 1px 1px 0px 1px;
+       height: 20px;
+       padding: 0px 5px 0px 5px;
+       white-space: nowrap;
+}
+
+th.inactivetab
+{
+       -moz-border-radius-topleft: 10px;
+       -moz-border-radius-topright: 10px;
+       background-color:#CCCCCC;
+       border: 1px solid #000000;
+       border-radius-topleft: 10px;
+       border-radius-topright: 10px;
+       color:#006699;
+       height: 20px;
+       padding: 0px 5px 0px 5px;
+       white-space: nowrap;
+}
+
+th.tablast
+{
+       border-width: 0px 0px 1px 0px;
+       border-style: solid;
+       border-color: #000000;
+       width: 100%;
 }

-.articletitle
+/* nextmatch values */
+.row_off
 {
-       FONT-WEIGHT: bold;
-       FONT-SIZE: 12px;
-       BACKGROUND-IMAGE: url(../images/greypanel.gif);
-       COLOR: #000000;
-       TEXT-INDENT: 5pt;
-       BACKGROUND-REPEAT: repeat-x;
-       FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
-       HEIGHT: 20px
+       background-color: #E8F0F0;
+       color: #000000;
+}
+
+.row_on
+{
+       background-color: #DDDDDD;
+       color: #000000;
+}
+
+.th
+{
+       background-color: #D3DCE3;
+       color: #000000;
 }