?? main.css
字號:
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;}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -