X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=css%2Fkivitendo%2Ftabcontent.css;h=bba23b3f36a80d3c7f954214d9f9f718b7c3eb7b;hb=7321146cf5a08364a9db2ddddbb0b74a5d3fc4c9;hp=093dcc5dd67338d439140386aaa6c5bd967135ac;hpb=c707edd523dc852f3bd11008d64ab3cb1daca545;p=kivitendo-erp.git diff --git a/css/kivitendo/tabcontent.css b/css/kivitendo/tabcontent.css index 093dcc5dd..bba23b3f3 100644 --- a/css/kivitendo/tabcontent.css +++ b/css/kivitendo/tabcontent.css @@ -1,193 +1,87 @@ -/* ######### CSS for Shade Tabs. Remove if not using ######### */ - -.shadetabs{ -padding: 3px 0; -margin-left: 0; -margin-top: 1px; -margin-bottom: 0; -font: bold 12px Verdana; -list-style-type: none; -text-align: left; /*set to left, center, or right to align the menu as desired*/ -} - -.shadetabs li{ -display: inline; -margin: 0; -} - -.shadetabs li a{ -text-decoration: none; -position: relative; -z-index: 1; -padding: 3px 7px; -margin-right: 3px; -background-color:#A1A1A1; -border-bottom: none ; -color: #000000; --moz-border-radius:0.4em 0.4em 0 0; /* Firefox */ --webkit-border-radius:0.4em 0.4em 0 0; /* Safari, Chrome */ --khtml-border-radius:0.4em 0.4em 0 0; /* Konqueror */ -border-radius:0.4em 0.4em 0 0 ; /* CSS3 */ -behavior:url(border-radius.htc); -border-bottom: thin solid #FE5F14; -} - -.shadetabs li a:visited{ -color: #000000; -border: none; -background-color:#A1A1A1; -border-bottom: none ; -} - -.shadetabs li a:hover{ -color: #FE5F14; -background-color:#EBEBEB; -} - -.shadetabs li a.selected{ /*selected main tab style */ -position: relative; -top: 1px; -background-color: #D1D1D1; -color:#000000; -} - -.shadetabs li a.selected{ /*selected main tab style */ -border-bottom-color:#EBEBEB; -} - -.shadetabs li a.selected:hover{ /*selected main tab style */ -text-decoration: none; -} - -.tabcontent{ -display:none; -} - -@media print { -.tabcontent { -display:block !important; -} -} - -/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */ - -.modernbricksmenu2{ -padding: 0; -width: 362px; -border-top: 5px solid #D25A0B; /*Brown color theme*/ -background: transparent; -voice-family: "\"}\""; -voice-family: inherit; -} - -.modernbricksmenu2 ul{ -margin:0; -margin-left: 10px; /*margin between first menu item and left browser edge*/ -padding: 0; -list-style: none; -} - -.modernbricksmenu2 li{ -display: inline; -margin: 0 2px 0 0; -padding: 0; -text-transform:uppercase; -} - -.modernbricksmenu2 a{ -float: left; -display: block; -font: bold 11px Arial; -color: white; -text-decoration: none; -margin: 0 1px 0 0; /*Margin between each menu item*/ -padding: 5px 10px; -background-color: black; /*Brown color theme*/ -border-top: 1px solid white; -} - -.modernbricksmenu2 a:hover{ -background-color: #D25A0B; /*Brown color theme*/ -color: white; -} - -.modernbricksmenu2 a.selected{ /*currently selected tab*/ -background-color: #D25A0B; /*Brown color theme*/ -color: white; -border-color: #D25A0B; /*Brown color theme*/ -} - -.tabcontent{ -display:none; -} - -@media print { -.tabcontent { -display:block !important; -} -} - -/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ - - -.indentmenu{ -font: bold 13px Arial; -width: 100%; /*leave this value as is in most cases*/ -} - -.indentmenu ul{ -margin: 0; -padding: 0; -float: left; -/* width: 80%; width of menu*/ -border-top: 1px solid navy; /*navy border*/ -background: black url(../image/indentbg.gif) center center repeat-x; -} - -.indentmenu ul li{ -display: inline; -} - -.indentmenu ul li a{ -float: left; -color: white; /*text color*/ -padding: 5px 11px; -text-decoration: none; -border-right: 1px solid navy; /*navy divider between menu items*/ -} - -.indentmenu ul li a:visited{ -color: white; -} - -.indentmenu ul li a.selected{ -color: white !important; -padding-top: 6px; /*shift text down 1px*/ -padding-bottom: 4px; -background: black url(../image/indentbg2.gif) center center repeat-x; -} - - -.tabcontentstyle{ /*style of tab content oontainer*/ -/* border: 1px solid #D2691E; */ -width: 95%; -margin-bottom: 1em; -padding: 10px; --moz-border-radius:0 0 0.4em 0.4em; /* Firefox */ --webkit-border-radius:0 0 0.4em 0.4em; /* Safari, Chrome */ --khtml-border-radius:0 0 0.4em 0.4em; /* Konqueror */ -border-radius:0 0 0.4em 0.4em; /* CSS3 */ -behavior:url(border-radius.htc); -border: thin solid #A1A1A1; - -} - -.tabcontent{ -display:none; -} - -@media print { -.tabcontent { -display:block !important; -} -} +/* ######### CSS for Shade Tabs. Remove if not using ######### */ + +.shadetabs{ +padding: 3px 0; +margin-left: 0; +margin-top: 1px; +margin-bottom: 0; +font: bold 12px Verdana, sans-serif; +list-style-type: none; +text-align: left; /*set to left, center, or right to align the menu as desired*/ +} + +.shadetabs li{ +display: inline; +margin: 0; +} + +.shadetabs li a{ +text-decoration: none; +position: relative; +z-index: 1; +padding: 3px 7px; +margin-right: 3px; +border: 1px solid #778; +color: #2d2b2b; +background: white url(../../image/shade.gif) top left repeat-x; +} + +.shadetabs li a:visited{ +color: #2d2b2b; +} + +.shadetabs li a:hover{ +text-decoration: underline; +color: #2d2b2b; +} + +.shadetabs li a.selected{ /*selected main tab style */ +position: relative; +top: 1px; +} + +.shadetabs li a.selected{ /*selected main tab style */ +background-image: url(../../image/shadeactive.gif); +border-bottom-color: white; +} + +.shadetabs li a.selected:hover{ /*selected main tab style */ +text-decoration: none; +} + +.tabcontent{ +display:none; +} + +@media print { +.tabcontent { +display:block !important; +} +} + +.tabcontent{ +display:none; +} + +@media print { +.tabcontent { +display:block !important; +} +} + +.tabcontentstyle{ /*style of tab content oontainer*/ +border: 1px solid gray; +width: 95%; +margin-bottom: 1em; +padding: 10px; +} + +.tabcontent{ +display:none; +} + +@media print { +.tabcontent { +display:block !important; +} +}