⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 template.css

📁 您的联系人可以拨打此号码发送传真
💻 CSS
📖 第 1 页 / 共 2 页
字号:

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 + -