X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..10a866c12701c0a0afd0ac85dcdcf32a421514ac:/examples/shared/extjs/css/extjs.css

diff --git a/examples/shared/extjs/css/extjs.css b/examples/shared/extjs/css/extjs.css
index 6123e5e4..fc881513 100644
--- a/examples/shared/extjs/css/extjs.css
+++ b/examples/shared/extjs/css/extjs.css
@@ -1,139 +1,137 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
 
 body {
-	/*font-family: helvetica,arial,tahoma,sans-serif;*/
-	font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
-	font-size:13px;
-	color:#555;
-	line-height:20px;
-	background-color:#fff;
-	text-align:center;
-	margin:0;padding:0;border:0;
+    /*font-family: helvetica,arial,tahoma,sans-serif;*/
+    font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
+    font-size:13px;
+    color:#555;
+    line-height:20px;
+    background-color:#fff;
+    text-align:center;
+    margin:0;padding:0;border:0;
 }
 
 td {
-	font-size:13px;
+    font-size:13px;
 }
 
 a:link, a:visited, a:active {
-	color: #0464BB;
-	text-decoration:none;
+    color: #0464BB;
+    text-decoration:none;
 }
 a:hover {
-	color: #1C417C;
-	text-decoration: underline;
+    color: #1C417C;
+    text-decoration: underline;
 }
 
 /* main document center */
 #viewport {
-	margin:auto;
-	text-align:left;
-	width:960px;
+    margin:auto;
+    text-align:left;
+    width:960px;
 }
 
 /* header styles */
 #hd {
-	background:transparent url(../images/topbar.png) no-repeat 10px bottom;
-   	height:95px;
-   	position:relative;
+    background:transparent url(../images/topbar.png) no-repeat 10px bottom;
+       height:95px;
+       position:relative;
 }
 
 #hd table.nav {
-	position:absolute;
-	margin-left:0;
+    position:absolute;
+    margin-left:0;
 }
 #hd table.nav tr {
 }
 #hd table.nav tr td {
-	padding-top:1px;
-	padding-left:0;
-	padding-right:0;
+    padding-top:1px;
+    padding-left:0;
+    padding-right:0;
 }
 #hd table.nav a, #hd table.main-nav a:hover, #hd table.main-nav a:visited {
-	color: #fff;
+    color: #fff;
 }
 
 #hd table.nav a, #hd table.main-nav a span {
-	color: #fff;
-	display:block;
+    color: #fff;
+    display:block;
 }
 #hd table.nav a {
-	line-height:14px;
+    line-height:14px;
 }
 #hd table.nav a span {
-	padding:6px 15px 7px 15px;
+    padding:6px 15px 7px 15px;
 }
 #hd table.nav a span {
-	font-family:tahoma,helvetica,arial,sans-serif;
-	font-size:12px;
+    font-family:tahoma,helvetica,arial,sans-serif;
+    font-size:12px;
 }
 
 /* Main nav */
 
 
 #hd table.main-nav {
-	left:15px;
-	top:40px;
+    left:15px;
+    top:40px;
 }
 #hd table.main-nav tr {
-	height:28px;
+    height:28px;
 }
 
 #hd table.main-nav a:hover {
-	text-decoration:underline;
+    text-decoration:underline;
 }
 
 #hd table.main-nav a:hover span {
-	text-decoration:underline;
+    text-decoration:underline;
 }
 
 #hd table.main-nav td.active a {
-	background:transparent url(../images/nav-left.png) repeat-x;
-	text-decoration:none;
+    background:transparent url(../images/nav-left.png) repeat-x;
+    text-decoration:none;
 }
 
 #hd table.main-nav td.active a span {
-	background:transparent url(../images/nav-right.png) no-repeat right 0;
-	font-weight:bold;
-	padding:7px 15px 6px 15px;
-	text-decoration:none;
+    background:transparent url(../images/nav-right.png) no-repeat right 0;
+    font-weight:bold;
+    padding:7px 15px 6px 15px;
+    text-decoration:none;
 }
 
 /* Sub nav */
 
 #hd .sub-nav {
