/**
附件样式表。
*/
div.attachement{
float:left;
overflow:hidden;
padding:3px 0 0 15px;
white-space:nowrap;
}

span.attachement-span{
float:left;
background:#f5f6f4;
border:1px solid #e1e1e1;
margin:5px 10px 5px 0;
padding: 1px 3px 1px 5px;
}

a.attachment{
text-decoration: none;
font-size: 13px;
color:#606060;
}

a.cancel{
background:url(../images/cancel.png) 0 1px no-repeat;
display:inline-block;
height:14px;
margin-left:8px;
overflow:hidden;
width:14px;
text-decoration:none;
}

a.attachment:hover{
text-decoration: underline;
}

table.formTable{
border: none;
border-collapse: collapse;
width: 99%;
margin: 10px auto;
text-align: center;
font-size: 12px;
}
.panel-detail table.formTable{ width: 100%;}

table.formTable input, table.formTable textarea {
width:250px;
margin:2px;
}

table.formTable input[type="radio"], table.formTable input[type="checkbox"] {
width: 20px;
}

td.teamHead{
border: 1px solid #ddd !important;
text-align: left;
font-size: 14px;
font-weight: bold;
background: #b0e2ff!important;
height: 25px;
color: #333;
}

.window-table{
width:50%;
padding: 0;
margin: 0;
margin-top:15px;
border-collapse:collapse;
}

.window-table th{
width:40%;
font-size: 13px;
border: 1px solid #A8CFEB;
background: #EDF6FC;
font-size:13px;
padding: 6px 6px 6px 12px;
}

.window-table td{
width:60%;
border: 1px solid #A8CFEB;
background: #fff;
font-size:12px;
padding: 6px 6px 6px 12px;
}

.blocktable {
width:100%;
padding: 0;
margin: 0;
margin-top:15px;
border-collapse:collapse;
}

.blocktable th {
font-size: 13px;
border: 1px solid #B8B8B8;
background: #EBEBEB;
font-size:13px;
padding: 6px 6px 6px 12px;
}

.blocktable td{
border: 1px solid #B8B8B8;
background: #fff;
font-size:12px;
padding: 6px 6px 6px 12px;
}

.datepicker input{
width:130px;
background: url(../images/datePicker.gif) no-repeat scroll right center #FFFFFF;
border: 1px solid #999999;
height: 20px;
}

.dictionary input{
width:130px;
background: url(../images/control-270.png) no-repeat scroll right center #FFFFFF;
border: 1px solid #999999;
height: 20px;
}

td.formTitle{
border: 1px solid #a3cee0;
padding:2px;
background-color:#f9f9f9;color:#999;
text-align: right;
height: 26px;
}

td.formInput{
border: 1px solid #a3cee0;
padding:2px;
background-color:white;
text-align: left;
}
.formTable td{
padding: 4px 4px 4px 4px;
border: 1px solid #a3cee0!important;

}
td.formHead{
border: none!important;
text-align: center;
font-size: 18px;
font-weight: bold;
height: 35px;
color: #333;
}

table.listTable{
border-collapse :collapse;width:100%;text-align:center;
font-size: 12px;
}/*border:1px solid #366092;*/

table.listTable tr.headRow{
height: 25px;
}

.headRow th{
height:32px;
text-align: left;
background-color: #F0F1F1;
padding:4px 4px 4px 4px;
border:solid 1px #366092;
}

.listRow td{
text-align: left;

padding:4px 4px 4px 4px;
}

table.listTable tr.toolBar{
height: 25px;
}/*background-color: #366092;*/

table.listTable tr.toolBar td{

text-align: left;
padding-left: 4px;
}/*border:1px solid #366092;*/

table.listTable th{
border: 1px solid #a3cee0;
text-align: center;
height: 25px;
font-size:12px;
background-color:#F1F6FF;

}

/*验证表单字段样式*/
label.error {
background: url(../images/valid/unchecked.gif) no-repeat 0px 0px;
margin-left: 16px;
padding-left: 16px;
padding-bottom: 2px;
font-weight: bold;
color: #EA5200;
}

table.listTable tr.listRow td{
border:1px solid #ddd;
text-align: center;
height: 23px;
padding-top: 2px;
padding-bottom: 2px;
}

.taskopinion{
display:inline-block;
padding:3px;
width:600px;
height:50px;
border:1px dashed #000;
background:url(../images/taskopinion_logo.png) 5px 0px no-repeat;
}

.taskopinion input{
border:none;
width:1px;
height:1px;
}

.flowchart{
display:inline-block;
padding:3px;
width:600px;
height:300px;
border:1px dashed #000;
background:url(../images/flowchart_logo.png) 5px 0px no-repeat;
}

