css/lx-office-erp/tabcontent.css

   1 /* ######### CSS for Shade Tabs. Remove if not using ######### */\r
   2 \r
   3 .shadetabs{\r
   4 padding: 3px 0;\r
   5 margin-left: 0;\r
   6 margin-top: 1px;\r
   7 margin-bottom: 0;\r
   8 font: bold 12px Verdana, sans-serif;\r
   9 list-style-type: none;\r
  10 text-align: left; /*set to left, center, or right to align the menu as desired*/\r
  11 }\r
  12 \r
  13 .shadetabs li{\r
  14 display: inline;\r
  15 margin: 0;\r
  16 }\r
  17 \r
  18 .shadetabs li a{\r
  19 text-decoration: none;\r
  20 position: relative;\r
  21 z-index: 1;\r
  22 padding: 3px 7px;\r
  23 margin-right: 3px;\r
  24 border: 1px solid #778;\r
  25 color: #2d2b2b;\r
  26 background: white url(../../image/shade.gif) top left repeat-x;\r
  27 }\r
  28 \r
  29 .shadetabs li a:visited{\r
  30 color: #2d2b2b;\r
  31 }\r
  32 \r
  33 .shadetabs li a:hover{\r
  34 text-decoration: underline;\r
  35 color: #2d2b2b;\r
  36 }\r
  37 \r
  38 .shadetabs li a.selected{ /*selected main tab style */\r
  39 position: relative;\r
  40 top: 1px;\r
  41 }\r
  42 \r
  43 .shadetabs li a.selected{ /*selected main tab style */\r
  44 background-image: url(../../image/shadeactive.gif);\r
  45 border-bottom-color: white;\r
  46 }\r
  47 \r
  48 .shadetabs li a.selected:hover{ /*selected main tab style */\r
  49 text-decoration: none;\r
  50 }\r
  51 \r
  52 .tabcontent{\r
  53 display:none;\r
  54 }\r
  55 \r
  56 @media print {\r
  57 .tabcontent {\r
  58 display:block !important;\r
  59 }\r
  60 }\r
  61 \r
  62 .tabcontent{\r
  63 display:none;\r
  64 }\r
  65 \r
  66 @media print {\r
  67 .tabcontent {\r
  68 display:block !important;\r
  69 }\r
  70 }\r
  71 \r
  72 .tabcontentstyle{ /*style of tab content oontainer*/\r
  73 border: 1px solid gray;\r
  74 width: 95%;\r
  75 margin-bottom: 1em;\r
  76 padding: 10px;\r
  77 }\r
  78 \r
  79 .tabcontent{\r
  80 display:none;\r
  81 }\r
  82 \r
  83 @media print {\r
  84 .tabcontent {\r
  85 display:block !important;\r
  86 }\r
  87 }\r