html
{
/*此段目的为修正各浏览器之间对页面边距解释的差异*/
margin: 0px;
padding: 0px;
min-width: 982px;
width: 100%;
}
body
{
/*定义网页的基本字体样式*/
font-family: 宋体,'Trebuchet MS' , Arial;
font-size: 12px;
font-weight: normal;
/*设置页面边距*/
margin: 0px 0px 0px 0px;
padding: 0px 0px;
/*设置网页背景*/
background-color:#c3e3ea;
/*background:url(../images/site/bgtest.gif) repeat-x top center;*/
}
/*body, p, table, td, input, select, textarea
{
}*/
h1, h2, h3, h4, h5, h6
{
/*修正各浏览器对h1-h6解释的差异*/
margin: 0px;
}
form
{
/*修正form的边距问题*/
margin: 0px;
}
img
{
/*修正图片边框*/
border: 0px;
}
a
{
/*定义页面连接的基本样式*/
text-decoration: none;
color: #333;
}
a:hover
{
/*定义连接在鼠标移过时的样式*/
text-decoration: none;
color: #264b84;
}
hr
{
/*将横线修改为默认1px高*/
border: 0;
border-top: 1px solid #bababa;
height: 1px;
}
em
{
/*重新定义em的默认样式，本站em标记通常显示例如文章标题随后的时间等提示性文字*/
font-style: normal;
color: #808080;
}
/*页面常用样式类*/
.hidden
{
/*预定义隐藏网页元素的class，以方便在需要隐藏一些特定文本之时使用*/
display: none;
}
.highlight
{
/*预定义高亮显示的class，以方便在需要对某些文字进行特别提醒时候使用*/
color: #f00;
}
a.more
{
/*预定义网页中各模块中的“更多”链接*/
display: block;
margin: 1px 0px 1px;
padding: 0px 0px;
font-weight: normal;
text-align:right;
line-height:12px;
}
a.more:hover
{
/*“更多”链接的鼠标移过样式*/
background: transparent;
text-decoration: none;
}
div.spacer
{
/*预定义一个空白占位的class，以方便在需要在一些内容之间插入空白时用*/
font-size: 0px;
height: 3px;
background: Transparent;
clear: both;
}
.message,
#message
{
/*定义网页提示信息的样式，这些信息类似与“没有搜索到XX”、“您提供的XX有误”、“系统发生XX错误”等等的提示信息，一般发生在系统找不到，或者过程出错时显示。*/
border: solid 1px #000;
padding: 5px 8px;
font-weight: bold;
color: #f00;
background: #fafad2;
display: block;
margin: 4px 7px 0px;
}
/*兼容性提示*/
div#compatibility
{
display: none;
}
/*页面样式开始*/
div#container
{
/*指定页面宽度、页面对其模式、背景颜色等*/
/*此标记为页面可见内容的容器，网页可见内容都将包含在id为container的div标记当中*/
/*例如：的设置为页面宽度778px，居中显示，背景为白色*/
width: 982px;
margin: auto;
}
div#container h1
{
/*网页中的h1标记的样式，通常h1标记为以下格式：，具体样式定义请参考接下来的内容*/
}
div#container h1 a
{
/*定义标题一种链接的样式*/
/*标题一会包含一个链接到本站根目录的链接，通过定义这个链接，将实现网站公共的页眉部分的样式*/
/*通常的做法是将链接显示为block模式，然后使用文字缩进将文字置于网页可见范围以外，并且对此标记指定大小和背景图片，这样就形成一个通栏的页眉*/
/*此做法保证网页结构的合理性的同时，可以更方便的修改替换页眉*/
width: 982px;
margin: auto;
display: none;
background: transparent url(../images/top.jpg) no-repeat left center;
height: 100px;
text-indent: -9999em;
overflow: hidden;
}
div#container div#version
{
/*此处定义网站的版本说明，例如：交大学报分为“自然科学版”、“社会科学版”等等，通常通过绝对定位的方式，将其定位到页面上一个不定的位置，也可以通过类似与处理标题一链接的方式处理此段*/
position: absolute;
text-indent: -9999em;
margin-left: 260px;
margin-top: -38px;
width: 128px;
height: 15px;
background: transparent url(../images/version.gif) no-repeat left center;
}
div#container div#banner
{
/*网站banner，如果网站有banner，配合标题一设置此段样式，变通的做法，如果是flash，无法通过样式的方式制定，可以将flash插入之网页中id="banner"的div单中，然后指定标题一为不可见状态，或者将此段设置为绝对定位，以覆盖标题一*/
display: block;
width: 982px;
margin: auto;
height:141px;
text-align:right;
background-repeat: no-repeat;
}
/*导航栏样式*/
div#container div#navbar
{
/*定义网站导航条的样式*/
line-height: 27px;
font-weight: none;
/*background: transprant;*/
height: 27px;
margin: auto;
/*margin-top: 3px;
border-top: #000 2px solid;*/
}
div#container div#navbar h2
{
/*导航栏的二号标题为了文档结构而设计，通常不做显示，下同*/
display: none;
}
div#container div#navbar ul
{
padding: 0px 0px 0px 1px;
margin: 0px;
list-style: none;
}
div#container div#navbar ul li
{
float: left;
width: 76px;
margin-top:1px;
}
div#container div#navbar ul li a
{
text-decoration: none;
display: block;
}
div#container div#navbar ul li a:hover
{
}
div#container div#navbar ul li ul
{
/*子菜单样式，此段部分样式将继承导航栏样式*/
margin: 0px 0px 0px 0px;/*CSS Hack: for FireFox*/
*margin: 1px 0px 0px -38px;/*CSS Hack: for IE6/7*/
padding: 0px;
background: #ffd200;
z-index: 9999;
position: absolute;
width: 76px;
display: none;
top:168px;
}
div#container div#navbar ul li ul li
{
float: left;
margin: 0px;
padding: 0px;
background:url(../images/site/te.gif) no-repeat left top; /* 子菜单Li背景，现设为了不存在文件*/
/*background: #fff;*/
}
div#container div#main
{
width: 982px;
margin: auto;
padding-top:3px;
/* background:url(../images/site/main_bg.gif) repeat-y top left;*/
}
/*页面内容部分公共样式*/
div#container div#main div.content
{
/*页面内容部分宽度、内边距，注意参考CSS沙盒模型*/
width: 710px;
padding-bottom: 3px;
padding-right: 7px;
line-height: 150%;
overflow: hidden;
padding-top:1px;
}
div#container div#main div.content_main
{
/*页面内容部分宽度、内边距，注意参考CSS沙盒模型*/
width: 528px;
padding-bottom: 3px;
padding-right: 7px;
line-height: 150%;
overflow: hidden;
padding-top:1px;
float:right;
}
div#container div#main div.content p.summary
{
/*页面说明，此说明通常用于表单页面为用户提供的说明*/
text-indent: 2em;
padding: 0px;
margin: 4px 7px 0px;
}
div#container div#main div.content div.submit,
div#container div#main div.content p.submit
{
/*表单页面的提交按钮，通常情况下请将提交按钮置于class="submit"的p或div标记当中*/
/*border-top: #a79355 1px solid;*/
margin: 0px;
padding: 20px 0px 20px 167px;
margin: 4px 7px 0px;
}
div#container div#main div.content input.button,
div#container div#main div.content button
{
padding: 1px 10px;
}
div#container div#main div.content div.part
{
/*页面内容区块的样式*/
/*页面内容区块表示在页面内容区域，将同类内容作为一个块来显示，通常要求置于class="part"的div当中*/
/*border-top: #a79355 1px solid;*/
padding: 4px 7px 0px 7px;
margin: 4px 0px 0px;
}
div#container div#main div.content div.part h4
{
/*指定页面内容区块标题的样式*/
/*注意：font-size: 1em，1em表示基础字号的1倍大小，您也可以指定1.1em, 1.2em, 1.3em, ....，他们分别在基础字号上进行放大，因此在样式已开始定义body的字号大小尤为重要*/
font-size: 1em;
font-weight: bold;
}
div#container div#main div.content div.part p.summary
{
text-indent: 0em;
margin: 0px;
}
div#container div#main div.content div.part ul
{
/*内容区块中列表的样式，这里通常将难控制的list-style设置为none，然后通过列表中的li设置列表的图像提示*/
margin: 0px;
padding: 0px;
list-style: none;
}
div#container div#main div.content div.part ul li
{
/*设置列表项的样式，这里通过背景的方式为列表项设置图片提示*/
/*例如先设置列表项前置空白为12px，然后设置列表的背景为li_dot_15em.gif，并且设置背景不平铺*/
background: url(../images/li_dot_15em.gif) no-repeat;
padding-left: 12px;
}
/*以下关于table的样式，一般无需作修改，定义的是表单的基本样式*/
div#container div#main div.content div.part table.form
{
border-collapse: collapse;
width: 100%;
}
div#container div#main div.content div.part table.form td
{
padding: 6px;
}
div#container div#main div.content div.part table.form td.name
{
text-align: right;
vertical-align: top;
/**padding-top: 10px;*/
font-weight: bold;
width: 150px;
line-height: 21px;
}
div#container div#main div.content div.part table.form input.box,
div#container div#main div.content div.part table.form textarea.box
{
width: 294px;
margin: 0px;
}
div#container div#main div.content div.part table.form select.box
{
width: 300px;
margin: 0px;
}
div#container div#main div.content div.part table.form td span.err
{
display: block;
background: transparent url(../images/ico_error.gif) no-repeat;
height: 16px;
line-height: 15px;
font-weight: bold;
color: #f00;
padding: 0px 0px 0px 20px;
margin: 2px 0px;
width: 280px;
}
div#container div#main div.content div.part table.form td span.tips
{
display: block;
color: #888;
width: 300px;
}
/*以下定义的是一个只有文章标题的页面样式，类似于新闻二级页面*/
div#container div#main div.content div.list
{
}
div#container div#main div.content div.list h4
{
background: #015796;
border-bottom: #015796 1px solid;
padding: 1px 5px;
}
div#container div#main div.content div.list ul
{
margin: 1px 5px;
}
div#container div#main div.content div.list ul li
{
margin: 2px 0px 2px 0px;
font-size:1em;
background:url(../images/site/ny_list_bg.gif) no-repeat left center;
}
div#container div#main div.content div.list div.pager
{
border-top: #ccc 1px solid;
padding: 5px 5px;
}
/*页面内容部分单独样式*/
div#container div#main div.news #today
{
/*今日新闻的样式*/
border-top: #015796 2px solid;
border-collapse: collapse;
margin: 4px 0px;
}
div#container div#main div.news #today td
{
padding: 0px 0px 5px;
margin: 0px;
}
div#container div#main div.news #today td.picture
{
width: 120px;
vertical-align: top;
padding-right: 5px;
}
div#container div#main div.news #today td.summary
{
vertical-align: top;
}
div#container div#main div.news #today td.summary h4
{
font-size: 1.2em;
}
div#container div#main div.news #today td.summary em
{
display: block;
padding: 2px 0px;
}
div#container div#main div.news #today td.summary p.summary
{
text-indent: 2em;
margin: 0px;
padding: 0px;
}
div#container div#main div.news #today td.column
{
/*新闻栏目样式*/
vertical-align: top;
width: 130px;
}
div#container div#main div.news #today td.column ul
{
padding: 3px 0px 2px;
margin: 0px;
list-style: none;
background: #f5f5f5;
font-weight: bold;
}
div#container div#main div.news div#search
{
border: none;
}
div#container div#main div.news div#search h4
{
display: none;
}
div#container div#main div.news div#text,
div#container div#main div.docs div#text
{
/*新闻文章正文样式*/
font-size: 1.0em;
line-height: 1.6em;
/*text-indent: 2em;*/
}
/*主页自定义样式*/
div#container div#main div.hp
{
/* width: 586px;
border: none;*/
}
div#container div#main div.hp h2
{
display: none;
}
div#container div#main div.hp p.summary
{
display: none;
}
div#container div#main div.hp div.part
{
/*border: #a79355 1px solid;*/
padding: 0px;
margin: 0px;
}
div#container div#main div.hp #intro,
div#container div#main div.hp #news
{
height: 247px;
overflow: hidden;
background: url(../images/site/yomu.jpg) no-repeat;
color:#333;
}
div#container div#main div.hp #intro h4,
div#container div#main div.hp #news h4
{
overflow: hidden;
height: 22px;
display:none;
background:url(../images/site/title_about.gif) no-repeat;
/*border-bottom: #a79355 1px solid;*/
}
div#container div#main div.hp #intro
{
float: left;
}
/*div#container div#main div.hp #news
{
float: right;
}
div#container div#main div.hp #news ul
{
padding: 0px;
margin: 4px 7px;
list-style: none;
border-top: #c0c0c0 1px dashed;
}
div#container div#main div.hp #news ul li
{
line-height: 24px;
height: 24px;
border-bottom:#c0c0c0 1px dashed;
white-space: nowrap;
width: 260px;
overflow: hidden;
padding-left: 16px;
background: url(../images/article_list.gif) no-repeat -4px center;
}
div#container div#main div.hp #news a.more
{
margin: 4px 7px;
text-align: right;
}*/
div#container div#main div.hp #oalist
{
background:#fff; /*def*/
margin: 3px 0px 0px;
overflow: hidden;
width:528px;
}
div#container div#main div.hp #oalist2
{
background:#fff; /*def*/
margin: 0px 0px 0px;
overflow: hidden;
width:528px;
}
div#container div#main div.hp #oalist2 h4
{
height: 28px;
line-height: 28px;
overflow: hidden;
background:url(../images/site/oalist_title.jpg) no-repeat;
color:#000065;
text-indent:30px;
font-size:1.05em;
}
div#container div#main div.hp #oalist h4
{
height: 28px;
line-height: 28px;
overflow: hidden;
background:url(../images/site/oalist_title1.gif) no-repeat;
color:#000065;
text-indent:25px;
font-size:1.05em;
}
div#container div#main div.hp #oalist div.column
{
padding-left:15px;
padding-right:5px;
border-left:#bcd6e2 1px solid;
border-right:#bcd6e2 1px solid;
border-bottom:#bcd6e2 1px solid;
}
div#container div#main div.hp #oalist div.column h5
{
font-weight: bold;
font-size:1em;
color: #003399;
/*background: url(../images/site/mc_bg.gif) no-repeat left top;*/
/*border: solid 1px #e7e7e7;*/
display: inline;
line-height: 20px;
height:15px;
}
div#container div#main div.hp #oalist div.column div.item
{
padding: 6px 0px 6px 25px;
background: url(../images/site/articlelist.gif) no-repeat left top;
line-height: 160%;
}
div#container div#main div.hp #oalist div.column div.item1
{
padding: 0px 0px 4px 25px;
height:3px;
background: url(../images/site/articlelist1.gif) no-repeat left top;
line-height: 160%;
}
div#container div#main div.hp #oalist div.column div.item a:hover
{
}
div#container div#main div.hp #oalist div.column div.item h6
{
font-size: 1em;
font-weight:normal;
}
div#container div#main div.login div#submit
{
text-align:center;
margin: 20px 0px 10px 40px;
padding: 0px;
}
div#container div#main div.login div#help
{
text-align:center;
margin: 20px 0px 10px 40px;
padding: 0px;
}
/*页面侧边栏样式*/
div#container div#main div#sidebar
{
/*侧边栏宽度、内边距，注意参考CSS沙盒模型*/
width: 245px;
overflow: hidden;
padding-left:1px;
padding-top:0px!important;
}
div#container div#main div#sidebar div.item
{
/*侧边栏区块的样式*/
/*侧边栏区块表示在侧边栏区域，将同类内容作为一个块来显示，通常要求置于class="item"的div当中*/
/*border: #d3d3d3 1px solid;*/
margin-right:2px;
margin-left:0px;
/*background: #fff;*/
width: 245px;
overflow: hidden;
}
div#container div#main div#sidebar div.item h4
{
/*内容区域标题的样式*/
/*background: #fc6;*/
font-size: 1em;
padding: 0px 8px 0px 25px;
/*border-top: 1px solid #c0c0c0;*/
}
div#container div#main div#sidebar div.item ul
{
/*内容区域列表样式*/
margin: 10px 0px 10px 0px;
padding: 0px;
list-style: none;
line-height: 22px;
background:transparent url(../Images/site/kb.gif) repeat-y center top;
}
div#container div#main div#sidebar div.item ul li
{
/*内容区域列表项样式，注意提示图片的处理方式！
/*background: url(../images/li_dot_15em.gif) no-repeat;*/
padding-left:16px;
}
div#container div#main div#sidebar div.item a.more
{
margin: 0px 7px;
}
/*侧边栏单独样式*/
/*登陆窗体样式*/
div#container div#main div#sidebar div#credit
{
padding: 0px 0px 2px 0px;
margin-top:0px;
background:url(../images/site/left_bg.gif) repeat-y left top;
/*margin-top:8px;
/*border:#95a4ae 1px solid;*/
}
div#container div#main div#sidebar div#comments
{
padding: 0px 0px 2px 0px;
margin-top:0px;
background:url(../images/site/left_bg.gif) repeat-y left top;
/*margin-top:8px;
background:url(../Images/site/userlogin_title.gif) no-repeat left top;*/
/*border:#95a4ae 1px solid;*/
}
div#container div#main div#sidebar div#links
{
padding: 0px 0px 10px 0px;
margin-top:0px;
background:url(../images/site/left_bg.gif) repeat-y left top;
border-bottom:#ccc 1px solid;
/*margin-top:8px;
background:url(../Images/site/userlogin_title.gif) no-repeat left top;*/
/*border:#95a4ae 1px solid;*/
}
div#container div#main div#sidebar div#loginview
{
padding: 0px 0px 2px 0px;
height:170px!important;
background:url(../images/site/left_bg.gif) repeat-y left top;
/*margin-top:1px;
border-left:#bcd6e2 1px solid;
border-right:#bcd6e2 1px solid;
border-bottom:#bcd6e2 1px solid;*/
}
div#container div#main div#info
{
width:194px;
margin-top:0px;
border-bottom:#ccc 1px solid;
border-right:#ccc 1px solid;
background: url(../Images/site/info_bg.jpg) repeat-y left top;
color:#333;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
div#container div#main div#sidebar div#loginview dl
{
margin: 10px 0px 0px 10px;
padding: 0px 10px 0px 5px;
}
div#container div#main div#sidebar div#loginview dt
{
height: 20px;
line-height: 20px;
width: 48px;
display: block;
float: left;
font-weight: normal;
margin-left:2px;
padding-left:3px!important;
}
div#container div#main div#sidebar div#loginview dd
{
margin-bottom: 5px;
}
div#container div#main div#sidebar div#loginview dd input
{
width: 113px;
height: 18px;
line-height:18px;
border: #cdcdcd;
border-style: double;
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
background:#fff;
}
div#container div#main div#sidebar div#loginview table
{
margin: 5px 6px;
border-collapse: collapse;
text-align: center;
}
div#container div#main div#sidebar div#loginview table td
{
padding: 0px 1px;
}
div#container div#main div#sidebar div#loginview table input
{
/*登陆按钮样式*/
/*如果要为登陆按钮单独设置样式，请通过input.classname的方式设置*/
width: 83px;
}
/*文章查询*/
div#container div#main div#sidebar div#oaquery
{
background:url(../images/site/left_bg.gif) repeat-y left top;
color:#000;
margin-top:0px;
}
div#container div#main div#sidebar div#oaquery ul li
{
float: left;
width: 56px;
margin-left:5px;
margin-bottom:3px;
}
div#container div#main div#sidebar div#oaquery ul li a
{
color:#264b84;
text-decoration: underline;
}
div#container div#main div#sidebar div#oaquery ul li a:hover
{
color:#ff5024;
text-decoration: underline;
}
div#container div#main div#sidebar div#oaquery dl
{
padding: 0px;
margin: 8px 10px 0px 12px;
}
div#container div#main div#sidebar div#oaquery dl dt
{
height: 12px;
line-height: 12px;
width: 30px;
display: block;
float: left;
font-weight: none;
margin-bottom: 5px;
}
div#container div#main div#sidebar div#oaquery dl dd
{
margin-bottom: 5px;
}
div#container div#main div#sidebar div#oaquery dl dd select
{
/*文章类别选择，注意select元素的padding永远为0px*/
width: 110px;
}
div#container div#main div#sidebar div#oaquery dl /*dd*/ input.textbox
{
/*文本框样式*/
width: 160px;
height: 14px;
line-height:14px;
margin-left:12px; /*搜索*/
}
div#container div#main div#sidebar div#oaquery dl /*dd*/ input.button
{
/*搜索按钮的样式*/
width: 14px;
height:14px;
line-height:14px;
border:0;
background:transparent url(../Images/SITE/searchbutton.gif);
margin:0px 5px 0px 7px;
}
div#container div#main div#sidebar div#links div.t
{
/*文字友情链接样式*/
padding: 5px 20px 5px 8px;
margin:0px 10px 0px 8px;
}
div#container div#main div#sidebar div#links div.t a
{
/*文字友情链接样式，将连接设置为块显示模式，以方便设置链接的样式*/
display: block;
height: 19px;
line-height: 19px;
overflow: hidden;
padding: 0px 10px;
text-decoration: none;
border: #bac5cb 1px solid;
background: #fff;
color:#28518e;
width:190px;
}
div#container div#main div#sidebar div#links div.t a:hover
{
/*文字友情链接样式，鼠标滑过时的样式*/
border: #bac5cb 1px solid;
background: #f7f7f7;
color:#000;
}
div#container div#main div#sidebar div#links div.p
{
/*图片友情链接样式*/
padding: 1px;
padding: 5px 5px;
}
div#container div#main div#sidebar div#links div.p a
{
display: block;
padding: 1px;
border: #bac5cb 1px solid;
}
div#container div#main div#sidebar div#links div.p a:hover
{
/*图片友情链接样式，鼠标滑过时的样式*/
border: #bac5cb 1px solid;
}
div#container div#main div#sidebar div#links div.p img
{
/*图片宽度*/
width: 100%;
}
/*页脚样式*/
div#container div#footer
{
/*页脚样式定义*/
width: 100%;
/*border-top: #ccc 5px solid;*/
clear: both;
text-align: center;
/*line-height: 20px;*/
/*background:#F0F9FF;*/
}
div#container div#footer h2
{
display: none;
}
div#container div#footer div#copyright
{
/*版权信息*/
padding-top: 10px;
}
div#container div#footer div#announce
{
padding-top: 15px;
color:#333;
/*主办单位，网站拥有者信息*/
}
div#container div#footer div#addressinfo
{
color:#333;
padding-top:5px;
/*地址信息样式*/
}
div#container div#footer div#supportinfo
{
/*支持信息样式*/
padding-top:5px;
padding-bottom: 0px;
color:#333;
}
/*公共样式定义*/
input.manage
{
/*编辑登录*/
width: 191px;
height:26px;
border:0;
background:url(../Images/site/bianjilogin.gif) no-repeat;
}
input.author
{
/*作者登录*/
width: 191px;
height:26px;
border:0;
background:url(../Images/site/zzlogin.gif) no-repeat;
}
input.expert
{
/*专家登录*/
width: 191px;
height:26px;
border:0;
background:url(../Images/site/zjlogin.gif) no-repeat;
}
input.register
{
/*作者注册*/
width: 81px;
height:26px;
border:0;
background:url(../Images/SITE/zzzc.gif) no-repeat;
margin:4px;
}
input.author_ny
{
/*登录内页input*/
width:132px;
height:25px;
border:0;
background:url(../Images/site/login_button.gif);
}
#loginview #welcome p
{
margin: 7px;
padding: 0px;
line-height: 150%;
text-indent: 2em;
}
#loginview #welcome .shortcut
{
display: block;
font-weight: bold;
text-align: center;
width: 150px;
height: 25px;
line-height: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: #333 1px solid;
}
#loginview #welcome .shortcut:hover
{
/*background: #f5f5f5;*/
}