Dariaceli's Git
Browse code

newpost page: fix link/image float position so they're usable

Dario Rodriguez authored on 25/07/2014 11:16:31
Showing 1 changed files
res/newpost.css
History View file @ 11b501b
... ... 
@@ -15,6 +15,10 @@ div.banner {
15 15 
         border: 1px solid #ccc;
16 16 
 }
17 17
18 
+div [data-wysihtml5-dialog] {
19 
+	top: -45px;
20 
+}
21 
+
18 22 
 section.editorsection {
19 23 
 	top: 300px;
20 24 
 }
Browse code

add banner image

Dario Rodriguez authored on 10/07/2014 17:17:13
Showing 1 changed files
res/newpost.css
History View file @ ca7e799
... ... 
@@ -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 
-}
Browse code

Add titles to the posts

Dario Rodriguez authored on 08/07/2014 11:34:03
Showing 1 changed files
res/newpost.css
History View file @ 7aa33a1
... ... 
@@ -1,30 +1,65 @@
1 1
2 
+
3 
+span.title {
4 
+        color: #777;
5 
+        font-size: 20px;
6 
+        padding: 4px 7px;
7 
+}
8 
+
2 9 
 input.rounded {
3 
-	border: 1px solid #ccc;
4 
-	-moz-border-radius: 10px;
5 
-	-webkit-border-radius: 10px;
6 
-	border-radius: 10px;
7 
-	-moz-box-shadow: 2px 2px 3px #666;
8 
-	-webkit-box-shadow: 2px 2px 3px #666;
9 
-	box-shadow: 2px 2px 3px #666;
10 
-	font-size: 20px;
11 
-	padding: 4px 7px;
12 
-	outline: 0;
13 
-	-webkit-appearance: none;
14 
-}
15 
-input.rounded:focus {
16 
-	border-color: #339933;
10 
+        border: 1px solid #ccc;
11 
+}
12 
+
13 
+input.roundedtext {
14 
+        border: 0px solid #ccc;
17 15 
 }
18 16
17 
+
18 
+input.rounded, input.roundedtext {
19 
+        -moz-border-radius: 10px;
20 
+        -webkit-border-radius: 10px;
21 
+        border-radius: 10px;
22 
+        font-size: 20px;
23 
+        padding: 4px 7px;
24 
+        outline: 0;
25 
+        -webkit-appearance: none;
26 
+}
27 
+
28 
+input.rounded:focus, input.roundedtext:focus, #wysihtml5-editor:focus {
29 
+        border: 1px solid #ccc;
30 
+        border-color: #339933;
31 
+        -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
32 
+        -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
33 
+        box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
34 
+}
35 
+
36 
+input.roundedtext {
37 
+        width: 795px;
38 
+        margin: 10px 0px 20px;
39 
+        float: right
40 
+}
41 
+
42 
+
19 43 
 div.buttondiv {
20 
-	text-align: center;
21 
-	width: 650px;
22 
-	margin-left: auto;
23 
-	margin-right: auto;
24 
-	margin-top: 10px;
44 
+        text-align: center;
45 
+        width: 650px;
46 
+        margin-left: auto;
47 
+        margin-right: auto;
48 
+        margin-top: 10px;
25 49 
 }
26 50
27 51 
 span.buttonspan {
28 
-	margin-left: auto;
29 
-	margin-right: 0px;
52 
+        margin-left: auto;
53 
+        margin-right: 0px;
54 
+}
55 
+
56 
+div.titlediv {
57 
+        width: 810px;
58 
+        margin-left: auto;
59 
+        margin-right: auto;
60 
+        margin-top: 10px;
61 
+}
62 
+
63 
+#wysihtml5-editor {
64 
+        margin-top: 30px;
30 65 
 }
Browse code

add the editor and the posts part

Dario Rodriguez authored on 26/06/2014 22:41:33
Showing 1 changed files
res/newpost.css
History View file @ 966a3c7
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,30 @@
1 
+
2 
+input.rounded {
3 
+	border: 1px solid #ccc;
4 
+	-moz-border-radius: 10px;
5 
+	-webkit-border-radius: 10px;
6 
+	border-radius: 10px;
7 
+	-moz-box-shadow: 2px 2px 3px #666;
8 
+	-webkit-box-shadow: 2px 2px 3px #666;
9 
+	box-shadow: 2px 2px 3px #666;
10 
+	font-size: 20px;
11 
+	padding: 4px 7px;
12 
+	outline: 0;
13 
+	-webkit-appearance: none;
14 
+}
15 
+input.rounded:focus {
16 
+	border-color: #339933;
17 
+}
18 
+
19 
+div.buttondiv {
20 
+	text-align: center;
21 
+	width: 650px;
22 
+	margin-left: auto;
23 
+	margin-right: auto;
24 
+	margin-top: 10px;
25 
+}
26 
+
27 
+span.buttonspan {
28 
+	margin-left: auto;
29 
+	margin-right: 0px;
30 
+}