-	position:absolute;
-	left:25px;
-	top:72px;
-	height:21px;
+    position:absolute;
+    left:25px;
+    top:72px;
+    height:21px;
 }
 #hd .sub-nav td {
-	font-size:11px;
-	color:#777;
-	font-family:tahoma,helvetica,arial,sans-serif;
+    font-size:11px;
+    color:#777;
+    font-family:tahoma,helvetica,arial,sans-serif;
 }
 #hd .sub-nav td span {
-	color:#777;
+    color:#777;
 }
 #hd .sub-nav td a {
-	color:#046BCA;
-	font-family:tahoma,helvetica,arial,sans-serif;
+    color:#046BCA;
+    font-family:tahoma,helvetica,arial,sans-serif;
 }
 #hd .sub-nav td.spacer {
-	padding:0 5px;
+    padding:0 5px;
 }
 /* Main header image */
 
 #hd h1 a {
-	background:transparent url(../images/extjs2.png) no-repeat;
+    background:transparent url(../images/extjs2.png) no-repeat;
     position:relative;
     float:left;
     top: 12px;
@@ -142,234 +140,234 @@ a:hover {
     width:227px;
 }
 #hd h1 a span {
-	display:none;
+    display:none;
 }
 
 /* body styles */
 
 #bd {
-	margin:5px 15px 0;
-	zoom:1;
+    margin:5px 15px 0;
+    zoom:1;
 }
 
 #bd p {
-	margin-top:8px;
-	margin-bottom:8px;
+    margin-top:8px;
+    margin-bottom:8px;
 }
 
 #bd br {
-	font-size:10px;
-	line-height:10px;
+    font-size:10px;
+    line-height:10px;
 }
 
 #bd .left-column {
-	width:700px;
-	float:left;
+    width:700px;
+    float:left;
 }
 #bd .right-column {
-	width:200px;
-	float:left;
-	margin-left:20px;
+    width:200px;
+    float:left;
+    margin-left:20px;
 }
 #bd .right-column p {
-	margin:5px;
-	font-size:12px;
+    margin:5px;
+    font-size:12px;
 }
 
 #bd h3 {
-	font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
-	font-size:18px;
-	font-weight:normal;
-	color: #385F95;
-	margin:7px 0;
+    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
+    font-size:18px;
+    font-weight:normal;
+    color: #385F95;
+    margin:7px 0;
 }
 #bd h4 {
-	font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
-	font-size:14px;
-	font-weight:bold;
-	color: #555;
-	margin:5px 0;
+    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
+    font-size:14px;
+    font-weight:bold;
+    color: #555;
+    margin:5px 0;
 }
 #bd h5 {
-	font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
-	background-color:#F1F1F1;
-	padding:3px;
-	color:#789030;
-	font-size:11px;
-	font-weight:bold;
-	text-transform:uppercase;
+    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
+    background-color:#F1F1F1;
+    padding:3px;
+    color:#789030;
+    font-size:11px;
+    font-weight:bold;
+    text-transform:uppercase;
 }
 
 #bd .big-box h5.alt {
-	text-align:center;
-	font-size:13px;
-	border-bottom:1px solid #eee;
-	color:#385F95;
+    text-align:center;
+    font-size:13px;
+    border-bottom:1px solid #eee;
+    color:#385F95;
 }
 
 #bd .box {
-	padding: 3px 5px 15px;
+    padding: 3px 5px 15px;
 }
 
 /* footer */
 #ft {
-	margin-top:25px;
-	text-align:center;
-	background: transparent url(../images/ft-bg.png) no-repeat center 0;
-	padding-top:5px;
+    margin-top:25px;
+    text-align:center;
+    background: transparent url(../images/ft-bg.png) no-repeat center 0;
+    padding-top:5px;
 }
 #ft table.nav {
-	margin: 0 auto;
+    margin: 0 auto;
 }
 
 #ft table.nav a, #ft table.nav a:hover, #ft table.nav a:visited {
-	color:#789030;
-	font-size:12px;
-	display:block;
-	padding:5px 15px 0;
+    color:#789030;
+    font-size:12px;
+    display:block;
+    padding:5px 15px 0;
 }
 
 #ft div.copy {
