template.css

您的联系人可以拨打此号码发送传真

/**
 * @project         Jx
 * @revision        $Id: jxskin-graphic.css 441 2007-10-19 20:36:16Z fwarnock $
 * @author          Fred Warnock ([e-mail])
 * @copyright       © 2006 DM Solutions Group Inc.
 */

/* ==================================== */
/* VISUAL STYLES W. BACKGROUND GRAPHICS */
/* ==================================== */


/* ================= */
/* JX TOOLBAR STYLES */
/* ================= */

.jxToolbarContainer {
  margin: 0px;
  padding: 0px;
  border: 0px;
  /* simulates an underline at the bottom of the container*/
  background-image:url(../../images/jx/container_bg.png); 
  background-color: #d9d9d9;
}

/* Horizontally oriented toolbars */
.jxBarTop, 
.jxBarBottom {
  background-repeat:repeat-x;
  background-position: bottom;
}

/* Vertically oriented toolbars */
.jxBarLeft, 
.jxBarRight {
  background-repeat:repeat-y;
  background-position: right;
}

.toolbarLabel {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Hevetica, sans-serif;
  font-size: 11px;
  line-height: 24px;
  color: #000;
}

ul.jxToolbar {
  margin: 0px;  /* margins don't seem to work properly in IE */
  padding: 0px;
}

.jxBarTop ul.jxToolbar, 
.jxBarBottom ul.jxToolbar {
  border-left: 1px solid #fff;
  border-right: 1px solid #999;
  border-top: 1px solid #fff;
}

.jxBarLeft ul.jxToolbar, 
.jxBarRight ul.jxToolbar {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #999;
}

li.jxToolItem {
  padding: 0px;
  margin: 0px;  /* margins don't seem to work properly in IE */
}

.jxBarTop li.jxToolItem, 
.jxBarBottom li.jxToolItem {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #999;
  border-left: none;
}

.jxBarLeft li.jxToolItem, 
.jxBarRight li.jxToolItem {
  border-top: none;
  border-right: 1px solid #999;
  border-bottom: none;
  border-left: none;
}

li.jxToolItem  span.separator {
  /* width/height should be defined */
  width: 8px;
  height: 20px;
  border: 0px;
  margin: 0px;  /* margins don't seem to work properly in IE */
  padding: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}

.jxBarTop  li.jxToolItem  span.separator,
.jxBarBottom  li.jxToolItem  span.separator {
  background-image: url(../../images/jx/toolbar_separator_h.png);
}

.jxBarLeft  li.jxToolItem  span.separator, 
.jxBarRight  li.jxToolItem  span.separator {
  background-image: url(../../images/jx/toolbar_separator_v.png);
}


/* ================ */
/* JX BUTTON STYLES */
/* ================ */

div.jxButtonContainer {
  margin: 0px;
  padding: 0px;
  border: none;
}

/* normal button */
a.jxButton {
  /* Using background images, the A contains the left side of the background */
  /* use padding to make space between the icon and button edge */
  /* padding-left: 6px;*/ /* makes room for the left of the button bg image */
  margin: 0px; /* margins don't seem to work properly in IE */
  padding: 0px 0px 0px 3px; /* makes room for the left of the button bg */
  border: none;
  background-image: url(../../images/jx/button_bg.png);
  background-position: left top; 
  background-repeat: no-repeat;
  text-decoration: none;
}

span.jxButtonSpan {
  /* Using background images, the SPAN contains the right side of the background */
  /* use padding to make space between the icon and button edge */
  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
  margin: 0px; /* margins don't seem to work properly in IE */
  padding: 6px 6px 6px 3px; /* makes room for the left of the button bg */
  border: none;
  background-image: url(../../images/jx/button_bg.png);
  background-position: right top; 
  background-repeat: no-repeat;
}

a.jxButtonMenu,
a.jxButtonFlyout,
a.jxButtonMenu span.jxButtonSpan,
a.jxButtonFlyout span.jxButtonSpan {
  background-image: url(../../images/jx/button_bg_arrow_d2.png);
}

/* hover button */
a.jxButton:hover {
  background-position: left -56px; 
}

a.jxButton:hover span.jxButtonSpan {
  background-position: right -56px;
}

