/* lxgpanel.css */
@import url("common.css");
header {
background-color: hsl(0, 0%, 96%);
padding: 10px 20px;
border-bottom: 1px solid hsl(0, 0%, 90%);
color: hsl(0, 0%, 0%);
}
body {
background-color: hsl(0, 0%, 98%);
font-family: "Trebuchet MS", sans-serif;
overflow-x: hidden;
color: hsl(0, 0%, 0%);
}
#tokens_list {
padding: 50px 10px 10px 10px;
}
#tokens_list .paragraph {
background-color: hsla(0, 0%, 90%, 1);
padding: 10px;
border-radius: 2px;
margin: 10px 5px;
}
#tokens_list p {
margin: 8px;
}
#tokens_list p.separator {
margin: 20px 0;
padding: 5px 50px;
background-color: hsla(0, 0%, 75%, 1);
color: hsla(0, 0%, 96%, 1);
border-radius: 5px;
text-align: center;
font-size: 20px;
}
#tokens_list .token {
margin: 8px;
}
#tokens_list ul {
margin: 0 0 5px 40px;
}
#tokens_list b {
background-color: hsla(150, 10%, 50%, 1);
color: hsla(0, 0%, 96%, 1);
padding: 2px 5px;
border-radius: 2px;
text-decoration: none;
}
#tokens_list b.WORD {
background-color: hsla(150, 50%, 50%, 1);
}
#tokens_list b.ELPFX {
background-color: hsla(150, 30%, 50%, 1);
}
#tokens_list b.UNKNOWN {
background-color: hsla(0, 50%, 50%, 1);
}
#tokens_list b.NUM {
background-color: hsla(180, 50%, 50%, 1);
}
#tokens_list b.COMPLEX {
background-color: hsla(60, 50%, 50%, 1);
}
#tokens_list b.SEPARATOR {
background-color: hsla(210, 50%, 50%, 1);
}
#tokens_list b.LINK {
background-color: hsla(270, 50%, 50%, 1);
}
#tokens_list s {
color: hsla(0, 0%, 60%, 1);
text-decoration: none;
}
#tokens_list .textline {
text-decoration: bold;
}
#tokens_list p.message {
margin-top: 20px;
padding: 10px 10px;
background-color: hsla(240, 10%, 50%, 1);
font-size: 18px;
color: hsla(240, 0%, 96%, 1);
border-radius: 3px;
text-align: center;
}