📄 template.css
字号:
a.jxTab:active {
border: none;
}
a.jxTab span.jxButtonSpan {
/* The SPAN contains the other side of the tab background image
and the tab label */
margin: 0px;
padding: 0px;
background-repeat: no-repeat;
}
/* ============== */
/* TAB BAR ON TOP */
/* ============== */
.jxTabBoxTop {
margin-top: 27px;
}
.jxTabBoxTop .jxBarTop {
top: -27px;
}
.jxBarTop a.jxTab {
padding-left: 6px; /* makes room for the left of the tab bg */
background-image: url(../../images/jx/tab_top_bg.png);
background-position: left 2px; /* shifts the left BG in 2 px for slide effect */
border-bottom: 1px solid #999; /* same color as the tabBox border */
}
.jxBarTop a.jxTab span.jxButtonSpan {
padding: 7px 6px 7px 0px; /* makes space around the label */
background-image: url(../../images/jx/tab_top_bg.png);
background-position: right 2px; /* shifts the right BG in 2 px for slide effect*/
}
.jxBarTop a.jxTab span.jxButtonLabel {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
}
.jxBarTop a.jxTab:hover {
background-position: left top; /* shifts the left BG out 2 px for slide effect */
}
.jxBarTop a.jxTab:hover span.jxButtonSpan {
background-position: right top; /* shifts the right BG out 2 px for slide effect */
}
.jxBarTop a.tabActive {
background-position: left -50px; /* switch to the active left BG */
border-bottom: 1px solid #fff; /* same color as the tabBox BG */
}
.jxBarTop a.tabActive span.jxButtonSpan {
background-position: right -50px; /* switch to the active right BG */
}
/* ================= */
/* TAB BAR ON BOTTOM */
/* ================= */
.jxTabBoxBottom {
margin-bottom: 27px;
}
.jxTabBoxBottom .jxBarBottom {
bottom: -27px;
}
.jxBarBottom li.jxTabItem {
/* LIs are floated so tabs follow each other in a row */
float: left;
}
.jxBarBottom a.jxTab {
padding-left: 6px; /* makes room for the left of the tab bg */
background-image: url(../../images/jx/tab_bottom_bg.png);
background-position: left -2px; /* shifts the left BG in 2 px for slide effect */
border-top: 1px solid #999; /* same color as the tabBox border */
}
.jxBarBottom a.jxTab span.jxButtonSpan {
padding: 7px 6px 7px 0px; /* makes space around the label */
background-image: url(../../images/jx/tab_bottom_bg.png);
background-position: right -2px; /* shifts the right BG in 2 px for slide effect*/
}
.jxBarBottom a.jxTab:hover {
background-position: left top; /* shifts the left BG out 2 px for slide effect */
}
.jxBarBottom a.jxTab:hover span.jxButtonSpan {
background-position: right top; /* shifts the right BG out 2 px for slide effect */
}
.jxBarBottom a.tabActive {
background-position: left -50px; /* switch to the active left BG */
border-top: 1px solid #fff; /* same color as the tabBox BG */
}
.jxBarBottom a.tabActive span.jxButtonSpan {
background-position: right -50px; /* switch to the active right BG */
}
/* =============== */
/* TAB BAR ON LEFT */
/* =============== */
.jxTabBoxLeft {
margin-left: 27px;
}
.jxTabBoxLeft .jxBarLeft {
left: -27px;
}
.jxBarLeft a.jxTab {
padding-top: 6px; /* makes room for the top of the tab bg */
background-image: url(../../images/jx/tab_left_bg.png);
background-position: 2px top; /* shifts the top BG in 2 px for slide effect */
border-right: 1px solid #999; /* same color as the tabBox border */
}
.jxBarLeft a.jxTab span.jxButtonSpan {
padding: 0px 7px 6px 7px; /* makes space around the label */
background-image: url(../../images/jx/tab_left_bg.png);
background-position: 2px bottom; /* shifts the bottom BG in 2 px for slide effect*/
}
.jxBarLeft a.jxTab:hover {
background-position: left top; /* shifts the top BG out 2 px for slide effect */
}
.jxBarLeft a.jxTab:hover span.jxButtonSpan {
background-position: left bottom; /* shifts the bottom BG out 2 px for slide effect */
}
.jxBarLeft a.tabActive {
background-position: -50px top; /* switch to the active top BG */
border-right: 1px solid #fff; /* same color as the tabBox BG */
}
.jxBarLeft a.tabActive span.jxButtonSpan {
background-position: -50px bottom; /* switch to the active bottom BG */
}
/* ================ */
/* TAB BAR ON RIGHT */
/* ================ */
.jxTabBoxRight {
margin-right: 27px;
}
.jxTabBoxRight .jxBarRight {
right: -27px;
}
.jxBarRight a.jxTab {
padding-top: 6px; /* makes room for the top of the tab bg */
background-image: url(../../images/jx/tab_right_bg.png);
background-position: -2px top; /* shifts the top BG in 2 px for slide effect */
border-left: 1px solid #999; /* same color as the tabBox border */
}
.jxBarRight a.jxTab span.jxButtonSpan {
padding: 0px 7px 6px 7px; /* makes space around the label */
background-image: url(../../images/jx/tab_right_bg.png);
background-position: -2px bottom; /* shifts the bottom BG in 2 px for slide effect*/
}
.jxBarRight a.jxTab:hover {
background-position: left top; /* shifts the top BG out 2 px for slide effect */
}
.jxBarRight a.jxTab:hover span.jxButtonSpan {
background-position: left bottom; /* shifts the bottom BG out 2 px for slide effect */
}
.jxBarRight a.tabActive {
background-position: -50px top; /* switch to the active top BG */
border-left: 1px solid #fff; /* same color as the tabBox BG */
}
.jxBarRight a.tabActive span.jxButtonSpan {
background-position: -50px bottom; /* switch to the active bottom BG */
}
/* ============== */
/* JX MENU STYLES */
/* ============== */
/* Jx Menus and Sub-menus are all built out of nested ULs
For this to work visually, the margins and padding need to be flattened
out, and the list marker needs to be hidden
*/
ul.jxMenu,
ul.jxSubMenu {
margin: 0px;
padding: 0px;
border: 1px solid #999;
background-color: #fff;
}
ul.jxSubMenu {
/* this makes pop-out sub menus align to the right edge of the
parent li. 100% aligns perfectly, less causes an overlap.
*/
left: 98%;
/* this makes pop-out sub menus align to the top of their parent li
it needs to be the ul.jxMenu a line-height plus 1 px (and negative)
*/
margin-top: -18px;
}
li.jxMenuItem,
li.jxSubMenuItem {
/* This is needed for IE to make sure submenus don't open space in the parent menu */
margin: 0px;
padding: 0px;
}
ul.jxMenu a.jxButton,
ul.jxSubMenu a.jxButton {
background-image: none;
border: 1px solid #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
padding: 0px;
/* padding-left: 20px; */
/*padding-right: 20px;*/
/* this value needs to be the height of it's parent
minus it's own margin, padding and border values */
line-height:20px;
color: #000;
}
ul.jxMenu span.jxButtonSpan,
ul.jxSubMenu span.jxButtonSpan {
/* background image is used for ... */
background-image: none;
background-position: 5px top;
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
}
ul.jxMenu a.jxButton:hover,
ul.jxSubMenu a.jxButton:hover {
background-image: none;
border: 1px solid #E1EDFA;
background-color: #E1EDFA;
}
ul.jxMenu a.jxButtonSubMenu span.jxButtonSpan,
ul.jxSubMenu a.jxButtonSubMenu span.jxButtonSpan,
ul.jxMenu a.jxButtonSubMenu:hover span.jxButtonSpan,
ul.jxSubMenu a.jxButtonSubMenu:hover span.jxButtonSpan {
background-image: url(../../images/jx/menu_item_arrow_r2.png);
background-position: right top;
background-repeat: no-repeat;
}
ul.jxMenu span.jxButtonLabel,
ul.jxSubMenu span.jxButtonLabel {
padding-top: 1px;
padding-bottom: 1px;
}
ul.jxMenu span.jxMenuSeparator {
font-size: 10px;
line-height: 10px;
background-image: url(../../images/jx/toolbar_separator_v.png);
background-repeat: repeat-x;
background-position: left center;
}
ul.jxMenu a.jxMenuItemSelected {
background-image: url(../../images/jx/menu_item_radio.png);
background-position: 2px top;
background-repeat: no-repeat;
}
ul.jxMenu a.jxDisabled span.jxButtonLabel,
ul.jxSubMenu a.jxDisabled span.jxButtonLabel {
color: #ccc;
}
ul.jxMenu a.jxDisabled:hover,
ul.jxSubMenu a.jxDisabled:hover {
background-color: #fff;
border: 1px solid #fff;
}
/* ================== */
/* JX SPLITTER STYLES */
/* ================== */
.jxSplitterBar {
width: 2px;
background-color: #999;
}
/* =========================== */
/* APPLICATION SPECIFIC STYLES */
/* =========================== */
#Toolbar .jxToolbar {
/*width: 100%;*/
}
#TaskPane .jxPanelContent {
border-left: 1px solid #fff;
}
#Map {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
#Statusbar {
overflow: hidden;
background-color: #d9d9d9;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#Statusbar .jxSplitterBar {
width: 1px;
border-left: 1px solid #999;
border-right: 1px solid #fff;
}
.statusBarItem {
background-color: #fff;
padding: 2px 4px;
line-height: 18px;
}
li.jxToolItem.activityIndicator {
float: right;
padding: 7px 3px;
}
#MeasureResult {
border: 1px solid #000;
background-color: #F9FFD0;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -