console
* {
margin:0px;
padding:0px;
}
html, body {
scrollbar-face-color:#98a363;
scrollbar-highlight-color:#e3e69d;
scrollbar-shadow-color:#999;
scrollbar-3dlight-color:#000;
scrollbar-arrow-color:#000;
scrollbar-track-color:#f4f4f0;
scrollbar-darkshadow-color:#666;
}
body {
background:#d9d7cd;
background-image: url("../images/back.jpg");
background-repeat: no-repeat;
background-size:150%;
}
ul {
list-style:none;
font-size:12px;
}
#top,#vi,#nav,#main,#bt {
width: 779px;
margin: 0px auto;
}
#top,#bt {
background-color:#000;
}
#top {
margin-top: 20px;
height:18px;
padding-top:5px;
text-align:right;
color:#fff;
}
#top_txt {
margin-right: 5px;
}
#top_txt a {
color:lightblue;
text-decoration: none;
}
#top_txt a:visited {
color:#lightblue;
}
#top_txt a:hover {
color:#fff;
}
#vi {
height:85px;
background:#98a363;
background-image: url("../images/vii.jpg");
}
#tt {
margin-left:120px;
padding-top:10px;
text-indent:-40px;
line-height:1.8em;
font-size:20px;
font-weight:bold;
}
#nav {
height:35px;
background:#e6e4db;
}
#nav ul {
margin-left: 30px;
}
#nav ul li {
float:left;
}
#nav ul a {
display: block;
width: 85px;
height:25px;
padding-top: 10px;
text-decoration: none;
letter-spacing: 15px;
text-align: center;
color: #000;
font-size: 15px;
font-weight: bold;
}
#nav ul a:visited {
color: #000;
}
#nav ul a:hover {
color: #98a363;
background: #fff;
}
#nav ul li.bar {
width: 6px;
padding-top: 12px;
}
#main {
height: 560px;
background:#fff;
}
#bt {
height: 46px;
padding-top: 34px;
text-align: center;
color: #fff;
}
#right h5 a {
text-decoration:underline;
color: lightblue;
}
#right h5 a:visited {
color: #8800ff;
}
#right h5 a:hover {
color: #8800ff;
}
h4 {
letter-spacing: 1em;
font-size: 15px;
background: #e6e4db;
height:24px;
border-bottom: 1px solid #d9d7cd;
padding-top: 5px;
margin-top: 2px;
padding-left: 10px;
}
#right {
margin-left: 10px;
width: 754px;
height: 538px;
border: 1px solid #d9d7cd;
margin-top: 10px;
float:left;
}
#right h4 {
width: 744px;
}
#right h5, #right .date, #right p {
margin-left: 30px;
}
#right h5 {
margin-top: 10px;
font-size: 13px;
}
#right .date {
font-style: italic;
}
#right p {
width: 700px;
height: 20px;
background: #f4f4f0;
border: 1px solid #999;
text-indent: 2em;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
}
hr {
margin-top: 20px;
}
#content {
position: absolute;
top: 195px;
left: 5px;
display: none;
width: 99%;
height: 440px;
background: #f4f4f0;
border: 1px solid #999;
text-align: center;
}
#content h5 {
text-align: center;
font-size: 16px;
margin: 10px;
}
#content p {
width: 700px;
height: 300px;
margin: 10px auto;
background: #fff;
border: 1px solid #999;
text-align: left;
text-indent: 2em;
line-height: 1.8em;
overflow: auto;
}
#content button {
width: 100px;
height: 18px;
border: 1px solid #999;
}