root/trunk/app/views/layouts/berlin.ctp

Revision 541, 9.3 kB (checked in by aarkerio, 5 months ago)

New Try
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html>
3<head>
4<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="/users/rss/<?php echo $blog[0]["User"]["id"] ?>" />
5<script type="text/javascript" src="/js/ufo.js"></script>
6<title> <?php echo $title_for_layout?> </title>
7<style type="text/css">
8<!--
9body {
10    background: #cdcdcc;
11    margin: 0px;
12    padding: 0px;
13    font-size: 11px;
14        font-family: Verdana, Arial;
15}
16/* DemoTag */
17a#Demo {
18    position: fixed;
19    right: 0;
20    bottom: 0;
21    display: block;
22    height: 61px;
23    width: 100px;
24    background: url('/img/static/karamelo-demo.png') bottom right no-repeat;
25    text-indent: -999em;
26    text-decoration: none;
27  z-index:3;
28}
29
30a:hover#Demo {border: none;}
31
32img {border:0}
33
34a {
35color: #ff0033;
36font-size: 12px;
37text-decoration:none;
38text-align:left;
39}
40
41a:hover {
42color: #ff0033;
43font-size: 12px;
44text-decoration:underline;
45}
46
47a.pl,a.pl:visited,a.pl:hover {font-size:6pt} /* Permalink */
48a.title,a.title:visited,a.title:hover {font-size:15pt;color:#cc0000;padding:4px} /* Title entry */
49
50#wrappertable{
51    border-right:2px solid black;
52    border-left:2px solid black;
53    border-bottom:2px solid black;
54    margin-left:auto;margin-right:auto;width:750px;background: #fff;border-collapse:collapse
55}
56
57.logo {
58    position: relative;
59    top: 0px;
60    left: 0px;
61    }
62
63.header {
64    position: relative;
65    top: 26px;
66    left: 380px;
67    }   
68
69#content
70 {
71    background:url(bg.gif);
72    width: 770px;
73    height: 500px;
74    border: 1px solid #B85C00;
75    font-family: trebuchet ms, arial, agency;
76    color: #D16900;
77    font-size:12px;
78}
79
80#nav {
81    text-align: right;
82    font-family: trebuchet ms, arial, agency;
83    color: #B85C00;
84    font-size: 10pt;
85    padding-right: 16px;
86    }
87
88#avatar {
89    text-align: center;
90    margin-left:auto;
91    margin-right:auto;
92    width:auto;
93    padding:3px;
94    font-weight:bold;
95    font-size:13px;
96    font-family:courier;
97}
98.sidebar {
99    position: absolute;
100    top: 150px;
101    left: 15px;
102    width: 180px;
103    height: 260px;
104    background: #FFCC80;
105    border: 1px solid #B85C00; 
106    font-size:12px;
107    color: #D16900;
108    padding: 6px;
109}
110.permalink {
111    font-size:10px;
112    color: #D16900;
113    padding:0;
114    margin-bottom:30px;
115}
116.fecha {
117    font-size:12px;
118    margin-bottom:30px;
119    font-variant: normal;
120    text-transform: capitalize;
121    font-family: Georgia, "Times New Roman", Times, serif;
122    font-size:13pt;
123}
124.themes {
125    font-size:10pt;
126    margin-top: 6px;
127}
128input {
129    border: 1px solid #D16900;
130    font-size:11px;
131    color: #D16900;
132}
133ul {
134    font-weight:bold;
135    }
136h3 {
137    color:#cc0033;
138    border-bottom:dotted 1px gray;
139    margin:20px 0 0 0;
140    }
141h2 {
142    font-size:12px;
143    margin:5px;
144    font-variant: normal;
145    text-transform: capitalize;
146    font-family: Georgia, "Times New Roman", Times, serif;
147}
148
149h4 {
150    color:gray;
151    margin:0;
152    font-size:11px;
153    font-variant: normal;
154    text-transform: capitalize;
155    font-family: Georgia, "Times New Roman", Times, serif;
156}
157
158   
159img.imgborder {
160    border:1px solid black;
161    margin:2px;
162    margin-bottom:5px;
163}
164
165.tr_top {
166      background-image:url(http://www.mononeurona.org/stylus/metro_berlin/berlin-mn.jpg);
167      background-repeat:no-repeat;
168      margin:0;
169      padding:0;
170      text-align:left;
171      height:240px;
172      }
173
174.podcast {
175    border:1px dotted gray;
176    padding:6px;
177    background-color:#f2f1f1;
178}
179     
180
181#td_title {
182    border:1px solid black;
183    padding-bottom:20px;
184    padding-left:10px;
185    font-size:22pt;
186    color:white;
187    font-weight:bold;
188}
189
190#td_title a:link {text-decoration: none;font-size:20pt}
191#td_title a:visited {text-decoration: none}
192#td_title a:active {text-decoration: none}
193#td_title a:hover {text-decoration: underline; color: red}
194
195a.petit, a:hover.petit{font-size:7pt;}
196
197.temas {
198margin-top:40px;
199margin-bottom:0px;
200border-bottom:1px solid black;
201text-align:left;
202font-weight:bold;
203}
204.cuerpo_comentario{
205    font-size:12pt;
206    text-align:justify;
207}
208
209.entrada_permalink {   
210    font-size:8px;
211    color: #D16900;
212    padding-top:10px;
213    margin-left:0;
214    margin-bottom:30px;
215    }
216   
217.date_entry {
218    font-size:8pt;
219    font-variant: normal;
220    text-transform: capitalize;
221    font-family: Georgia, "Times New Roman", Times, serif;
222    font-weight:bold;
223}
224
225p {
226    font-size:10px;
227    }
228
229.body_entry {   
230    font-size:10px;
231    }
232
233p.imagen {
234   text-align: center;
235   font-size: 11px;
236   font-style: italic; 
237  }
238
239p.justificado {
240   font-size: 12px;
241   text-align: justify;
242   line-height: 130%;
243   }
244
245#headerimg {
246    width: 100%;
247    margin-left:15px;
248  margin-top:55px;
249    }
250
251#headerimg .frase {
252    font-size: 12pt;
253    text-align: left;
254    color: white;
255    font-weight: bold;
256    margin-left: 55px;
257    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
258    }
259 
260#paginacion{margin:15px 0 15px 0;text-align:center }   
261
262#headerimg h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
263    text-decoration: none;
264    color: white;
265    font-size: 1.4em;
266}
267
268/* ------
269- FORMS -
270------ */
271
272input, textarea {
273    padding:2px;
274    border-width:1px;
275}
276
277input:focus, textarea:focus, .passwordPost label input:focus {
278    background:#ffc;
279}
280
281#sidebar input, #sidebar textarea {
282    width:110px;
283}
284
285.button, .passwordPost input {
286    background:#024;
287    border-color:#357 #002 #002 #357;
288    color:#fff;
289    padding:0; margin:0;
290}
291
292.passwordPost label input {
293    background:#fff;
294    border:1px solid #99c;
295    border-color:#99c #eef #eef #99c;
296    padding:2px;
297}
298
299input:hover, textarea:hover {
300    background:#ffc;
301    cursor:text;
302}
303
304.button:hover, .passwordPost input:hover {
305    background:#246;
306    cursor:pointer;
307}
308
309.passwordPost label input:hover {
310    background:#ffc;
311    cursor:text;
312}
313
314label:hover {
315    cursor:pointer;
316    color:#68f;
317}
318//-->
319</style>
320</head>
321<body>
322
323<!-- MAIN CONTENT BEGIN -->
324
325<table id="wrappertable">
326
327<tr class="tr_top"><td colspan="2">
328<div id="headerimg">
329<h1><a title="<?php echo $blog[0]["User"]["name_blog"] ?>" href="/users/blog/<?php echo $blog[0]["User"]["id"] ?>">
330      <?php echo $blog[0]["User"]["name_blog"] ?>
331    </a>
332</h1>
333<div class="frase"><?php echo $blog[0]["User"]["quote"] ?></div>
334</div>
335</td></tr>
336
337<tr> 
338
339<td style="vertical-align:top;width:30%;padding:20px;font-size:7pt;text-align:justify;color:#333333;vertical-align:top;border-left:dotted 1px #c0c0c0;"> 
340
341<div class="temas"><?php echo $blog[0]["User"]["username"] ?> profile</div>
342<?php
343//var_dump($pages);
344
345echo $html->image('avatars/'.$blog[0]["User"]["photo"], array("alt"=>$blog[0]["User"]["username"], "title"=>$blog[0]["User"]["username"])) . "</p>";
346
347 if ( $blog["Lesson"] != null ):
348      echo $this->element('lesson', $blog["Lesson"]); 
349 endif;
350         
351 if ( $blog["Podcast"] != null ):
352      echo $this->element('podcast', $blog["Podcast"]); 
353 endif;
354         
355 if ( $blog["Catfaq"] != null ):
356      echo $this->element('catfaqs', $blog["Catfaq"]); 
357 endif;
358         
359 if ( $blog["Acquaintance"] != null ):
360       echo $this->element('acquaintances', $blog["Acquaintance"]); 
361 endif;
362       
363/* maybe remove this later
364if ( $blog["Catforum"] != null)
365{
366         echo $this->element('catforums', $blog["Catforum"]); 
367}
368*/
369
370 if ( $session->check('Auth.User') ): 
371      e($html->para($html->link(
372                           $html->image('static/login.png', array("alt"=>'Login', "title"=>'Login')),
373                           '/users/login', false, false, null), aa('style', 'text-align:center;margin:35px 0 35px 0')));
374 endif;
375?> 
376<div class="temas">Powered by:</div>
377<div style="text-align:center;padding-top:15px"><a href="http://karamelo.chipotle-software.com/">
378      <img src="/img/static/karamelo_logo.jpg" alt="Karamelo" title="Karamelo" />
379</a>
380</div>
381
382<div class="centro">
383<br /><br />
384<a href="http://www.mozilla.org/products/firefox/"> <img src="/img/static/firefox.png" alt="Mozilla Firefox" title="Mozilla Firefox" /></a><br /><br />
385<a href="http://www.postgresql.org/"><img src="/img/static/license_cc_80x15.png" alt="Creative Commons" title="Creative Commons" /></a><br /><br />
386<a href="http://www.jedit.org/"><img src="/img/static/jedit.png" alt="Made with Jedit" title="Made with Jedit" /></a><br /><br />
387<a href="http://www.OpenOffice.org"><img src="/img/static/OO_80x15.png" alt="OpenOffice.org" title="OpenOffice.org" /></a><br /><br />
388<a href="http://www.mononeurona.org/rss_blog/{USER}"><img src="/img/static/RSS-Feed-80-15.png" alt="RSS Feed" title="RSS Feed" /></a><br /><br />
389<a href="http://www.gimp.org/"><img src="/img/static/gimp.png" alt="Made with Gimp" title="Made with Gimp" /></a><br /><br />
390</div>
391
392</td>
393
394<td style="width:70%;vertical-align:top;padding:10px;"> 
395     <?php echo $content_for_layout ?>
396</td>
397
398</tr>
399
400<tr><td colspan="2" style="text-align:center;padding:8px;font-size:8pt;margin-top:20px;padding:8px;color:#902e2e;">
401   Quote
402</td></tr>
403
404<tr><td colspan="2" style="text-align:left;margin-left:20px;padding-left:20px">
405  <a href="#wrappertable">
406      <img src="/img/static/sort-up.gif" alt="Top" alt="Title" />
407  </a>
408</td></tr>
409
410<tr><td colspan="2" style="text-align:center;padding:8px;font-size:8pt;margin-top:20px;
411border-top;1px solid black;"><br />
412&nbsp;&nbsp; Chipotle Software &copy; 2002-2007. Creative Commons. Some rights reserved.</td></tr>
413
414</table>
415
416<!-- MAIN CONTENT END -->
417<a id="Demo" href="http://www.chipotle-software.com/index.php?id=9">Karamelo Demo</a>
418</body>
419</html>
Note: See TracBrowser for help on using the browser.