Browse code
finish login and newuser screens
Dario Rodriguez authored on 24/06/2014 20:58:30
Showing 1 changed files
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,100 @@ |
| 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 |
+ |
|
| 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 |
+ |
|
| 42 |
+div.centered {
|
|
| 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 */ |
|
| 57 |
+ border: 1px solid #ccc; |
|
| 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; |
|
| 64 |
+ font-size: 20px; |
|
| 65 |
+ padding: 16px 24px; |
|
| 66 |
+ outline: 0; |
|
| 67 |
+ -webkit-appearance: none; |
|
| 68 |
+} |
|
| 69 |
+ |
|
| 70 |
+div.centered {
|
|
| 71 |
+ text-align: center; |
|
| 72 |
+ width: 650px; |
|
| 73 |
+ margin-left: auto; |
|
| 74 |
+ margin-right: auto; |
|
| 75 |
+} |
|
| 76 |
+ |
|
| 77 |
+p.instructions {
|
|
| 78 |
+ font-size: 16px; |
|
| 79 |
+ color: #404055; |
|
| 80 |
+} |
|
| 81 |
+ |
|
| 82 |
+#errormessage {
|
|
| 83 |
+ font-size: 16px; |
|
| 84 |
+ color: #ff0000; |
|
| 85 |
+} |
|
| 86 |
+p.title {
|
|
| 87 |
+ font-size: 28px; |
|
| 88 |
+ padding: 0px 0px 20px 0px; |
|
| 89 |
+} |
|
| 90 |
+ |
|
| 91 |
+.aligned {
|
|
| 92 |
+ list-style-type: none; |
|
| 93 |
+ padding-left: 60px; |
|
| 94 |
+} |
|
| 95 |
+ |
|
| 96 |
+.aligned .label {
|
|
| 97 |
+ float: left; |
|
| 98 |
+ width: 200px; |
|
| 99 |
+ padding: 4px 10px 0px 0px; |
|
| 100 |
+} |