[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Phpgroupware-cvs] phpgwapi/templates/idots/css idots.css,1.1.2.3
From: |
skwashd |
Subject: |
[Phpgroupware-cvs] phpgwapi/templates/idots/css idots.css,1.1.2.3 |
Date: |
Wed, 27 Apr 2005 06:41:25 -0000 |
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;
}
- [Phpgroupware-cvs] phpgwapi/templates/idots/css idots.css,1.1.2.3,
skwashd <=
- Prev by Date:
[Phpgroupware-cvs] phpgwapi/templates/idots navbar.inc.php, 1.1.2.12 navbar.tpl, 1.1.2.4 head.inc.php, 1.1.2.11 css.tpl, 1.1.2.3 footer.tpl, 1.1.2.2 head.tpl, 1.1.2.3
- Next by Date:
[Phpgroupware-cvs] bookkeeping/inc class.uibilling.inc.php, 1.3 class.uibookkeeping.inc.php, 1.3 class.sodeliveries.inc.php, 1.2 class.bodeliveries.inc.php, 1.2 class.uideliveries.inc.php, 1.3 class.bobookkeeping.inc.php, 1.3 class.sobilling.inc.php, 1.2 class.bobilling.inc.php, 1.2
- Previous by thread:
[Phpgroupware-cvs] phpgwapi/templates/idots navbar.inc.php, 1.1.2.12 navbar.tpl, 1.1.2.4 head.inc.php, 1.1.2.11 css.tpl, 1.1.2.3 footer.tpl, 1.1.2.2 head.tpl, 1.1.2.3
- Next by thread:
[Phpgroupware-cvs] phpgwapi/templates/idots/css idots.css,1.1.2.3
- Index(es):