You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

180 lines
2.5 KiB
CSS

5 years ago
body{
width:100%;
height:100%;
}
div#container{
/*background-color:blue;*/
background-image: url(img/index/background.jpg);
background-repeat: repeat;
/*background-size: contain;*/
width: 100%vw;
height:1000px;
}
div#left{
width: 45%;
height: 80%;
margin-left:20px;
margin-top:20px;
float: left;
background-image:url(img/index/it_deng_left.jpg);
}
div#right{
width: 45%;
height: 80%;
margin-left:20px;
margin-top:20px;
margin-right:20px;
float: right;
background-image:
url(img/index/it_deng_right.jpg);
background-size: 20px;
}
section#content{
margin: 20px;
padding:8px;
padding-bottom: 50px;
height:85%;
background-color: lightblue;
}
section#conversation{
margin-left:0px;
padding:2%;
background-color: lightgreen;
border: inset 10px;
height:30%;
font-size:9px;
margin:-7%;
margin-top: 7%;
/*margin-left: 7%;*/
}
h1/*#title*/ {
font-family: 'Margarine', cursive;
}
h2#start{
font-family: 'Margarine', cursive;
}
h2#subTitle{
font-family: 'Margarine', cursive;
padding: 0;
margin: 0;
}
p#introText{
margin-left: 5px;
}
table#author{
border-spacing: 0px;
}
ul#rules {
padding-left: 20px;
list-style-type: none !important;
margin:0;
}
ul#rules li {
padding-left: 2rem;
background-image: url(img/index/star.png);
background-position: 0 0;
background-size: 1.3rem 1.3rem;
background-repeat: no-repeat;
}
ul#indexPoints {
padding-left: 20px;
list-style-type: none;
margin:0;
}
ul#indexPoints li {
padding-left: 2rem;
background-image: url(img/index/startingPoint.png);
background-position: 0 0;
background-size: 1.6rem 1.6rem;
background-repeat: no-repeat;
}
li{
margin: 21px;
}
section#deng{
padding:30px;
margin:20px;
height:85%;
background-color: yellow;
}
img#portrait {
width: 200px;
border: 1px solid;
margin-top: 30px;
margin-left:0;
padding: 10px;
border-image:
url("img/index/border.png") /* source */
170 / /* slice */
52px 47px 52px 29px / /* width */
15px 14px 9px 4px /* outset */
round; /* repeat */
}
table#dengBio{
margin-top:50px;
margin-left:0;
}
div#screenshot{
margin-top:40px;
}
h2{
font-family: 'Margarine', cursive;
}
div#sitemap{
bottom: 10px;
}
/*h1#sitemap{
font-family: 'Margarine', cursive;
}*/
#sitemap a:link {
color: hotpink ;
}
/* visited link */
#sitemap a:visited {
color: green;
}
/* mouse over link */
#sitemap a:hover {
color: red;
}
/* selected link */
#sitemap a:active {
color: blue;
}