← Back to branch summary

~mvo/software-center/purchaseviewspinner

« back to all changes in this revision

Viewing changes to data/templates/CategoriesView.html

  • Committer: Michael Forrest
  • Date: 2010-03-04 17:50:16 UTC
  • mfrom: (626 trunk)
  • mto: This revision was merged to the branch mainline in revision 631.
  • Revision ID: michaelforrest@mikebuntu-20100304175016-fp4jjg5evdn107bi
updated design of home screen

Show diffs side-by-side

added added

removed removed

Lines of Context:
data/templates/CategoriesView.html
8
8
  function changeTitle(title) { 
9
9
    document.title = title; 
10
10
  }
11
 
  function addCategory(name, img) {
 
11
  function addCategory(name, untranslated_name, img) {
12
12
    oT = document.getElementsByTagName("table")[0];
13
13
    Tr = document.getElementsByTagName("tr")[0];
14
14
    newTd = document.createElement("td");
102
102
 </script>
103
103
  <style type="text/css">
104
104
    body {
105
 
      background-color:#FFFFFF;
106
 
      margin: 0; 
107
 
      padding: 1em; 
 
105
      padding: 16px;
 
106
      margin:0;
108
107
      color:#000;
109
108
      font-family:${font_family};
110
109
      font-size:${font_size};
111
110
      font-weight:${font_weight};
112
111
      font-style:${font_style};
 
112
      background:#fff url('file:${featured_applications_image}') repeat-x;
 
113
      border:4px solid white;
113
114
    }
 
115
    h1{ float:left; font-weight:normal; color:#333;padding:0; margin:0; }
114
116
    h2 {
115
117
      color: #4a4a4a;
116
 
      padding: 0.25em 0;
117
 
      margin: 0;
118
 
      width:100%;
119
 
      background-image:url('file:${heading_background_image}');
120
 
    }
121
 
    #featured{
122
 
      width:100%;
123
 
      background-image:url('file:${featured_applications_image}');
124
 
    }
 
118
      font-weight:normal;
 
119
      font-size:1.15em;      
 
120
      padding:0.1em  0.8em;
 
121
      margin: .1em 0;
 
122
      
 
123
      background-image:url('file:${arrow_image}') no-repeat;
 
124
      background-color:#dad7d3;
 
125
      border-radius-topleft: 5px;
 
126
      border-radius-topright: 5px;
 
127
    }
 
128
    h2 img{
 
129
      vertical-align:middle;
 
130
    }
 
131
    #basket{
 
132
        float:right;
 
133
        margin-bottom:0.6em;
 
134
     }
 
135
    #featured_link{
 
136
      clear:left;
 
137
      margin: 0.25em 0 0 0;
 
138
    }
 
139
    a.button{ 
 
140
      background:url('file:${button_background_right}') top right no-repeat scroll;
 
141
      color:#fff;
 
142
      text-decoration:none;
 
143
      display:block;
 
144
      float:left;
 
145
      clear:left;
 
146
      height:38px;
 
147
      padding-right:26px;
 
148
 
 
149
    }
 
150
    a.button span{
 
151
      background: url('file:${button_background_left}') no-repeat;
 
152
      padding:5px 0 5px 15px;
 
153
      line-height:28px;
 
154
      display:block;
 
155
    }
 
156
    #departments{
 
157
        clear:both;
 
158
        border-radius: 5px;
 
159
        background-color:#f7f7f7;
 
160
        -webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px 1px 4px;
 
161
    }
 
162
    
125
163
 /* debug border */
126
164
 /* .category_td {border-width:1px;border-style:solid;} */
127
165
 /* fixed width does not work, it does not ellipsis but overflows the box */
144
182
 </head>
145
183
 
146
184
<body>
147
 
   $featured_applications_image
148
 
  <div id="featured"><a href="#" id="featured_link">$featured_applications_title</a></div>
149
 
  <h2>$header</h2>
150
 
  <table>
151
 
    <tr></tr>
152
 
  </table>
 
185
  <div id="header">
 
186
    <h1>$ubuntu_software_center</h1>
 
187
    <img src="${basket_image}" id="basket"/>
 
188
    <a href="#" id="featured_link" class="button">
 
189
      <span>$featured_applications_title</span>
 
190
    </a>
 
191
  </div>
 
192
  <div id="departments">
 
193
    <h2>$header <img src='${arrow_image}'/></h2>
 
194
    <table>
 
195
      <tr></tr>
 
196
    </table>
 
197
  </div>
153
198
</body>
154
199
</html>