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
180 lines
2.5 KiB
CSS
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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|