/* clicking button */
a.jxButton:active {
  background-position: left -112px; 
}

a.jxButton:active span.jxButtonSpan {
  background-position: right -112px;
}

/* active button */
a.jxButtonActive {
  background-position: left -168px; 
}

a.jxButtonActive span.jxButtonSpan {
  background-position: right -168px;
}

/* hover active button */
a.jxButtonActive:hover {
  background-position: left -224px; 
}

a.jxButtonActive:active {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

a.jxButtonActive:hover span.jxButtonSpan {
  background-position: right -224px;
}

/* hover and active disabled button */
.jxDisabled a.jxButton:hover, 
.jxDisabled a.jxButton:active {
  background-position: left top; 
}

.jxDisabled a.jxButton:hover span.jxButtonSpan,
.jxDisabled a.jxButton:active span.jxButtonSpan {
  background-position: right top;
}

/* colour swatch styles
   smaller image with borders */
img.jxButtonSwatch {
  width: 14px;
  height: 14px;
  border: 1px solid #000;
}

span.jxButtonContent {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

a.jxButtonMenu span.jxButtonContent, 
a.jxButtonFlyout span.jxButtonContent {
  padding-right: 16px;
}

span.jxButtonLabel {
  /* Using background images, the SPAN contains the right side of the background */
  /* use padding to make space between the icon and button edge */
  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
  margin: 0px; /* margins don't seem to work properly in IE */
  padding: 0 4px 0 4px;
  color: #000;
  font-size: 11px;
}

a.jxButtonMenu span.jxButtonLabel, 
a.jxButtonFlyout span.jxButtonLabel {
  padding-right: 16px;
}

.jxMenu span.jxButtonLabel,
.jxSubMenu span.jxButtonLabel {
  /* TODO: this is just really not right.  The padding-right value should be
     20px but the label is collapsing somehow ... we'll need to investigate
     why at some point, but not today!
  */
  padding-right: 30px;
}

span.jxButtonEmptyLabel {
  /* collapse empty labels */
  padding: 0px;
  overflow: hidden;
}

span.jxButtonIcon {
  padding-left: 14px;
  background-position: left center;
  background-repeat: no-repeat;
}

span.jxButtonIcon.jxButtonLabel {
  padding-left: 22px;
}

.jxFlyout {
  margin: 0px;
  padding: 0px;
  border: 1px solid #999;
  background-color: #fff;
  /* because of jxToolbarItem */
  font-size: 12px;
  line-height: 14px;
}

.jxFlyout .jxBarRight,
.jxFlyout .jxBarLeft {
  float: left;
  height: auto;
  width: auto;
} 

a.jxButtonMulti span.jxButtonSpan {
  padding-left: 0px;
  padding-right: 12px;
}

a.jxButtonMulti span.jxButtonLabel {
  padding-left: 0px;
  padding-right: 0px;
}

a.jxButtonColor span.jxButtonSpan {
  padding-left: 2px;
  padding-right: 16px;
}
a.jxButtonColor span.jxButtonLabel {
  padding-left: 0px;
  padding-right: 0px;
}

/* ============= */
/* JX TAB STYLES */
/* ============= */

.jxTabSetContainer {
  /* This is an example of a container that can be used to hold a tabBox
     the position need to be explicitly set, as well as the width and height. */
  width: 200px;
  height: 200px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #999;
}

.tabContent {
}

.tabContentActive {
  display: block;
}


/* The tabbar is built out of a UL
   The tab background uses the sliding door technique so tabs can expand to
   accomodate content up to 200 px wide (top/bottom tabs) or 200px high
   (left/right tabs).  All parts and states of the tab BG graphics are in the 
   same image so they can be treated like sprites.

   Horizontal tabs can contain text or an image label.  Vertical tabs need an
   image label.
*/

li.jxTabItem {
  margin: 0px;
  padding: 0px;
}

.jxBarTop li.jxTabItem, 
.jxBarBottom li.jxTabItem {
  border: none;
}

.jxBarLeft li.jxTabItem, 
.jxBarRight li.jxTabItem {
  border: none;
}


a.jxTab {
  /* The A contains one side of the tab background image */
  margin: 0px;
  padding: 0px;
  border: none;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #000;
}

a.jxTab:hover {
  border: none;
}

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 {