html { overflow-y:scroll; }
body {
font-family:Georgia;
background-color: #fff;
color: #474143;
}
#wrap {
width:900px;
margin: 0 auto;
}
h1 {
font-size:18px;
color: #A69E9D;
margin:0px;
}
h2 {
font-size:16px;
color: #A69E9D;
}
h3 {
font-size:14px;
color: #A69E9D;
}
#title {
margin-top:30px;
font-size:48px;
color: #A69E9D;
}
#subtitle {
margin-top:7px;
font-size:16px;
font-style: italic;
color: #A69E9D;
}
#search_box {
background-color: #eeebe5;
width: 450;
padding: 15px;
margin: auto;
border-radius: 7px;
margin-top: 30px;
margin-bottom: 30px;
}
#search_field {
width: 389px;
height: 28px;
font-size: 20px;
color:#474143;
padding:4px;
}
#search_button {
width: 57px;
height: 28px;
padding:4px;
position:relative;
top:-3px;
}
.dict_links {
margin: auto;
width: 200;
font-weight:bold;
color: #A69E9D;
}
.dict_links a {
text-decoration:none;
font-weight:bold;
color: #A69E9D;
}
#search_word {
font-size:60px;
color: #A69E9D;
text-align: center;
margin-bottom: 20px;
}
#searchword_count {
font-size:48px;
color: #eeebe5;
}
.highlighted_searchword {
color: #6f6c6c;
font-weight: bold;
}
.highlighted_word {
color: #6f6c6c;
font-weight: bold;
}
table {
border-collapse:collapse;
}
table td {
padding:6px;
}
table td category{
padding:6px;
width:10%;
}
.category{
font-size:12px;
font-style: italic;
color: #474143;
width:10%;
}
tr:nth-child(even) {
background-color: #eeebe5;
}
#statistics-title {
margin-top: 45px;
margin-bottom:20px;
font-size:36px;
color: #A69E9D;
}
#counts {
margin-left:20px;
width:20%;
float:left;
}
#chart {
width:75%;
float:right;
margin-bottom: 30px;
}
#collocations {
margin-left:20px;
margin-top:20px;
width:100%;
float:left;
}
#corpus_info {
margin-left:20px;
margin-top:20px;
width:100%;
float:left;
clear:both;
}
#corpus_info_title {
margin-top: 30px;
margin-bottom:20px;
font-size:36px;
color: #A69E9D;
}
#info {
clear:both;
width:900px;
}
/* http://tobiasahlin.com/spinkit/ */
.spinner {
margin: 10px auto 0;
width: 70px;
text-align: center;
display:none;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #E7E2DA;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}