.flowchart input{
border:none;
width:1px;
height:1px;
}

.office-div{
width:90%;
height:300px;
border:1px solid #ccc;
background:url(../images/office_logo.png) 5px 0px no-repeat;
}

/**
验证印章样式 xcx。
*/
.webSign-div{
width:90%;
height:100px;
border:1px solid #ccc;
background:url(../images/webSign_logo.png) 5px 0px no-repeat;
}

.pictureShow-div{
width:90%;
height:300px;
border:1px solid #ccc;
background:url(../images/pictureShow_logo.png) 5px 0px no-repeat;
}

a.link{
padding-left:20px;
cursor: pointer;
color: #555555;
font-size:12px;

text-decoration: none;
display:inline-block;
<!--[if !IE]-->
display:inline;
<!--[endif]-->
}

a.link.add{
background:url(../images/icons/icons_add1.png) 0 0 no-repeat;
}

a.link.date{
background:url(../images/icons/log_btn.png) 0px -1px no-repeat;
}

a.link.del{
background:url(../images/icons/icons_del.png) 0px -1px no-repeat;
}

a.link.dic{
background:url(../images/icons/dictionary.png) 0px -1px no-repeat;
}

a.link.role{
background:url(../images/icon/role.gif) 0px -1px no-repeat;
}
a.link.roles{
background:url(../images/icon/roles.gif) 0px -1px no-repeat;
}

a.link.position{
background:url(../images/icon/post.gif) 0px -2px no-repeat;
}
a.link.positions{
background:url(../images/icon/posts.gif) 0px -2px no-repeat;
}
a.link.attachement{
background:url(../images/icon/attachement.png) 0px -1px no-repeat;
}
a.link.selectFile {
background: url("../images/icon/file.gif") no-repeat scroll 0 2px transparent;
}
a.link.user{
background:url(../images/icon/user.png) 0px -1px no-repeat;
}

a.link.users{
background:url(../images/icon/users.png) 0px -1px no-repeat;
}

a.link.org{
background:url(../images/icon/users.png) 0px -1px no-repeat;
}
a.link.orgs{
background:url(../images/icon/users.png) 0px -1px no-repeat;
}

a.link.actInsts{
background:url(../images/icon/actInsts.gif) 0px -1px no-repeat;
}

input.hidden{
border:none;
width:0px;
height:0px;
}

a.extend{
padding-left:20px;
cursor: pointer;
color: blue;
font-size:12px;
text-decoration: none;
display:inline-block;
<!--[if !IE]-->
display:inline;
<!--[endif]-->
}

.hidedomain input{
border:1px dashed #000;
background:url(../images/icon/hidedomain.png) 0 0 no-repeat;
width:42px;
}

.officecontrol input{
border:1px dashed #000;
width:800px;
height:80px;
background:url(../images/office_logo.png) 0 0 no-repeat;
}

/**
验证印章样式 xcx。
*/
.websigncontrol input{
border:1px dashed #000;
width:800px;
height:80px;
background:url(../images/webSign_logo.png) 0 0 no-repeat;
}

/**
图片控件印章样式 xcx。
*/
.pictureshowcontrol input{
border:1px dashed #000;
width:800px;
height:80px;
background:url(../images/pictureShow_logo.png) 0 0 no-repeat;
}

.subtable{
width:100%;
padding:5px;
border:1px solid #ccc;
}

.ckeditor textarea{
border:1px dashed #000;
width:800px;
height:80px;
background:url(../images/ckeditor_logo.png) 0 0 no-repeat;
}

.ckeditor input{
border:1px dashed #000;
width:800px;
height:80px;
background:url(../images/ckeditor_logo.png) 0 0 no-repeat;
}
/*--自定义数据显示--*/
.custom-display{
border:1px dashed #000;
background-color: silver;
}
/*--自定义表管理--*/
.custom-tablemanage{
border:1px dashed #000;
background-color: silver;
}

/*--extend start--*/
a.extend.message{
background:url(../images/extendIcon/select.png) 0px -1px no-repeat;
}

a.extend.navigation{
background:url(../images/extendIcon/navigation.png) 0px -1px no-repeat;
}

a.extend.remoteupload{
background:url(../images/extendIcon/remoteupload.gif) 0px -1px no-repeat;
}

a.extend.script{
background:url(../images/extendIcon/script.gif) 0px -1px no-repeat;
}

a.extend.stat{
background:url(../images/extendIcon/stat.gif) 0px -1px no-repeat;
}

a.extend.subsys{
background:url(../images/extendIcon/subsys.png) 0px -1px no-repeat;
}

a.extend.task{
background:url(../images/extendIcon/task.png) 0px -1px no-repeat;
}

