`
qdexception
  • 浏览: 45465 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

一套正在使用的css

    博客分类:
  • css
阅读更多
.textfield1 {
    FONT-FAMILY: "宋体", "Arial", "sans-serif";
font-size: 12px;
border: 1px none #FFFFFF;
background-color: #FFFFFF;
}
.inputfield1 {
BORDER-RIGHT: #999999 0px solid;
BORDER-TOP: #999999 0px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #999999 0px solid;
BORDER-BOTTOM: #999999 1px solid;
}
.inputfield2{
background-color: #D6DBDE;
font-size: 12px;
border: 1px solid #394963;
}
.input {
background-color: #D5DBE3;
}

.inputtxt{
BORDER-RIGHT: #999999 0px solid;
BORDER-TOP: #999999 0px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #999999 0px solid;
BORDER-BOTTOM: #999999 1px solid;
}

HR{
border: 1px dashed #CCCCCC;
}

.title {
    FONT-FAMILY: "宋体", "Arial", "sans-serif";
font-size: 16px;
font-weight: bold;
text-align: center;
}
.subtitle{
    FONT-FAMILY: "宋体", "Arial", "sans-serif";
font-size: 14px;
font-weight: bold;
text-align: left;  
}

.allform {
border: thin none #394963;
color: #394963;
}
.fixtitle {
    FONT-FAMILY: "宋体", "Arial", "sans-serif";
font-size: 12px;
font-weight: normal;
color: white;
/*background-color: #308dbb;*/
background-color: #BECEF2;
text-align: center;
background-image: url( "<%=contextPath%>/images/tableTopbg.gif" );

}
.normal {
    FONT-FAMILY: "宋体", "Arial", "sans-serif";
font-size: 12px;
color: #000000;
}
.fixtitle2 {
FONT-FAMILY: "宋体", "Arial", "sans-serif";
font-size: 12px;
font-weight: normal;
color: #696969;
background-color: #e8e8e8;
text-align: right;
text-indent: 10px;
white-space: pre;
}

.TD{
FONT-FAMILY: "宋体", "Arial", "sans-serif";
FONT-SIZE: 12px;
font-weight: normal;
color: #000000;
text-align: center;
}

.tabtitle {
FONT-FAMILY: "宋体", "Arial", "sans-serif";
font-size: 12px;
font-weight: bold;
color: blue;
text-align: center;
text-indent: 10px;
white-space: pre;
}
.flatbut {
background-color: #D6DBDE;
border: 1px solid #394963;
cursor: hand;
}
.coolscrollbar {
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #eeeeee;
SCROLLBAR-SHADOW-COLOR: #eeeeee;
SCROLLBAR-ARROW-COLOR: #7FA5E7;
SCROLLBAR-BASE-COLOR: #24262c;
scrollbar-dark-shadow-color: #cccccc;
scrollbar-3d-light-color: #eeeeee
}
.myshadow {
color: #333333;
filter: DropShadow(Color=#ffffff, OffX=1, OffY=1);
font-size: 12px;
vertical-align: bottom;
height: 16px;
}
.divcontent{
  height:150px;
  width:100%;
  overflow-y: auto;
      SCROLLBAR-HIGHLIGHT-COLOR:   #FFFFFF;   /*滚动条及箭头的亮边色*/  
      SCROLLBAR-SHADOW-COLOR:   #E1E1E1;         /*滚动条及箭头的暗边色*/  
      SCROLLBAR-3DLIGHT-COLOR:   #E1E1E1;       /*滚动条及箭头的3D亮边色*/  
      SCROLLBAR-TRACK-COLOR:   #E1EDFD;           /*滚动条底色*/  
      SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;   /*滚动条及箭头的暗边阴影色*/  
      SCROLLBAR-BASE-COLOR:   #9BBBF4;             /*滚动条的基本颜色*/  
      SCROLLBAR-ARROW-COLOR:   #35507A;           /*箭头的颜色*/  
      SCROLLBAR-FACE-COLOR:   #9BBBF4;             /*滚动条及箭头的颜色*/  
}
.btn {
height:20px;
width:60;
BORDER-RIGHT: #7b9ebd 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #7b9ebd 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
BORDER-LEFT: #7b9ebd 1px solid;
CURSOR: hand; COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid;
}
.btn100 {
height:20px;
width:100;
BORDER-RIGHT: #7b9ebd 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #7b9ebd 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
BORDER-LEFT: #7b9ebd 1px solid;
CURSOR: hand; COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid;
}
.btn1_mouseout {
height:20px;
width:60;
BORDER-RIGHT: #7EBF4F 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #7EBF4F 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997);
BORDER-LEFT: #7EBF4F 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid;
}
.btn1_mouseover {
height:20px;
width:60;
BORDER-RIGHT: #7EBF4F 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #7EBF4F 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6);
BORDER-LEFT: #7EBF4F 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid;
}
.btn2 {
padding: 2 4 0 4;
font-size:12px;
height:20px;
width:60;
background-color:#ece9d8;
border-width:1;
}
.btn3_mouseout {
height:20px;
width:60;
BORDER-RIGHT: #2C59AA 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #2C59AA 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
BORDER-LEFT: #2C59AA 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid;
}
.btn3_mouseover {
height:20px;
width:60;
            BORDER-RIGHT: #2C59AA 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #2C59AA 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA);
BORDER-LEFT: #2C59AA 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
            BORDER-BOTTOM: #2C59AA 1px solid;
}
.btn3_mousedown{
height:20px;
width:60;
            BORDER-RIGHT: #FFE400 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #FFE400 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
BORDER-LEFT: #FFE400 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
            BORDER-BOTTOM: #FFE400 1px solid;
}
.btn3_mouseup {
height:20px;
width:60;
BORDER-RIGHT: #2C59AA 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #2C59AA 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
BORDER-LEFT: #2C59AA 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid;
}
.btn_2k3 {
height:20px;
width:60;
            BORDER-RIGHT: #002D96 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #002D96 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA);
BORDER-LEFT: #002D96 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
            BORDER-BOTTOM: #002D96 1px solid;
}
.interior { background-color:#FFFFFF}
.interiortable { background-color:#EFEFEF}
.CBClass {border:0px;}
.listcontent {font-family:"tahoma";font-weight: normal;font-size: 70%;color: #000000;height:18px;}
.listcontentright {font-family:"tahoma";font-weight: normal;font-size: 70%;color: #646464;height:18px;background-color:#F5F5F5}
.listcontentend {font-family:"tahoma";font-weight: normal;font-size: 70%;color: #000000;height:18px;}
.listcontent2 {font-family:"tahoma";font-weight: normal;font-size: 70%;color: #000000;height:15px;}
分享到:
评论

相关推荐

    一套简单的css

    一个简单的css,与之前上传的html配套,也是本人建立网站的一部分

    一套DIV+CSS门户模板

    【标题】:“一套DIV+CSS门户模板”是一个适合初学者研究和学习的资源,它集成了网站设计中常用的布局和样式技术,通过这套模板,学习者可以深入理解DIV和CSS在构建门户网站时的应用。 【描述】:在网页设计领域,...

    精美UI组件:这个项目使用Radix UI和Tailwind CSS构建了一套设计精美的组件 它为开发者提供了一套易于使用的UI

    在这个名为"ui-main"的项目中,我们可以推测包含了一系列已经使用Radix UI和Tailwind CSS编写的组件。这些组件可能包含了常见的UI元素,如导航条、卡片、表格、按钮等,而且每个组件都经过精心设计,以确保美观且...

    一套可移动的Css特效Tab

    【标题】"一套可移动的Css特效Tab"指的是在Web前端开发中,使用CSS和JavaScript技术实现的一种交互式Tab切换效果。这种效果允许用户通过点击或滑动在多个内容区域间进行切换,常用于网站导航、展示多组相关数据或者...

    css宝典-五日精通送一套css模版 

    《CSS宝典——五日精通》是一本专为学习CSS设计者准备的全面教程,旨在帮助读者在短时间内掌握CSS的核心概念和技术。这本书深入浅出地介绍了CSS(层叠样式表)的基本语法、选择器、布局技巧、响应式设计以及一些高级...

    一套超精美的纯CSS3图标ICONO

    【标题】"一套超精美的纯CSS3图标ICONO"所涉及的知识点: 1. CSS3:CSS(层叠样式表)是用于控制网页元素外观的样式语言,而CSS3是其最新版本,引入了许多增强功能,如阴影、渐变、动画、选择器等。在本案例中,CSS...

    一套网络网页模板HTML+CSS

    一套不错的网络网页模板,是国外网站弄下来的,需要的人可以下载~

    一套国外DIV+CSS模板(超级漂亮)

    【标题解析】:“一套国外DIV+CSS模板(超级漂亮)”这个标题暗示了我们讨论的主题是一套设计精美的网页模板,这些模板采用了HTML中的DIV元素和CSS(层叠样式表)进行布局和样式控制。国外设计通常注重用户体验、...

    一套十分简洁的CSS框架,可快速开发响应式页面

    标题中的“一套十分简洁的CSS框架,可快速开发响应式页面”指的是这个压缩包中包含了一个轻量级的CSS框架,它的设计目的是为了简化网页开发流程,尤其是对于响应式页面的构建。响应式设计是现代网页开发的重要特性,...

    纯CSS3实现一套完整iOS小图标

    iOS系统作为苹果的操作系统,已经被大家使用得滚瓜烂熟,很多人对iOS系统中的图标...今天我们要为大家分享一款基于纯CSS3的小图标,这款小图标正是用CSS3代码绘制一套比较完整的iOS小图标,有些图标还带有Gif动画效果。

    css参考手册4.2.4是一套最新版版的css3中文参考手册.zip

    2. **边框与背景**:CSS3允许使用圆角边框(`border-radius`)、阴影效果(`box-shadow`)和渐变背景(线性渐变`linear-gradient`和径向渐变`radial-gradient`),这使得元素的外观更加立体和动态。 3. **多列布局*...

    官方css样式

    jquery easyui官方css样式

    birt公用CSS样式

    总之,“birt公用CSS样式”为BIRT报表提供了一套现成的样式方案,能够简化报表开发过程,保持样式一致性,并有助于提升报表的视觉吸引力。通过研究birt.css文件,参照效果图,遵循使用说明,开发者可以灵活运用这些...

    一套前端页面很全面+CSS3的查询文档

    【标题】"一套前端页面很全面+CSS3的查询文档" 涵盖了前端开发中的关键元素,尤其是CSS3的应用。在现代网页设计中,CSS3已经成为了必不可少的工具,它提供了丰富的样式控制和动画效果,使得网页设计更加动态且具有...

    国外的一套新CSS3菜单

    12套不同风格的国外导航菜单,基于CSS3技术编写,兼容性没得说。菜单有一个功能特点就是,可以显示提示文字,当把鼠标移到菜单某一项的时候,菜单上会显示出提示文字,告诉用户点击此链接对应的内容是什么。一共有12...

    一套基于纯JS+CSS实现的漂亮动画效果菜单源码例子

    本示例提供了一套基于纯JavaScript (JS) 和CSS实现的漂亮动画效果菜单,这是一套用于增强网站视觉吸引力和操作体验的实用工具。我们将深入探讨这个源码例子中的关键知识点。 首先,JavaScript是前端开发中不可或缺...

    一套很好的后台模板 html+css

    标题中的“一套很好的后台模板 html+css”表明这是一个专门用于构建后台管理界面的网页模板,包含HTML和CSS两种核心技术。HTML(HyperText Markup Language)是网页内容的基础结构语言,而CSS(Cascading Style ...

    一套CSS3的新拟物风格UI元素(复选框按钮菜单搜索框时钟).zip

    一套CSS3的新拟物风格UI元素(复选框按钮菜单搜索框时钟).zip 一套CSS3的新拟物风格UI元素(复选框按钮菜单搜索框时钟).zip 一套CSS3的新拟物风格UI元素(复选框按钮菜单搜索框时钟).zip

    一套完整的HTML5+CSS3快速入门视频教程

    一套完整的HTML5+CSS3快速入门视频教程,很全猫宝买的!!!!!自用的

Global site tag (gtag.js) - Google Analytics