... | ... |
@@ -6,10 +6,12 @@ body { |
6 | 6 |
|
7 | 7 |
div.banner { |
8 | 8 |
width: 820px; |
9 |
+ height: 150px; |
|
9 | 10 |
margin-left: auto; |
10 | 11 |
margin-right: auto; |
11 | 12 |
} |
12 | 13 |
|
14 |
+ |
|
13 | 15 |
input.rounded { |
14 | 16 |
border: 1px solid #ccc; |
15 | 17 |
-moz-border-radius: 10px; |
... | ... |
@@ -27,6 +29,10 @@ input.rounded:focus { |
27 | 29 |
border-color: #339933; |
28 | 30 |
} |
29 | 31 |
|
32 |
+input#gotonewpost { |
|
33 |
+ margin-top: 10px; |
|
34 |
+} |
|
35 |
+ |
|
30 | 36 |
input.almostrounded { |
31 | 37 |
border: 1px solid #ccc; |
32 | 38 |
-moz-border-radius: 2px; |
... | ... |
@@ -244,3 +250,28 @@ span.paginas { |
244 | 250 |
span.newerolder { |
245 | 251 |
float: right; |
246 | 252 |
} |
253 |
+ |
|
254 |
+/* HEADER_START */ |
|
255 |
+div.header { |
|
256 |
+ background: #fbfbfb; |
|
257 |
+ /*background: #3b3b3b;*/ |
|
258 |
+ margin: 0px; |
|
259 |
+ padding: 0px; |
|
260 |
+ border-style: none solid solid solid; |
|
261 |
+ border-bottom: 1px solid #ddd; |
|
262 |
+ border-left: 1px solid #ddd; |
|
263 |
+ border-right: 1px solid #ddd; |
|
264 |
+ width: 818px; |
|
265 |
+ margin-left: auto; |
|
266 |
+ margin-right: auto; |
|
267 |
+ text-align: right; |
|
268 |
+} |
|
269 |
+ |
|
270 |
+a#account { |
|
271 |
+ padding: 4px; |
|
272 |
+ color: #8080a5; |
|
273 |
+ /*color: #f0f0f0;*/ |
|
274 |
+ text-decoration: none; |
|
275 |
+ font-weight: bold; |
|
276 |
+} |
|
277 |
+/* HEADER_END */ |
... | ... |
@@ -7,9 +7,10 @@ |
7 | 7 |
<link rel="stylesheet" type="text/css" href="posts.css"> |
8 | 8 |
</head> |
9 | 9 |
<body> |
10 |
- <div class='banner'><img src="banner.png" /></div> |
|
11 | 10 |
<!-- HEADER_START --> |
11 |
+ <div class='header'><a id='account' href='account.html'>Mi cuenta</a></div> |
|
12 | 12 |
<!-- HEADER_END --> |
13 |
+ <div class='banner'><img src="banner.png" /></div> |
|
13 | 14 |
<div class='centeredbutton'><input class='rounded' id='gotonewpost' type ='button' value='Nuevo post'/></div> |
14 | 15 |
<div id='posts'><p>No posts for now</p></div> |
15 | 16 |
<div id='prevnext'></div> |