-	margin: 0 auto;
-	padding:10px 0 25px;
-	color:gray;
+    margin: 0 auto;
+    padding:10px 0 25px;
+    color:gray;
 }
 
 /* feature list */
 ul.features, .content-box ul, .side-box ul {
-	margin-left:15px;
-	list-style-image: url(../images/c-sep-l.gif);
+    margin-left:15px;
+    list-style-image: url(../images/c-sep-l.gif);
 }
 ul.features li,  .content-box ul li, .side-box ul li {
-	margin-top:5px;
-	margin-bottom:5px;
+    margin-top:5px;
+    margin-bottom:5px;
 }
 /* flyout menus */
 .flyout-menu {
-	position:absolute;
-	left:-200px;
-	top:-200px;
-	background:#fff;
-	padding:10px 15px;
-	text-align:left;
-	border:1px solid #aaa;
-	font-family: helvetica,arial,tahoma,sans-serif;
+    position:absolute;
+    left:-200px;
+    top:-200px;
+    background:#fff;
+    padding:10px 15px;
+    text-align:left;
+    border:1px solid #aaa;
+    font-family: helvetica,arial,tahoma,sans-serif;
 }
 .flyout-menu a {
-	color:#046BCA;
+    color:#046BCA;
 }
 .flyout-menu p {
-	margin:4px 0;
-	font-size:11px;
-	color:#555;
-	line-height:16px;
+    margin:4px 0;
+    font-size:11px;
+    color:#555;
+    line-height:16px;
 }
 .flyout-menu br {
-	line-height:10px;
+    line-height:10px;
 }
 .flyout-menu h3 {
-	font-size:12px;
-	font-weight:bold;
-	line-height:16px;
+    font-size:12px;
+    font-weight:bold;
+    line-height:16px;
 }
 .flyout-menu ul {
-	font-size:11px;
-	list-style-type: square;
-	margin-left:15px;
+    font-size:11px;
+    list-style-type: square;
+    margin-left:15px;
 }
 .flyout-menu li {
-	color:#ccc;
-	line-height:16px;
+    color:#ccc;
+    line-height:16px;
 }
 
 /* rss feeds */
 
 .rss {
-	float:right;
-	margin: 3px 3px 0 0;
+    float:right;
+    margin: 3px 3px 0 0;
 }
 .rss a {
-	display:block;
-	width:14px;
-	height:14px;
-	background: transparent url(../images/home/rss.gif) no-repeat 0 -14px;
+    display:block;
+    width:14px;
+    height:14px;
+    background: transparent url(../images/home/rss.gif) no-repeat 0 -14px;
 }
 .rss a:hover {
-	background-position: 0 0;
+    background-position: 0 0;
 }
 
 /* side boxes */
 
 div.side-box {
-	background: transparent url(../images/side-box.png) no-repeat;
-	padding-top:9px;
-	width:200px;
-	margin-bottom:20px;
-	zoom:1;
+    background: transparent url(../images/side-box.png) no-repeat;
+    padding-top:9px;
+    width:200px;
+    margin-bottom:20px;
+    zoom:1;
 }
 div.side-box-inner {
-	background: transparent url(../images/side-box.png) no-repeat 0 bottom;
-	padding:0 15px 5px;
-	font-size:12px;
-	zoom:1;
+    background: transparent url(../images/side-box.png) no-repeat 0 bottom;
+    padding:0 15px 5px;
+    font-size:12px;
+    zoom:1;
 }
 #bd div.side-box-inner h5 {
-	background:transparent !important;
-	padding-top:0;
+    background:transparent !important;
+    padding-top:0;
 }
 
 
 div.big-box {
-	background: transparent url(../images/big-box.png) no-repeat;
-	padding-top:12px;
-	width:700px;
-	margin-bottom:20px;
+    background: transparent url(../images/big-box.png) no-repeat;
+    padding-top:12px;
+    width:700px;
+    margin-bottom:20px;
 }
 div.big-box-inner {
-	background: transparent url(../images/big-box.png) no-repeat 0 bottom;
-	padding:0 15px 12px;
-	font-size:12px;
+    background: transparent url(../images/big-box.png) no-repeat 0 bottom;
+    padding:0 15px 12px;
+    font-size:12px;
 }
 #bd div.big-box-inner h5 {
