TUGAS PASCA UPACARA SUMPAH PEMUDA KE 81
1. Carilah web ,tentang hal yang memplesetkan " Lagu Indonesia Raya "
2. Simpan di File kalian
3. Kirimkan ke E-mail : sukasmo@gmail.com
Tugas ditunggu sampai dengan tanggal 12 November 2009
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_tUT5kkKxvzIUTzqCExV7TlMcehAke_ecjROR8M7-KA7MpmfyCXLS7ZqWpwIlevfchDwlyO86J8F5puguLEgJcPfuWJ6QkwYhrfglsSHlPmI5C9Ev4EjUp_ucUsGzoo1vz-BKYV=s0-d) 0 -50px repeat-x; } .showpageNum a:hover { border:1px solid #aeae0a; background: #ccc url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tUT5kkKxvzIUTzqCExV7TlMcehAke_ecjROR8M7-KA7MpmfyCXLS7ZqWpwIlevfchDwlyO86J8F5puguLEgJcPfuWJ6QkwYhrfglsSHlPmI5C9Ev4EjUp_ucUsGzoo1vz-BKYV=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_tUT5kkKxvzIUTzqCExV7TlMcehAke_ecjROR8M7-KA7MpmfyCXLS7ZqWpwIlevfchDwlyO86J8F5puguLEgJcPfuWJ6QkwYhrfglsSHlPmI5C9Ev4EjUp_ucUsGzoo1vz-BKYV=s0-d) 0 0 repeat-x; text-decoration: none; } /* kyipe */ .bg {background: url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_swqMkI6qsWUTQhJPyq8RJybfUCQwAE5vfl4fISu7LB1YzydiYfiWzeqxIwN_zxomYWLEuFC7Aqcq_uuBtTNlX3sob_-B76wweDHnwumUtqKi3vGd-CSq5YHnffUELTec8lIHAT9Fj8M-ZGHACZ6g=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_sIdJg8nVkGpJlcrtrhuiSoVqGDBjtCCC3ASpOtDH0w9y1-sNMNzR3bc-fxPjBKodG-JLj7jyqvNLAr3R31VLsuA9Wkq_lWt7FwlpxYYyYHLANHMrHrUYLCq5pWmkRGco3ZJBJVkinh3AQ=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_tR_F1dB_yHajk65q2uH8-BP6haa3k_OdnSJwvvT2l_5sJleyXYWC_F-VXUwwAhJmUHxOS0oUP1ahvOiI3jW7r84XG8RZ0qmit7Y61b1asbf55QByi2XNQp9g5rzU_P7AGOoPuq64pf34ythw=s0-d) no-repeat right top;} .menu li a.top_link:hover {color:#000; background: url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_swqMkI6qsWUTQhJPyq8RJybfUCQwAE5vfl4fISu7LB1YzydiYfiWzeqxIwN_zxomYWLEuFC7Aqcq_uuBtTNlX3sob_-B76wweDHnwumUtqKi3vGd-CSq5YHnffUELTec8lIHAT9Fj8M-ZGHACZ6g=s0-d) no-repeat;} .menu li a.top_link:hover span {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_swqMkI6qsWUTQhJPyq8RJybfUCQwAE5vfl4fISu7LB1YzydiYfiWzeqxIwN_zxomYWLEuFC7Aqcq_uuBtTNlX3sob_-B76wweDHnwumUtqKi3vGd-CSq5YHnffUELTec8lIHAT9Fj8M-ZGHACZ6g=s0-d) no-repeat right top;} .menu li a.top_link:hover span.down {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_siLnlfT7PQCjU_tBSPptn9gNW8dkbUcDcSfx2h2oUEkXW6B0mKZUeWnvTx3CVp_QAuPOX98W9SWiDvZGIitFnGyU6lJV404tdUcPt1_KCfUpPON838AOkb_pVGzlT8k0bQtKJnrbNAyd7uEQyrbMs=s0-d) no-repeat right top;} .menu li:hover > a.top_link {color:#000; background: url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_swqMkI6qsWUTQhJPyq8RJybfUCQwAE5vfl4fISu7LB1YzydiYfiWzeqxIwN_zxomYWLEuFC7Aqcq_uuBtTNlX3sob_-B76wweDHnwumUtqKi3vGd-CSq5YHnffUELTec8lIHAT9Fj8M-ZGHACZ6g=s0-d) no-repeat;} .menu li:hover > a.top_link span {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_swqMkI6qsWUTQhJPyq8RJybfUCQwAE5vfl4fISu7LB1YzydiYfiWzeqxIwN_zxomYWLEuFC7Aqcq_uuBtTNlX3sob_-B76wweDHnwumUtqKi3vGd-CSq5YHnffUELTec8lIHAT9Fj8M-ZGHACZ6g=s0-d) no-repeat right top;} .menu li:hover > a.top_link span.down {background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_siLnlfT7PQCjU_tBSPptn9gNW8dkbUcDcSfx2h2oUEkXW6B0mKZUeWnvTx3CVp_QAuPOX98W9SWiDvZGIitFnGyU6lJV404tdUcPt1_KCfUpPON838AOkb_pVGzlT8k0bQtKJnrbNAyd7uEQyrbMs=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_tBarNqk5Q8OIe7QXPEdV_P7k5tsa6Djq2QRHFA-Ut3DmgsRQbP2FIwmrpHMO8CbeQHcY_bk4WUJq20jIqjPqLjzL2BeoXJdaFU2D_cGiqJVw4mGDigVnzN8BbDm2t6YTxTu7KUUfG1Xl6IMKU=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_sArsc4X1VhljHeYhBf-UGXCLhcGddXm-cHwBdYxSe_zreexuK-_uGK36Fdiy1VhuZESQrEydWQFKgTsyKeMlXFGk11qhJo7AwDAkFVhAiNf0m1TINs3RvzDrkvlMEKzjxpwcT6-6hlrXUdon_XSSDfyA=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_sArsc4X1VhljHeYhBf-UGXCLhcGddXm-cHwBdYxSe_zreexuK-_uGK36Fdiy1VhuZESQrEydWQFKgTsyKeMlXFGk11qhJo7AwDAkFVhAiNf0m1TINs3RvzDrkvlMEKzjxpwcT6-6hlrXUdon_XSSDfyA=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; } }