]> source.dussan.org Git - vaadin-framework.git/commitdiff
Bare-bones theme (native style) started; cleanups, improvements.
authorMarc Englund <marc.englund@itmill.com>
Wed, 29 Nov 2006 15:58:52 +0000 (15:58 +0000)
committerMarc Englund <marc.englund@itmill.com>
Wed, 29 Nov 2006 15:58:52 +0000 (15:58 +0000)
Note: table still missing completely.

svn changeset:123/svn branch:toolkit

WebContent/themes/default/calendar-default.css
WebContent/themes/default/theme.css
WebContent/themes/default/theme.js

index d018ff7facba7c61ce8c1ae2cf8e14df97247d48..c766d64ee228d4ced21b7643c8d0ec2e64602cf3 100644 (file)
@@ -28,7 +28,6 @@ div.calendar { position: relative; }
   font-weight: bold;      /* Pressing it will take you to the current date */
   text-align: center;
   background: #fff;
-  background-image: url('img/bg1.gif');
   background-repeat: repeat-x;  color: #000;
   padding: 2px;
 }
index 985efac13b3919854d3daa181a1393a77ee5696f..e63affa8c2f3c2e79032c70665adc9fd8b3a07cd 100644 (file)
-/**
-* Various styles for debug mode
-*/
-.uidl {
-       z-index: 1001;
-       text-indent: 18px;
-       border: 1px dashed red;
-       font-weight: normal;
-       white-space: nowrap;
-       cursor: hand;
-       cursor: pointer;
-}
-
-.minimized {
-       overflow: hidden;
-       width: 5px;
-       height: 5px;
-       z-index: 1000;
-       float: left;
-}
-
-
-
-/**
-* Common attribute classes
-*/
-.abs { position: absolute; }
-.right { float: right; }
-.nobr {        white-space: nowrap; }
-.inline { display: inline; }
-.hidden { display: none; }
-.pad {
-    padding: 3px 7px 3px 10px;
-}
-.padnr {
-    padding: 4px 0 4px 10px;   
-}
-
-/**
-* Background used in various headers
-*/
-.bg {
-    background-image: url(img/bg1.gif);
-    background-repeat: repeat-x; 
-    background-color: white;    
-}
-
-
-
-
-
-
-
-
-
-
-
-.disabled {
-    color: #999999;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-}
-.disabled .caption {
-    color: #999999;
-}
-.disabled .border .caption {
-    color:#999999;
-}
-.disabled * {
-    color:#999999;
-}
-
-.caption {
-    font-weight:bold;
-    color: black;
-    white-space:nowrap;
-    /*height: 16px;*/
-}
-.caption .error {
-       /*width: 16px;
-       height: 16px;*/ 
-       padding-left:5px;
-}
-
-.content {
-       padding:5px;
-}
-
-.clickable {
-    cursor:hand;
-    cursor:pointer;
-}
-
-
-/*.over {
-       border: 1px solid #eeeeee;
-}
-.over .border {
-       border: 1px solid #9999ee;
-       margin-left:-1px;
-}*/
-
-/*
-.over.outset {
-       border: 1px solid #eeeeee !important;
-       border: inherit;
-}*/
-
-.border {
-    border: 1px solid #aaaaaa;
-}
-
-.border.error {
-    border-color: #ee6666;
-}
-
-IMG.overlay {
-       position: absolute;
-       z-index: 5;
-}
-IMG.error {
-       width: 11px;
-       height: 16px;
-}
-
-.inset {
-    border-top: 2px solid #eeeeee;
-    border-left: 2px solid #eeeeee;
-}
-
-.outset {
-    border-bottom: 2px solid #eeeeee;
-    border-right: 2px solid #eeeeee;
-}
-
-.odd {
-    background-color:#f1f1f1;
-}
-
-
-.selectable {
-    color:white;
-       background:#0075d9;
-}
-.selected {
-       background-color:#c6e5fa;
-}
-
-/* Popup */
-.popup {
-       font-weight: normal;
-       position: absolute;
-       z-index: 10000;
-       background: #f5f5fa;
-}
-.popup TD {
-       padding: 0px;
-       border: 0px;
-       margin: 0px;
-}
-.popup .icon {
-       vertical-align: middle;
-       display: inline;
-       /*width: auto;
-       height: auto;*/
-}
-.popup .error {
-       border: 1px solid red;
-}
-.popup.hide {
-       display: none;
-}/*
-.popup.hide .border {
-       display: inline;
-       border: none;
-}
-.popup.hide .icon {
-       display: inline;
-       /*width: 16px;
-       height: 16px;
-}
-.popup.hide .content {
-       display: none;
-}
-.popup.hide .error {
-       display: none;
-}*/
-
-
-
-.item {
-       border: 1px solid #e9e9ef;
-       border-top: 1px solid white;
-       white-space: nowrap;
-}
-.item.over {
-       border: 1px solid #9999ee;
-       background-color: white;
-    background-image: url('img/bg1.gif');
-    background-repeat: repeat-x;   
-}
-.item .icon {
-       width:16px;
-       height:16px;
-}
-
-
-
-
-
-/**
-* Icons
-*/
-
-.icon {
-       vertical-align:bottom;
-       width:32px;
-       height:32px;
-}
-.icon-mini {
-       width:14px;
-       height:11px;
-       display:-moz-inline-box;
-       display:inline-block;
-       vertical-align:top;
-}
-.icon.error {
-       background:url(img/icon/error.gif) no-repeat top right;
-}
-.icon-mini.error {
-       background:url(img/icon/error-mini.gif) no-repeat;
-}
-.icon.info {
-       background:url(img/icon/info.gif) no-repeat;
-}
-.icon-mini.info {
-       background:url(img/icon/info-mini.gif) no-repeat top right;
-}
-
-
-/* COMPONENTS */
-
-
-/**
-* Layouts
-*/
-.gridlayout TABLE TD {
-       text-align: left;
-       vertical-align: top;
-}
-
-.orderedlayout TABLE {
-       /* TODO works in FF not IE */
-       Xwidth: 100%;
-}
-
-
-/**
-* Button
-*/
-
-/* Button-style */
-.button {
-       margin-left:-5px;
-}
-.button .icon-mini {
-       padding-left:5px;
-}
-.btn {
-       float:left;
-       padding:5px 12px 0 0;
-       height:23px;
-       color:#fff;
-       background:url(img/button/btn-bg.gif) repeat-x;
-}
-
-.over .btn {
-       background:url(img/button/btn-bg.gif) repeat-x bottom left;
-       border:none;
-}
-.btn-left, .btn-right {
-       width:16px;
-       height:28px;
-       float:left;
-       background:url(img/button/btn-left.gif) no-repeat;
-}
-.btn-right {
-       background:url(img/button/btn-right.gif) no-repeat;
-}
-.over .btn-left {
-       background:url(img/button/btn-left.gif) no-repeat bottom left;
-}
-.over .btn-right {
-       background:url(img/button/btn-right.gif) no-repeat bottom left;
-}
-.btn .caption {
-       color:#fff;
-}
-.btn .popup, .btn .popup .caption {
-       color:#494949;
-}
-.button.over {
-       border:none;
-}
-.button.over .btn .caption {
-       color:#fff;
-}
-
-/* Link-style */
-.button-link .caption {
-       color:#6db201;
-       text-decoration:underline;
-}
-.button-link.over .caption {
-       color:#2a7acc;
-}
-.button-link .popup, .button-link .popup .caption, .button-link.over .caption .popup .content {
-       color:#494949;
-       text-decoration:none;
-}
-
-
-
-/**
-* Link
-*/
-.link {
-    
-}
-.link.over {
-       background:none;
-}
-.link .caption {
-    color:#6db201;
-       text-decoration:underline;
-}
-.link.over .caption {
-       color:#2a7acc;
-}
-.link .description {
-    font-size:0.9em;
-}
-.link .popup .caption, .link .popup .content  {
-    color:#494949;
-       text-decoration:none;
-}
-
-
-
-
-/**
-* Tabsheet
-*/
-/*
-.tabs {
-       padding-left: 0px !important;
-    padding-left: 1px;
-    padding-top: 5px;
-    padding-bottom: 3px !important;   
-    padding-bottom: 2px;
-    white-space: nowrap;
-}
-.tab, .tab-on {
-   border-right: 2px solid #eeeeee;
-   border-bottom: none;
-}
-.tab-on {
-    position: relative;
-    top: 1px;
-}
-.tab .caption {
-    background-image: url('img/bg1.gif');
-    background-repeat: repeat-x;        
-    border-bottom: none;
-}
-.tab .over {
-    /*border: 1px solid #9999ee;
-    border-bottom: none;
-}
-.tab-on .caption {
-    border-bottom: 1px solid white;
-    border-bottom: none;
-    background-color: white;
-}
-*/
-
-
-.node {
-    border: 1px solid white;
-    white-space: nowrap;
-    padding-bottom: 2px;
-}
-.nodes {
-    padding-left: 16px;
-}
-.node .caption {
-    vertical-align: top;
-    font-weight: normal;
-}
-
-.node.over {
-    /*border: 1px solid #9999ee;
-    background-image: url('img/bg1.gif');
-    background-repeat: repeat-x;
-    background-color: white;*/
-}
-.node.over .caption {
-    /*color: blue;*/
-}
-.node .icon {
-       width:16px;
-       height:16px;
-}
-
-/**
-* Panel
-*/
-
-/* Normal style */
-.panel {
-       margin:14px 9px 14px 0;
-}
-.panel .top {
-       height:35px;
-}
-.panel .top .left {
-       background:transparent url(img/panel/top-left.gif) no-repeat;
-       margin-right:19px;
-       height:35px;
-}
-.panel .top .right {
-       background:transparent url(img/panel/top-right.gif) no-repeat right top;
-       margin-left:-19px;
-       width:19px;
-       height:35px;
-       float:right;
-       display:inline;
-}
-.panel .middle {
-       background:#f8f8f8 url(img/panel/middle.gif) repeat-x;
-       border-left:solid 2px #ededed;
-       border-right:solid 2px #ededed;
-       padding:12px 19px 12px 19px;
-       overflow:auto;
-}
-.panel .bottom {
-       height:21px;    
-}
-.panel .bottom .left {
-       background:url(img/panel/bottom-left.gif) no-repeat;
-       margin-right:19px;
-       height:21px;
-       
-}
-.panel .bottom .right {
-       background:url(img/panel/bottom-right.gif) no-repeat right top;
-       width:19px;
-       height:21px;
-       float:right;
-}
-/* FIX IE6 (5.5) leaves a four pixel gap between left and right div's */
-* html .panel .bottom .right {
-       position:relative;
-       left:-4px;
-}
-.panel .top .left .title {     
-       padding:8px 19px 3px 19px;
-       height:22px;
-       margin-right:-19px;
-       border-bottom:solid 1px #dedede;
-}
-.panel .top .left .title .caption {
-       font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
-       color:#0076c9;
-       font-style:italic;
-       font-weight:bold;
-       font-size:12pt;
-       letter-spacing:-0.04em;
-       white-space:nowrap;
-}
-
-
-/* Light style */
-.panel-light {
-    margin:20px 9px 20px 0;
-}
-.panel-light .top {
-       height:31px;
-       overflow:hidden;
-}
-.panel-light .top .left {
-       background:transparent url(img/panel/top-left-light.gif) no-repeat;
-       margin-right:19px;
-       height:31px;
-}
-.panel-light .top .right {
-       background:transparent url(img/panel/top-right-light.gif) no-repeat right top;
-       margin-left:-19px;
-       width:19px;
-       height:31px;
-       float:right;
-       display:inline;
-}
-.panel-light .middle {
-       background:#fff url(img/panel/middle-light.gif) repeat-x;
-       padding:12px 19px 12px 19px;
-       overflow:auto;
-}
-.panel-light .top .left .title {       
-       padding:5px 19px 3px 19px;
-       height:18px;    
-}
-.panel-light .top .left .title .caption {
-       font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
-       color:#0076c9;
-       font-style:italic;
-       font-weight:bold;
-       font-size:11pt;
-       letter-spacing:-0.04em;
-       white-space:nowrap;
-}
-
-/* Description popup fixes */
-.panel .title .caption .popup .caption, .panel .title .caption .popup .caption {
-       font-family:Tahoma, Arial, Helvetica, sans-serif;
-       font-style:normal;
-       font-size:8pt;
-       color:#494949;
-}
-
-
-
-
-
-/*
-.textfield.over .border {    
-    border: 1px solid #9999ee;
-}
-*/
-.textfield INPUT {
-    border: none;
-    padding-top: 2px;
-    padding-bottom: 2px;
-    padding-left: 5px;
-    padding-right: 5px;
-}
-
-
-
-
-/* 
-* Table
- */
-
-/* Renewed theme styles, 8.6.2006 - Jouni Koivuviita */
-.table {
-       margin:14px 10px 14px 0;
-       color:#494949;
-}
-.table .header {
-       height:25px;
-       overflow:hidden;
-       position:relative;
-       top:3px;
-       z-index:1;
-}
-.table .header .left {
-       width:20px;
-       height:25px;
-       float:left;
-       background:url(img/table/caption-left.gif) no-repeat;
-}
-.table .header .title {
-       height:25px;
-       float:left;
-       background:url(img/table/caption-bg.gif) repeat-x;
-       padding-right:20px;
-}
-.table .header .right {
-       width:20px;
-       height:25px;
-       float:left;
-       background:url(img/table/caption-right.gif) no-repeat;
-}
-.table .header .title {
-       padding-top:7px;
-       color:#fff;
-}
-.table .top {
-       height:3px;
-       overflow:hidden;
-}
-.table .top .left {
-       background:url(img/table/top-left.gif) no-repeat;
-       margin-right:4px;
-       height:3px;     
-}
-.table .top .right {
-       background:url(img/table/top-right.gif) no-repeat right top;
-       width:4px;
-       height:3px;
-       float:right;
-}
-
-.table .middle {
-       background-color:#f8f8f8;
-       border-left:solid 3px #f1f1f1;
-       border-right:solid 3px #f1f1f1;
-       color:#494949;
-}
-.table .bottom {
-       height:3px;     
-}
-.table .bottom .left {
-       background:url(img/table/bottom-left.gif) no-repeat;
-       margin-right:4px;
-       height:3px;
-       
-}
-.table .bottom .right {
-       background:url(img/table/bottom-right.gif) no-repeat right top;
-       width:4px;
-       height:3px;
-       float:right;
-}
-.table .header .title .caption {
-       color:#fff;
-}
-.table .col-headers {
-       background:#f4f4f4 url(img/table/col-header-bg.gif) repeat-x;
-       color:#0076c9;
-}
-
-
-/* Old table styles */
-.list .bg {
-       background-image: none;
-}
-.list .cheader {
-       border-width: 1px 1px 1px 1px;
-}
-.list .content TABLE {
-       width: 100%;
-}
-.list .nav {
-    border-top: 2px solid #eeeeee;
-    text-align: center;
-    font-size: smaller;
-}
-.list .nav .small {
-    font-size: smaller;
-}
-.list .content TR.over {
-    background-image: url('img/bg1.gif');
-    background-repeat: repeat-x;
-    background-color: white;
-}
-.list .content TD.scroll {
-       background: white;
-}
-.list .content TD.scroll {
-       background: white;
-}
-.table .content {
-       padding: 0px;
-}
-.table .content TABLE {
-    border-collapse: collapse;
-    empty-cells: show;
-    width: 100%;
-}
-.table .content TD {
-    padding-left: 5px;
-    padding-right: 5px;
-    padding-top: 3px;
-    padding-bottom: 3px;    
-    border-left: 1px solid #eeeeee;
-    border-bottom: 1px solid #eeeeee;
-}
-
-.table .cheader {
-       border-bottom-color: #999999;
-       border-left: 1px solid #cdcdcd;
-       padding-top: 5px;
-       padding-bottom: 5px;
-       vertical-align: middle;
-}
-.table .cheader.over {
-       border-color: #9999ee;
-       padding-bottom: 4px;
-}
-.table .cheader.sorted {
-       border-color: #9999ee;
-       padding-bottom: 4px;
-}
-.table .rheader {
-   text-align: right;
-   border-right-color: #999999;  
-   border-left: none;
-}
-.table .selected .rheader {
-       background-color: white;
-}
-.table .empty {
-   border-bottom-color: #999999;
-   border-right-color: #999999;
-}
-.table .nav {
-    border-top: 2px solid #eeeeee;
-    text-align: center;
-    font-size: smaller;
-}
-.table .nav .small {
-    font-size: smaller;
-}
-.table .content TR.over {
-    background-image: url(img/bg1.gif);
-    background-repeat: repeat-x;
-    background-color: white;
-}
-.table .content TR.over TD {
-    border-bottom: 1px solid #9999ee;
-}
-
-.table .content TD.scroll {
-       padding: 0px;
-       border: none;
-       width: 16px;
-       height: 100%;
-}
-.table .content TD.cheader.scroll {
-       border-left: 1px solid #999999;
-       border-bottom: 1px solid #999999;
-       width: 16px;
-}
-.table DIV.scroll {
-       width: 16px;
-       border-left: 1px solid #eeeeee;
-       /*overflow: scroll;*/
-       height: 100%;
-}
-td.header {
-       background: url(img/bg1.gif);
-       background-repeat: repeat-x;
-}
-.table .icon {
-       width:16px;
-       height:16px;
-       background:url(img/table/col-header-bg.gif) repeat-x;
-}
-
-
-/**
-* General HTML-tag styles
-* Added 6.6.2006
-* Jouni Koivuviita
-**/
-
-body {
-       margin:0;
-       padding:20px;
-       background: url(img/body_bg.gif) repeat-x #fff;
-       color:#494949;
-       font-family:Tahoma, Arial, Helvetica, sans-serif;
-       font-size:62.5%;
-}
-td {
-       font-size:8pt;
-}
-p {
-       font-size:1em;
-}
-
-h1, h2, h3, h4, h5, h6 {
-       font-family: "Trebuchet MS", sans-serif;
-       color:#494949;
-       letter-spacing:-0.03em;
-}
-h1 {
-       font-size: 18pt;
-       text-transform:uppercase;
-       margin:1em 0 0.6em 0;
-}
-h2 {
-       font-size:17pt;
-       font-weight:normal;     
-       color:#0076c9;
-       margin:0.8em 0 0.5em 0;
-}
-h3 {
-       font-size: 14pt;
-       margin:0.6em 0 0.4em 0;
-}
-h4 {
-       font-size:12.4pt;
-       font-style:italic;
-       color:#0076c9;
-       margin:0.4em 0 0.3em 0;
-}
-h5 {
-       font-size:10pt;
-       margin:0.3em 0 0.2em 0;
-}
\ No newline at end of file
+/* Debug styles */\r
+.uidl {\r
+       position: absolute;\r
+       z-index: 1001;\r
+       text-indent: 18px;\r
+       background-color: white;\r
+       background-image: url('img/debug.gif');\r
+       background-repeat: no-repeat;\r
+       background-position: 1 1;\r
+       font-weight: normal;\r
+       white-space: nowrap;\r
+}\r
+.minimized {\r
+       overflow: hidden;\r
+       width: 18px;\r
+       height: 18px;\r
+       z-index: 1000;\r
+}\r
+\r
+/* General styles */\r
+\r
+* {\r
+    background-color: ThreeDFace;\r
+    font-family: sans-serif;\r
+    Xfont-size: 10pt;\r
+    font-weight: normal;\r
+}\r
+\r
+.inline {\r
+    display: inline;\r
+}\r
+\r
+.hidden {\r
+    display: none;\r
+}\r
+\r
+.border {\r
+    background-color: ButtonFace;\r
+    border-width: 1px;\r
+    border-style: solid;\r
+    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;    \r
+}\r
+\r
+.outset {\r
+       border: 1px solid ButtonFace;\r
+}\r
+/* DISABLED */\r
+.disabled {\r
+    color: GrayText;\r
+    opacity: 0.5;\r
+    filter: alpha(opacity=50);\r
+}\r
+.disabled .caption {\r
+    color: GrayText;\r
+}\r
+.disabled .border .caption {\r
+    color: GrayText;\r
+}\r
+INPUT, SELECT, SELECT OPTION, TEXTAREA {\r
+       background-color: ThreeDHighlight;\r
+}\r
+.disabled INPUT, .disabled SELECT, .disabled SELECT OPTION {\r
+       background-color: ThreeDFace;\r
+}\r
+\r
+/* CAPTION */\r
+.caption {\r
+    color: ButtonText;\r
+}\r
+.caption .icon {\r
+       width: 1em;\r
+       height: 1em;    \r
+       vertical-align: middle;\r
+       padding-right: 5px;\r
+}\r
+\r
+.clickable {\r
+    cursor: hand;\r
+    cursor: pointer;\r
+}\r
+\r
+.over {\r
+       border: 1px solid ThreeDDarkShadow;\r
+}\r
+.over .caption {\r
+       color: ActiveCaption;\r
+}\r
+\r
+.selected {\r
+       font-weight: bold;\r
+       background: #aaaaaa;\r
+}\r
+\r
+.content {\r
+    padding: 7px;\r
+}\r
+\r
+/* TOOLTIP */\r
+IMG.overlay {\r
+       position: absolute;\r
+       z-index: 5;\r
+}\r
+.popup {\r
+       position: absolute;\r
+       z-index: 99999;\r
+       overflow: hidden;\r
+}\r
+.popup.hide {\r
+       display: none;\r
+}\r
+.popup .border {\r
+       border: 1px solid InfoText;\r
+       background-color: InfoBackground;\r
+}\r
+.popup .caption {\r
+       text-align: left;\r
+}\r
+.popup * {\r
+       white-space: nowrap;\r
+       color: InfoText;\r
+       background-color: InfoBackground;\r
+}\r
+.popup .error {\r
+       font-size: 0.9em;\r
+}\r
+\r
+/* COMPONENTS */\r
+\r
+/* Button */\r
+.button .border {\r
+       height: 1.2em;\r
+       overflow: hidden;\r
+       padding: 0.2em 0.4em 0.2em 0.4em;\r
+       text-align: center;\r
+}\r
+\r
+.button-link .caption {\r
+       color: ActiveCaption;\r
+       font-style: italic;\r
+}\r
+.button-link .over {\r
+       border: none;\r
+}\r
+.button-link .over .caption {\r
+       text-decoration: underline;\r
+}\r
+\r
+/* DateField */\r
+.datefield .btn {\r
+       background-color: ButtonFace;\r
+       margin-right: 3px;\r
+}\r
+\r
+/* Link */\r
+.link .caption {\r
+       color: ActiveCaption;\r
+       font-style: italic;\r
+}\r
+.link .over {\r
+       border: none;\r
+}\r
+.link .over .caption {\r
+       text-decoration: underline;\r
+}\r
+.link .description {\r
+       font-size: 0.8em;\r
+       text-indent: 1.5em;\r
+}\r
+\r
+/* Panel */\r
+.panelcaption {\r
+       padding: 0.2em 0.4em 0.2em 0.4em;\r
+}\r
+.panel .panelcaption {\r
+       border-bottom: 2px groove ButtonShadow;\r
+       color: CaptionText;\r
+       background-color: ActiveCaption;\r
+}\r
+.panel-light .borderlight {\r
+       border: 2px groove ThreeDHighlight;\r
+}\r
+\r
+/* Select */\r
+.select-optiongroup INPUT.option {\r
+       background-color: ThreeDFace;\r
+}\r
+.select-optiongroup DIV.newitem {\r
+       margin-left: 1.2em;\r
+       margin-top: 0.3em;\r
+}\r
+\r
+/* TabSheet */\r
+.tabsheet .tabs {\r
+       margin-top: 0.5em;\r
+}\r
+.tabsheet .tabs .tab .caption, .tabsheet .tabs .tab-on .caption {\r
+       margin-left: 1px;\r
+       margin-right: 1px;\r
+       padding: 0.2em 0.4em 0.1em 0.4em;\r
+}\r
+.tabsheet .tabs .tab .border {\r
+       border-bottom: 1px solid ThreeDHighlight;\r
+}\r
+.tabsheet .tabs .tab-on .border {\r
+       border-bottom: 1px solid ThreeDFace;\r
+}\r
+.tabsheet .tabs .over {\r
+       border: none;\r
+}\r
+.tabsheet .tabs .over .border {\r
+       border-bottom: 1px solid ThreeDFace;\r
+}\r
+\r
+\r
+/* TextField */\r
+.textfield {\r
+       margin-top: 0.05em;\r
+}\r
+.textfield .border {\r
+       border: none;\r
+}\r
+.textfield INPUT {\r
+       font-size: 1em;\r
+       padding: 0.12em 0.4em 0.12em 0.4em;\r
+}\r
index 3b0ea0a1cfc4eb4cc346edc2fae2a2ef2865bde6..6ac94987df11f1685d861f1813c48ae94d27c1ca 100644 (file)
@@ -791,9 +791,12 @@ DefaultTheme.prototype.showPopup = function(client,popup, x, y, delay, defWidth)
                this.hidePopup();\r
        } \r
        this.popup = popup;\r
