194 lines
2.9 KiB
CSS
194 lines
2.9 KiB
CSS
|
/* unvisited link */
|
||
|
a:link {
|
||
|
color: #316579;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
/* visited link */
|
||
|
a:visited {
|
||
|
color: #316579;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
/* mouse over link */
|
||
|
a:hover {
|
||
|
color: #316579;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
/* selected link */
|
||
|
a:active {
|
||
|
color: #316579;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.name {
|
||
|
width: 240px;
|
||
|
vertical-align: middle;
|
||
|
text-align: center;
|
||
|
background: url("../images/bg_gps.jpg") no-repeat center;
|
||
|
color:#EEEEEE;
|
||
|
font-size: 16px;
|
||
|
font-weight: bold;
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
.inline {
|
||
|
width: 230px;
|
||
|
font-size: 13px;
|
||
|
font-weight: regular;
|
||
|
line-height: 18px;
|
||
|
padding: 2px 5px 0px 5px;
|
||
|
vertical-align: middle;
|
||
|
height: 100%;
|
||
|
margin:0 auto;
|
||
|
}
|
||
|
|
||
|
.sideicon {
|
||
|
width:30px;
|
||
|
height:30px;
|
||
|
float:left;
|
||
|
}
|
||
|
|
||
|
.address {
|
||
|
width:200px;
|
||
|
height:40px;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.ptt {
|
||
|
position:absolute;
|
||
|
top: 29px;
|
||
|
left: 210px;
|
||
|
width:30px;
|
||
|
height:30px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.ptt-anim {
|
||
|
position:absolute;
|
||
|
top: 26px;
|
||
|
left: 208px;
|
||
|
width:35px;
|
||
|
height:35px;
|
||
|
|
||
|
}
|
||
|
|
||
|
.position
|
||
|
{
|
||
|
color:#EEEEEE;
|
||
|
font-size: 10px;
|
||
|
line-height: 0px;
|
||
|
font-weight: normal;
|
||
|
vertical-align: text-top;
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
.green {
|
||
|
color:#316579;
|
||
|
}
|
||
|
|
||
|
.gray {
|
||
|
color:#999999;
|
||
|
}
|
||
|
|
||
|
.img {
|
||
|
vertical-align: middle;
|
||
|
width:20px;
|
||
|
height:20px;
|
||
|
margin-left: 0px;
|
||
|
margin-right: 3px;
|
||
|
}
|
||
|
|
||
|
#logo {
|
||
|
position: absolute;
|
||
|
right: 10px;
|
||
|
direction:ltr;
|
||
|
top: 150px;
|
||
|
right: 0;
|
||
|
width: 300px;
|
||
|
height: 200px;
|
||
|
z-index: 9999;
|
||
|
border: 1px solid black;
|
||
|
background-color:rgba(17,175,27,0.4);
|
||
|
}
|
||
|
|
||
|
|
||
|
#logger {
|
||
|
background-color:rgba(255,0,0,0.5);
|
||
|
width:100%;
|
||
|
padding:3px;
|
||
|
border: 1px solid black;
|
||
|
position: absolute;
|
||
|
top: 1px;
|
||
|
right: 1px;
|
||
|
}
|
||
|
|
||
|
.tooldiv{
|
||
|
position:absolute;
|
||
|
float:left;
|
||
|
z-index:9999;
|
||
|
top:50px;
|
||
|
right:0px;
|
||
|
opacity: 0.8;
|
||
|
border-width: 0px;
|
||
|
border-style: solid;
|
||
|
background-color:white;
|
||
|
width:173;
|
||
|
-webkit-border-radius: 20px;
|
||
|
-moz-border-radius: 20px;
|
||
|
border-radius: 10px;
|
||
|
display:inline-block;
|
||
|
|
||
|
}
|
||
|
|
||
|
.info{
|
||
|
overflow-y: hidden; // hide vertical
|
||
|
overflow-x: hidden; // hide horizontal
|
||
|
display: inline-block;
|
||
|
width: 240px;
|
||
|
}
|
||
|
|
||
|
.container{
|
||
|
width: 100%;
|
||
|
height: 99%;
|
||
|
overflow: auto;
|
||
|
padding-right: 15px;
|
||
|
}
|
||
|
|
||
|
.ui-menu { width: 150px; }
|
||
|
|
||
|
body {
|
||
|
font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
|
||
|
font-size: 0.8em;
|
||
|
}
|
||
|
|
||
|
p.menu {
|
||
|
padding: 5px 16px;
|
||
|
background-color: #eee;
|
||
|
border: 2px outset;
|
||
|
}
|
||
|
|
||
|
p.menu b {
|
||
|
padding: 5px 16px;
|
||
|
background-color: #ccc;
|
||
|
border: 2px inset;
|
||
|
}
|
||
|
|
||
|
/* Optionally define a fixed width for menus */
|
||
|
.ui-menu {
|
||
|
width: 190px;
|
||
|
|
||
|
}
|
||
|
/* Allow to use <kbd> elements inside the title to define shortcut hints. */
|
||
|
.ui-menu kbd {
|
||
|
padding-left: 1em;
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
/*.ui-menu img {
|
||
|
max-width: 100%;
|
||
|
max-height: 100%;
|
||
|
}*/
|