Commit 04530d34498086eb8cc0038e3217b1cc71d48f03
1 parent
04de5482
Exists in
master
and in
1 other branch
fix css position
Showing
1 changed file
with
14 additions
and
3 deletions
Show diff stats
src/web/static/css/style.css
| @@ -62,11 +62,21 @@ background-image: url('../images/pattern.gif'); | @@ -62,11 +62,21 @@ background-image: url('../images/pattern.gif'); | ||
| 62 | #wrap { | 62 | #wrap { |
| 63 | min-width: 470px; | 63 | min-width: 470px; |
| 64 | max-width: 960px; | 64 | max-width: 960px; |
| 65 | -margin-top: 100px; | 65 | +margin-top: 40px; |
| 66 | +padding-top: 55px; | ||
| 66 | margin-right: auto; | 67 | margin-right: auto; |
| 67 | margin-bottom: 0px; | 68 | margin-bottom: 0px; |
| 68 | margin-left: auto; | 69 | margin-left: auto; |
| 69 | background-color: white; | 70 | background-color: white; |
| 71 | +border-radius: 10px; | ||
| 72 | +background: #e0e0e0; /* Old browsers: generate by http://www.colorzilla.com/gradient-editor/ */ | ||
| 73 | +background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 46%); /* FF3.6+ */ | ||
| 74 | +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(46%,#ffffff)); /* Chrome,Safari4+ */ | ||
| 75 | +background: -webkit-linear-gradient(top, #e0e0e0 0%,#ffffff 46%); /* Chrome10+,Safari5.1+ */ | ||
| 76 | +background: -o-linear-gradient(top, #e0e0e0 0%,#ffffff 46%); /* Opera11.10+ */ | ||
| 77 | +background: -ms-linear-gradient(top, #e0e0e0 0%,#ffffff 46%); /* IE10+ */ | ||
| 78 | +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ | ||
| 79 | +background: linear-gradient(top, #e0e0e0 0%,#ffffff 46%); /* W3C */ | ||
| 70 | } | 80 | } |
| 71 | 81 | ||
| 72 | #header { | 82 | #header { |
| @@ -92,7 +102,7 @@ height: 45px; | @@ -92,7 +102,7 @@ height: 45px; | ||
| 92 | margin: 0px; | 102 | margin: 0px; |
| 93 | margin-top: 5px; | 103 | margin-top: 5px; |
| 94 | display: block; | 104 | display: block; |
| 95 | -float: right; | 105 | +float: left; |
| 96 | } | 106 | } |
| 97 | 107 | ||
| 98 | #navbar { | 108 | #navbar { |
| @@ -133,6 +143,7 @@ float: right; | @@ -133,6 +143,7 @@ float: right; | ||
| 133 | 143 | ||
| 134 | #maincontent { | 144 | #maincontent { |
| 135 | padding-top: 10px; | 145 | padding-top: 10px; |
| 146 | +padding-bottom: 10px; | ||
| 136 | } | 147 | } |
| 137 | 148 | ||
| 138 | .align-left { | 149 | .align-left { |
| @@ -301,6 +312,7 @@ border: 1px solid #888a85; | @@ -301,6 +312,7 @@ border: 1px solid #888a85; | ||
| 301 | border-radius: 4px; | 312 | border-radius: 4px; |
| 302 | box-shadow: 0 1px 4px gray inset; | 313 | box-shadow: 0 1px 4px gray inset; |
| 303 | background: white; | 314 | background: white; |
| 315 | +float: right; | ||
| 304 | z-index: 3; | 316 | z-index: 3; |
| 305 | } | 317 | } |
| 306 | 318 | ||
| @@ -393,7 +405,6 @@ line-height: 14px; | @@ -393,7 +405,6 @@ line-height: 14px; | ||
| 393 | margin: 0; | 405 | margin: 0; |
| 394 | position: absolute; | 406 | position: absolute; |
| 395 | right: -1px; | 407 | right: -1px; |
| 396 | -text-shadow: 0 1px 0 gray; | ||
| 397 | text-align: center; | 408 | text-align: center; |
| 398 | bottom: -1px; | 409 | bottom: -1px; |
| 399 | z-index: 2; | 410 | z-index: 2; |