canvas.html | searchcode

/static/pages/canvas.html

http://n23.googlecode.com/
HTML | 114 lines | 106 code | 2 blank | 6 comment | 0 complexity | 6277113812d955f2132a1ee729e326d3 MD5 | raw file
  1<html>
  2
  3<head>
  4<style type="text/css">
  5 /*
  6  These styles are customizable.  
  7  Provide  .canvas-gadget (the div that holds the canvas mode gadget) 
  8  at least 500px width so that  the gadget has sufficient screen real estate
  9*/
 10body {
 11  margin: 0;
 12  font-family:arial, sans-serif;
 13  text-align:center;
 14}
 15.container {
 16  width:652px;
 17  margin:0 auto;
 18  text-align:left;
 19}
 20.fc-sign-in-header {
 21  text-align:left;
 22  font-size: 13px;
 23  padding:3px 10px;
 24  border-bottom:1px solid #000000;
 25}
 26.signin {
 27  text-align:left;
 28  float:right;
 29  font-size: 13px;
 30  height: 32px;
 31}
 32.go-back {
 33  text-align:left;
 34  margin:5px auto 15px auto;
 35}
 36.go-back a, .go-back a:visited {
 37  font-weight:bold;
 38}
 39.canvas-gadget {
 40  text-align:left;
 41  width:650px; /* ALLOW AT LEAST 500px WIDTH*/
 42  margin:10px auto 10px auto;
 43  border:1px solid #cccccc;
 44}
 45.site-header {
 46  margin-top: 10px;
 47}
 48.section-title {
 49  font-size: 2em;
 50}
 51.clear {
 52  clear:both;
 53  font-size:1px;
 54  height:1px;
 55  line-height:0;
 56  margin:0;
 57  padding:0;
 58}
 59</style>
 60<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
 61</head>
 62<body>
 63<div class="container">
 64  <div class="fc-sign-in-header">
 65    <!--REQUIRED SO VISITORS CAN SIGN IN-->
 66    <div class="signin" id="gadget-signin"></div>
 67    <script type="text/javascript">
 68    var skin = {};
 69    skin['BORDER_COLOR'] = '#cccccc';
 70    skin['ENDCAP_BG_COLOR'] = '#e0ecff';
 71    skin['ENDCAP_TEXT_COLOR'] = '#333333';
 72    skin['ENDCAP_LINK_COLOR'] = '#0000cc';
 73    skin['ALTERNATE_BG_COLOR'] = '#ffffff';
 74    skin['CONTENT_BG_COLOR'] = '#ffffff';
 75    skin['CONTENT_LINK_COLOR'] = '#0000cc';
 76    skin['CONTENT_TEXT_COLOR'] = '#333333';
 77    skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
 78    skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
 79    skin['CONTENT_HEADLINE_COLOR'] = '#333333';
 80    skin['ALIGNMENT'] = 'right';
 81    google.friendconnect.container.renderCanvasSignInGadget({'id': 'gadget-signin'}, skin);
 82    </script>
 83    <!--END REQUIRED-->
 84    <div class="clear"></div>
 85  </div>
 86
 87  <div class="site-header"><span class="section-title">Site Name</span></div>
 88  <div class="go-back">
 89    <!--REQUIRED SO VISITORS CAN RETURN TO REFERRING PAGE-->
 90    <a href="javascript:google.friendconnect.container.goBackToSite();">
 91    &lsaquo;&lsaquo; Return home</a>
 92    <!--END REQUIRED-->
 93  </div>
 94  <!-- REQUIRED - THIS IS WHERE THE GADGET IS PRESENTED. ALLOW AT LEAST 500px WIDTH -->
 95  <div id="gadget-canvas" class="canvas-gadget"></div>
 96  <script type="text/javascript">
 97  var skin = {};
 98  skin['BORDER_COLOR'] = '#cccccc';
 99  skin['ENDCAP_BG_COLOR'] = '#e0ecff';
100  skin['ENDCAP_TEXT_COLOR'] = '#333333';
101  skin['ENDCAP_LINK_COLOR'] = '#0000cc';
102  skin['ALTERNATE_BG_COLOR'] = '#ffffff';
103  skin['CONTENT_BG_COLOR'] = '#ffffff';
104  skin['CONTENT_LINK_COLOR'] = '#0000cc';
105  skin['CONTENT_TEXT_COLOR'] = '#333333';
106  skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
107  skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
108  skin['CONTENT_HEADLINE_COLOR'] = '#333333';
109  google.friendconnect.container.renderUrlCanvasGadget({'id': 'gadget-canvas'}, skin);
110  </script>
111  <!--END REQUIRED-->
112</div>
113</body>
114</html>