Dariaceli's Git
Browse code

test passing variables using GET, refine login page css

Dario Rodriguez authored on 23/06/2014 21:31:49
Showing 1 changed files
res/style.css
History View file @ 74449d7
... ... 
@@ -20,15 +20,47 @@ input.rounded {
20 20 
 input.rounded:focus {
21 21 
 	border-color: #339933;
22 22 
 }
23 
+
24 
+input.almostrounded {
25 
+	border: 1px solid #ccc;
26 
+	-moz-border-radius: 2px;
27 
+	-webkit-border-radius: 2px;
28 
+	border-radius: 2px;
29 
+	-moz-box-shadow: 0px 0px 3px #666;
30 
+	-webkit-box-shadow: 0px 0px 3px #666;
31 
+	box-shadow: 0px 0px 3px #666;
32 
+	font-size: 20px;
33 
+	padding: 4px 7px;
34 
+	outline: 0;
35 
+	-webkit-appearance: none;
36 
+}
37 
+
38 
+input.almostrounded:focus {
39 
+	border-color: #339933;
40 
+}
41 
+
23 42 
 div.centered {
24 
-	background-color: #cede91;
43 
+/* gradient */
44 
+background-image: -webkit-gradient(
45 
+        linear,
46 
+        left bottom,
47 
+        left bottom,
48 
+        color-stop(0.11, #C7C7C7),
49 
+        color-stop(0.81, #EEEEEE)
50 
+);
51 
+background-image: -o-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
52 
+background-image: -moz-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
53 
+background-image: -webkit-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
54 
+background-image: -ms-linear-gradient(left bottom, #C7C7C7 11%, #EEEEEE 81%);
55 
+background-image: linear-gradient(to left bottom, #C7C7C7 11%, #EEEEEE 81%);
56 
+/* border */
25 57 
 	border: 1px solid #ccc;
26 
-	-moz-border-radius: 20px;
27 
-	-webkit-border-radius: 20px;
28 
-	border-radius: 20px;
29 
-	-moz-box-shadow: 2px 2px 3px #666;
30 
-	-webkit-box-shadow: 2px 2px 3px #666;
31 
-	box-shadow: 2px 2px 3px #666;
58 
+	-moz-border-radius: 2px;
59 
+	-webkit-border-radius: 2px;
60 
+	border-radius: 2px;
61 
+	-moz-box-shadow: 0px 0px 3px #666;
62 
+	-webkit-box-shadow: 0px 0px 3px #666;
63 
+	box-shadow: 0px 0px 3px #666;
32 64 
 	font-size: 20px;
33 65 
 	padding: 16px 24px;
34 66 
 	outline: 0;
... ... 
@@ -47,3 +79,13 @@ p.title {
47 79 
 	padding: 0px 0px 20px 0px;
48 80 
 }
49 81
82 
+.aligned {
83 
+	list-style-type: none;
84 
+	padding-left: 30px;
85 
+}
86 
+
87 
+.aligned .label {
88 
+	float: left;
89 
+	width: 50px;
90 
+	padding: 4px 10px 0px 0px;
91 
+}
Browse code

login page skeleton

Dario Rodriguez authored on 21/06/2014 20:53:01
Showing 1 changed files
res/style.css
History View file @ 5c4e0d3
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,49 @@
1 
+body {
2 
+	font-family: Sans;
3 
+	color: #8080a5;
4 
+	padding: 80px 0px 0px 0px;
5 
+}
6 
+
7 
+input.rounded {
8 
+	border: 1px solid #ccc;
9 
+	-moz-border-radius: 10px;
10 
+	-webkit-border-radius: 10px;
11 
+	border-radius: 10px;
12 
+	-moz-box-shadow: 2px 2px 3px #666;
13 
+	-webkit-box-shadow: 2px 2px 3px #666;
14 
+	box-shadow: 2px 2px 3px #666;
15 
+	font-size: 20px;
16 
+	padding: 4px 7px;
17 
+	outline: 0;
18 
+	-webkit-appearance: none;
19 
+}
20 
+input.rounded:focus {
21 
+	border-color: #339933;
22 
+}
23 
+div.centered {
24 
+	background-color: #cede91;
25 
+	border: 1px solid #ccc;
26 
+	-moz-border-radius: 20px;
27 
+	-webkit-border-radius: 20px;
28 
+	border-radius: 20px;
29 
+	-moz-box-shadow: 2px 2px 3px #666;
30 
+	-webkit-box-shadow: 2px 2px 3px #666;
31 
+	box-shadow: 2px 2px 3px #666;
32 
+	font-size: 20px;
33 
+	padding: 16px 24px;
34 
+	outline: 0;
35 
+	-webkit-appearance: none;
36 
+}
37 
+
38 
+div.centered {
39 
+	text-align: center;
40 
+	width: 450px;
41 
+	margin-left: auto;
42 
+	margin-right: auto;
43 
+}
44 
+
45 
+p.title {
46 
+	font-size: 28px;
47 
+	padding: 0px 0px 20px 0px;
48 
+}
49 
+