... | ... |
@@ -1,4 +1,29 @@ |
1 | 1 |
|
2 |
+div.banner { |
|
3 |
+ width: 820px; |
|
4 |
+ margin-left: auto; |
|
5 |
+ margin-right: auto; |
|
6 |
+ float: top; |
|
7 |
+} |
|
8 |
+ |
|
9 |
+#wysihtml5-editor-toolbar { |
|
10 |
+ top: 120px; |
|
11 |
+} |
|
12 |
+ |
|
13 |
+#wysihtml5-editor { |
|
14 |
+ margin-top: 7px; |
|
15 |
+ border: 1px solid #ccc; |
|
16 |
+} |
|
17 |
+ |
|
18 |
+section.editorsection { |
|
19 |
+ top: 300px; |
|
20 |
+} |
|
21 |
+div.titlediv { |
|
22 |
+ width: 810px; |
|
23 |
+ margin-left: auto; |
|
24 |
+ margin-right: auto; |
|
25 |
+ float: top; |
|
26 |
+} |
|
2 | 27 |
|
3 | 28 |
span.title { |
4 | 29 |
color: #777; |
... | ... |
@@ -16,13 +41,14 @@ input.roundedtext { |
16 | 41 |
|
17 | 42 |
|
18 | 43 |
input.rounded, input.roundedtext { |
19 |
- -moz-border-radius: 10px; |
|
20 |
- -webkit-border-radius: 10px; |
|
21 |
- border-radius: 10px; |
|
44 |
+ -moz-border-radius: 5px; |
|
45 |
+ -webkit-border-radius: 5px; |
|
46 |
+ border-radius: 5px; |
|
22 | 47 |
font-size: 20px; |
23 |
- padding: 4px 7px; |
|
48 |
+ padding: 2px 7px 4px; |
|
24 | 49 |
outline: 0; |
25 | 50 |
-webkit-appearance: none; |
51 |
+ border: 1px solid #eee; |
|
26 | 52 |
} |
27 | 53 |
|
28 | 54 |
input.rounded:focus, input.roundedtext:focus, #wysihtml5-editor:focus { |
... | ... |
@@ -42,10 +68,14 @@ input.roundedtext { |
42 | 68 |
|
43 | 69 |
div.buttondiv { |
44 | 70 |
text-align: center; |
45 |
- width: 650px; |
|
71 |
+ width: 820px; |
|
46 | 72 |
margin-left: auto; |
47 | 73 |
margin-right: auto; |
48 | 74 |
margin-top: 10px; |
75 |
+ position: absolute; |
|
76 |
+ top: 150px; |
|
77 |
+ left: auto; |
|
78 |
+ right: auto; |
|
49 | 79 |
} |
50 | 80 |
|
51 | 81 |
span.buttonspan { |
... | ... |
@@ -53,13 +83,4 @@ span.buttonspan { |
53 | 83 |
margin-right: 0px; |
54 | 84 |
} |
55 | 85 |
|
56 |
-div.titlediv { |
|
57 |
- width: 810px; |
|
58 |
- margin-left: auto; |
|
59 |
- margin-right: auto; |
|
60 |
- margin-top: 10px; |
|
61 |
-} |
|
62 | 86 |
|
63 |
-#wysihtml5-editor { |
|
64 |
- margin-top: 30px; |
|
65 |
-} |
... | ... |
@@ -10,8 +10,9 @@ |
10 | 10 |
<link rel="stylesheet" href="newpost.css"> |
11 | 11 |
</head> |
12 | 12 |
<body> |
13 |
+ <div class='banner'><img src="banner.png" /></div> |
|
13 | 14 |
<div id="wysihtml5-editor-toolbar"> |
14 |
- <header> |
|
15 |
+ <header> |
|
15 | 16 |
<ul class="commands"> |
16 | 17 |
<li data-wysihtml5-command="bold" title="Make text bold (CTRL + B)" class="command"></li> |
17 | 18 |
<li data-wysihtml5-command="italic" title="Make text italic (CTRL + I)" class="command"></li> |
... | ... |
@@ -54,7 +55,7 @@ |
54 | 55 |
</div> |
55 | 56 |
</div> |
56 | 57 |
|
57 |
- <section> |
|
58 |
+ <section class="editorsection"> |
|
58 | 59 |
<textarea id="wysihtml5-editor" spellcheck="false" wrap="off" autofocus placeholder="Escribe aquĆ ..."> |
59 | 60 |
</textarea> |
60 | 61 |
</section> |
... | ... |
@@ -63,7 +64,7 @@ |
63 | 64 |
</div> |
64 | 65 |
|
65 | 66 |
<div class='titlediv'> |
66 |
- <p><input id="title" class="roundedtext" placeholder="Título"></input></p> |
|
67 |
+ <p><input id="title" class="roundedtext" placeholder="Título"/></p> |
|
67 | 68 |
</div> |
68 | 69 |
|
69 | 70 |
<script> |
... | ... |
@@ -7,6 +7,7 @@ |
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> |
|
10 | 11 |
<!-- HEADER_START --> |
11 | 12 |
<!-- HEADER_END --> |
12 | 13 |
<div class='centeredbutton'><input class='rounded' id='gotonewpost' type ='button' value='Nuevo post'/></div> |