/**
附件样式表。
*/
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. Don't forget to Cherish

    Watch the video Cherish time, Cherish memories, Cherish tears, Cherish smiles, Cherish friends, Cher ...

  2. 书写 sql 中关于 update 多表联合更新的方法

    SQL Update多表联合更新的方法(1) sqlite 多表更新方法//----------------------------------update t1 set col1=t2.col1fr ...

  3. js arrayBuffer 字节序问题,小端法,大端法

    原文博客 { var buffer = new ArrayBuffer(2) var bytes = new Uint16Array(buffer) bytes[0] = (65 << 8 ...

  4. js监听指定元素的css动画属性

    MDN 监听css动画,开始,迭代次数,结束,中断 回调函数返回 animationEvent属性 <!DOCTYPE html> <html> <head> &l ...

  5. ubuntu部署安装 MySQL 5.7

    安装 MySQL 5.7安装 MySQL 运行命令: apt-get -y install mysql-server mysql-client 你会被要求提供MySQL的root用户密码 : New ...

  6. 网络通信协议八之(传输层)TCP协议详解

    传输层协议 分段是为了提高传输效率,封装是指给每个数据段添加一个编号 端到端的传输是逻辑上的端到端,并不是真正意义上的发送方某层与接收方某层之间的传输 IP协议只是保证数据报文发送到目的地,为主机之间 ...

  7. mysql命令大全用户管理相关命令

        1.登陆 mysql>mysql -uJDev -p 2.用户管理 mysql>use mysql; 3.查看有哪些登陆用户 mysql> select host,user, ...

  8. ifnull与nvl

    mysql 用 ifnull ,oracle没有ifnull 但是有相应的替换函数  nvl NVL(eExpression1, eExpression2)

  9. Int32 最大的数值是多少???(附十进制十六进制相互转换且包含正负数的java代码)

    正数转二进制很简单,转十六进制也很简单. 那么负数的情况下呢?在计算机中无法识别你给的符号“+”,"-",计算机只认识0和1 那么在二进制中如何表示负数. 先简单介绍一下负数如何转 ...

  10. c 语言笔记 数组1

    1.数组可以有多维数组.c99支持动态数组,c11和c99之前不再支持. 2.数组 初始化一个后,后面的自动初始化为0,如果不初始化,都是垃圾值. 3.数组初始化 可以指定  ss[10]={0,2, ...