You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
205 lines
3.2 KiB
205 lines
3.2 KiB
|
|
body{
|
|
padding: 5px;
|
|
width: 95%;
|
|
margin-top:10px;
|
|
margin-left:10px;
|
|
font-family:Arial, Sans-serif;
|
|
font-size:15px;
|
|
color:#444;
|
|
border: 3px solid #ccc;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: #dadada -1px 0 4px;
|
|
box-shadow: #dadada -1px 0 4px;
|
|
}
|
|
|
|
.icon-container{
|
|
width:40px;
|
|
height:40px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
#shadow{
|
|
position:absolute;
|
|
z-index:0;
|
|
width:512px;
|
|
height:58px;
|
|
padding-left:8px;
|
|
margin-top:3px;
|
|
margin-left:3px;
|
|
background-color:rgb(210,210,210);
|
|
}
|
|
|
|
#inputfield{
|
|
position:absolute;
|
|
z-index:1;
|
|
width:520px;
|
|
height:58px;
|
|
background-color:rgb(230,230,233);
|
|
border:1px solid rgb(220, 220, 220);
|
|
}
|
|
|
|
.button{
|
|
float:left;
|
|
padding:4px 5px;
|
|
cursor:pointer;
|
|
background-color:rgb(45,65,250);
|
|
border:1px solid;
|
|
border-color:rgb(45,65,250) rgb(25,45,230) rgb(25,45,230) rgb(45,65,250);
|
|
text-transform:capitalize;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
color:white;
|
|
}
|
|
|
|
#search-button{
|
|
margin-top:17px;
|
|
margin-left:17px;
|
|
}
|
|
|
|
#back-button{
|
|
margin-top:17px;
|
|
margin-left:17px;
|
|
}
|
|
|
|
#forward-button{
|
|
margin-top:17px;
|
|
margin-left:17px;
|
|
}
|
|
|
|
#search-button.over{
|
|
border-color:rgb(25,45,230) rgb(45,65,250) rgb(45,65,250) rgb(25,45,230);
|
|
}
|
|
|
|
#show-inputfield-button{
|
|
margin-left:12px;
|
|
}
|
|
|
|
#web-content{
|
|
display:none;
|
|
margin-top:65px;
|
|
}
|
|
|
|
#container{
|
|
float:left;
|
|
position:relative;
|
|
overflow:visible;
|
|
height:auto;
|
|
}
|
|
|
|
#container.welcome{
|
|
width:405px;
|
|
margin-top:87px;
|
|
background-color:#FFF;
|
|
}
|
|
|
|
#container.load{
|
|
margin-top:0px;
|
|
}
|
|
|
|
#container.show{
|
|
margin-top:0px;
|
|
height:auto;
|
|
}
|
|
|
|
#container.change{
|
|
margin-top:80px;
|
|
height:auto;
|
|
}
|
|
|
|
#container.error{
|
|
width:400px;
|
|
height:auto;
|
|
margin-top:87px;
|
|
background-color:#FFF;
|
|
position:relative;
|
|
}
|
|
|
|
#arrow{
|
|
text-align:center;
|
|
width:100%;
|
|
margin-top:-36px;
|
|
margin-bottom:-1px;
|
|
position:relative;
|
|
z-index:4;
|
|
}
|
|
|
|
#embeded-content{
|
|
border:1px solid rgb(230,230,230);
|
|
position:relative;
|
|
z-index:3;
|
|
float:left;
|
|
height:auto;
|
|
}
|
|
|
|
#show-container{
|
|
overflow:auto;
|
|
height:auto;
|
|
}
|
|
|
|
#show-area{
|
|
width:80px;
|
|
height:100%;
|
|
display:none;
|
|
}
|
|
|
|
#show-area .icon-container{
|
|
margin:0 auto;
|
|
}
|
|
|
|
#textbox{
|
|
width:245px;
|
|
float:left;
|
|
padding:2px;
|
|
margin-top:17px;
|
|
margin-left:17px;
|
|
outline:none;
|
|
border:1px solid #666;
|
|
font-family:Arial, Sans-serif;
|
|
font-size:15px;
|
|
color:#444;
|
|
}
|
|
|
|
#container-shadow{
|
|
width:100%;
|
|
height:30px;
|
|
}
|
|
|
|
#container-shadow td{
|
|
height:100%;
|
|
}
|
|
|
|
#shadow-left{
|
|
width:193px;
|
|
background-image:url(../imgs/left.png);
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
#shadow-center{
|
|
width:auto;
|
|
background-image:url(../imgs/center.png);
|
|
background-repeat:repeat;
|
|
}
|
|
|
|
#shadow-right{
|
|
width:193px;
|
|
background-image:url(../imgs/right.png);
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.popupWordInfo{
|
|
position: absolute;
|
|
display: none;
|
|
width: 100px;
|
|
height: 17px;
|
|
top: 0;
|
|
left: 0;
|
|
text-align: center;
|
|
border: 1px solid #B9B9B9;
|
|
background-color: #eaebeb;
|
|
color: black;
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
font-size: small;
|
|
z-index: 100;
|
|
} |