Tip:
Highlight text to annotate it
X
section, summary, time, audio, video {
margin: 0; padding: 0;
border: 0; }
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section { display: block;
} html {
font: 81.25% arial, helvetica, sans-serif; background: #fff;
color: #333; line-height: 1;
direction: ltr; }
a { color: #15c;
text-decoration: none; }
a:active { color: #d14836;
} a:hover {
text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { color: #222;
font-size: 1.54em; font-weight: normal;
line-height: 24px; margin: 0 0 .46em;
} p {
line-height: 17px; margin: 0 0 1em;
} ol, ul {
list-style: none; line-height: 17px;
margin: 0 0 1em; }
li { margin: 0 0 .5em;
} table {
border-collapse: collapse; border-spacing: 0;
} strong {
color: #222; }
html, body { position: absolute;
height: 100%; min-width: 100%;
} .wrapper {
position: relative; min-height: 100%;
} .wrapper + style + iframe {
display: none; }
.content { padding: 0 44px;
position: relative; }
.topbar { text-align: right;
padding-top: .5em; padding-bottom: .5em;
} .google-header-bar {
height: 71px; background: #f1f1f1;
border-bottom: 1px solid #e5e5e5; overflow: hidden;
} .header .logo {
margin: 17px 0 0; float: left;
} .header .signin,
.header .signup { margin: 28px 0 0;
float: right; font-weight: bold;
} .header .signin-button,
.header .signup-button { margin: 22px 0 0;
float: right; }
.header .signin-button a { font-size: 13px;
font-weight: normal; }
.header .signup-button a { position: relative;
top: -1px; margin: 0 0 0 1em;
} .main {
margin: 0 auto; width: 650px;
padding-top: 23px; padding-bottom: 100px;
} .main h1:first-child {
margin: 0 0 .92em; }
.google-footer-bar { position: absolute;
bottom: 0; height: 35px;
width: 100%; border-top: 1px solid #ebebeb;
overflow: hidden; }
.footer { padding-top: 9px;
font-size: .85em; white-space: nowrap;
line-height: 0; }
.footer ul { color: #999;
float: left; max-width: 80%;
} .footer ul li {
display: inline; padding: 0 1.5em 0 0;
} .footer a {
color: #333; }
.footer .lang-chooser-wrap { float: right;
max-width: 20%; }
.footer .lang-chooser-wrap img { vertical-align: middle;
} .footer .attribution {
float: right; }
.footer .attribution span { vertical-align: text-top;
} .redtext {
color: #dd4b39; }
.greytext { color: #555;
} .secondary {
font-size: 11px; color: #666;
} .source {
color: #093; }
.hidden { display: none;
} .announce-bar {
position: absolute; bottom: 35px;
height: 33px; z-index: 2;
width: 100%; background: #f9edbe;
border-top: 1px solid #efe1ac; border-bottom: 1px solid #efe1ac;
overflow: hidden; }
.announce-bar .message { font-size: .85em;
line-height: 33px; margin: 0;
} .announce-bar .message .separated {
margin-left: 1.5em; }
.announce-bar-ac { background: #eee;
border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} .clearfix:after {
visibility: hidden; display: block;
font-size: 0; content: '.';
clear: both; height: 0;
} * html .clearfix {
zoom: 1; }
*:first-child+html .clearfix { zoom: 1;
} pre {
font-family: monospace; position: absolute;
left: 0; margin: 0;
padding: 1.5em; font-size: 13px;
background: #f1f1f1; border-top: 1px solid #e5e5e5;
direction: ltr; }
button, input, select, textarea { font-family: inherit;
font-size: inherit; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0; }
input[type=email], input[type=number],
input[type=password], input[type=tel],
input[type=text], input[type=url] {
-webkit-appearance: none; appearance: none;
display: inline-block; height: 29px;
line-height: 25px; margin: 0;
padding: 0 8px; background: #fff;
border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; -webkit-border-radius: 1px;
-moz-border-radius: 1px; border-radius: 1px;
} input[type=email]:hover,
input[type=number]:hover, input[type=password]:hover,
input[type=tel]:hover, input[type=text]:hover,
input[type=url]:hover { border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
} input[type=email]:focus,
input[type=number]:focus, input[type=password]:focus,
input[type=tel]:focus, input[type=text]:focus,
input[type=url]:focus { outline: none;
border: 1px solid #4d90fe; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
} input[type=email][disabled=disabled],
input[type=number][disabled=disabled], input[type=password][disabled=disabled],
input[type=tel][disabled=disabled], input[type=text][disabled=disabled],
input[type=url][disabled=disabled] { border: 1px solid #e5e5e5;
background: #f1f1f1; }
input[type=email][disabled=disabled]:hover, input[type=number][disabled=disabled]:hover,
input[type=password][disabled=disabled]:hover, input[type=tel][disabled=disabled]:hover,
input[type=text][disabled=disabled]:hover, input[type=url][disabled=disabled]:hover {
-webkit-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; }
input[type=email][readonly=readonly], input[type=number][readonly=readonly],
input[type=password][readonly=readonly], input[type=text][readonly=readonly],
input[type=url][readonly=readonly] { border: 1px solid #d9d9d9;
} input[type=email][readonly=readonly]:hover,
input[type=number][readonly=readonly]:hover, input[type=password][readonly=readonly]:hover,
input[type=text][readonly=readonly]:hover, input[type=url][readonly=readonly]:hover,
input[type=email][readonly=readonly]:focus, input[type=number][readonly=readonly]:focus,
input[type=password][readonly=readonly]:focus, input[type=text][readonly=readonly]:focus,
input[type=url][readonly=readonly]:focus { -webkit-box-shadow: none;
-moz-box-shadow: none; box-shadow: none;
} input[type=checkbox].form-error,
input[type=email].form-error, input[type=number].form-error,
input[type=password].form-error, input[type=text].form-error,
input[type=tel].form-error, input[type=url].form-error {
border: 1px solid #dd4b39; }
input[type=checkbox], input[type=radio] {
-webkit-appearance: none; appearance: none;
width: 13px; height: 13px;
margin: 0; cursor: pointer;
vertical-align: bottom; background: #fff;
border: 1px solid #dcdcdc; -webkit-border-radius: 1px;
-moz-border-radius: 1px; border-radius: 1px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; position: relative;
border: 0; width: 16px;
height: 16px; box-sizing: content-box;
background: none; }
input[type=checkbox]:active, input[type=radio]:active {
border-color: #c6c6c6; background: #ebebeb;
background: none; }
input[type=checkbox]:hover { border-color: #c6c6c6;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
input[type=radio] { -webkit-border-radius: 1em;
-moz-border-radius: 1em; border-radius: 1em;
width: 15px; height: 15px;
} input[type=checkbox]:checked,
input[type=radio]:checked { background: #fff;
} input[type=radio]:checked::after {
content: ''; display: block;
position: relative; top: 3px;
left: 3px; width: 7px;
height: 7px; background: #666;
-webkit-border-radius: 1em; -moz-border-radius: 1em;
border-radius: 1em; }
input[type=checkbox]:checked::after { content: url(//ssl.gstatic.com/ui/v1/menu/checkmark.png);
display: block; position: absolute;
top: -6px; left: -5px;
} input[type=checkbox]:focus {
outline: none; border-color:#4d90fe;
} .gaia-country-menu-item-flag, .gaia-country-menu-item-noflag
{ width: 16px;
height: 11px; margin-right: 1em;
} .gaia-country-menu-item-flag {
background: no-repeat url(//ssl.gstatic.com/accounts/ui/flags2.gif) 0 0;
overflow: hidden; }
.g-button { display: inline-block;
min-width: 46px; text-align: center;
color: #444; font-size: 11px;
font-weight: bold; height: 27px;
padding: 0 8px; line-height: 27px;
-webkit-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; -webkit-transition: all 0.218s;
-moz-transition: all 0.218s; -ms-transition: all 0.218s;
-o-transition: all 0.218s; transition: all 0.218s;
border: 1px solid #dcdcdc; background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1); -webkit-user-select: none;
-moz-user-select: none; user-select: none;
cursor: default; }
*+html .g-button { min-width: 70px;
} button.g-button,
input[type=submit].g-button { height: 29px;
line-height: 29px; vertical-align: bottom;
margin: 0; }
*+html button.g-button, *+html input[type=submit].g-button {
overflow: visible; }
.g-button:hover { border: 1px solid #c6c6c6;
color: #333; text-decoration: none;
-webkit-transition: all 0.0s; -moz-transition: all 0.0s;
-ms-transition: all 0.0s; -o-transition: all 0.0s;
background-color: #f6f6f6; background-image: -webkit-gradient(linear,left
border: 1px solid #3079ed; color: #fff;
background-color: #357ae8; background-image: -webkit-gradient(linear,left
-webkit-box-shadow: inset 0 1px 2px rgb a(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
border: 1px solid #2d6200; color: #fff;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
border: 1px solid #b0281a; color: #fff;
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1);
.g-button-red:focus { -webkit-box-shadow: inset 0 0 0 1px #fff;
-moz-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
pointer-events: none; }
.g-button-red.disabled:active, input[type=submit][disabled].g-button {
-ms-transition: opacity 0.218s; -o-transition: opacity 0.218s;
cursor: pointer; list-style: none;
.goog-menuseparator { border-top: 1px solid #ebebeb;
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
.goog-flat-menu-button-disabled { background-color: #fff;
color: #333; }
background-image: -webkit-linear-gradient(top,#eee,#e0e0e0); background-image: -moz-linear-gradient(top,#eee,#e0e0e0);
position: absolute; right: 5px;
height: 0; width: 0;
{ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
{ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
0 -1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.25),inset
padding: 100px 0 0; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
} .jfk-scrollbar-dark::-webkit-scrollbar-thumb
{ background-color: rgba(255,255,255,.3);
-1px 0 0 rgba(255,255,255,.1); box-shadow: inset 1px 1px 0 rgba(255,255,255,.15),inset
border-width: 0 1px 0 6px }
background-color: rgba(255,255,255,.07); -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.25),inset
border: solid #fff; border-width: 0 0 0 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14); box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
{ background-color: rgba(0,0,0,.05);
-1px 0 0 rgba(0,0,0,.07); box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.2); box-shadow: inset 1px 0 0 rgba(255,255,255,.2);
-1px 0 0 rgba(255,255,255,.15); box-shadow: inset 1px 0 0 rgba(255,255,255,.25),inset
border: solid transparent; border-width: 0 0 0 7px;
padding: 0 0 0 100px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset
background-color: rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.15),inset -1px 0 0 rgba(255,255,255,.1);
-webkit-box-shadow: inset 1px 1px 3px rgba(255,255,255,.5); box-shadow: inset 1px 1px 3px rgba(255,255,255,.5);
box-shadow: inset 1px 1px 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
background: transparent; }
{ border-width: 3px 0 0;
background-color: #f1f1f1; border: solid #fff;
font-weight: bold; display: inline-block;
min-width: 780px; }
border: 1px solid #e5e5e5; }
.features img { float: left;
.signin-box h2 { font-size: 16px;
@media only screen and (-webkit-device-pixel-ratio: 2){
.signin-box .passwd-label { font-weight: bold;
margin: 9px 0 0; margin: 4px 0 0;
.signin-box ul { margin: 0;
.youtube .features li { min-height: 56px;
.youtube .promo p { margin-bottom: 10px;
>
target="_top"> Tidak boleh mengakses akaun anda?
anda
Pilih apa saja anda suka ke mana sahaja — tonton
Lihat video yang dikongsi oleh rakan anda merentasi semua rangkaian sosial anda - semuanya
style="display: none;">