Extjs css

转载 2013年12月04日 09:23:05
/* 修改窗口标题字体*/
.x-window-header-text-default {
    color: #04468C;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
} 
/*修改标题栏样式*/ 
 .x-window-header-default-top {
    background-color: #CED9E7;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 4px 5px 0;
} 

-------------------------------------------------------------------------

/* 修改任务栏字体 */
 .x-toolbar .x-toolbar-text {
    color: #4C4C4C;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    margin-left: 4px;
    margin-right: 6px;
    white-space: nowrap;
} 
/* 修改任务栏中图标的文字 */
 .x-btn-default-toolbar-small .x-btn-inner {
    background-repeat: no-repeat;
    color: #333333;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 0 4px;
} 

----------------------------------------------------------------------------

/* 修改表头文本 */
.x-column-header {
    background-color: #C5C5C5;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #E3E4E6);
    border-color: -moz-use-text-color #C5C5C5 -moz-use-text-color -moz-use-text-color;
    border-left: 0 none;
    border-right: 1px solid #C5C5C5;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    font: 11px tahoma,arial,verdana,sans-serif;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
} 
/* 修改表格单元格 */
.x-grid-row .x-grid-cell {
    background-color: white;
    border-color: #FAFAFA #EDEDED #EDEDED;
    border-right: 0 solid #EDEDED;
    border-style: solid;
    border-width: 0;
    font: 11px/15px tahoma,arial,verdana,sans-serif;
} 
/* 修改表头行高 */

 .x-column-header-inner {
    line-height: 30px;
    padding: 0;
    position: relative;
    white-space: nowrap;
} 


/* 调整表格行高 */
.x-grid-with-row-lines .x-grid-cell-inner {
    line-height: 13px;
    padding-bottom: 4px;
} 

/* 修改表格、树背景 */
.x-panel .x-grid-body {
    background: none repeat scroll 0 0 transparent;
    border-color: #C5C5C5 #99BCE8 #99BCE8;
    border-right: 1px solid #99BCE8;
    border-style: solid;
    border-width: 1px;
} 
/*鼠标移到树、表格单条记录后的显示效果*/
.x-grid-row-over .x-grid-cell{
     background-image:url(../image/treeIcon/nav_hover_bg.jpg);
 }

/*记录选中后*/
 .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div
 {
     background-image:url(../image/treeIcon/nav_hover_bg.jpg) !important;
     font-weight: bold;
 }

/*树、表格行间距*/
.x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-end-plus, .x-tree-elbow-empty, .x-tree-elbow-line {
    height: 25px;
    width: 16px;
}

/*表格标题文本*/

.x-panel-header-text-default-framed {

    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

ExtJS自定义css样式

ExtJS自定义css样式 博客分类:  ExtJS webcssJavaScriptAjaxUI    ExtJS是一种主要用于创建富客户端web界面的技术,是...

ExtJS课程内容 for v3.3 & JS/CSS

ExtJS101—JS、CSS基本面内容JavaScriptand CSS Fundamentals 本课程面向Web客户端开发的初学者而设,或者想梳理一下有关JavaScript、CSS等客户端方...

ExtJs 通过 toggleClass 实现样式切换 ——以及更多的CSS操作

此处重点介绍一下 toggleClass 的应用,如图: css ↓ extjs↓ 同样是为了实现一个样式切换的效果,之前不知道 toggleClass 这个神器的时候还傻傻地用 ha...

extjs的css效果及与传统布局结合下的panel的使用及表单提交(转)

来源:http://blog.csdn.net/i_am_wangzg/archive/2008/07/19/2677741.aspx一、美化表单:ExtJS自带的CSS效果可以让表单非常漂亮,在使用...

extjs简单左边树形菜单布局

//如果需要显示校验信息,此行必须 Ext.onReady(function() { Ext.QuickTips.init(); /*new Ext.Viewport({ layout:"borde...

ExtJs之grid使用详解(觉得很全面,推荐)

ExtJs之grid使用详解(觉得很全面,推荐) 博客分类:  ExtJs EXTjsonASPXMLAjax    Ext2.0是一个javascript框架,它的...

关于在使用EXTJS过程中页面出现白板的解决方法

下面的方法暂没有试验。。。 使用Extjs过程中,在IE8中访问部分页面出现白板的情况,必须要用鼠标单击空白页面,EXT的界面才会出现,而只要再一次加载数据,那么就会出现白屏,需要重复以上的操作...

Extjs中的tree节点的操作

ext 树节点操作   tree :树    node:节点 1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); ...

extjs 问题集锦2 好帖 转

Ext动态树 jsp页面代码: cript"> //生成标签页tab 我的index.jsp使用了viewport视图布局 此tab 要加载center中 var tab = new Ext.TabP...

ExtJS4 grid column id显示转换为name,即字典翻译

标签: 假设表A是常见的系统字典表,包括id和name两个字段。 表B中某字段存的是表A的id,B表页面数据增加、修改时,那个id字段通常是个下拉框,valueField为id,displa...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Extjs css
举报原因:
原因补充:

(最多只允许输入30个字)