main.css

在linux环境下开发的药物网格程序。使用linux下的php+mysql+shell编程。通过登录主节点页面

body{ padding:0; margin:0;font-family:"宋体",Verdana, Arial,Helvetica,sans-serif; font-size:12px;}

/* 定义全局通用样式 */
#all{ width:993px; padding:0; margin:0 auto; background-image:url(../images/body.jpg); background-position:top; background-repeat:no-repeat;}

/* 定义全局链接样式 */
a:link{ color: #000; text-decoration: none;background-color:inherit;}
a:visited{ color: #014898; text-decoration: none;background-color:inherit;}
a:hover{ color: #014898; text-decoration: none;background-color:inherit;}
a:active{ color: #000; text-decoration: none;background-color:inherit;}

ul{ list-style:none;}

fieldset{ border:none;}

pre{ background-color:#FFFFFF; border:1px solid #999999; height:180px; width:400px; overflow:auto; margin:5px 0 0 0; padding:5px;}

caption{ display:none;}

table{  border:1px solid #000; text-align:center;width:100%;}

tr{ border:1px solid #000;}

h2{ font-size:14px;}

.warning{ color:#FF0000; font-weight:bolder;}

.more{ float:right; font-size:12px;  padding-left:15px; color:#014898; font-weight:bold; font-family:"Times New Roman", Times, serif; display:block;background-image:url(../images/arrow.JPG); background-position:0 50%; background-repeat:no-repeat; width:40px;}

.title{ font-size:12px; font-weight:bolder; color:#fec726; padding-left:20px; margin:0;}

.yes{ float:right; border:1px solid #CCCCCC; height:20px; margin:5px; margin-right:20px; width:60px;}

/* 定义顶部样式 */
#header{  height:153px; width:1003px;}

#header h1,#header span{ display:none;}

/* 定义页面主体样式 */
#center{ padding-top:2px;width:720px !important; width:740px; margin-left:150px !important; margin-left:140px; }

/* 定义导航区样式 */
#nav{ float:right; width:315px; height:28px; line-height:28px; text-align:center;}

#nav ul{  font-size:12px; color:#FFFFFF; margin:0; padding:0; font-weight:bolder;}

#nav li{ float:left; padding-left:5px;}

#nav a{ display:block; width:70px;}
/* 定义导航区链接样式 */
#nav a:link{ color: #fff; text-decoration: none;background-color:inherit;}
#nav a:visited{ color: #fff; text-decoration: none;background-color:inherit;}
#nav a:hover{ color: #fff; text-decoration: none;background-color:inherit;}
#nav a:active{ color: #fff; text-decoration: none;background-color:inherit;}

/* 定义二级导航区样式 */
#subnav{ position:relative; top:-35px; width:315px; height:28px; line-height:28px; text-align:center; left:412px;}

#subnav ul{ font-size:11px; color:#FFFFFF; margin:0; padding:0; font-weight:bolder;}

#subnav li{ float:left;}

#subnav a{ display:block; width:60px;}

#subnav a:link{ color: #fff; text-decoration: none;background-color:inherit;}
#subnav a:visited{ color: #fff; text-decoration: none;background-color:inherit;}
#subnav a:hover{ color: #fff; text-decoration: none;background-color:inherit;}
#subnav a:active{ color: #fff; text-decoration: none;background-color:inherit;}

/* 定义首页相关区域的样式 */
/* 定义首页主要信息区，让其显示在左侧 */
#content{ float:left;width:320px; margin-left:5px;}
/* 网格概论 */
#aboutGrid{ width:320px; height:210px; margin-top:3px;}

#aboutGrid div,#newsList div{background-color:#CCCCCC; height:30px; width:320px; line-height:30px;}

#aboutGrid h2,#newsList h2{ font-size:12px; float:left; padding-left:20px;  width:100px; margin:0; background-image:url(../images/border.JPG); background-position: 10% 50%; background-repeat:no-repeat;}

#aboutGrid p{ clear:both; text-indent:24px; width:290px; height: 155px;   margin:0 auto; overflow:hidden;text-overflow:ellipsis; padding:10px;}

/* 新闻列表 */
#newsList{width:320px; height:140px; margin-top:5px;}

#newsList ul{ clear:both; clear:both;  width:300px; height: 120px;  margin:10px 5px 0 5px; padding:0;}

#newsList li{ line-height:150%; width:300px ;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* 定义首页登陆区及友情链接区域的样式，让其显示在右侧 */
#infoArea{ float:right; width:315px;  height:470px !important; height:450px;}
/* 登陆区 */
#loginArea{ width:314px; height:179px; color:#FFFFFF; background-image:url(../images/loginAreaBG.JPG); background-position:center; background-repeat:no-repeat;  margin-top:5px;}

#loginArea fieldset{ padding:50px !important; padding:30px;}

#loginArea div{ text-align:center; height:30px;}

#username,#password{ width:120px; border:1px solid #FFFFFF;}

#loginArea img{ border:none;}

/* 定义搜索区域样式 */
#searchArea{ width:320px; height:30px; margin-top:3px; padding-top:5px; margin-top:13px;}

#searchArea form{  clear:both; text-indent:24px; width:230px; height: 30px;  text-overflow : ellipsis; overflow:hidden; margin:10px auto;}

#searchArea input{ border:1px solid #7c7879;}

/* 定义友情链接区域样式 */
#links{  height:230px; width:314px; margin-top:20px ; padding:2px;background-image:url(../images/linksBG.JPG); background-position:center; background-repeat:no-repeat;}

#links ul{ margin:0 auto; padding:0; list-style:none; width:300px; height:230px; }

#links li{}

#links a{ display:block; height:46px; line-height:46px; width:290px; padding:5px 5px 0 10px;; }

#links img{ border:none; float:left;}

#links span{ display:block; float:left;}

/* 定义二级页面各模块的样式 */
.contentTop,.contentBottom{ width:720px; background-color:#011925; height:30px; line-height:30px;}

.contentTop{ margin-top:60px;}

.mainContent{ background-color:#d6d6d6; width:660px; padding:30px 30px 10px 30px;}

.mainContent p{ margin:0;}

.mainContent p input{ width:100px; height: 14px; background-color:#FFFFFF; border:1px solid #999999;}

/* 计费信息 */
#countInfo tr *{ height:30px; padding:0 30px;}

#countInfo{  color:#00729a;}

#countInfo th{ width:100px; text-align:right;border:1px solid #000; }

#countInfo td{ width:500px; border:1px solid #000;}

/* 可用资源 */
#source thead{ padding:0; background-color:#FFFFFF; height:40px; line-height:40px;}

#source tbody{ height:30px; line-height:30px;}

#source th,#source td{border:1px solid #000;  }

#source th{ }

#source td{ background-color:#FFFFFF; }

#source img{ vertical-align:middle;}


/* 上传成功 */
#uploadComplete,#logout{ background-image:url(../images/up.JPG); background-position:center; background-repeat:no-repeat;  width:350px; height:260px; margin:20px auto;}

#uploadComplete span{ display:none;}

#uploadComplete input,#logout input{ position:relative; top:228px;}

/* 文件上传页面 */
#uploadFile{ text-align:center; margin-top:20px;}

#uploadFile h2{ font-size:30px; font-weight:bolder; color:#000000;}

#uploadFile h3{ text-align:left;}

#uploadFile li{ width:600px;  height:30px; line-height:30px;}

#uploadFile label{ width:80px; float:left; text-align:left; padding-left:10px; font-weight:bold; font-size:13px;}

#uploadFile li input{ border:1px solid #CCCCCC; height:26px; line-height:26px; margin-right:0;}

#uploadFile input{ margin-right:300px;}

/* 退出页面 */
#logout{ background-image:url(../images/logout.JPG); background-position:center; background-repeat:no-repeat;  }

#logout div{ text-align:center; padding-top:80px; font-size:14px; font-weight:bold;}

#logout div input{ top:32px !important; top:28px;}

#ip,#status{color:#00729a;}

/* 任务优先级 */
#missionLevel{ background-color:#FFFFFF; border:1px solid #000;}

#missionLevel form{ margin:10px;}

#missionLevel label{}

#missionLevel div input{}

#next{ border-top:1px solid #000; margin:0; height:20px; line-height:20px; padding:10px 0 0 0;}

#next input{ margin:0; padding:0; float:right;}

/* 用户注册页面 */
#reg{ border:1px solid #000;}

#reg div{  text-align:center; height:30px; line-height:30px;}

#reg label{ width:140px; display:block; text-align:right; float:left;}

#reg input{ width:200px; float:left;}

#submitOrReset{ position:relative; top:50px !important; top:60px; left:500px; }

#submitOrReset input{ width:60px;}

/* 定义页面底部样式 */
#footer{ clear:both; height:40px;width:725px; margin-left:150px; font-size:12px;  color:#696969; line-height:20px;padding-top:30px;}

#leftCopyright{ float:left; background-color:#d6d6d6; height:40px; width:382px; padding-left:20px;}

#rightCopyright{ float:right; background-color:#011925; height:40px; color:#FFFFFF; width:323px;}

#rightCopyright *{ float:left; line-height:40px; font-weight:bolder;}
/* 定义页面底部链接的样式 */
#footer a:link{ color: #fff; text-decoration: none;background-color:inherit;}
#footer a:visited{ color: #fff; text-decoration: none;background-color:inherit;}
#footer a:hover{ color: #fff; text-decoration: none;background-color:inherit;}
#footer a:active{ color: #fff; text-decoration: none;background-color:inherit;}