Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / examples / portal / portal.css
index 3ba7a37..ed06ffc 100644 (file)
@@ -1,42 +1,62 @@
-/*\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
-.x-portal .x-panel-dd-spacer {\r
-    margin-bottom:10px;\r
-}\r
-\r
-.x-portlet {\r
-    margin-bottom:10px;\r
-}\r
-\r
-/* Clean up the look of the portlets */\r
-.x-portlet .x-panel-ml {\r
-    padding-left:2px;\r
-}\r
-.x-portlet .x-panel-mr {\r
-    padding-right:2px;\r
-}\r
-.x-portlet .x-panel-bl {\r
-    padding-left:2px;\r
-}\r
-\r
-.x-portlet .x-panel-br {\r
-    padding-right:2px;\r
-}\r
-.x-portlet .x-panel-body {\r
-    background:white;\r
-}\r
-.x-portlet .x-panel-mc {\r
-    padding-top:2px;\r
-}\r
-.x-portlet .x-panel-bc .x-panel-footer {\r
-    padding-bottom:2px;\r
-}\r
-.x-portlet .x-panel-nofooter .x-panel-bc {\r
-    height:2px;\r
-}
\ No newline at end of file
+#app-header {
+    color: #596F8F;
+    font-size: 22px;
+    font-weight: 200;
+    padding: 8px 15px;
+    text-shadow: 0 1px 0 #fff;
+}
+#app-msg {
+    background: #D1DDEF;
+    border: 1px solid #ACC3E4;
+    padding: 3px 15px;
+    font-weight: bold;
+    font-size: 13px;
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+.x-panel-ghost {
+    z-index: 1;
+}
+.x-border-layout-ct {
+    background: #DFE8F6;
+}
+.x-portal-body {
+    padding: 0 0 0 8px;
+}
+.x-portal .x-portal-column {
+    /* columns must have vertical padding to avoid losing dimensions when empty */
+    padding: 8px 8px 0 0;
+}
+.x-portal .x-panel-dd-spacer {
+    border: 2px dashed #99bbe8;
+    background: #f6f6f6;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    margin-bottom: 10px;
+}
+.x-portlet {
+    margin-bottom:10px;
+    padding: 1px;
+}
+.x-portlet .x-panel-body {
+    background: #fff;
+}
+.portlet-content {
+    padding: 10px;
+    font-size: 11px;
+}
+
+#app-options .portlet-content {
+    padding: 5px;
+    font-size: 12px;
+}
+.settings {
+    background-image:url(../shared/icons/fam/folder_wrench.png);
+}
+.nav {
+    background-image:url(../shared/icons/fam/folder_go.png);
+}
+.info {
+    background-image:url(../shared/icons/fam/information.png);
+}