User:Evilea/monobook.css
From Encyclopedia Dramatica
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
<!DOCTYPE html>
<html lang="en"
class="streamlined streamlined-3">
<head>
<script type="text/javascript">serverResponseTimeDelta=window.external&&window.external.pageT?window.external.pageT:-1;pageStartTime=new Date().getTime();</script>
<title>Insert custom HTML, CSS, and Javascript - Google Sites Help</title>
<meta charset="utf-8">
<meta http-equiv="X-FRAME-Options" content="SameOrigin" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="With the HTML Box tool, you can add HTML, CSS and Javascript into a Google Sites page. The tool lets you add functional CSS and Javascript to customize the look and feel of your Google Site. For examp" />
<link rel="canonical" href="http://support.google.com/sites/bin/answer.py?hl=en&answer=2500646" />
<link rel="alternate" hreflang="de" href="http://support.google.com/sites/bin/answer.py?hl=de&answer=2500646">
<link rel="alternate" hreflang="en-GB" href="http://support.google.com/sites/bin/answer.py?hl=en-GB&answer=2500646">
<link rel="alternate" hreflang="es" href="http://support.google.com/sites/bin/answer.py?hl=es&answer=2500646">
<link rel="alternate" hreflang="fr" href="http://support.google.com/sites/bin/answer.py?hl=fr&answer=2500646">
<link rel="alternate" hreflang="it" href="http://support.google.com/sites/bin/answer.py?hl=it&answer=2500646">
<link rel="alternate" hreflang="nl" href="http://support.google.com/sites/bin/answer.py?hl=nl&answer=2500646">
<link rel="alternate" hreflang="pl" href="http://support.google.com/sites/bin/answer.py?hl=pl&answer=2500646">
<link rel="alternate" hreflang="br" href="http://support.google.com/sites/bin/answer.py?hl=br&answer=2500646">
<link rel="alternate" hreflang="ru" href="http://support.google.com/sites/bin/answer.py?hl=ru&answer=2500646">
<link rel="alternate" hreflang="tr" href="http://support.google.com/sites/bin/answer.py?hl=tr&answer=2500646">
<link rel="alternate" hreflang="cn" href="http://support.google.com/sites/bin/answer.py?hl=cn&answer=2500646">
<link rel="alternate" hreflang="b5" href="http://support.google.com/sites/bin/answer.py?hl=b5&answer=2500646">
<link rel="alternate" hreflang="jp" href="http://support.google.com/sites/bin/answer.py?hl=jp&answer=2500646">
<link rel="alternate" hreflang="kr" href="http://support.google.com/sites/bin/answer.py?hl=kr&answer=2500646">
<link rel="shortcut icon" href="//www.google.com/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://support.google.com/sites/bin/resource/all.css?v=405_" />
<style type="text/css">#gb{font:13px/27px Arial,sans-serif;height:30px}#gbz,#gbg{position:absolute;white-space:nowrap;top:0;height:30px;z-index:1000}#gbz{left:0;padding-left:4px}#gbg{right:0;padding-right:5px}#gbs{background:transparent;position:absolute;top:-999px;visibility:hidden;z-index:998}.gbto #gbs{background:#fff}#gbx3,#gbx4{background-color:#2d2d2d;background-image:none;_background-image:none;background-position:0 -138px;background-repeat:repeat-x;border-bottom:1px solid #000;font-size:24px;height:29px;_height:30px;opacity:1;filter:alpha(opacity=100);position:absolute;top:0;width:100%;z-index:990}#gbx3{left:0}#gbx4{right:0}#gbb{position:relative}#gbbw{right:0;left:0;position:absolute;top:30px;width:100%}.gbtcb{position:absolute;visibility:hidden}#gbz .gbtcb{right:0}#gbg .gbtcb{left:0}.gbxx{display:none !important}.gbm{position:absolute;z-index:999;top:-999px;visibility:hidden;text-align:left;border:1px solid #bebebe;background:#fff;-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.gbrtl .gbm{-moz-box-shadow:1px 1px 1px rgba(0,0,0,.2)}.gbto .gbm,.gbto #gbs{top:29px;visibility:visible}#gbz .gbm,#gbz #gbs{left:0}#gbg .gbm,#gbg #gbs{right:0}.gbxms{background-color:#ccc;display:block;position:absolute;z-index:1;top:-1px;left:-2px;right:-2px;bottom:-2px;opacity:.4;-moz-border-radius:3px;filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);*opacity:1;*top:-2px;*left:-5px;*right:5px;*bottom:4px;-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";opacity:1\0/;top:-4px\0/;left:-6px\0/;right:5px\0/;bottom:4px\0/}.gbma{position:relative;top:-1px;border-style:solid dashed dashed;border-color:transparent;border-top-color:#c0c0c0;display:-moz-inline-box;display:inline-block;font-size:0;height:0;line-height:0;width:0;border-width:3px 3px 0;padding-top:1px;left:4px}#gbztms1,#gbi4m1,#gbi4s,#gbi4t{zoom:1}.gbtc,.gbmc,.gbmcc{display:block;list-style:none;margin:0;padding:0}.gbmc{background:#fff;padding:10px 0;position:relative;z-index:2;zoom:1}.gbt{position:relative;display:-moz-inline-box;display:inline-block;line-height:27px;padding:0;vertical-align:top}.gbt{*display:inline}.gbto{box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2)}.gbzt,.gbgt{cursor:pointer;display:block;text-decoration:none !important}.gbts{border-left:1px solid transparent;border-right:1px solid transparent;display:block;*display:inline-block;padding:0 5px;position:relative;z-index:1000}.gbts{*display:inline}.gbto .gbts{background:#fff;border-color:#bebebe;color:#36c;padding-bottom:1px;padding-top:2px}.gbz0l .gbts{color:#fff;font-weight:bold}.gbtsa{padding-right:9px}#gbz .gbzt,#gbz .gbgt,#gbg .gbgt{color:#ccc!important}.gbtb2{display:block;border-top:2px solid transparent}.gbto .gbzt .gbtb2,.gbto .gbgt .gbtb2{border-top-width:0}.gbtb .gbts{background:url(//ssl.gstatic.com/gb/images/b_8d5afc09.png);_background:url(//ssl.gstatic.com/gb/images/b8_3615d64d.png);background-position:-27px -22px;border:0;font-size:0;padding:29px 0 0;*padding:27px 0 0;width:1px}.gbzt-hvr,.gbzt:focus,.gbgt-hvr,.gbgt:focus{background-color:#4c4c4c;background-image:none;_background-image:none;background-position:0 -102px;background-repeat:repeat-x;outline:none;text-decoration:none !important}.gbpdjs .gbto .gbm{min-width:99%}.gbz0l .gbtb2{border-top-color:#dd4b39!important}#gbi4s,#gbi4s1{font-weight:bold}#gbg6.gbgt-hvr,#gbg6.gbgt:focus{background-color:transparent;background-image:none}.gbg4a{font-size:0;line-height:0}.gbg4a .gbts{padding:27px 5px 0;*padding:25px 5px 0}.gbto .gbg4a .gbts{padding:29px 5px 1px;*padding:27px 5px 1px}#gbi4i,#gbi4id{left:5px;border:0;height:24px;position:absolute;top:1px;width:24px}.gbto #gbi4i,.gbto #gbi4id{top:3px}.gbi4p{display:block;width:24px}#gbi4id{background-position:-44px -101px}#gbmpid{background-position:0 0}#gbmpi,#gbmpid{border:none;display:inline-block;margin-top:10px;height:48px;width:48px}.gbmpiw{display:inline-block;line-height:9px;margin-left:20px;margin-top:10px}#gbmpi,#gbmpid,.gbmpiw{*display:inline}#gbg5{font-size:0}#gbgs5{padding:5px !important}.gbto #gbgs5{padding:7px 5px 6px !important}#gbi5{background:url(//ssl.gstatic.com/gb/images/b_8d5afc09.png);_background:url(//ssl.gstatic.com/gb/images/b8_3615d64d.png);background-position:0 0;display:block;font-size:0;height:17px;width:16px}.gbto #gbi5{background-position:-6px -22px}.gbn .gbmt,.gbn .gbmt:visited,.gbnd .gbmt,.gbnd .gbmt:visited{color:#dd8e27 !important}.gbf .gbmt,.gbf .gbmt:visited{color:#900 !important}.gbmt,.gbml1,.gbmlb,.gbmt:visited,.gbml1:visited,.gbmlb:visited{color:#36c !important;text-decoration:none !important}.gbmt,.gbmt:visited{display:block}.gbml1,.gbmlb,.gbml1:visited,.gbmlb:visited{display:inline-block;margin:0 10px}.gbml1,.gbmlb,.gbml1:visited,.gbmlb:visited{*display:inline}.gbml1,.gbml1:visited{padding:0 10px}.gbml1-hvr,.gbml1:focus{outline:none;text-decoration:underline !important}#gbpm .gbml1{display:inline;margin:0;padding:0;white-space:nowrap}.gbmlb,.gbmlb:visited{line-height:27px}.gbmlb-hvr,.gbmlb:focus{outline:none;text-decoration:underline !important}.gbmlbw{color:#ccc;margin:0 10px}.gbmt{padding:0 20px}.gbmt-hvr,.gbmt:focus{background:#eee;cursor:pointer;outline:0 solid black;text-decoration:none !important}.gbm0l,.gbm0l:visited{color:#000 !important;font-weight:bold}.gbmh{border-top:1px solid #bebebe;font-size:0;margin:10px 0}#gbd4 .gbmc{background:#f5f5f5;padding-top:0}#gbd4 .gbsbic::-webkit-scrollbar-track:vertical{background-color:#f5f5f5;margin-top:2px}#gbmpdv{background:#fff;border-bottom:1px solid #bebebe;-moz-box-shadow:0 2px 4px rgba(0,0,0,.12);-o-box-shadow:0 2px 4px rgba(0,0,0,.12);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12);box-shadow:0 2px 4px rgba(0,0,0,.12);position:relative;z-index:1}#gbd4 .gbmh{margin:0}.gbmtc{padding:0;margin:0;line-height:27px}.GBMCC:last-child:after,#GBMPAL:last-child:after{content:'\0A\0A';white-space:pre;position:absolute}#gbmps{*zoom:1}#gbd4 .gbpc,#gbmpas .gbmt{line-height:17px}#gbd4 .gbpgs .gbmtc{line-height:27px}#gbd4 .gbmtc{border-bottom:1px solid #bebebe}#gbd4 .gbpc{display:inline-block;margin:16px 0 10px;margin-right:50px;vertical-align:top}#gbd4 .gbpc{*display:inline}.gbpc .gbps,.gbpc .gbps2{display:block;margin:0 20px}#gbmplp.gbps{margin:0 10px}.gbpc .gbps{color:#000;font-weight:bold}.gbpc .gbpd{margin-bottom:5px}.gbpd .gbmt,.gbpd .gbps{color:#666 !important}.gbpd .gbmt{opacity:.4;filter:alpha(opacity=40)}.gbps2{color:#666;display:block}.gbp0{display:none}.gbp0 .gbps2{font-weight:bold}#gbd4 .gbmcc{margin-top:5px}.gbpmc{background:#fef9db}.gbpmc .gbmt{padding:10px 20px}#gbpm{*border-collapse:collapse;border-spacing:0;margin:0;white-space:normal}#gbpm .gbmt{border-top:none;color:#000 !important;font:11px Arial,sans-serif}#gbpms{*white-space:nowrap}.gbpms2{font-weight:bold;white-space:nowrap}#gbmpal{*border-collapse:collapse;border-spacing:0;margin:0;white-space:nowrap;width:100%}.gbmpala,.gbmpalb{font:13px Arial,sans-serif;line-height:27px;padding:10px 20px 0;white-space:nowrap}.gbmpala{padding-left:0;text-align:left}.gbmpalb{padding-right:0;text-align:right}#gbmpasb .gbps{color:#000}#gbmpal .gbqfbb{margin:0 20px}.gbp0 .gbps{*display:inline}.gbiba{margin:8px 20px 10px}.gbmpiaw{display:inline-block;margin-right:10px;margin-bottom:6px;margin-top:10px}.gbxv{visibility:hidden}.gbmpia{border:none;display:block;height:48px;width:48px}.gbmpnw{display:inline-block;height:auto;margin:10px 0;vertical-align:top}.gbqfb,.gbqfba,.gbqfbb{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;cursor:default !important;display:inline-block;font-weight:bold;height:29px;line-height:29px;min-width:54px;*min-width:70px;padding:0 8px;text-align:center;text-decoration:none !important;-moz-user-select:none;-webkit-user-select:none}.gbqfb:focus,.gbqfba:focus,.gbqfbb:focus{border:1px solid #4d90fe;-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);outline:none}.gbqfb-hvr:focus,.gbqfba-hvr:focus,.gbqfbb-hvr:focus{-webkit-box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1)}.gbqfb-hvr,.gbqfba-hvr,.gbqfbb-hvr{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}.gbqfb::-moz-focus-inner,.gbqfba::-moz-focus-inner,.gbqfbb::-moz-focus-inner{border:0}.gbqfba,.gbqfbb{border:1px solid #dcdcdc;border-color:rgba(0,0,0,.1);color:#444 !important;font-size:11px}.gbqfb{background-color:#4d90fe;background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');border:1px solid #3079ed;color:#fff !important}.gbqfb-hvr,.gbqfb-hvr:focus{border-color:#2f5bb7;background-color:#357ae8;background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8)}.gbqfb:active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.gbqfba{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);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1')}.gbqfba-hvr,.gbqfba-hvr:active{background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1')}.gbqfbb{background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fbfbfb));background-image:-webkit-linear-gradient(top,#fff,#fbfbfb);background-image:-moz-linear-gradient(top,#fff,#fbfbfb);background-image:-ms-linear-gradient(top,#fff,#fbfbfb);background-image:-o-linear-gradient(top,#fff,#fbfbfb);background-image:linear-gradient(top,#fff,#fbfbfb);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#fbfbfb')}.gbqfbb-hvr,.gbqfbb-hvr:active{background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:-webkit-linear-gradient(top,#fff,#f8f8f8);background-image:-moz-linear-gradient(top,#fff,#f8f8f8);background-image:-ms-linear-gradient(top,#fff,#f8f8f8);background-image:-o-linear-gradient(top,#fff,#f8f8f8);background-image:linear-gradient(top,#fff,#f8f8f8);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f8f8f8')}.gbqfba-hvr,.gbqfba-hvr:active,.gbqfbb-hvr,.gbqfbb-hvr:active{border-color:#c6c6c6;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);color:#222 !important}.gbqfba:active,.gbqfbb:active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}#gbmpas{max-height:220px}#gbmm{max-height:530px}.gbsb{-webkit-box-sizing:border-box;display:block;position:relative;*zoom:1}.gbsbic{overflow:auto}.gbsbis .gbsbt{-webkit-mask-box-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(.5,rgba(0,0,0,.8)),color-stop(1,rgba(0,0,0,.1)));background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:-ms-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));height:6px;left:0;margin-right:0;opacity:0;position:absolute;top:0;width:100%}.gbsb .gbsbt:after{border-top:1px solid #ebebeb;border-top:1px solid rgba(0,0,0,.3);content:"";display:block;height:0;left:0;position:absolute;top:0;width:100%}.gbsb .gbsbb{-webkit-mask-box-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(.5,rgba(0,0,0,.8)),color-stop(1,rgba(0,0,0,.1)));background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:-ms-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));background-image:linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,0));bottom:0;height:4px;left:0;margin-right:0;opacity:0;position:absolute;width:100%}.gbsb .gbsbb:after{border-bottom:1px solid #ebebeb;border-color:rgba(0,0,0,.3);bottom:0;content:"";display:block;height:0;left:0;position:absolute;width:100%}.gbsbic::-webkit-scrollbar{height:16px;width:16px}.gbsbic::-webkit-scrollbar-button{height:0;width:0}.gbsbic::-webkit-scrollbar-button:start:decrement,.gbsbic::-webkit-scrollbar-button:end:increment{display:block}.gbsbic::-webkit-scrollbar-button:vertical:start:increment,.gbsbic::-webkit-scrollbar-button:vertical:end:decrement{display:none}.gbsbic::-webkit-scrollbar-track:vertical{background-clip:padding-box;background-color:#fff;border-left:5px solid transparent;border-right:0 solid transparent}.gbsbic::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;border-bottom:0 solid transparent;border-top:5px solid transparent}.gbsbic::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100px}.gbsbic::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}.gbsbic::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}.gbsbic::-webkit-scrollbar-thumb:vertical{border-bottom:0 solid transparent;border-left:5px solid transparent;border-right:0 solid transparent;border-top:0 solid transparent}.gbsbic::-webkit-scrollbar-thumb:horizontal{border-bottom:0 solid transparent;border-left:0 solid transparent;border-right:0 solid transparent;border-top:5px solid transparent}.gbsbis .gbsbic::-webkit-scrollbar-track:vertical{border-left:6px solid transparent;border-right:1px solid transparent}.gbsbis .gbsbic::-webkit-scrollbar-track:horizontal{border-bottom:1px solid transparent;border-top:6px solid transparent}.gbsbis .gbsbic::-webkit-scrollbar-thumb:vertical{border-bottom:0 solid transparent;border-left:6px solid transparent;border-right:1px solid transparent;border-top:0 solid transparent}.gbsbis .gbsbic::-webkit-scrollbar-thumb:horizontal{border-bottom:1px solid transparent;border-left:0 solid transparent;border-right:0 solid transparent;border-top:6px solid transparent}.gbsbic::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}.gbsbic::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}</style>
<link rel="stylesheet"
type="text/css"
href="//fonts.googleapis.com/css?family=Open+Sans">
<script type="text/javascript">
var internal = 0;
var hc_protocol = "http://";
var hc_host = "support.google.com";
var hc_url_root = "/sites";
var hc_page_info = "answer=2500646";
var track = function() {};
var hc_urchin_enabled = true;
var country = 'GB';
var countryGroup = 'EMEA';
var global_error_general = 'Sorry, we weren\x27t able to submit your information. Please try again.';
var search_form_id = 'search-form';
var hc_urchin = "UA-18500-53";
var global_hc_bookmark = new Array("add","remove","toggle");
global_hc_bookmark.add = new Array();
global_hc_bookmark.remove = new Array();
global_hc_bookmark.toggle = new Array();
global_hc_bookmark["add"].url = "";
global_hc_bookmark["add"].token = "";
global_hc_bookmark["remove"].url = "";
global_hc_bookmark["remove"].token = "";
global_hc_bookmark["toggle"].url = "";
global_hc_bookmark["toggle"].token = "";
var hiddenZippyLists = '{"experiments": {"answerId": "2500646", "zippiesString": "These instructions are optimized for your current system\x27s configuration. To view these instructions for another configuration, select the configuration: ", "defaultValue": "", "hidePicker": "1", "validItems": {"0": "e0", "1": "e1", "2": "e2", "3": "e3", "4": "e4", "5": "e5"}}, "country": {"answerId": "2500646", "zippiesString": "These instructions are optimized for your current system\x27s configuration. To view these instructions for another configuration, select the configuration: ", "defaultValue": "GB", "hidePicker": "0", "validItems": {"AF": "Afghanistan", "AL": "Albania", "DZ": "Algeria", "AS": "American Samoa", "AO": "Angola", "AI": "Anguilla", "AQ": "Antarctica", "AD": "Andorra", "AR": "Argentina", "AM": "Armenia", "AW": "Aruba", "AT": "Austria", "AU": "Australia", "AZ": "Azerbaijan", "BS": "Bahamas", "BH": "Bahrain", "BD": "Bangladesh", "BB": "Barbados", "AG": "Barbuda", "BY": "Belarus", "BZ": "Belize", "BE": "Belgium", "BN": "Benin", "BM": "Bermuda", "BT": "Bhutan", "BO": "Bolivia", "BW": "Botswana", "BA": "Bosnia and Herzegovina", "BR": "Brazil", "VG": "British Virgin Islands", "BN": "Brunei", "BN": "Brunei Darussalam", "BG": "Bulgaria", "BF": "Burkina Faso", "BI": "Burundi", "CM": "Cameroon", "KH": "Cambodia", "CA": "Canada", "CV": "Cape Verde Islands", "KY": "Cayman Islands", "CF": "Central African Republic", "TD": "Chad", "CL": "Chile", "CN": "China", "CX": "Christmas Island", "CC": "Cocos Islands", "CO": "Colombia", "CK": "Cook Islands", "KM": "Comoros", "CG": "Congo", "CR": "Costa Rica", "CI": "Cote d\x27Ivoire", "HR": "Croatia", "CU": "Cuba", "CY": "Cyprus", "CZ": "Czech Republic", "DK": "Denmark", "DJ": "Djibouti", "DM": "Dominica", "DO": "Dominican Republic", "EC": "Ecuador", "EG": "Egypt", "SV": "El Salvador", "GQ": "Equitorial Guinea", "ER": "Eritrea", "EE": "Estonia", "ET": "Ethiopia", "FK": "Falkland Islands", "FO": "Faroe Islands", "FJ": "Fiji", "FI": "Finland", "FR": "France", "GF": "French Guiana", "PF": "French Polynesia", "TF": "French Southern Territories", "GA": "Gabon", "GM": "Gambia", "GE": "Georgia", "DE": "Germany", "GH": "Ghana", "GI": "Gibraltar", "GR": "Greece", "GL": "Greenland", "GD": "Grenada", "CP": "Guadeloupe", "GU": "Guam", "GT": "Guatemala", "GF": "Guiana", "GN": "Guinea", "GW": "Guinea-Bissau", "GY": "Guyana", "HT": "Haiti", "HN": "Honduras", "HK": "Hong Kong", "HU": "Hungary", "IS": "Iceland", "IN": "India", "ID": "Indonesia", "IR": "Iran", "IQ": "Iraq", "IE": "Ireland", "IL": "Israel", "IT": "Italy", "JM": "Jamaica", "JP": "Japan", "JO": "Jordan", "KZ": "Kazakhstan", "KI": "Kiribati", "KE": "Kenya", "KW": "Kuwait", "KG": "Kyrgyzstan", "LA": "Laos", "LV": "Latvia", "LB": "Lebanon", "LS": "Lesotho", "LR": "Liberia", "LY": "Libyan Arab Jamahiriya", "LI": "Liechtenstein", "LT": "Lithuania", "LU": "Luxembourg", "MO": "Macau", "MK": "Macedonia", "MG": "Madagascar", "MY": "Malaysia", "MT": "Malta", "MW": "Malawi", "MV": "Maldives", "ML": "Mali", "MP": "Mariana Islands", "MH": "Marshall Islands", "MQ": "Martinique", "MR": "Mauritania", "MU": "Mauritius", "YT": "Mayotte Island", "MX": "Mexico", "MD": "Moldova", "FM": "Micronesia", "MC": "Monaco", "MN": "Mongolia", "MS": "Montserrat", "MA": "Morocco", "MZ": "Mozambique", "MM": "Myanmar", "NA": "Namibia", "NR": "Nauru", "NP": "Nepal", "NL": "Netherlands", "AN": "Netherlands Antilles", "KN": "Nevis", "NC": "New Caledonia", "NI": "Nicaragua", "NE": "Niger", "NG": "Nigeria", "NU": "Niue", "KR": "North Korea", "NO": "Norway", "NZ": "New Zealand", "OM": "Oman", "PW": "Palau", "PK": "Pakistan", "PS": "Palestine", "PA": "Panama", "PG": "Papua New Guinea", "PY": "Paraguay", "PE": "Peru", "PH": "Philippines", "PN": "Pitcairn Islands", "PL": "Poland", "PT": "Portugal", "PR": "Puerto Rico", "QA": "Qatar", "RE": "Reunion Island", "RO": "Romania", "RU": "Russia", "RW": "Rwanda", "WS": "Samoa", "ST": "Sao Tome and Principe", "SM": "San Marino", "SA": "Saudi Arabia", "SN": "Senegal", "CS": "Serbia and Montenegro", "SC": "Seychelles", "SL": "Sierra Leone", "SG": "Singapore", "SK": "Slovakia", "SI": "Slovenia", "ES": "Spain", "SO": "Somalia", "SB": "Solomon Islands", "ZA": "South Africa", "KP": "South Korea", "LK": "Sri Lanka", "SR": "Suriname", "SD": "Sudan", "SS": "South Sudan", "SH": "St. Helena", "KN": "St. Kitts and Nevis", "LC": "St. Lucia", "PM": "St. Pierreet Miquelon", "VC": "St. Vincent and the Grenadines", "SZ": "Swaziland", "SE": "Sweden", "CH": "Switzerland", "SY": "Syrian Arab Republic", "TW": "Taiwan", "TJ": "Tajikistan", "TZ": "Tanzania", "TH": "Thailand", "TB": "Tibet", "TL": "Timor", "TG": "Togo", "TK": "Tokelau", "TO": "Tonga", "TT": "Trinidad and Tobago", "TN": "Tunisia", "TR": "Turkey", "TM": "Turkmenistan", "TC": "Turks and Caicos Islands", "TV": "Tuvalu", "UK": "Ukraine", "UG": "Uganda", "UE": "United Arab Emirates", "GB": "United Kingdom", "US": "USA", "VI": "U.S. Virgin Islands", "UY": "Uruguay", "UZ": "Uzbekistan", "VU": "Vanuatu", "VA": "The Vatican", "VE": "Venezuela", "VN": "Vietnam", "EH": "Western Sahara", "YE": "Yemen", "CD": "Zaire", "ZM": "Zambia", "ZW": "Zimbabwe", "other": "Other"}}}';
var lang_dismiss_str = "Dismiss";
var localizedMonths = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
</script>
<script
src="//support.google.com/sites/bin/resource/js_variables.js?v=9&hl=en"
type="text/javascript"></script>
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('search', 1);
function init() {
google.search.CustomSearchControl.attachAutoCompletion(
'006016177181391020033:gvoqguvr6eq+qptype:1',
document.getElementById('query'),
search_form_id);
}
google.setOnLoadCallback(init);
</script>
<script
src="//support.google.com/sites/bin/resource/js_minified.js?v=147"
type="text/javascript"></script>
<script src="https://plusone.google.com/js/plusone.js">
{lang: 'en', parsetags: 'explicit'}
</script>
</head>
<body onload="
setCookies_default('UserLocale',
'en','formLoad'); registerSearchForm(search_form_id, 'query');makeRequest('/sites/bin/stats?r='+serverResponseTimeDelta+'&l='+(new Date().getTime()-pageStartTime));
"
dir="ltr"
class=" answer_page streamlined streamlined-3 streamlined-header-1 ltr lang_en show_modules show_leftnav safari5 safari macIntel mac new-ui ">
<a href="#content" class="skiplink">Skip to content</a>
<div class="wrapper" id="baseDiv">
<div id=gb><script>window.gbar&&gbar.eli&&gbar.eli()</script><div id=gbw><div id=gbz><span class=gbtcb></span><ol class=gbtc><li class=gbt><a onclick=gbar.logger.il(1,{t:119}); class=gbzt id=gb_119 href="https://plus.google.com/?gpsrc=ogpy0"><span class=gbtb2></span><span class=gbts>+You</span></a></li><li class=gbt><a onclick=gbar.qs(this);gbar.logger.il(1,{t:1}); class=gbzt id=gb_1 href="http://www.google.co.uk/webhp?hl=en"><span class=gbtb2></span><span class=gbts>Search</span></a></li><li class=gbt><a onclick=gbar.qs(this);gbar.logger.il(1,{t:2}); class=gbzt id=gb_2 href="http://www.google.co.uk/imghp?hl=en"><span class=gbtb2></span><span class=gbts>Images</span></a></li><li class=gbt><a onclick=gbar.qs(this);gbar.logger.il(1,{t:8}); class=gbzt id=gb_8 href="http://maps.google.co.uk/maps?hl=en"><span class=gbtb2></span><span class=gbts>Maps</span></a></li><li class=gbt><a onclick=gbar.logger.il(1,{t:78}); class=gbzt id=gb_78 href="https://play.google.com/?hl=en"><span class=gbtb2></span><span class=gbts>Play</span></a></li><li class=gbt><a onclick=gbar.qs(this);gbar.logger.il(1,{t:36}); class=gbzt id=gb_36 href="http://www.youtube.com/?gl=GB"><span class=gbtb2></span><span class=gbts>YouTube</span></a></li><li class=gbt><a onclick=gbar.logger.il(1,{t:5}); class=gbzt id=gb_5 href="http://news.google.co.uk/nwshp?hl=en"><span class=gbtb2></span><span class=gbts>News</span></a></li><li class=gbt><a onclick=gbar.logger.il(1,{t:23}); class=gbzt id=gb_23 href="https://mail.google.com/mail/"><span class=gbtb2></span><span class=gbts>Gmail</span></a></li><li class=gbt><a class=gbgt id=gbztm href="http://www.google.co.uk/intl/en/options/" onclick="gbar.tg(event,this)" aria-haspopup=true aria-owns=gbd><span class=gbtb2></span><span id=gbztms class="gbts gbtsa"><span id=gbztms1>More</span><span class=gbma></span></span></a><div class=gbm id=gbd aria-owner=gbztm><div id=gbmmb class="gbmc gbsb gbsbis"><ol id=gbmm class="gbmcc gbsbic"><li class=gbmtc><a onclick=gbar.logger.il(1,{t:25}); class=gbmt id=gb_25 href="https://docs.google.com/">Documents</a></li><li class=gbmtc><a onclick=gbar.logger.il(1,{t:24}); class=gbmt id=gb_24 href="https://www.google.com/calendar">Calendar</a></li><li class=gbmtc><a onclick=gbar.qs(this);gbar.logger.il(1,{t:51}); class=gbmt id=gb_51 href="http://translate.google.co.uk/?hl=en">Translate</a></li><li class=gbmtc><a onclick=gbar.qs(this);gbar.logger.il(1,{t:10}); class=gbmt id=gb_10 href="http://books.google.co.uk/bkshp?hl=en">Books</a></li><li class=gbmtc><a onclick=gbar.qs(this);gbar.logger.il(1,{t:6}); class=gbmt id=gb_6 href="http://www.google.co.uk/shopping?hl=en">Shopping</a></li><li class=gbmtc><a onclick=gbar.logger.il(1,{t:30}); class=gbmt id=gb_30 href="http://www.blogger.com/">Blogger</a></li><li class=gbmtc><a onclick=gbar.logger.il(1,{t:32}); class=gbmt id=gb_32 href="http://www.google.co.uk/reader/?hl=en">Reader</a></li><li class=gbmtc><a onclick=gbar.qs(this);gbar.logger.il(1,{t:27}); class=gbmt id=gb_27 href="http://www.google.co.uk/finance">Finance</a></li><li class=gbmtc><a onclick=gbar.qs(this);gbar.logger.il(1,{t:31}); class=gbmt id=gb_31 href="http://picasaweb.google.co.uk/home?hl=en">Photos</a></li><li class=gbmtc><a onclick=gbar.qs(this);gbar.logger.il(1,{t:12}); class=gbmt id=gb_12 href="http://video.google.co.uk/?hl=en">Videos</a></li><li class=gbmtc><div class="gbmt gbmh"></div></li><li class=gbmtc><a onclick=gbar.logger.il(1,{t:66}); href="http://www.google.co.uk/intl/en/options/" class=gbmt>Even more »</a></li></ol><div class=gbsbt></div><div class=gbsbb></div></div></div></li></ol></div><div id=gbg><h2 class=gbxx>Account Options</h2><span class=gbtcb></span><ol class=gbtc><li class=gbt><a target=_top href="https://www.google.com/accounts/ServiceLogin?passive=1209600&continue=http://support.google.com/sites/bin/answer.py?hl%3Den%26answer%3D2500646&followup=http://support.google.com/sites/bin/answer.py?hl%3Den%26answer%3D2500646&hl=en" onclick="gbar.logger.il(9,{l:'i'})" id=gb_70 class=gbgt><span class=gbtb2></span><span id=gbgs4 class=gbts><span id=gbi4s1>Sign in</span></span></a></li><li class="gbt gbtb"><span class=gbts></span></li><li class=gbt><a class=gbgt id=gbg5 href="http://www.google.co.uk/preferences?hl=en" title="Options" onclick="gbar.tg(event,this)" aria-haspopup=true aria-owns=gbd5><span class=gbtb2></span><span id=gbgs5 class=gbts><span id=gbi5></span></span></a><div class=gbm id=gbd5 aria-owner=gbg5><div class=gbmc><ol id=gbom class=gbmcc></ol></div></div></li></ol></div></div><div id=gbx3></div><div id=gbx4></div><script>window.gbar&&gbar.elp&&gbar.elp()</script></div>
<div id="hc_error"></div>
<div class="header-wrapper">
<div class="header-logo ">
<a class="logo-container" href="//sites.google.com/">
<img src="//www.google.com/images/logos/google_logo_41.png"
alt="Google"
class="logo" /></a>
<div class="searchbox">
<form name="search-form"
id="search-form"
title="Search Help"
method="get"
action="/sites/bin/search.py"
onsubmit="track('Search Help',
document.getElementById('query').value);return false;">
<input autocomplete="off"
class="search-box"
type="text"
name="query"
id="query"
maxlength="2048"
placeholder="Search Sites help"
title="Search"
x-webkit-speech
spellcheck="false" /><button type="submit"
name="btnG"
class="search-button"
alt="Search Help">
<img src="//www.google.com/help/hc/images/hc_magnifying_glass.png">
</button>
<input type="hidden" name="ctx" value="en:searchbox" />
</form>
</div>
</div>
<div class="header-bar ">
<h1>
<a href="//sites.google.com/" onclick="track('Header', 'HC Title hc-arrow');">
<span>
Sites
</span>
<div class="hc-arrow">
</div>
</a>
</h1>
<div id="yarnball">
<ul class="yarnball"><li class="yarnlet first"><a href="http://support.google.com/sites/" onclick="track('Yarnycrumbs', 'Help Home');" style="z-index: 9;"><span class="left-yarn"></span>Help home</a></li><li class="yarnlet "><a href="/sites/bin/topic.py?topic=1046075" onclick="track('Yarnycrumbs', '1046075');" style="z-index: 8;">Changing your Site's appearance</a></li></ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="main-content-container">
<table class="layout" border="0" cellpadding="0" cellspacing="0"><tr>
<td class="left-col-siblings">
<!--googleoff: snippet-->
<h4 class="sibling-leftnav-title"><a href="/sites/bin/topic.py?hl=en&topic=1046075&parent=1046071&ctx=topic" onclick="track('LeftNav Sibling', 'Parent');">Changing your Site's appearance</a></h4><ul class="leftnav-siblings"><li class="leftnav-sibling"><a href="/sites/bin/answer.py?hl=en&answer=90453&topic=1046075&ctx=topic" onclick="track('LeftNav Sibling', '90453');"><span>Site titles</span></a></li><li class="leftnav-sibling"><a href="/sites/bin/answer.py?hl=en&answer=90451&topic=1046075&ctx=topic" onclick="track('LeftNav Sibling', '90451');"><span>Changing your site's logo</span></a></li><li class="leftnav-sibling"><a href="/sites/bin/answer.py?hl=en&answer=114857&topic=1046075&ctx=topic" onclick="track('LeftNav Sibling', '114857');"><span>Changing your site's language</span></a></li><li class="leftnav-sibling"><a href="/sites/bin/answer.py?hl=en&answer=1637080&topic=1046075&ctx=topic" onclick="track('LeftNav Sibling', '1637080');"><span>Use Google Sites with a screen reader</span></a></li><li class="leftnav-sibling"><a href="/sites/bin/answer.py?hl=en&answer=1368620&topic=1046075&ctx=topic" onclick="track('LeftNav Sibling', '1368620');"><span>Optimizing sites for mobile devices</span></a></li><li class="leftnav-sibling current">Insert custom HTML, CSS, and Javascript</li></ul>
<!--googleon: snippet-->
</td>
<td class="content new-ui">
<div class="inner_content ">
<div id="hcError" style="display:none"></div>
<script type="text/javascript">
var p13nFeed = new googlehelp.Feed.P13n();
</script>
<a name="content"></a>
<div id="page-content">
<div id="zippy-dropdown-container"
class="zippy-dropdown-container-hide"></div>
<div class="answer_heading">
<h2 class="answer-title">
Insert custom HTML, CSS, and Javascript
</h2>
<div class="clear"></div>
<p class="answer-subtext">
Use the HTML Box tool to customize the appearance of your site.
</p>
</div>
<div class="article_content article-content-2500646" id="article-content-div">
<p>With the HTML Box tool, you can add HTML, CSS and Javascript into a Google Sites page. The tool lets you add functional CSS and Javascript to customize the look and feel of your Google Site. For example, you could create image carousels, custom menus, submission forms and jQuery-based widgets. </p>
<p>This tool is different than using the HTML button in the toolbar when you’re editing a page, as the HTML button allows you to make small edits to HTML and inline CSS, but it allows you to write custom Javascript.</p>
<h3>Insert custom HTML, CSS and Javascript</h3>
<ol>
<li>Go to the Google Sites page that you’d like to embed HTML in.</li>
<li>Go to the <strong>Insert</strong> menu and select <strong>HTML Box</strong>.</li>
<li>In the dialog that opens, add HTML, CSS and/or Javascript code. </li>
<li>When you’re done, click <strong>Save</strong>.</li>
<li>To preview your embedded HTML, click <strong>Save</strong> on the Google Site page. </li>
</ol>
<h3>Tips for writing HTML with the HTML Box tool</h3>
<ul>
<li>To make sure that your code is error free, we’ll show you errors underlined in red as you type.</li>
<li>You can reference any public image on the Internet in your HTML embed, such as an image hosted in Picasa. Keep Google <a href="http://support.google.com/docs/bin/answer.py?answer=148505">program policies</a> and copyright laws in mind whenever you reference a public image.</li>
<li>Code from one HTML box can’t interact with or refer to code outside of the HTML box, including other HTML boxes.</li>
<li>You can link script tags to <a href="http://code.google.com/apis/libraries/devguide.html#jquery" target="blank">jQuery</a> (For example, <a href="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" target="blank">https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js</a>). Versions 1.5 and 1.6 are supported.</li>
</ul>
<a class="zippy">
<h3>Example code for the HTML Box tool</h3>
</a>
<div>
<p>The example code is for a 3-slide animated carousel with two slides of text and one slide of an image. It includes next and previous buttons to animate the carousel from one slide to the next.</p>
<p>Each of the code sections below should be combined in an HTML Box to add a carousel to a site, like the one pictured below.</p>
<p><img src="//www.google.com/help/hc/images/sites/sites_2500646_slide_carousel_en.gif" alt="example slide carousel" /></p>
<a class="zippy"><h4>Script (Javascript)</h4></a>
<div>
<pre style="line-height:1.1em">
<span style="color:rgb(17,119,0)"><script</span> <span style="color:rgb(0,0,204)">src</span>=<span style="color:rgb(170,17,17)">"<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js" style="color:rgb(17,85,204)" target="_blank">https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js</a>"</span><span style="color:rgb(17,119,0)">></span> <span style="color:rgb(17,119,0)"></script></span>
<span style="color:rgb(17,119,0)"><script></span>
<span style="color:rgb(119,0,136)">var</span> current_slide = <span style="color:rgb(17,102,68)">0</span>; <span style="color:rgb(170,85,0)">// zero-based</span>
<span style="color:rgb(119,0,136)">var</span> slide_count = <span style="color:rgb(17,102,68)">3</span>;
<span style="color:rgb(119,0,136)">var</span> slide_size = <span style="color:rgb(17,102,68)">400</span>;
<span style="color:rgb(119,0,136)">var</span> Direction = {
LEFT: -<span style="color:rgb(17,102,68)">1</span>,
RIGHT: <span style="color:rgb(17,102,68)">1</span>
};
<span style="color:rgb(170,85,0)">/**</span>
<span style="color:rgb(170,85,0)"> * Moves to the next slide using the direction (dx) parameter.</span>
<span style="color:rgb(170,85,0)"> */</span>
<span style="color:rgb(119,0,136)">var</span> nextSlide = <span style="color:rgb(119,0,136)">function</span>(<span style="color:rgb(0,0,255)">dx</span>) {
current_slide = (current_slide + slide_count + <span style="color:rgb(0,85,170)">dx</span>) % slide_count;
<span style="color:rgb(170,85,0)"> // Calculate the new value for css 'left' property and animate.</span>
<span style="color:rgb(119,0,136)"> var</span> <span style="color:rgb(0,0,255)">left_offset</span> = <span style="color:rgb(170,17,17)">'-'</span> + (current_slide * slide_size) + <span style="color:rgb(170,17,17)">'px'</span>;
$(<span style="color:rgb(170,17,17)">'.items'</span>).animate({<span style="color:rgb(170,17,17)">'left'</span>: <span style="color:rgb(0,85,170)">left_offset</span>}, <span style="color:rgb(17,102,68)">300</span>);
};
$(<span style="color:rgb(170,17,17)">'.right-button'</span>).click(nextSlide.bind(<span style="color:rgb(34,17,153)">null</span>, Direction.RIGHT));
$(<span style="color:rgb(170,17,17)">'.left-button'</span>).click(nextSlide.bind(<span style="color:rgb(34,17,153)">null</span>, Direction.LEFT));
<br>
$(<span style="color:rgb(170,17,17)">'.carousel'</span>).show();
<span style="color:rgb(17,119,0)"></script></span>
</pre>
</div>
<a class="zippy"><h4>Style (CSS)</h4></a>
<div>
<pre style="line-height:1.1em">
<span style="color:rgb(17,119,0)"><style></span>
.<span style="color:rgb(17,119,0)">carousel</span> {
width: <span style="color:rgb(17,102,68)">400px</span>;
height: <span style="color:rgb(17,102,68)">200px</span>;
position: <span style="color:rgb(17,102,68)">relative</span>;
overflow: <span style="color:rgb(17,102,68)">hidden</span>;
background-color:<span style="color:rgb(17,102,68)">black</span>;
border-radius: <span style="color:rgb(17,102,68)">20px</span>;
-moz-border-radius: <span style="color:rgb(17,102,68)">20px</span>;
-webkit-border-radius: <span style="color:rgb(17,102,68)">20px</span>;
}
.<span style="color:rgb(17,119,0)">items</span> {
width: <span style="color:rgb(17,102,68)">1200px</span>;
position: <span style="color:rgb(17,102,68)">absolute</span>;
}
.<span style="color:rgb(17,119,0)">items</span> > <span style="color:rgb(17,119,0)">div</span> {
width: <span style="color:rgb(17,102,68)">400px</span>;
height: <span style="color:rgb(17,102,68)">180px</span>;
font-size: <span style="color:rgb(17,102,68)">20px</span>;
display: <span style="color:rgb(17,102,68)">table-cell</span>;
vertical-align: <span style="color:rgb(17,102,68)">middle</span>;
text-align: <span style="color:rgb(17,102,68)">center</span>;
}
.<span style="color:rgb(17,119,0)">nav</span> {
position: <span style="color:rgb(17,102,68)">absolute</span>;
bottom: <span style="color:rgb(17,102,68)">5px</span>;
right: <span style="color:rgb(17,102,68)">15px</span>;
}
.<span style="color:rgb(17,119,0)">button</span> {
cursor: <span style="color:rgb(17,102,68)">pointer</span>;
font-width: <span style="color:rgb(17,102,68)">bold</span>;
}
<span style="color:rgb(17,119,0)"></style></span>
</pre>
</div>
<a class="zippy"><h4>HTML</h4></a>
<div>
<pre style="line-height:1.1em">
<span style="color:rgb(17,119,0)"><div</span> <span style="color:rgb(0,0,204)">class</span>=<span style="color:rgb(170,17,17)">"carousel"</span> <span style="color:rgb(0,0,204)">style</span>=<span style="color:rgb(170,17,17)">"display:none;"</span><span style="color:rgb(17,119,0)">></span>
<span style="color:rgb(17,119,0)"><div</span> <span style="color:rgb(0,0,204)">class</span>=<span style="color:rgb(170,17,17)">"items"</span><span style="color:rgb(17,119,0)">></span>
<span style="color:rgb(17,119,0)"><div></span>
Content for slide one.
<span style="color:rgb(17,119,0)"></div></span>
<span style="color:rgb(17,119,0)"><div></span>
Content for slide two.
<span style="color:rgb(17,119,0)"></div></span>
<span style="color:rgb(17,119,0)"><div></span>
<span style="color:rgb(17,119,0)"><img</span> <span style="color:rgb(0,0,204)">src</span>=<span style="color:rgb(170,17,17)">"<a href="https://www.google.com/intl/en_com/images/srpr/logo3w.png" style="color:rgb(17,85,204)" target="_blank">https://www.google.com/intl/en_com/images/srpr/logo3w.png</a>"</span><span style="color:rgb(17,119,0)">></span>
<span style="color:rgb(17,119,0)"></div></span>
<span style="color:rgb(17,119,0)"></div></span>
<span style="color:rgb(17,119,0)"><div</span> <span style="color:rgb(0,0,204)">class</span>=<span style="color:rgb(170,17,17)">"nav"</span><span style="color:rgb(17,119,0)">></span>
<span style="color:rgb(17,119,0)"><span</span> <span style="color:rgb(0,0,204)">class</span>=<span style="color:rgb(170,17,17)">"button left-button"</span><span style="color:rgb(17,119,0)">></span>prev<span style="color:rgb(17,119,0)"></span></span>
<span style="color:rgb(34,17,153)">&nbsp;&nbsp;</span>
<span style="color:rgb(17,119,0)"><span</span> <span style="color:rgb(0,0,204)">class</span>=<span style="color:rgb(170,17,17)">"button right-button"</span><span style="color:rgb(17,119,0)">></span>next<span style="color:rgb(17,119,0)"></span></span>
<span style="color:rgb(17,119,0)"></div></span>
<span style="color:rgb(17,119,0)"></div></span>
</pre>
</div>
</div>
<h3>Unsupported features</h3>
<p>The HTML Box tool currently doesn't support the following features:</p>
<ul>
<li>iframes</li>
<li>JavaScript code can't create any script, image or link tags</li>
<li>Document/window onload and onready functions. You can place any JavaScript at the end of code that needs to load after the document loads.</li>
</ul>
<script type="text/javascript">
if(document.getElementById('kb_safari5') != null)
showLayer('kb_safari5');
if(document.getElementById('kb_safari5_mac') != null)
showLayer('kb_safari5_mac');
if(document.getElementById('z_safari5') != null)
toggleZippy('z_safari5');
if(document.getElementById('z_safari5_mac') != null)
toggleZippy('z_safari5_mac');
if(document.getElementById('kb_safari') != null)
showLayer('kb_safari');
if(document.getElementById('kb_safari_mac') != null)
showLayer('kb_safari_mac');
if(document.getElementById('z_safari') != null)
toggleZippy('z_safari');
if(document.getElementById('z_safari_mac') != null)
toggleZippy('z_safari_mac');
if(document.getElementById('kb_mac'))
showLayer('kb_mac');
if(document.getElementById('z_mac'))
toggleZippy('z_mac');
if(document.getElementById('kb_macIntel'))
showLayer('kb_macIntel');
if(document.getElementById('z_macIntel'))
toggleZippy('z_macIntel');
if(document.getElementById('kb_GB'))
showLayer('kb_GB');
if(document.getElementById('z_GB'))
toggleZippy('z_GB');
if(document.getElementById('kb_non_US'))
showLayer('kb_non_US');
if(document.getElementById('z_non_US'))
toggleZippy('z_non_US');
</script>
</div>
<div class="clear"></div>
<a href="#" name="helpful" ></a>
<div class="answer-features">
<div class="button plus-one">
<div id="plusone"></div>
<script type="text/javascript">
gapi.plusone.render('plusone', {size: 'small', count: 'true',
href: 'http:\x2F\x2Fsupport.google.com\x2Fsites\x2Fbin\x2Fanswer.py?hl=en\x26answer=2500646\x26ctx=plusone'});
</script>
</div>
</div>
<script type="text/javascript">
function setSurveyCookie(){
setCookies_default("survey_152", 1, "", 30);
}
</script>
<p class="survey-invite-green ">
<a href="/sites/bin/request.py?contact_type=survey" id="surveyLink" target="_blank" onclick="setSurveyCookie();track('Survey Link', 'Click new');"><strong>Tell us how we're doing -</strong> Answer five short questions about your help center experience</a>
</p>
</div>
<div class="clear"></div>
</div>
</td>
<td class="right-column">
<div class="clear"></div>
<div class="p13n_box3 top-right"
id="p13n_box"
style="display:auto;">
<a href="javascript:setCookies_default('p13n_box_152_OneGoogleSandbar', 1, '','30');
hideLayer('p13n_box');
track('P13n Box - OneGoogleSandbar', 'Hide');"
class="hide_link">
</a>
<p>Looking to learn more about the new Google bar at the top of Sites? Click <a href="//www.google.com/support/accounts/bin/answer.py?answer=1714464">here</a>.</p>
<div id="p13n_box_content"></div>
</div>
<script type="text/javascript">
var promoDisplayDict = {
'type': "promo",
'func': function(){
document.getElementById("p13n_box").style.display = 'block';
}
};
p13nFeed.setDisplayFunc(4,
promoDisplayDict);
</script>
<div class="module">
<a class="zippy zippy-track zippy-expand"onclick="setCookies_default('rightnav', '1', '', -1);"><h2>Related</h2></a>
<ul class="no_bullets right-nav-cb">
<li>
<a href="/sites/bin/answer.py?hl=en&answer=153196&ctx=cb&src=cb&cbid=18c27lutb92oy&cbrank=0"
onclick="track('Recommended Articles Module', 'cb 153196');">
Editing your site
</a>
<br />
<span class="right-nav-cb-bc">
<a href="/sites/bin/topic.py?hl=en&topic=1689606&parent=TopLevel&ctx=topic" onclick="track('Breadcrumbs', '1689606');">Get started</a><span class="br-seperator"> › </span><a href="/sites/bin/topic.py?hl=en&topic=23216&parent=1689606&ctx=topic" onclick="track('Breadcrumbs', '23216');">Beginner's Guide</a>
</span>
</li>
<li>
<a href="/sites/bin/answer.py?hl=en&answer=90540&ctx=cb&src=cb&cbid=-177riseqee16n&cbrank=1"
onclick="track('Recommended Articles Module', 'cb 90540');">
Code and formatting not allowed in your site
</a>
<br />
<span class="right-nav-cb-bc">
<a href="/sites/bin/topic.py?hl=en&topic=1046065&parent=1046064&ctx=topic" onclick="track('Breadcrumbs', '1046065');">Adding text and images</a><span class="br-seperator"> › </span><a href="/sites/bin/topic.py?hl=en&topic=1046066&parent=1046065&ctx=topic" onclick="track('Breadcrumbs', '1046066');">Text and HTML</a>
</span>
</li>
<li>
<a href="/sites/bin/answer.py?hl=en&answer=97520&ctx=cb&src=cb&cbid=5yb5zt7rq2ck&cbrank=2"
onclick="track('Recommended Articles Module', 'cb 97520');">
Changing your site's layout
</a>
<br />
<span class="right-nav-cb-bc">
<a href="http://support.google.com/sites/?hl=en#topic=1046071" onclick="track('Breadcrumbs', '1046071');">Site templates, layout, and appearance</a><span class="br-seperator"> › </span><a href="/sites/bin/topic.py?hl=en&topic=1046073&parent=1046071&ctx=topic" onclick="track('Breadcrumbs', '1046073');">Changing your Site's layout</a>
</span>
</li>
<li>
<a href="/sites/bin/answer.py?hl=en&answer=142987&ctx=cb&src=cb&cbid=ylznt2kziev0&cbrank=3"
onclick="track('Recommended Articles Module', 'cb 142987');">
Developing Private Gadgets for Google Sites
</a>
<br />
<span class="right-nav-cb-bc">
<a href="http://support.google.com/sites/?hl=en#topic=1046064" onclick="track('Breadcrumbs', '1046064');">Adding content to your site</a><span class="br-seperator"> › </span><a href="/sites/bin/topic.py?hl=en&topic=1046068&parent=1046064&ctx=topic" onclick="track('Breadcrumbs', '1046068');">Adding Docs, Calendars and other gadgets</a>
</span>
</li>
<li>
<a href="/sites/bin/answer.py?hl=en&answer=1260299&ctx=cb&src=cb&cbid=16g4ew0s8hm6l&cbrank=4"
onclick="track('Recommended Articles Module', 'cb 1260299');">
Choosing a template
</a>
<br />
<span class="right-nav-cb-bc">
<a href="http://support.google.com/sites/?hl=en#topic=1260296" onclick="track('Breadcrumbs', '1260296');">Create sites for mobile devices</a>
</span>
</li>
<li>
<a href="/sites/bin/answer.py?hl=en&answer=90569&ctx=cb&src=cb&cbid=1rvugbd5js5zr&cbrank=5"
onclick="track('Recommended Articles Module', 'cb 90569');">
Inserting Google Docs, Spreadsheets, Presentations, and Forms
</a>
<br />
<span class="right-nav-cb-bc">
<a href="http://support.google.com/sites/?hl=en#topic=1046064" onclick="track('Breadcrumbs', '1046064');">Adding content to your site</a><span class="br-seperator"> › </span><a href="/sites/bin/topic.py?hl=en&topic=1046068&parent=1046064&ctx=topic" onclick="track('Breadcrumbs', '1046068');">Adding Docs, Calendars and other gadgets</a>
</span>
</li>
</ul>
</div>
</td>
</tr></table>
</div>
<div class="nocontent footer-nav-streamlined" role="contentinfo">
<div class="first-row">
<ul>
<li>
<a href="//sites.google.com/"
onclick="track('Footer', 'Product home')">
Google Sites
</a>
</li>
<li>
<a href="http://www.google.com/support/?hl=en"
onclick="track('Footer', 'Help with other products')">
Help for other Google products
</a>
</li>
<li>
<form method="post" id="changelang" name="changelang"
action="javascript:
setCookies_default('UserLocale',
this.document.changelang.lang.value, 'dropdown');
track('LanguageDropdown', this.document.changelang.lang.value);"
class="lang_dropdown">
<label for="lang">Change language:</label>
<select name="lang" id="lang" class="lang-dropdown"
onchange="document.getElementById('changelang').submit();">
<option value="de" >Deutsch</option>
<option value="en" selected="selected" class="selected">English (US)‎</option>
<option value="en-GB" >English (GB)‎</option>
<option value="es" >Español</option>
<option value="fr" >Français</option>
<option value="it" >Italiano</option>
<option value="nl" >Nederlands</option>
<option value="pl" >Polski</option>
<option value="br" >Português (Brasil)‎</option>
<option value="ru" >Русский</option>
<option value="tr" >Türkçe</option>
<option value="cn" >中文（简体）‎</option>
<option value="b5" >中文（繁體）‎</option>
<option value="jp" >日本語</option>
<option value="kr" >한국어</option>
</select>
</form>
</li>
</ul>
</div>
<div class="second-row">
<ul>
<li class='footer-copyright' dir='ltr'>
©2012 Google
</li>
<li >
<a href="http://www.google.com/intl/en/"
onclick="track('Footer', 'GoogleHome');
">Google Home</a>
</li>
<li >
<a href="http://www.google.com/intl/en/privacy.html"
onclick="track('Footer', 'PrivacyPolicy');
"><span class="important">New!</span> Privacy Policy</a>
</li>
<li >
<a href="http://www.google.com/accounts/TOS?hl=en&loc=GB"
onclick="track('Footer', 'Terms');
">Terms of Service</a>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">(function(){try{var e=!0,i=!1;var aa=function(a,b,c,d){d=d||{};d._sn=["cfg",b,c].join(".");window.gbar.logger.ml(a,d)};var ba={H:1,J:2,$:3,C:4,T:5,N:6,v:7,w:8,da:9,S:10,M:11,A:12,R:13,z:14,Q:15,P:16,ba:17,F:18,O:19,ca:20,aa:21,D:22,I:23,fa:24,ga:25,ea:26,G:27,k:28,B:29,u:30,Z:31,V:32,W:33,K:34,L:35,Y:36,X:37,U:38};var j=window.gbar=window.gbar||{},l=window.gbar.i=window.gbar.i||{};function _tvn(a,b){var c=parseInt(a,10);return isNaN(c)?b:c}function _tvf(a,b){var c=parseFloat(a);return isNaN(c)?b:c}function _tvv(a){return!!a}function m(a,b,c){(c||j)[a]=b}j.bv={n:_tvn("2",0),r:"",f:".41.",m:_tvn("1",1)};var o=function(a){return function(){return j.bv.m==a}},ca=o(1),da=o(2);m("sb",ca);m("kn",da);l.a=_tvv;l.b=_tvf;l.c=_tvn;
l.i=aa;var p=window.gbar.i.i;var q=function(){},r=function(){},v=function(a){var b=new Image,c=t;b.onerror=b.onload=b.onabort=function(){try{delete u[c]}catch(a){}};u[c]=b;b.src=a;t=c+1},u=[],t=0;m("logger",{il:r,ml:q});var w=window.gbar.logger;var ea=l.a("1"),x={},fa={},z=[],ga=function(a,b){z.push([a,b])},ha=function(a,b){x[a]=b},ia=function(a){return a in x},A={},B=function(a,b){A[a]||(A[a]=[]);A[a].push(b)},C=function(a){B("m",a)},D=function(a){var b=document.createElement("script");b.src=a;ea&&(b.async=e);(document.getElementById("xjsc")||document.body).appendChild(b)},G=function(a){for(var b=0,c;(c=z[b])&&!(c[0]==a);++b);c&&!c[1].l&&!c[1].s&&(c[1].s=e,E(2,a),c[1].url&&D(c[1].url),c[1].libs&&F&&F(c[1].libs))},
ja=function(a){B("gc",a)},H=null,ka=function(a){H=a},E=function(a,b,c){if(H){a={t:a,b:b};if(c)for(var d in c)a[d]=c[d];try{H(a)}catch(g){}}};m("mdc",x);m("mdi",fa);m("bnc",z);m("qGC",ja);m("qm",C);m("qd",A);m("lb",G);m("mcf",ha);m("bcf",ga);m("aq",B);m("mdd","");m("has",ia);m("trh",ka);m("tev",E);if(l.a("1")){var la=l.a("1"),ma=l.a(""),na=window.gapi={},I=function(a,b){j.dgl===oa&&m("dgl",I);B("gl",function(){j.dgl(a,b)});G("gl")},oa=function(a,b){var c=a.split(":");J.l=J.l.concat(c.sort());b&&(J.cm=b,J.o=1,J.p=c);D(J.ms+J.h.split(";")[1].replace(/__features__/g,c.join(",").replace(/\.|-/g,"_")))},ra={},ua=function(a){for(var a=a.split(":"),b;(b=a.pop())&&ra[b];);return!b},F=function(a){function b(){for(var b=a.split(":"),d=0,g;g=b[d];++d)ra[g]=
1;for(b=0;d=z[b];++b)d=d[1],(g=d.libs)&&!d.l&&d.i&&ua(g)&&d.i()}j.dgl(a,b)},J=window.___jsl={};J.h="m;/_/apps-static/_/js/widget/__features__/rt=j/ver=SvSTGk8PZnM.en./sv=1/am=!K2t8zmDaIyaNjPbXTQ/d=1/";J.ms="https://apis.google.com";J.m="";J.l=[];z.push(["gl",{url:"//ssl.gstatic.com/gb/js/abc/glm_2572388ad06f10d8fe6ef9a09f798c5d.js"}]);var va={"export":la};x.gl=va;la&&m("load",I,na);var wa=!ma&&/^m;/.test(J.h)&&!/\/gapi\/|ms=gapi/.test(J.h)?oa:I;m("dgl",wa);m("agl",ua)};var xa=l.b("0.01",1.0E-4),ya=0;
function _mlToken(a,b){try{if(1>ya){ya++;var c,d=a,g=b||{},f=encodeURIComponent,h=["//www.google.com/gen_204?atyp=i&zx=",(new Date).getTime(),"&jexpid=",f("30315"),"&srcpg=",f("prop=141"),"&jsr=",Math.round(1/xa),"&ogf=",j.bv.f,"&ogv=",f("1335467005.1335466218"),"&ogd=",f("co.uk"),"&ogl=",f("en")];g._sn&&(g._sn="og."+g._sn);for(var n in g)h.push("&"),h.push(f(n)),h.push("="),h.push(f(g[n]));h.push("&emsg=");h.push(f(d.name+":"+d.message));var k=h.join("");za(k)&&
(k=k.substr(0,2E3));c=k;var s=window.gbar.logger._aem(a,c);v(s)}}catch(y){}}var za=function(a){return 2E3<=a.length},Aa=function(a,b){return b};function Ba(a){q=a;m("_itl",za,w);m("_aem",Aa,w);m("ml",q,w);a={};x.er=a}l.a("")?Ba(function(a){throw a;}):l.a("1")&&Math.random()<xa&&Ba(_mlToken);var _E="left",L=function(a,b){var c=a.className;K(a,b)||(a.className+=(""!=c?" ":"")+b)},M=function(a,b){var c=a.className,d=RegExp("\\s?\\b"+b+"\\b");c&&c.match(d)&&(a.className=c.replace(d,""))},K=function(a,b){var c=RegExp("\\b"+b+"\\b"),d=a.className;return!(!d||!d.match(c))};m("ca",L);m("cr",M);m("cc",K);var Ca=["gb_71","gb_155"],N;function Da(a){N=a}function Ea(a){var b=N&&!a.href.match(/.*\/accounts\/ClearSID[?]/)&&encodeURIComponent(N());b&&(a.href=a.href.replace(/([?&]continue=)[^&]*/,"$1"+b))}function Fa(a){try{var b=(document.forms[0].q||"").value;b&&(a.href=a.href.replace(/([?&])q=[^&]*|$/,function(a,c){return(c||"&")+"q="+encodeURIComponent(b)}))}catch(c){p(c,"sb","pq")}}
var Ga=function(){for(var a=[],b=0,c;c=Ca[b];++b)(c=document.getElementById(c))&&a.push(c);return a},Ha=function(){var a=Ga();return 0<a.length?a[0]:null},Ia=function(){return document.getElementById("gb_70")},O={},P={},Ja={},Q={},T=void 0,Oa=function(a,b){try{var c=document.getElementById("gb");L(c,"gbpdjs");U();Ka(document.body)&&L(c,"gbrtl");if(b&&b.getAttribute){var d=b.getAttribute("aria-owns");if(d.length){var g=document.getElementById(d);if(g){var f=b.parentNode;if(T==d)T=void 0,M(f,"gbto");
else{if(T){var h=document.getElementById(T);if(h&&h.getAttribute){var n=h.getAttribute("aria-owner");if(n.length){var k=document.getElementById(n);k&&k.parentNode&&M(k.parentNode,"gbto")}}}La(g)&&Ma(g);T=d;L(f,"gbto")}}}}C(function(){j.tg(a,b,e)});Na(a)}catch(s){p(s,"sb","tg")}},Pa=function(a){C(function(){j.close(a)})},Ka=function(a){var b,c="direction",d=document.defaultView;d&&d.getComputedStyle?(a=d.getComputedStyle(a,""))&&(b=a[c]):b=a.currentStyle?a.currentStyle[c]:a.style[c];return"rtl"==b},
Ra=function(a,b,c){if(a)try{var d=document.getElementById("gbd5");if(d){var g=d.firstChild,f=g.firstChild,h=document.createElement("li");h.className=b+" gbmtc";h.id=c;a.className="gbmt";h.appendChild(a);if(f.hasChildNodes()){for(var c=[["gbkc"],["gbf","gbe","gbn"],["gbkp"],["gbnd"]],d=0,n=f.childNodes.length,g=i,k=-1,s=0,y;y=c[s];s++){for(var pa=0,R;R=y[pa];pa++){for(;d<n&&K(f.childNodes[d],R);)d++;if(R==b){f.insertBefore(h,f.childNodes[d]||null);g=e;break}}if(g){if(d+1<f.childNodes.length){var qa=
f.childNodes[d+1];!K(qa.firstChild,"gbmh")&&!Qa(qa,y)&&(k=d+1)}else if(0<=d-1){var sa=f.childNodes[d-1];!K(sa.firstChild,"gbmh")&&!Qa(sa,y)&&(k=d)}break}0<d&&d+1<n&&d++}if(0<=k){var S=document.createElement("li"),ta=document.createElement("div");S.className="gbmtc";ta.className="gbmt gbmh";S.appendChild(ta);f.insertBefore(S,f.childNodes[k])}j.addHover&&j.addHover(a)}else f.appendChild(h)}}catch(ab){p(ab,"sb","al")}},Qa=function(a,b){for(var c=b.length,d=0;d<c;d++)if(K(a,b[d]))return e;return i},Sa=
function(a,b,c){Ra(a,b,c)},Ta=function(a,b){Ra(a,"gbe",b)},Ua=function(){C(function(){j.pcm&&j.pcm()})},Va=function(){C(function(){j.pca&&j.pca()})},Wa=function(a,b,c,d,g,f,h,n,k,s){C(function(){j.paa&&j.paa(a,b,c,d,g,f,h,n,k,s)})},Xa=function(a,b){O[a]||(O[a]=[]);O[a].push(b)},Ya=function(a,b){P[a]||(P[a]=[]);P[a].push(b)},Za=function(a,b){Ja[a]=b},$a=function(a,b){Q[a]||(Q[a]=[]);Q[a].push(b)},Na=function(a){a.preventDefault&&a.preventDefault();a.returnValue=i;a.cancelBubble=e},V=null,Ma=function(a,
b){U();if(a){W(a,"Opening…");X(a,e);var c="undefined"!=typeof b?b:1E4,d=function(){bb(a)};V=window.setTimeout(d,c)}},cb=function(a){U();a&&(X(a,i),W(a,""))},bb=function(a){try{U();var b=a||document.getElementById(T);b&&(W(b,"This service is currently unavailable.%1$sPlease try again later.","%1$s"),X(b,e))}catch(c){p(c,"sb","sdhe")}},W=function(a,b,c){if(a&&b){var d=La(a);if(d){if(c){d.innerHTML="";for(var b=b.split(c),c=0,g;g=b[c];c++){var f=document.createElement("div");f.innerHTML=g;d.appendChild(f)}}else d.innerHTML=
b;X(a,e)}}},X=function(a,b){var c=void 0!==b?b:e;c?L(a,"gbmsgo"):M(a,"gbmsgo")},La=function(a){for(var b=0,c;c=a.childNodes[b];b++)if(K(c,"gbmsg"))return c},U=function(){V&&window.clearTimeout(V)},db=function(a){var b="inner"+a,a="offset"+a;return window[b]?window[b]:document.documentElement&&document.documentElement[a]?document.documentElement[a]:0};m("so",Ha);m("sos",Ga);m("si",Ia);m("tg",Oa);m("close",Pa);m("addLink",Sa);m("addExtraLink",Ta);m("pcm",Ua);m("pca",Va);m("paa",Wa);m("ddld",Ma);
m("ddrd",cb);m("dderr",bb);m("rtl",Ka);m("bh",O);m("abh",Xa);m("dh",P);m("adh",Ya);m("ch",Q);m("ach",$a);m("eh",Ja);m("aeh",Za);m("qs",Fa);m("setContinueCb",Da);m("pc",Ea);l.d=Na;l.j=db;var eb={};x.base=eb;z.push(["m",{url:"//ssl.gstatic.com/gb/js/sem_3fda76275e50af619592c4bc8583bd52.js"}]);j.sg={c:""};if(l.a("1")){var fb=l.a("");z.push(["gc",{auto:fb,url:"//ssl.gstatic.com/gb/js/abc/gci_78c17c085d1740ee894d9fec9ece5033.js",libs:"googleapis.client:plusone"}]);var gb={version:"gcm_f33b375e36e8c1fa70957777bf47af4a.js",index:"",lang:"en"};x.gc=gb;var Y=function(a){window.googleapis&&window.iframes?a&&a():(a&&ja(a),G("gc"))};m("lGC",Y);l.a("1")&&m("lPWF",Y)};window.__PVT="";if(l.a("1")&&l.a("1")){var Z=function(a){Y(function(){B("pw",a);G("pw")})};m("lPW",Z);z.push(["pw",{url:"//ssl.gstatic.com/gb/js/abc/pwm_9f2309242efa34f253d8a3f7d8abb48c.js"}]);var hb=[],ib=function(a){hb[0]=a},jb=function(a,b){var c=b||{};c._sn="pw";q(a,c)},kb={signed:hb,elog:jb,base:"https://plusone.google.com/u/0",loadTime:(new Date).getTime()};x.pw=kb;var lb=function(a,b){for(var c=b.split("."),d=function(){var b=arguments;a(function(){for(var a=j,d=0,f=c.length-1;d<f;++d)a=a[c[d]];a[c[d]].apply(a,b)})},g=j,f=0,h=c.length-
1;f<h;++f)g=g[c[f]]=g[c[f]]||{};return g[c[f]]=d};lb(Z,"pw.clk");lb(Z,"pw.hvr");m("su",ib,j.pw)};var mb=l.b("0.01",1.0E-4),nb=l.b("0.1",1),ob=i,pb=i;if(l.a("1")){var qb=Math.random();qb<=mb&&(ob=e);qb<=nb&&(pb=e)}var $=ba;
function rb(a,b){var c=mb,d=ob,g;g=34>=a?a<=$.z?a==$.v||a==$.w||a==$.A?i:e:a>=$.k&&a<=$.u?e:i:200<=a?e:i;g&&(c=nb,d=pb);if(d){d=encodeURIComponent;c=["//www.google.com/gen_204?atyp=i&zx=",(new Date).getTime(),"&oge=",a,"&ogex=",d("30315"),"&ogf=",j.bv.f,"&ogp=",d("141"),"&ogsr=",Math.round(1/c),"&ogv=",d("1335467005.1335466218"),"&ogd=",d("co.uk"),"&ogl=",d("en")];if(b){"ogw"in b&&(c.push("&ogw="+b.ogw),delete b.ogw);var f;g=b;var h=[];for(f in g)0!=h.length&&
h.push(","),h.push(f),h.push("."),h.push(g[f]);f=h.join("");""!=f&&(c.push("&ogad="),c.push(d(f)))}v(c.join(""))}}r=rb;m("il",r,w);var sb={};x.il=sb;var tb=function(){j.prm&&j.prm()},ub=function(a){B("m",function(){j.spn(a)})},vb=function(a){B("m",function(){j.sps(a)})},wb=function(a){B("m",function(){j.spp(a)})},xb={"27":"//ssl.gstatic.com/gb/images/silhouette_24.png","27":"//ssl.gstatic.com/gb/images/silhouette_24.png","27":"//ssl.gstatic.com/gb/images/silhouette_24.png"},yb=function(a){return(a=xb[a])||"//ssl.gstatic.com/gb/images/silhouette_24.png"},zb=function(){B("m",function(){j.spd()})};m("spn",ub);
m("spp",wb);m("sps",vb);m("spd",zb);Xa("gbd4",tb);
if(l.a("")){var Ab={g:l.a(""),d:l.a(""),e:"",umr:l.a(""),m:"",p:"//ssl.gstatic.com/gb/images/silhouette_96.png",xp:l.a("1"),mg:"%1$s (delegated)",md:"%1$s (default)",mh:"220",s:"1",pp:yb,ppl:l.a(""),ppa:l.a(""),ppm:"Google+ Page"};
x.prf=Ab};function Bb(){function a(){for(var b;(b=f[h++])&&!("m"==b[0]||b[1].auto););b&&(E(2,b[0]),b[1].url&&D(b[1].url),b[1].libs&&F&&F(b[1].libs));h<f.length&&setTimeout(a,0)}function b(){0<g--?setTimeout(b,0):a()}var c=l.a("1"),d=l.a(""),g=3,f=z,h=0,n=window.gbarOnReady;if(n)try{n()}catch(k){p(k,"ml","or")}d?m("ldb",a):c?window.addEventListener?window.addEventListener("load",b,i):window.attachEvent("onload",b):b()}m("rdl",Bb);}catch(e){window.gbar&&gbar.logger&&gbar.logger.ml(e,{"_sn":"cfg.init"});}})();
(function(){try{var b=window.gbar;var d=function(a,c){b[a]=function(){return window.navigator&&window.navigator.userAgent?c(window.navigator.userAgent):!1}},e=function(a){return!/AppleWebKit\/.+(?:Version\/3\.|Chrome\/[01]\.)/.test(a)};d("bs_w",e);}catch(e){window.gbar&&gbar.logger&&gbar.logger.ml(e,{"_sn":"cfg.init"});}})();
(function(){try{var a=window.gbar;a.mcf("pm",{p:""});}catch(e){window.gbar&&gbar.logger&&gbar.logger.ml(e,{"_sn":"cfg.init"});}})();
(function(){try{var a=window.gbar;a.mcf("mm",{s:"1"});}catch(e){window.gbar&&gbar.logger&&gbar.logger.ml(e,{"_sn":"cfg.init"});}})();
(function(){try{window.gbar.rdl();}catch(e){window.gbar&&gbar.logger&&gbar.logger.ml(e,{"_sn":"cfg.init"});}})();
</script>
<script type="text/javascript">
googlehelp.Links.initLinks(
['', 'NO-GMAIL', 'NO-PLUS', browser, browserGroup,
os, osGroup, country], internal);
if (googlehelp.initEls) {
googlehelp.initEls(['', 'NO-GMAIL', 'NO-PLUS', browser, browserGroup,
os, osGroup, country, countryGroup],
userSettings, userSettingsDropdownText);
}
if (convertLinksToButtons) {
convertLinksToButtons();
}
</script>
<script src='//www.google-analytics.com/ga.js'
type='text/javascript'></script>
<script type="text/javascript">
var analytics_async = 0;
</script>
<script
src="//support.google.com/sites/bin/resource/urchin_util.js?v=8"
type="text/javascript"></script>
<script type="text/javascript">
var cookiePathArray = [];
</script>
<script type="text/javascript">
urchinTracker('\x2Fsites\x2Fbin\x2Fanswer.py?hl=en\x26answer=2500646');
</script>
<script
src="//support.google.com/sites/bin/resource/js_validate_static.js?v=18"
type="text/javascript"></script>
<script type="text/javascript">
track('P13n Box - OneGoogleSandbar',
'Impression');
track('Survey Link',
'Impression');
setCookies_default('p13n_box_impr_152_OneGoogleSandbar',
'1',
'',
'30');
</script>
<script type="text/javascript">
new googlehelp.Lightbox(
'\x26laquo\x3B Previous',
'Next \x26raquo\x3B');
</script>
<script src="//www.google.com/sidewiki/static/sidebar_element/sidebar-element-compiled.js"></script>
<script defer="defer">
var sidebarElement = new google.elements.sidewiki.SidebarElement(
window.location.href,false);
sidebarElement.bindToElement("sidewiki-open-ui-button");
</script>
</body>
</html>