Langganan:
Posting Komentar (Atom)
div.TabView div.Tabs { height: 20px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 70px;/* Lebar Menu Utama Atas */ text-align: center; height: 20px;/* Tinggi Menu Utama Atas */ padding-top: 3px; vertical-align: middle; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; border-top: 1px solid #454545;/* Warna Border Atas Menu Utama */ border-left: 1px solid #454545;/* Warna Border Kiri Menu Utama */ border-right: 1px solid #454545;/* Warna Border Kanan Menu Utama */ border-bottom: 1px solid #454545;/* Warna Border Bawah Menu Utama */ font-family: "Arial", Serif; /* Jenis Font Menu Utama Atas */ font-weight: 900; /* Ukuran Font Menu Utama Atas */ color: #000000; } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #cfcfcf; /* Warna Background Menu Utama Atas */ } div.TabView div.Pages { clear: both; border-left: 1px solid #000000; /* Warna Border Kiri Kotak Utama */ border-right: 1px solid #000000; /* Warna Border Kanan Menu Utama */ border-bottom: 1px solid #000000; /* Warna Border Bawah Menu Utama */ overflow: hidden; background-color: #000000; /* Warna Background Kotak Utama */ } div.TabView div.Pages div.Page { height: 95%; padding: 0px; overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; } /* Footer ----------------------------------------------- */ #footer { background:#7fbbf5; font-family:Arial,Tahoma,Verdana; font-size:11px; height:55px;margin:0 auto; padding:0;width:960px;} .footerleft { float:left;margin:0; padding:11px 0 0 30px; width:300px;} #footer p { color:#191919; margin:0;padding:0 0 5px;} #footer a {color:#ffffff;text-decoration:none;} .footerright { float:right;margin:0;padding:11px 10px 0 0; text-align:right;width:600px;} .showpageArea { font-family:verdana,arial,helvetica; color: #000; font-size:11px; margin:10px; } .showpageArea a { color: #000; text-shadow:0 1px 2px #fff; font-weight: 700; } .showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #919106; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vRQOto4CWHz6NmeYWy92Fz9BUKqH5pnN3SZ9lwqfmgPBKv3wQtk_GJJomyYdWVF6E650C-XEXa8KoSxjHDA_PJcIB5YbDFFd1MZzDqxU0LbWLznerf8YPrvikeCDDRrtK5xbHr=s0-d) 0 -50px repeat-x; } .showpageNum a:hover { border:1px solid #aeae0a; background: #ccc url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vRQOto4CWHz6NmeYWy92Fz9BUKqH5pnN3SZ9lwqfmgPBKv3wQtk_GJJomyYdWVF6E650C-XEXa8KoSxjHDA_PJcIB5YbDFFd1MZzDqxU0LbWLznerf8YPrvikeCDDRrtK5xbHr=s0-d) 0 -25px repeat-x; } .showpageOf{ margin:0 8px 0 0; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #919106; background: #666 url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vRQOto4CWHz6NmeYWy92Fz9BUKqH5pnN3SZ9lwqfmgPBKv3wQtk_GJJomyYdWVF6E650C-XEXa8KoSxjHDA_PJcIB5YbDFFd1MZzDqxU0LbWLznerf8YPrvikeCDDRrtK5xbHr=s0-d) 0 0 repeat-x; text-decoration: none; } /* kyipe */ .bg {background: url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKYSUSwWuB_mVNfh2eFPTaVuKqc3zj4syiDcA-yoGjH5y4R_fvYC0QJDdzqwiBaUZk1qKgCqeusu20uXrClo-R5KM7r_hDy7IzBplgoMELfY2lhdddBXvMlMS0s-k2gV_Ue8U8XP3pGZR5kk8Fpw=s0-d);} .menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sfUjjYB9GaWXqf4jBgD1WUqLaYCQuviy06ykEgxibnG03EKyZI-hzxp8sVakbQIq3pCbnvqTDMHhJWDXrQIvfPCSANDt56M0VVXwHToDAFRxNgAgOiVpw4R6KO9kW4zMMWKx9_emK-VjY=s0-d) repeat-x; position:relative; font-family:arial, verdana, sans-serif; } .menu li.top {display:block; float:left; position:relative;} .menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;} .menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;} .menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s7fwGWbdrK28KwTsM_sIch1fgH0YCvqzTpeo7nrIIGWq3hxxBbMZ7XQruDFcYXPfPIe2llyujtr8ZvLa150uslRE65kdUXQTZiIdqpJB10U7yUG2UmmyPNxAmClaizZl4i3SCWycqMI0zAzw=s0-d) no-repeat right top;} .menu li a.top_link:hover {color:#000; background: url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKYSUSwWuB_mVNfh2eFPTaVuKqc3zj4syiDcA-yoGjH5y4R_fvYC0QJDdzqwiBaUZk1qKgCqeusu20uXrClo-R5KM7r_hDy7IzBplgoMELfY2lhdddBXvMlMS0s-k2gV_Ue8U8XP3pGZR5kk8Fpw=s0-d) no-repeat;} .menu li a.top_link:hover span {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKYSUSwWuB_mVNfh2eFPTaVuKqc3zj4syiDcA-yoGjH5y4R_fvYC0QJDdzqwiBaUZk1qKgCqeusu20uXrClo-R5KM7r_hDy7IzBplgoMELfY2lhdddBXvMlMS0s-k2gV_Ue8U8XP3pGZR5kk8Fpw=s0-d) no-repeat right top;} .menu li a.top_link:hover span.down {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKcYQlNMPfMqAuGnI3goqn2tVJYP5ZMBcTMnFpKVtYWI0-a8r1w9-X2N601_OwdzKUbMe2QN3551AbVsvH1JjKV6UuSXE2_VsGKn5JO5eYApopG_QDSQcbjafjbQ2-onPQFxzKcAnFqMTZcL-3JoA=s0-d) no-repeat right top;} .menu li:hover > a.top_link {color:#000; background: url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKYSUSwWuB_mVNfh2eFPTaVuKqc3zj4syiDcA-yoGjH5y4R_fvYC0QJDdzqwiBaUZk1qKgCqeusu20uXrClo-R5KM7r_hDy7IzBplgoMELfY2lhdddBXvMlMS0s-k2gV_Ue8U8XP3pGZR5kk8Fpw=s0-d) no-repeat;} .menu li:hover > a.top_link span {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKYSUSwWuB_mVNfh2eFPTaVuKqc3zj4syiDcA-yoGjH5y4R_fvYC0QJDdzqwiBaUZk1qKgCqeusu20uXrClo-R5KM7r_hDy7IzBplgoMELfY2lhdddBXvMlMS0s-k2gV_Ue8U8XP3pGZR5kk8Fpw=s0-d) no-repeat right top;} .menu li:hover > a.top_link span.down {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vKcYQlNMPfMqAuGnI3goqn2tVJYP5ZMBcTMnFpKVtYWI0-a8r1w9-X2N601_OwdzKUbMe2QN3551AbVsvH1JjKV6UuSXE2_VsGKn5JO5eYApopG_QDSQcbjafjbQ2-onPQFxzKcAnFqMTZcL-3JoA=s0-d) no-repeat right top;} .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} .menu a:hover {visibility:visible;} .menu li:hover {position:relative; z-index:200;} .menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #009900; white-space:nowrap; width:200px; height:auto;} .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;} .menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;} .menu :hover ul.sub li a.fly {background:#fff url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sXg1qUteACoi6fUMAn-PIw60qKmZSE4HzNKWg-80FKM2j9r87PXHU9zY4btNYTh1_YtoIIqzWAoCIecbwB889Pj76wCx3BTXfzk_GXVvLyipJQxw-eIl8xFmFLc5DV12gxGx5vhU9KqYlWvew=s0-d) 80px 7px no-repeat;} .menu :hover ul.sub li a:hover {background:#42c555; color:#fff;} .menu :hover ul.sub li a.fly:hover {background:#42c555 url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s58tcCTUBbxvlm7zH4IVhpJEsVhwB6mGzVEArYgqyIzuEelDHepdhGZrMoY4bQVRiJJDIEED-FV378smBKT-XLlF-IiuttSf_Gz2tRMKx5puGZOADRt-jXZg_pfgXpQF_SogU6lSWfyLcxzla9kARfjA=s0-d) 80px 7px no-repeat; color:#fff;} .menu :hover ul li:hover > a.fly {background:#42c555 url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s58tcCTUBbxvlm7zH4IVhpJEsVhwB6mGzVEArYgqyIzuEelDHepdhGZrMoY4bQVRiJJDIEED-FV378smBKT-XLlF-IiuttSf_Gz2tRMKx5puGZOADRt-jXZg_pfgXpQF_SogU6lSWfyLcxzla9kARfjA=s0-d) 80px 7px no-repeat; color:#fff;} .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;} /*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;} /*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/ /* MyCSSMenu 0 */ /*"""""""" (MAIN) Container""""""""*/ #qm0 { background-color:#fffff; background-image:url(images/bg.gif); border-width:1px 0px 1px 0px; border-style:solid; border-color:#000000; } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:5px 20px 5px 8px; background-color:fffff; color:#000000; font-family:Arial; font-size:12px; text-decoration:none; border-width:1px 1px 1px 1px; border-style:solid; border-color:#c0c0c0; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover { background-color:#2c87f6; color:#000000; text-decoration:underline; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive, body #qm0 .qmactive:hover { background-color:#7fbbf5; color:#000000; text-decoration:underline; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { padding:5px; margin:0px; background-color:#b5dbff; border-width:1px; border-style:solid; border-color:#333333; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:3px 30px 3px 5px; color:#333333; font-size:11px; border-width:0px 1px 0px 1px; border-style:solid; border-color:#D6DCE2; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover, #qm0 ul a:hover { background-color:#7fbbf5; color:#000000; text-decoration:none; border-color:#666666; } /*"""""""" (SUB) Active State""""""""*/ body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background-color:#EFF4FA; color:#000000; text-decoration:underline; border-color:#666666; } .indentmenu{ font: bold 11px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 2px; padding: 0; float: left; /* width: 70%; width of menu*/ background: transparent; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; margin: 2px; color: #000; /*text color*/ padding: 3px 8px; text-decoration: none; border: 1px solid #ccc; } .indentmenu ul li a:hover{ background:red; } .indentmenu ul li a:visited{ color: blue; } .indentmenu ul li a.selected{ color: white !important; padding-top: 3px; /*shift text down 1px*/ padding-bottom: 4px; border: 1px solid #000000; background:#000000; } .tabcontentstyle{ /*style of tab content container*/ border: 1px solid gray; width: 250px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } }
0 komentar:
Posting Komentar