Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / shared / extjs / css / extjs.css
index 752e364..08a5cb9 100644 (file)
@@ -1,15 +1,14 @@
 /*!
- * Ext JS Library 3.2.2
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.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;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size:12px;
     color:#555;
     line-height:20px;
     background-color:#fff;
@@ -37,126 +36,21 @@ a:hover {
     width:960px;
 }
 
-/* header styles */
 #hd {
-    background:transparent url(../images/topbar.png) no-repeat 10px bottom;
-       height: 108px;
-       position:relative;
-}
-
-#hd table.nav {
-    position:absolute;
-    margin-left:0;
-}
-#hd table.nav tr {
-}
-#hd table.nav tr td {
-    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;
+   height: 65px;
+   position:relative;
 }
 
-#hd table.nav a, #hd table.main-nav a span {
-    color: #fff;
-    display:block;
-}
-#hd table.nav a {
-    line-height:14px;
-}
-#hd table.nav a span {
-    padding:6px 15px 7px 15px;
-}
-#hd table.nav a span {
-    font-family:tahoma,helvetica,arial,sans-serif;
-    font-size:12px;
-}
-
-/* Main nav */
-
-
-#hd table.main-nav {
-    left:15px;
-    top:53px;
-}
-#hd table.main-nav tr {
-    height:28px;
-}
-
-#hd table.main-nav a:hover {
-    text-decoration:underline;
-}
-
-#hd table.main-nav a:hover span {
-    text-decoration:underline;
-}
-
-#hd table.main-nav td.active a {
-    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;
-}
-
-/* Sub nav */
-
-#hd .sub-nav {
-    position:absolute;
-    left:25px;
-    top:85px;
-    height:21px;
-}
-#hd .sub-nav td {
-    font-size:11px;
-    color:#777;
-    font-family:tahoma,helvetica,arial,sans-serif;
-}
-#hd .sub-nav td span {
-    color:#777;
-}
-#hd .sub-nav td a {
-    color:#046BCA;
-    font-family:tahoma,helvetica,arial,sans-serif;
-}
-#hd .sub-nav td.spacer {
-    padding:0 5px;
-}
-/* Main header image */
-
-#hd h1 a {
-    background:transparent url(../images/extjs2.png) no-repeat;
-    position:relative;
-    float:left;
-    top: 12px;
-    left: 20px;
-    height:18px;
-    width:227px;
-}
-#hd h1 a span {
-    display:none;
-}
-
-
 #hd a#logo img {
     border: none !important;
-    height:52px;
     position:relative;
-    top:-3px;
-    left:7px;
-    width:134px;
+    left:-3px;
 }
 
 /* body styles */
 
 #bd {
-    margin:5px 15px 0;
+    margin:5px auto;
     zoom:1;
 }
 
@@ -171,7 +65,7 @@ a:hover {
 }
 
 #bd .left-column {
-    width:700px;
+    width:738px;
     float:left;
 }
 #bd .right-column {
@@ -184,22 +78,40 @@ a:hover {
     font-size:12px;
 }
 
+#bd h1#pagetitle {
+    font-size:24px;
+    font-weight:bold;
+    color: #000;
+    line-height: 24px;
+    margin:0.67em 0 6px;
+    position: relative;
+    width: 738px;
+}
+
+h1#pagetitle a {
+    display: block;
+    font-size: 13px;
+/*     float: right; */
+    line-height: 30px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    text-decoration: underline;
+}
+
 #bd h3 {
-    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;
 }
 #bd h5 {
-    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
     background-color:#F1F1F1;
     padding:3px;
     color:#789030;
@@ -222,8 +134,7 @@ a:hover {
 /* footer */
 #ft {
     margin-top:25px;
-    text-align:center;
-    background: transparent url(../images/ft-bg.png) no-repeat center 0;
+    text-align:left;
     padding-top:5px;
 }
 #ft table.nav {
@@ -252,43 +163,6 @@ ul.features li,  .content-box ul li, .side-box ul li {
     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;
-}
-.flyout-menu a {
-    color:#046BCA;
-}
-.flyout-menu p {
-    margin:4px 0;
-    font-size:11px;
-    color:#555;
-    line-height:16px;
-}
-.flyout-menu br {
-    line-height:10px;
-}
-.flyout-menu h3 {
-    font-size:12px;
-    font-weight:bold;
-    line-height:16px;
-}
-.flyout-menu ul {
-    font-size:11px;
-    list-style-type: square;
-    margin-left:15px;
-}
-.flyout-menu li {
-    color:#ccc;
-    line-height:16px;
-}
 
 /* rss feeds */
 
@@ -309,15 +183,15 @@ ul.features li,  .content-box ul li, .side-box ul li {
 /* side boxes */
 
 div.side-box {
-    background: transparent url(../images/side-box.png) no-repeat;
-    padding-top:9px;
+    background: #f3f3f3;
+    border: 1px solid #ddd;
     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;
+    background: #f3f3f3;
+    padding: 15px;
     font-size:12px;
     zoom:1;
 }
@@ -371,7 +245,6 @@ div.content-box p {
 }
 
 /* Store */
-
 #commercial strong {
     font-size: 12px;
     margin: 0 0 0 0;
@@ -437,7 +310,6 @@ a.buynow {
     border:1px solid;
     border-color:#ddd #bbb #bbb #ddd;
     background:#eee;
-    font:bold 11px tahoma, arial, helvetica, sans-serif;
     color:#333 !important;
     cursor:pointer;
     margin:0 2px;
@@ -562,7 +434,6 @@ table.dl td {
 }
 
 a.link {
-    font-family:tahoma,helvetica,arial,sans-serif;
     font-size:12px;
     font-weight:bold;
     line-height:19px;
@@ -581,7 +452,6 @@ a.link {
     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;