-	background:transparent !important;
-	padding-top:0;
+    background:transparent !important;
+    padding-top:0;
 }
 
 div.full-box {
-	background: transparent url(../images/full-box.png) no-repeat;
-	padding-top:12px;
-	width:920px;
+    background: transparent url(../images/full-box.png) no-repeat;
+    padding-top:12px;
+    width:920px;
 }
 div.full-box-inner {
-	background: transparent url(../images/full-box.png) no-repeat 0 bottom;
-	padding:0 15px 10px;
-	font-size:12px;
+    background: transparent url(../images/full-box.png) no-repeat 0 bottom;
+    padding:0 15px 10px;
+    font-size:12px;
 }
 
 
 div.content-box {
-	width:700px;
+    width:700px;
 }
 div.content-box p {
-	margin-left:5px;
-	margin-right:5px;
+    margin-left:5px;
+    margin-right:5px;
 }
 #bd div.content-box ul.features {
-	margin-left:20px;
+    margin-left:20px;
 }
 #bd .content-box h5 {
-	background-image: url(../images/med-shd.png);
-	padding-left:10px;
+    background-image: url(../images/med-shd.png);
+    padding-left:10px;
 }
 
 /* Store */
 
 #commercial strong {
-	font-size: 12px;
-	margin: 0 0 0 0;
-	font-family:tahoma,verdana,helvetica,sans-serif;
-	color: #083772;
-	font-weight:bold;
+    font-size: 12px;
+    margin: 0 0 0 0;
+    font-family:tahoma,verdana,helvetica,sans-serif;
+    color: #083772;
+    font-weight:bold;
 }
 table.license {
    margin-left:5px;
@@ -410,16 +408,16 @@ table.license td {
    border-top:1px dotted #ddd;
 }
 #commercial h3 {
-	margin:0 0 5px;
-	font-size:16px;
+    margin:0 0 5px;
+    font-size:16px;
 }
 #store .big-box h4 {
-	font-size:12px;
-	font-weight:bold;
-	color: #222;
-	padding:4px;
-	background:#efefef url(../images/inner-hd.png) repeat-x;
-	border: 1px solid #efefef;
+    font-size:12px;
+    font-weight:bold;
+    color: #222;
+    padding:4px;
+    background:#efefef url(../images/inner-hd.png) repeat-x;
+    border: 1px solid #efefef;
 }
 
 
@@ -445,7 +443,7 @@ a.buynow:hover, a.buynow:hover {
 }
 
 .saleprice, b.sale, .sale-msg strong{
-	color: #c33;
+    color: #c33;
 }
 
 /* comparison table */
