Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / examples / layout-browser / layout-browser.css
index e768e0c..70ba8fc 100644 (file)
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-/*===================================\r
-/*   Basic page styles\r
-/*===================================*/\r
-body {\r
-    font-family:'lucida grande',tahoma,arial,sans-serif;\r
-    font-size:11px;\r
-}\r
-a {\r
-    color:#15428B;\r
-}\r
-a:link, a:visited {\r
-    text-decoration: none;\r
-}\r
-a:hover {\r
-    text-decoration: underline;\r
-}\r
-#header {\r
-    background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;\r
-}\r
-#header h1 {\r
-    font-size: 16px;\r
-    color: #fff;\r
-    font-weight: normal;\r
-    padding: 5px 10px;\r
-}\r
-#start-div h2 {\r
-    font-size: 12px;\r
-    color: #555;\r
-    padding-bottom:5px;\r
-    border-bottom:1px solid #C3D0DF;\r
-}\r
-#start-div p {\r
-    margin: 10px 0;\r
-}\r
-#details-panel h2 {\r
-    padding:10px 10px 0;\r
-    font-size:12px;\r
-    color:#15428B;\r
-}\r
-#details-panel p {\r
-    padding:10px 10px 0;\r
-}\r
-#details-panel pre {\r
-    border-top:1px dotted #ddd;\r
-    border-bottom:1px dotted #ddd;\r
-    margin-top:10px;\r
-    padding:0 5px;\r
-    background:#f5f5f5;\r
-}\r
-#details-panel .details-info {\r
-    margin:15px;\r
-    padding:15px;\r
-    border:1px dotted #999;\r
-    color:#555;\r
-    background: #f9f9f9;\r
-}\r
-\r
-/*===================================\r
-/*   Customized layout styles\r
-/*===================================*/\r
-\r
-/* Remove the border around the tabs and override the default white background: */\r
-.x-tab-panel-header-plain .x-tab-strip-top {\r
-    background: #DFE8F6 url(../images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;\r
-}\r
-\r
-/* Custom CSS applied to a single panel in an accordion: */\r
-.custom-accordion .x-panel-body {\r
-    font-family:georgia,serif;\r
-    padding:20px 80px !important;\r
-    background:#ffe;\r
-    font-size:18px;\r
-    text-align:center;\r
-    color:#15428B;\r
-}\r
-.custom-accordion .x-panel-header-text {\r
-    font-weight:bold;\r
-    font-style:italic;\r
-    color:#555;\r
-}\r
-\r
-/* Custom style for the FormLayout footer so that it integrates into the border layout nicely: */\r
-#form-panel .x-panel-footer {\r
-    background:#DFE8F6;\r
-    border-color:#99BBE8;\r
-    border-style:none solid solid;\r
-    border-width:0pt 1px 1px;\r
-}\r
-\r
-/* Customize the TableLayout html using standard CSS rules: */\r
-#table-panel .x-table-layout {\r
-    padding:5px;\r
-}\r
-#table-panel .x-table-layout td {\r
-    vertical-align:top;\r
-    padding:5px;\r
-    font-size: 11px;\r
-}\r
-\r
-/* Toolbar icons for absolute form example: */\r
-.icon-send {\r
-    background-image:url(images/email_go.png) !important;\r
-}\r
-.icon-save {\r
-    background-image:url(images/disk.png) !important;\r
-}\r
-.icon-print {\r
-    background-image:url(images/printer.png) !important;\r
-}\r
-.icon-spell {\r
-    background-image:url(images/spellcheck.png) !important;\r
-}\r
-.icon-attach {\r
-    background-image:url(images/page_attach.png) !important;\r
-}\r
-/* Custom rule to make the toolbar fit within a framed panel with no margin: */\r
-.email-form .x-panel-mc .x-panel-tbar .x-toolbar {\r
-    border-top:1px solid #C2D6EF;\r
-    border-left:1px solid #C2D6EF;\r
-    border-bottom:1px solid #99BBE8;\r
-    margin:-5px -4px 0;\r
-}\r
-\r
-/* Custom styles for the "Tabs with nested layouts" example: */\r
-.inner-tab-custom .x-border-layout-ct {\r
-    background: #fff;\r
-}\r
-\r
-/*===================================\r
-/*  Rules for custom ux layouts\r
-/*====================================*/\r
-/* \r
- * Ext.ux.layout.CenterLayout\r
- */\r
-.ux-layout-center-item {\r
-    margin:0 auto;\r
-    text-align:left;\r
-}\r
-.ux-layout-center .x-panel-body,  /* if the container is a panel */\r
-body.ux-layout-center {           /* if the container is the doc body (for viewport) */\r
-    text-align:center;\r
-}\r
+/*!
+ * Ext JS Library 3.2.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+body {
+    font-family:'lucida grande',tahoma,arial,sans-serif;
+    font-size:11px;
+}
+a {
+    color:#15428B;
+}
+a:link, a:visited {
+    text-decoration: none;
+}
+a:hover {
+    text-decoration: underline;
+}
+#header {
+    background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;
+}
+#header h1 {
+    font-size: 16px;
+    color: #fff;
+    font-weight: normal;
+    padding: 5px 10px;
+}
+#start-div h2 {
+    font-size: 12px;
+    color: #555;
+    padding-bottom:5px;
+    border-bottom:1px solid #C3D0DF;
+}
+#start-div p {
+    margin: 10px 0;
+}
+#details-panel h2 {
+    padding:10px 10px 0;
+    font-size:12px;
+    color:#15428B;
+}
+#details-panel p {
+    padding:10px 10px 0;
+}
+#details-panel pre {
+    border-top:1px dotted #ddd;
+    border-bottom:1px dotted #ddd;
+    margin-top:10px;
+    padding:0 5px;
+    background:#f5f5f5;
+}
+#details-panel .details-info {
+    margin:15px;
+    padding:15px;
+    border:1px dotted #999;
+    color:#555;
+    background: #f9f9f9;
+}
+.x-tab-panel-header-plain .x-tab-strip-top {
+    background: #DFE8F6 url(../../resources/images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
+}
+.custom-accordion .x-panel-body{
+    background:#ffe;
+    text-align:center;
+}
+.custom-accordion .x-panel-body p {
+    font-family:georgia,serif;
+    padding:20px 80px !important;
+    font-size:18px;
+    color:#15428B;
+}
+.custom-accordion .x-panel-header-text {
+    font-weight:bold;
+    font-style:italic;
+    color:#555;
+}
+#form-panel .x-panel-footer {
+    background:#DFE8F6;
+    border-color:#99BBE8;
+    border-style:none solid solid;
+    border-width:0pt 1px 1px;
+}
+#table-panel .x-table-layout {
+    padding:5px;
+}
+#table-panel .x-table-layout td {
+    vertical-align:top;
+    padding:5px;
+    font-size: 11px;
+}
+.icon-send {
+    background-image:url(images/email_go.png) !important;
+}
+.icon-save {
+    background-image:url(images/disk.png) !important;
+}
+.icon-print {
+    background-image:url(images/printer.png) !important;
+}
+.icon-spell {
+    background-image:url(images/spellcheck.png) !important;
+}
+.icon-attach {
+    background-image:url(images/page_attach.png) !important;
+}
+.email-form .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-top:1px solid #C2D6EF;
+    border-left:1px solid #C2D6EF;
+    border-bottom:1px solid #99BBE8;
+    margin:-5px -4px 0;
+}
+.inner-tab-custom .x-border-layout-ct {
+    background: #fff;
+}