[44] | 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 | border: 1px solid #778;
|
---|
| 25 | color: #2d2b2b;
|
---|
| 26 | background: white url(shade.gif) top left repeat-x;
|
---|
| 27 | }
|
---|
| 28 |
|
---|
| 29 | .shadetabs li a:visited{
|
---|
| 30 | color: #2d2b2b;
|
---|
| 31 | }
|
---|
| 32 |
|
---|
| 33 | .shadetabs li a:hover{
|
---|
| 34 | text-decoration: underline;
|
---|
| 35 | color: #2d2b2b;
|
---|
| 36 | }
|
---|
| 37 |
|
---|
| 38 | .shadetabs li a.selected{ /*selected main tab style */
|
---|
| 39 | position: relative;
|
---|
| 40 | top: 1px;
|
---|
| 41 | }
|
---|
| 42 |
|
---|
| 43 | .shadetabs li a.selected{ /*selected main tab style */
|
---|
| 44 | background-image: url(shadeactive.gif);
|
---|
| 45 | border-bottom-color: white;
|
---|
| 46 | }
|
---|
| 47 |
|
---|
| 48 | .shadetabs li a.selected:hover{ /*selected main tab style */
|
---|
| 49 | text-decoration: none;
|
---|
| 50 | }
|
---|
| 51 |
|
---|
| 52 | .tabcontent{
|
---|
| 53 | display:none;
|
---|
| 54 | }
|
---|
| 55 |
|
---|
| 56 | @media print {
|
---|
| 57 | .tabcontent {
|
---|
| 58 | display:block !important;
|
---|
| 59 | }
|
---|
| 60 | }
|
---|
| 61 |
|
---|
| 62 | /* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
|
---|
| 63 |
|
---|
| 64 | .modernbricksmenu2{
|
---|
| 65 | padding: 0;
|
---|
| 66 | width: 362px;
|
---|
| 67 | border-top: 5px solid #D25A0B; /*Brown color theme*/
|
---|
| 68 | background: transparent;
|
---|
| 69 | voice-family: "\"}\"";
|
---|
| 70 | voice-family: inherit;
|
---|
| 71 | }
|
---|
| 72 |
|
---|
| 73 | .modernbricksmenu2 ul{
|
---|
| 74 | margin:0;
|
---|
| 75 | margin-left: 10px; /*margin between first menu item and left browser edge*/
|
---|
| 76 | padding: 0;
|
---|
| 77 | list-style: none;
|
---|
| 78 | }
|
---|
| 79 |
|
---|
| 80 | .modernbricksmenu2 li{
|
---|
| 81 | display: inline;
|
---|
| 82 | margin: 0 2px 0 0;
|
---|
| 83 | padding: 0;
|
---|
| 84 | text-transform:uppercase;
|
---|
| 85 | }
|
---|
| 86 |
|
---|
| 87 | .modernbricksmenu2 a{
|
---|
| 88 | float: left;
|
---|
| 89 | display: block;
|
---|
| 90 | font: bold 11px Arial;
|
---|
| 91 | color: white;
|
---|
| 92 | text-decoration: none;
|
---|
| 93 | margin: 0 1px 0 0; /*Margin between each menu item*/
|
---|
| 94 | padding: 5px 10px;
|
---|
| 95 | background-color: black; /*Brown color theme*/
|
---|
| 96 | border-top: 1px solid white;
|
---|
| 97 | }
|
---|
| 98 |
|
---|
| 99 | .modernbricksmenu2 a:hover{
|
---|
| 100 | background-color: #D25A0B; /*Brown color theme*/
|
---|
| 101 | color: white;
|
---|
| 102 | }
|
---|
| 103 |
|
---|
| 104 | .modernbricksmenu2 a.selected{ /*currently selected tab*/
|
---|
| 105 | background-color: #D25A0B; /*Brown color theme*/
|
---|
| 106 | color: white;
|
---|
| 107 | border-color: #D25A0B; /*Brown color theme*/
|
---|
| 108 | }
|
---|
| 109 |
|
---|
| 110 | .tabcontent{
|
---|
| 111 | display:none;
|
---|
| 112 | }
|
---|
| 113 |
|
---|
| 114 | @media print {
|
---|
| 115 | .tabcontent {
|
---|
| 116 | display:block !important;
|
---|
| 117 | }
|
---|
| 118 | }
|
---|
| 119 |
|
---|
| 120 | /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
|
---|
| 121 |
|
---|
| 122 |
|
---|
| 123 | .indentmenu{
|
---|
| 124 | font: bold 13px Arial;
|
---|
| 125 | width: 100%; /*leave this value as is in most cases*/
|
---|
| 126 | }
|
---|
| 127 |
|
---|
| 128 | .indentmenu ul{
|
---|
| 129 | margin: 0;
|
---|
| 130 | padding: 0;
|
---|
| 131 | float: left;
|
---|
| 132 | /* width: 80%; width of menu*/
|
---|
| 133 | border-top: 1px solid navy; /*navy border*/
|
---|
| 134 | background: black url(indentbg.gif) center center repeat-x;
|
---|
| 135 | }
|
---|
| 136 |
|
---|
| 137 | .indentmenu ul li{
|
---|
| 138 | display: inline;
|
---|
| 139 | }
|
---|
| 140 |
|
---|
| 141 | .indentmenu ul li a{
|
---|
| 142 | float: left;
|
---|
| 143 | color: white; /*text color*/
|
---|
| 144 | padding: 5px 11px;
|
---|
| 145 | text-decoration: none;
|
---|
| 146 | border-right: 1px solid navy; /*navy divider between menu items*/
|
---|
| 147 | }
|
---|
| 148 |
|
---|
| 149 | .indentmenu ul li a:visited{
|
---|
| 150 | color: white;
|
---|
| 151 | }
|
---|
| 152 |
|
---|
| 153 | .indentmenu ul li a.selected{
|
---|
| 154 | color: white !important;
|
---|
| 155 | padding-top: 6px; /*shift text down 1px*/
|
---|
| 156 | padding-bottom: 4px;
|
---|
| 157 | background: black url(indentbg2.gif) center center repeat-x;
|
---|
| 158 | }
|
---|
| 159 |
|
---|
| 160 |
|
---|
| 161 | .tabcontentstyle{ /*style of tab content oontainer*/
|
---|
| 162 | border: 1px solid gray;
|
---|
| 163 | width: 450px;
|
---|
| 164 | margin-bottom: 1em;
|
---|
| 165 | padding: 10px;
|
---|
| 166 | }
|
---|
| 167 |
|
---|
| 168 | .tabcontent{
|
---|
| 169 | display:none;
|
---|
| 170 | }
|
---|
| 171 |
|
---|
| 172 | @media print {
|
---|
| 173 | .tabcontent {
|
---|
| 174 | display:block !important;
|
---|
| 175 | }
|
---|
| 176 | } |
---|