a.extend.user{
background:url(../images/extendIcon/user.png) 0px -1px no-repeat;
}
/*--extend end--*/
table.formTable {
width: 85%;
}
.subTableToolBar {
background: none;
}

表单样式form.css的更多相关文章

  1. 还不错的Table样式和form表单样式

    作为一个后台开发人员而言,拥有一套属于自己的前台样式是比较重要的,这里分享一下自己感觉还不错的样式,以后遇到好的,还会陆续添加 上图: 带鼠标滑动效果的table样式看起来比较清爽 样式 <he ...

  2. 一天搞定CSS:表单(form)--20

    1.表单标签 2.input标签属性与取值 代码演示 <!DOCTYPE html> <html> <head> <meta charset="UT ...

  3. html之表单和简单CSS

    一.==表单== 1. form表单本身 <form name="myform" action="#" method="get"> ...

  4. html5 表单样式 表单验证1 2 3

    html5 表单样式 ie9以下不支持 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

  5. CSS_简介/语法结构/长度单位/应用方式/标签的样式重置/表单样式重置

    一.CSS简介:  w3c(World Wide Web Consortium):万维网联盟,是规定网页标准的一个组织(叫做Web标准) Web标准:是由w3c和其他标准化组织制定的一系列标准的集合, ...

  6. HTML表单样式

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  7. div仿checkbox表单样式美化及功能

    div仿checkbox表单样式美化及功能(checkbox的样式不好看)素材在底部: 效果图: window.css .bj { position: absolute; top: 0; left: ...

  8. Flask入门 表单Flask-wtf form原生 Bootstrap渲染(七)

    (1) 原生的表单 模板页面,form表单form.html <form action="{{ url_for('/check/') }}" method='post'> ...

  9. Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法

    Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法 昨天在开发的时候遇到个小问题,就是如何将Grid的内容与Form一起发送到服务器端.默认情况下,表单(F ...

随机推荐

  1. php 启动服务器监听

    使用命令 php -S 域名:端口号 -t 项目路径 截图如下: 原本是通过localhost访问的 现在可以通过 127.0.0.1:8880 访问 此时命令行终端显示如下:

  2. aws平台中为ec2实例添加双网卡

    亚马逊平台创建ec2实例时默认创建一个网卡primary网卡,主网卡是不能分离的. 在ec2服务控制台为ec2附加网卡. 平台资料中为正在使用的ec2添加网卡用到的操作系统是Amazon Linux ...

  3. mybatis与hibernate区别与应用场景

    hibernate:是一个标准化的ORM框架.入门的门槛较高,不需要程序写sql,语句就自动生成了.对sql进行优化.修改比较困难. 应用场景:适用于中小企业需求变化不多的项目,比如后台管理系统,er ...

  4. 6.13 py网络编程

    tcp的十种状态 python使用原始套接字才可以做黑客攻击!!!!!伪造数据包!!!!!直接越过底层!socket这个东西是经过linux过滤过得! TTL  每经过一个路由器就减1 谁先调clos ...

  5. http statusCode(状态码)含义

    201-206都表示服务器成功处理了请求的状态代码,说明网页可以正常访问. 200(成功) 服务器已成功处理了请求.通常,这表示服务器提供了请求的网页. 201(已创建) 请求成功且服务器已创建了新的 ...

  6. golang - interface的作用

    多态.struct 可以赋值给 interface.interface 可以转换成子接口,或者 struct. 请看go中的一段的源代码: listener, _ := net.Listen(&quo ...

  7. Nodejs----登录验证

    1. 写在前面 当我们登录了一个网站,在没有退出登录的情况下,我们关闭了这个网站 ,过一段时间,再次打开这个网站,依然还会是登录状态.这是因为,当我们登录了一个网站,服务器会保存我们的登录状态,直到我 ...

  8. LeetCode_7.Reverse Integer

    问题 Given a 32-bit signed integer, reverse digits of an integer. Example 1: Input: 123 Output: 321 Ex ...

  9. {MySQL的逻辑查询语句的执行顺序}一 SELECT语句关键字的定义顺序 二 SELECT语句关键字的执行顺序 三 准备表和数据 四 准备SQL逻辑查询测试语句 五 执行顺序分析

    MySQL的逻辑查询语句的执行顺序 阅读目录 一 SELECT语句关键字的定义顺序 二 SELECT语句关键字的执行顺序 三 准备表和数据 四 准备SQL逻辑查询测试语句 五 执行顺序分析 一 SEL ...

  10. [No000013A]Windows WMIC命令使用详解(附实例)

    第一次执行WMIC命令时,Windows首先要安装WMIC,然后显示出WMIC的命令行提示符.在WMIC命令行提示符上,命令以交互的方式执行 执行“wmic”命令启动WMIC命令行环境.这个命令可以在 ...