+/*     THIS CODE IS NOT NEEDED IF WE CAN POSITION THE POPUP BEFOREHAND\r
+\r
        popup.style.left = 0+"px";\r
        popup.style.top = 0+"px";\r
        this.removeCSSClass(popup,"hide");\r
+\r
     var p = client.getElementPosition(popup);\r
     this.addCSSClass(popup,"hide");\r
     // TODOO!!! width not working properly\r
@@ -822,7 +825,7 @@ DefaultTheme.prototype.showPopup = function(client,popup, x, y, delay, defWidth)
     \r
        popup.style.left = posX+"px";\r
        popup.style.top = posY+"px";\r
-\r
+*/\r
        if (delay > 0) {\r
                with ({theme:this}) {\r
                        theme.popupTimeout = setTimeout(function(){\r
@@ -1336,6 +1339,8 @@ DefaultTheme.prototype.renderPanel = function(renderer,uidl,target,layoutInfo) {
                        \r
                        var style = uidl.getAttribute("style");\r
                        \r
+                       var borderStyle = "border";\r
+                       \r
                        // Create component element\r
                        var outer = theme.createPaintableElement(renderer,uidl,target,layoutInfo);\r
                        if (uidl.getAttribute("invisible")) return; // Don't render content if invisible\r
@@ -1345,19 +1350,20 @@ DefaultTheme.prototype.renderPanel = function(renderer,uidl,target,layoutInfo) {
             }\r
                        if ("light"==style) {\r
                                theme.addCSSClass(div,"light");\r
+                               borderStyle += "light";\r
                        }\r
                        \r
                        // Create extra DIV for visual layout\r
                        var div = theme.createElementTo(outer,"div");\r
             if ("none"!=style) {\r
-                           theme.setCSSClass(div,"border");\r
+                           theme.setCSSClass(div,borderStyle);\r
             }\r
 \r
                        // Create default header\r
                        var caption = theme.renderDefaultComponentHeader(renderer,uidl,div);\r
-                       theme.addCSSClass(caption,"pad");\r
+                       theme.addCSSClass(caption,"panelcaption");\r
             if ("light"==style) {\r
-                               theme.addCSSClass(caption,"lightcap");\r
+                               theme.addCSSClass(caption,"panelcaptionlight");\r
                        }\r
 \r
                        // Create content DIV\r
@@ -1382,7 +1388,6 @@ DefaultTheme.prototype.renderTabSheet = function(renderer,uidl,target,layoutInfo
 \r
                        // Create default header\r
                        var caption = renderer.theme.renderDefaultComponentHeader(renderer,uidl,div,layoutInfo);\r
-                       theme.createElementTo(div,"br");\r
                        \r
                        //  Render tabs\r
                        var tabs = theme.createElementTo(div,"div","tabs");\r
@@ -1404,7 +1409,9 @@ DefaultTheme.prototype.renderTabSheet = function(renderer,uidl,target,layoutInfo
                                        if (tabNode.getAttribute("selected") == "true") {\r
                                                theme.addCSSClass(tab,"tab-on inline");\r
                                                selectedTabNode = tabNode;\r
-                                       } else if (tabNode.getAttribute("disabled") == "true") {\r
+                                       } else if (tabNode.getAttribute("disabled") == "true" \r
+                                                               || uidl.getAttribute("disabled") == "true"\r
+                                                               || uidl.getAttribute("readonly") == "true") {\r
                                                theme.setCSSClass(tab,"tab disabled inline");\r
                                        } else {\r
                                                theme.setCSSClass(tab,"tab clickable inline");\r
@@ -1417,22 +1424,18 @@ DefaultTheme.prototype.renderTabSheet = function(renderer,uidl,target,layoutInfo
                                        \r
                                        // Icon\r
                                        if (iconUrl) {\r
-                                               tab.innerHTML = "<IMG src=\""+iconUrl+"\" class=\"icon\" />"+tabNode.getAttribute("caption");\r
-                                               //var icon = theme.createElementTo(tab,"img","icon");\r
-                                               //icon.src = iconUrl;\r
+                                               tab.innerHTML = "<IMG src=\""+iconUrl+"\" class=\"icon\" />" + tabNode.getAttribute("caption");\r
                                        } else {\r
                                                tab.innerHTML = tabNode.getAttribute("caption");\r
                                        }\r
-                                       \r
-                                       // Caption\r
-                                       //theme.createTextNodeTo(tab,tabNode.getAttribute("caption"));\r
                                \r
                                }\r
                        }\r
                        \r
-                       // Render content\r
+                       // Render content (IE renderbug need three)\r
                        var content = theme.createElementTo(div,"div","outset");\r
-                       content = theme.createElementTo(content,"div","content border");\r
+                       content = theme.createElementTo(content,"div","border");\r
+                       content = theme.createElementTo(content,"div","content");\r
                        if (selectedTabNode != null) {\r
                                theme.renderChildNodes(renderer,selectedTabNode, content);\r
                        }\r
@@ -1617,21 +1620,20 @@ DefaultTheme.prototype.renderTextField = function(renderer,uidl,target, layoutIn
                        input.focusid = focusid;\r
                }\r
        } else {\r
-               input = renderer.theme.createInputElementTo(border,(secret?"password":"text"),null,focusid);\r
-               \r
+               input = renderer.theme.createInputElementTo(border,(secret?"password":"text"),null,focusid);    \r
        }\r
        if (tabindex) input.tabIndex = tabindex;\r
        if (disabled||readonly) {\r
                input.disabled = "true";\r
        }\r
        \r
-       \r
        // Assign cols and rows\r
        if (cols >0) {\r
                if (multiline) {\r
                        input.cols = cols;\r
                } else {\r
                        input.size = cols;\r
+                       input.maxlength = cols;\r
                }\r
        }\r
        if (rows >0) {\r
@@ -1740,7 +1742,7 @@ DefaultTheme.prototype.renderDateField = function(renderer,uidl,target,layoutInf
                    }\r
                        \r
                        // Create button\r
-                   var button = theme.createInputElementTo(div,"button");\r
+                   var button = theme.createInputElementTo(div,"button","btn clickable");\r
                    button.id =buttonId;\r
                    button.value = "...";\r
                    if (disabled||readonly) {\r
@@ -2305,8 +2307,8 @@ DefaultTheme.prototype.renderLink = function(renderer,uidl,target,layoutInfo) {
        var link = theme.createElementTo(div,"div", "link pad clickable");\r
        \r
        if (!disabled&&!readonly) {\r
-               theme.addAddClassListener(theme,client,div,"mouseover","over");\r
-               theme.addRemoveClassListener(theme,client,div,"mouseout","over");\r
+               theme.addAddClassListener(theme,client,link,"mouseover","over");\r
+               theme.addRemoveClassListener(theme,client,link,"mouseout","over");\r
                \r
                var feat;\r
                switch (border) {\r
@@ -3273,7 +3275,7 @@ DefaultTheme.prototype.renderSelect = function(renderer,uidl,target,layoutInfo)
        if (focusid) select.focusid = focusid;\r
        if (tabindex) select.tabIndex = tabindex;\r
        if (selectMode == "multi") {\r
-               select.setAttribute("multiple", "true"); \r
+               select.setAttribute("multiple", "true");\r
                if (newitem) {\r
                        theme.createElementTo(div,"br");\r
                } \r
@@ -3285,6 +3287,9 @@ DefaultTheme.prototype.renderSelect = function(renderer,uidl,target,layoutInfo)
        var options = theme.getFirstElement(uidl,"options");\r
        if (options != null) {\r
                options = options.getElementsByTagName("so");\r
+               if (options && options.length && selectMode == "multi") {\r
+                       select.size = (options.length>7?7:options.length);\r
+               }\r
        }       \r
        if (disabled||readonly) {\r
                select.disabled = "true";\r
@@ -3313,7 +3318,7 @@ DefaultTheme.prototype.renderSelect = function(renderer,uidl,target,layoutInfo)
                var button = theme.createElementTo(div,"button");\r
                theme.createTextNodeTo(button,"+");\r
                var newitemVariable = theme.createVariableElementTo(div,theme.getVariableElement(uidl,"string","newitem"));\r
-               theme.addSetVarListener(theme,client,input,"change",newitemVariable,input,immediate);\r
+               theme.addSetVarListener(theme,client,input,"change",newitemVariable,input,true);\r
        }\r
 }\r
 \r
@@ -3364,9 +3369,9 @@ DefaultTheme.prototype.renderSelectOptionGroup = function(renderer,uidl,target,l
                        var caption =  optionUidl.getAttribute("caption");\r
                        var html;\r
                        if (selectMode == "multi") {\r
-                               html = "<input type=checkbox name=\""+inputName+"\" id=\""+inputId+"\" ";\r
+                               html = "<input class=\"option\" type=checkbox name=\""+inputName+"\" id=\""+inputId+"\" ";\r
                        } else {        \r
-                               html = "<input type=radio name=\""+inputName+"\" id=\""+inputId+"\" ";                  \r
+                               html = "<input class=\"option\" type=radio name=\""+inputName+"\" id=\""+inputId+"\" ";                 \r
                        }\r
                        if (disabled||readonly) html += " disabled=\"true\" "\r
                        if (optionUidl.getAttribute("selected") == "true") {\r
@@ -3395,11 +3400,11 @@ DefaultTheme.prototype.renderSelectOptionGroup = function(renderer,uidl,target,l
                }\r
        }\r
        if (newitem) {\r
-               theme.createElementTo(div,"br");\r
-               var input = theme.createInputElementTo(div,"text");\r
-               var button = theme.createElementTo(div,"button");\r
+               var ni = theme.createElementTo(div,"div","newitem");\r
+               var input = theme.createInputElementTo(ni,"text");\r
+               var button = theme.createElementTo(ni,"button");\r
                theme.createTextNodeTo(button,"+");\r
-               var newitemVariable = theme.createVariableElementTo(div,theme.getVariableElement(uidl,"string","newitem"));\r
+               var newitemVariable = theme.createVariableElementTo(ni,theme.getVariableElement(uidl,"string","newitem"));\r
                theme.addSetVarListener(theme,client,input,"change",newitemVariable,input,true);\r
        }\r
 }\r