css/kivitendo/tabcontent.css

   1 /* ######### CSS for Shade Tabs. Remove if not using ######### */
   2
   3 .shadetabs{
   4 padding: 3px 0;
   5 margin-left: 0;
   6 margin-top: 1px;
   7 margin-bottom: 0;
   8 font: bold 12px Verdana;
   9 list-style-type: none;
  10 text-align: left; /*set to left, center, or right to align the menu as desired*/
  11 }
  12
  13 .shadetabs li{
  14 display: inline;
  15 margin: 0;
  16 }
  17
  18 .shadetabs li a{
  19 text-decoration: none;
  20 position: relative;
  21 z-index: 1;
  22 padding: 3px 7px;
  23 margin-right: 3px;
  24 background-color:#A1A1A1;
  25 border-bottom: none ;
  26 color: #000000;
  27 -moz-border-radius:0.4em 0.4em 0 0; /* Firefox */
  28 -webkit-border-radius:0.4em 0.4em 0 0; /* Safari, Chrome */
  29 -khtml-border-radius:0.4em 0.4em 0 0; /* Konqueror */
  30 border-radius:0.4em 0.4em 0 0 ; /* CSS3 */
  31 behavior:url(border-radius.htc);
  32 border-bottom: thin solid #FE5F14;
  33 }
  34
  35 .shadetabs li a:visited{
  36 color: #000000;
  37 border: none;
  38 background-color:#A1A1A1;
  39 border-bottom: none ;
  40 }
  41
  42 .shadetabs li a:hover{
  43 color: #FE5F14;
  44 background-color:#EBEBEB;
  45 }
  46
  47 .shadetabs li a.selected{ /*selected main tab style */
  48 position: relative;
  49 top: 1px;
  50 background-color: #D1D1D1;
  51 color:#000000;
  52 }
  53
  54 .shadetabs li a.selected{ /*selected main tab style */
  55 border-bottom-color:#EBEBEB;
  56 }
  57
  58 .shadetabs li a.selected:hover{ /*selected main tab style */
  59 text-decoration: none;
  60 }
  61
  62 .tabcontent{
  63 display:none;
  64 }
  65
  66 @media print {
  67 .tabcontent {
  68 display:block !important;
  69 }
  70 }
  71
  72 /* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
  73
  74 .modernbricksmenu2{
  75 padding: 0;
  76 width: 362px;
  77 border-top: 5px solid #D25A0B; /*Brown color theme*/
  78 background: transparent;
  79 voice-family: "\"}\"";
  80 voice-family: inherit;
  81 }
  82
  83 .modernbricksmenu2 ul{
  84 margin:0;
  85 margin-left: 10px; /*margin between first menu item and left browser edge*/
  86 padding: 0;
  87 list-style: none;
  88 }
  89
  90 .modernbricksmenu2 li{
  91 display: inline;
  92 margin: 0 2px 0 0;
  93 padding: 0;
  94 text-transform:uppercase;
  95 }
  96
  97 .modernbricksmenu2 a{
  98 float: left;
  99 display: block;
 100 font: bold 11px Arial;
 101 color: white;
 102 text-decoration: none;
 103 margin: 0 1px 0 0; /*Margin between each menu item*/
 104 padding: 5px 10px;
 105 background-color: black; /*Brown color theme*/
 106 border-top: 1px solid white;
 107 }
 108
 109 .modernbricksmenu2 a:hover{
 110 background-color: #D25A0B; /*Brown color theme*/
 111 color: white;
 112 }
 113
 114 .modernbricksmenu2 a.selected{ /*currently selected tab*/
 115 background-color: #D25A0B; /*Brown color theme*/
 116 color: white;
 117 border-color: #D25A0B; /*Brown color theme*/
 118 }
 119
 120 .tabcontent{
 121 display:none;
 122 }
 123
 124 @media print {
 125 .tabcontent {
 126 display:block !important;
 127 }
 128 }
 129
 130 /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
 131
 132
 133 .indentmenu{
 134 font: bold 13px Arial;
 135 width: 100%; /*leave this value as is in most cases*/
 136 }
 137
 138 .indentmenu ul{
 139 margin: 0;
 140 padding: 0;
 141 float: left;
 142 /* width: 80%; width of menu*/
 143 border-top: 1px solid navy; /*navy border*/
 144 background: black url(../image/indentbg.gif) center center repeat-x;
 145 }
 146
 147 .indentmenu ul li{
 148 display: inline;
 149 }
 150
 151 .indentmenu ul li a{
 152 float: left;
 153 color: white; /*text color*/
 154 padding: 5px 11px;
 155 text-decoration: none;
 156 border-right: 1px solid navy; /*navy divider between menu items*/
 157 }
 158
 159 .indentmenu ul li a:visited{
 160 color: white;
 161 }
 162
 163 .indentmenu ul li a.selected{
 164 color: white !important;
 165 padding-top: 6px; /*shift text down 1px*/
 166 padding-bottom: 4px;
 167 background: black url(../image/indentbg2.gif) center center repeat-x;
 168 }
 169
 170
 171 .tabcontentstyle{ /*style of tab content oontainer*/
 172 /* border: 1px solid #D2691E; */
 173 width: 95%;
 174 margin-bottom: 1em;
 175 padding: 10px;
 176 -moz-border-radius:0 0 0.4em 0.4em; /* Firefox */
 177 -webkit-border-radius:0 0 0.4em 0.4em; /* Safari, Chrome */
 178 -khtml-border-radius:0 0 0.4em 0.4em; /* Konqueror */
 179 border-radius:0 0 0.4em 0.4em; /* CSS3 */
 180 behavior:url(border-radius.htc);
 181 border: thin solid #A1A1A1;
 182
 183 }
 184
 185 .tabcontent{
 186 display:none;
 187 }
 188
 189 @media print {
 190 .tabcontent {
 191 display:block !important;
 192 }
 193 }