1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176

<!-- Do not leave metadata, traits, or attributes blank -->
<!-- Remove the entire line if removing something from your theme -->
<!-- All URLs for images must be full and well-formed, they cannot be relative -->
<!-- URL Ex. http://www.mysite.com/directory/imagename.jpg -->

<?xml version="1.0" encoding="UTF-8"?>
<ConfigMaps>
  <!-- Metadata - information about your theme.  All fields below are required to be added to the Themes directory -->
  <ConfigMap type="Skin">
    <Meta name="title">Doomed QGL LAN</Meta>
    <Meta name="description">nextlan pending...</Meta>
    <Meta name="author">trog's army</Meta>
    <Meta name="author_email">info@qgl.org</Meta>
    <Meta name="thumbnail">http://www.mysite.com/theme/thumbnail410x70.jpg</Meta>
    <Meta name="screenshot">http://www.mysite.com/theme/screenshot680x116.jpg</Meta>
  </ConfigMap>

  <!-- Skins - A single skin (contained in a configMap) is one design for the iGoogle page. -->
  <ConfigMap type="Skin">
    <!-- TimeOfDay controls when this skin is shown.  You can show different skins/designs at different times in the day. -->
    <!-- Keep times in chronological order.  The first time has to be before the last time.  You cannot enter 11pm-3am. -->
    <Trait name="TimeOfDay">12am-6am</Trait>
    <Trait name="TimeOfDay">12pm-6pm</Trait>

    <!-- Background color is the first layer on the page, shown behind images and transparent images -->
    <!-- All colors in this example are #xxxxxx.  You can use hex color values to get an exact color -->
    <Attribute name="header.background_color">#xxxxxx</Attribute>

    <!-- The tiled image shows on top of the background color, repeating across the width of the header -->
    <!-- The first tile is centered on the page, with tiles expanding outwards to both sides -->
    <!-- If no tile image is specified, the background color will appear to the sides of the center image -->
    <!-- Must be 175 px in height, and the width must factor evenly into the width of the center image -->
    <Attribute name="header.tile_image.url">http://www.mysite.com/theme/header_1.jpg</Attribute>

    <!-- The center image shows on top of the background color and tile, centered on the page -->
    <!-- Must be 175 px in height, and at least 640 px in width -->
    <!-- The width must be an even multiple of the tile (if a tile is specified) -->
    <Attribute name="header.center_image.url">http://www.mysite.com/theme/header_center1.jpg</Attribute>

    <!-- Colors for links and text in the header area -->
    <Attribute name="header.link_color">#xxxxxx</Attribute>
    <Attribute name="header.text_color">#xxxxxx</Attribute>

    <!-- See the API reference to see what logos you can choose from.  The logo must be clearly visible in all skins -->
    <Attribute name="header.logo">original</Attribute>

    <!-- Depending on the user's version of iGoogle they may see the left navigation or tabs.  We suggest specifying both -->
    <!-- The navbar appears on the left side of the page, listing all tabs and gadgets -->
    <Attribute name="navbar.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.border_color">#xxxxxx</Attribute>

    <!-- The icon color must be selected from the available colors in the API reference -->
    <Attribute name="navbar.icons.icon_color">#xxxxxx</Attribute>

    <!-- The selected tab appears on a white background, white unselected tabs appear on top of navbar.background_color -->
    <Attribute name="navbar.tab.selected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.border_color">#xxxxxx</Attribute>

    <!-- The chat contacts and cards appear at the bottom of the navbar -->
    <Attribute name="navbar.contacts.contact_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.status_color">#xxxxxx</Attribute>

    <!-- Background color for contacts when the user's mouse hovers over a contact -->
    <Attribute name="navbar.contacts.hover_background_color">#xxxxxx</Attribute>

    <!-- A card with contact information appears when the user's mouse hovers over a contact -->
    <Attribute name="navbar.contacts.card.border_color">#xxxxxx</Attribute>

    <!-- When a user invites someone to chat, the invited user can see a themed invite -->
    <Attribute name="navbar.contacts.invite.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.text_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.link_color">#xxxxxx</Attribute>

    <!-- These values control the colors of the chat conversations, which appear on the bottom right of the gadget area -->
    <Attribute name="gadget_area.chat.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.chat.header.highlight.background_color">#xxxxxx</Attribute>

    <!-- Some users will not have a navbar or chat, and will instead have tabs.  Theme the tabs by modifying gadget_area.tab.attribute -->
    <!-- Color for the outline around selected and unselected tabs -->
    <Attribute name="gadget_area.tab.border_color">#xxxxxx</Attribute>

    <!-- Colors for background of tabs and for the text of the tab name -->
    <Attribute name="gadget_area.tab.selected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.selected.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.text_color">#xxxxxx</Attribute>

    <!-- Color for the line between the tabs and gadget_area, and the gadget_area and footer -->
    <Attribute name="gadget_area.border_color">#xxxxxx</Attribute>

    <!-- Colors for the background of gadget titlebars and for the text of the title -->
    <Attribute name="gadget_area.gadget.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.header.text_color">#xxxxxx</Attribute>

    <!-- Color for the rectangle frame around gadgets -->
    <Attribute name="gadget_area.gadget.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.hover.border_color">#xxxxxx</Attribute>

    <!-- Color for the colors of links inside some gadgets -->
    <Attribute name="gadget_area.gadget.body.link_color">#xxxxxx</Attribute>

    <!-- Color for the icons in the titlebars for gadgets.  The icon color must be selected from the available colors in the API reference -->
    <Attribute name="gadget_area.icons.icon_color">#xxxxxx</Attribute>

    <!-- Similar to the header, you can specify a background color for the footer that shows behind images and transparent images -->
    <Attribute name="footer.background_color">#xxxxxx</Attribute>

    <!-- The tiled image shows on top of the background color, repeating across the width of the footer -->
    <!-- The first tile is centered on the page, with tiles expanding outwards to both sides -->
    <!-- If no tile image is specified, the background color will appear to the sides of the center image -->
    <!-- Must be 140 px in height, and the width must factor evenly into the width of the center image -->
    <Attribute name="footer.tile_image.url">http://www.mysite.com/theme/footer_tile1.jpg</Attribute>

    <!-- The center image shows on top of the background color and tile, centered on the page -->
    <!-- Must be 140 px in height, and at least 640 px in width -->
    <!-- The width must be an even multiple of the tile (if a tile is specified) -->
    <Attribute name="footer.center_image.url">http://www.mysite.com/theme/footer_center1.jpg</Attribute>

    <!-- Colors for links and text in the footer area -->
    <Attribute name="footer.link_color">#xxxxxx</Attribute>
    <Attribute name="footer.text_color">#xxxxxx</Attribute>

    <!-- See the program policy for details on what you can include in the attribution image -->
    <!-- Must be 50 px in height and 100 px wide.  Shown in the upper right corner of the footer. -->
    <Attribute name="attribution.image.url">http://www.mysite.com/theme/attribution.jpg</Attribute>
  </ConfigMap>

  <!-- A second skin for a different part of the day, shown without comments -->
  <ConfigMap type="Skin">
    <Trait name="TimeOfDay">6am-12pm</Trait>
    <Trait name="TimeOfDay">6pm-12am</Trait>
    <Attribute name="header.background_color">#xxxxxx</Attribute>
    <Attribute name="header.tile_image.url">http://www.mysite.com/theme/header_tile2.jpg</Attribute>
    <Attribute name="header.center_image.url">http://www.mysite.com/theme/header_center2.jpg</Attribute>
    <Attribute name="header.link_color">#xxxxxx</Attribute>
    <Attribute name="header.text_color">#xxxxxx</Attribute>
    <Attribute name="header.logo">white</Attribute>
    <Attribute name="navbar.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.icons.icon_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.selected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.link_color">#xxxxxx</Attribute>
    <Attribute name="navbar.tab.unselected.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.contact_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.status_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.hover_background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.card.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.background_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.border_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.text_color">#xxxxxx</Attribute>
    <Attribute name="navbar.contacts.invite.link_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.chat.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.chat.header.highlight.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.selected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.selected.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.tab.unselected.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.header.background_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.header.text_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.hover.border_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.gadget.body.link_color">#xxxxxx</Attribute>
    <Attribute name="gadget_area.icons.icon_color">#xxxxxx</Attribute>
    <Attribute name="footer.background_color">#xxxxxx</Attribute>
    <Attribute name="footer.tile_image.url">http://www.mysite.com/theme/footer_tile2.jpg</Attribute>
    <Attribute name="footer.center_image.url">http://www.mysite.com/theme/footer_center2.jpg</Attribute>
    <Attribute name="footer.link_color">#xxxxxx</Attribute>
    <Attribute name="footer.text_color">#xxxxxx</Attribute>
    <Attribute name="attribution.image.url">http://www.mysite.com/theme/attribution.jpg</Attribute>
  </ConfigMap>

</ConfigMaps>