@@ -454,142 +452,153 @@ a.buynow:hover, a.buynow:hover {
 
 }
 .compare th {
-	padding:5px 12px;
-	font-weight:bold;
-	text-align:center;
-	border:1px solid #dddddd;
-	color:#fff;
-	background:#083772;
-	font-size:12px;
+    padding:5px 12px;
+    font-weight:bold;
+    text-align:center;
+    border:1px solid #dddddd;
+    color:#fff;
+    background:#083772;
+    font-size:12px;
 }
 .compare td {
-	padding:5px;
-	text-align:center;
-	border:1px solid #dddddd;
-	font-size:12px;
+    padding:5px;
+    text-align:center;
+    border:1px solid #dddddd;
+    font-size:12px;
 }
 .compare th.cfirst {
-	padding-left:8px;
+    padding-left:8px;
 }
 .compare td.cfirst, .compare th.cfirst {
-	text-align:left;
+    text-align:left;
 }
 .compare td.cfirst {
-	padding-left:20px;
+    padding-left:20px;
 }
 .compare td.ctitle {
-	text-align:left;
-	font-weight:bold;
-	background:#ececec;
-	padding-left:12px;
-	font-size:12px;
+    text-align:left;
+    font-weight:bold;
+    background:#ececec;
+    padding-left:12px;
+    font-size:12px;
 }
 
 .compare tr.cprice td,.compare tr.cfoot td {
-	padding:5px 12px;
-	font-weight:bold;
-	border:1px solid #dddddd;
-	border-collapse:collapse;
-	color:#083772;
-	background:#c3daf9 url(/themes/ext/resources/images/grid-hrow.gif) repeat-x;
-	vertical-align:top;
+    padding:5px 12px;
+    font-weight:bold;
+    border:1px solid #dddddd;
+    border-collapse:collapse;
+    color:#083772;
+    background:#c3daf9 url(/themes/ext/resources/images/grid-hrow.gif) repeat-x;
+    vertical-align:top;
 }
 .compare tr.cfoot td {
     background:#fff;
     padding-left:2px;
     padding-right:2px;
-	border-color:#fff;
+    border-color:#fff;
 }
 .compare tr.cfoot td a {
     margin-top:0;
     margin-right:25px;
 }
 .compare tr.corder-note td {
-	background: #eee;
+    background: #eee;
 }
 
 .compare sup {
-	margin-left:3px;
-	font-size:10px;
+    margin-left:3px;
+    font-size:10px;
 }
 .compare-info {
-	font-size:11px;
-	padding:10px;
+    font-size:11px;
+    padding:10px;
 }
 
 /* downloads */
 
 table.dl {
-	width:650px;
+    width:650px;
 }
 
 table.dl td {
-	padding:5px;
-	vertical-align:top;
+    padding:5px;
+    vertical-align:top;
 }
 
 .expandable {
-	background:#F7F7F7;
-	padding:4px;
-	border:1px solid #DEDEDE;
+    background:#F7F7F7;
+    padding:4px;
+    border:1px solid #DEDEDE;
 }
 
 .expandable-body{
-	background:#fff;
-	padding:5px;
-	zoom:1;
+    background:#fff;
+    padding:5px;
+    zoom:1;
 }
 .expandable-body-inner{
-	zoom:1;
+    zoom:1;
 }
 
 .expandable-body dd {
-	float:left;
-	width:300px;
-	padding:5px;
+    float:left;
+    width:300px;
+    padding:5px;
 }
 
 .training-info {
-	font-size:11px;
+    font-size:11px;
 }
 
 a.link {
-	font-family:tahoma,helvetica,arial,sans-serif;
-	font-size:12px;
-	font-weight:bold;
-	line-height:19px;
+    font-family:tahoma,helvetica,arial,sans-serif;
+    font-size:12px;
+    font-weight:bold;
+    line-height:19px;
 }
 
 #msg-ct {
-	position:absolute;
-	left:680px;
-	top:17px;
-	width:217px;
-	height:22px;
+    position:absolute;
+    left:680px;
+    top:17px;
+    width:217px;
+    height:22px;
 }
 
 #msg {
-	width:217px;
-	height:22px;
-	background-image:url(../images/msg-bg.png);
-	color:#777;
-	font-family:tahoma,helvetica,arial,sans-serif;
-	font-size:11px;
-	cursor:pointer;
-	visibility:hidden;
+    width:217px;
+    height:22px;
+    background-image:url(../images/msg-bg.png);
+    color:#777;
+    font-family:tahoma,helvetica,arial,sans-serif;
+    font-size:11px;
+    cursor:pointer;
+    visibility:hidden;
 }
 #msg-inner {
-	padding:5px 10px 0;
-	zoom:1;
-	line-height:12px;
-	text-align:center;
+    padding:5px 10px 0;
+    zoom:1;
+    line-height:12px;
+    text-align:center;
 }
 .msg-over {
-	color:#789030 !important;
+    color:#789030 !important;
 }
 
 #msg img {
-	width:19px;
-	height:19px;
+    width:19px;
+    height:19px;
+}
+
+/**
+ * Ext.App#setAlert message-box styles.
+ */
+.app-msg .x-box-mc {
+    text-align: left;
 }
+.x-icon-text { background-repeat: no-repeat; padding-left: 20px; }
+.icon-status-ok { background-image: url(../../icons/fam/accept.png) !important; }
+.icon-status-error { background-image: url(../../icons/fam/error.png) !important; }
+.icon-status-notice { background-image: url(../../icons/fam/information.png) !important; }