| OLD | NEW |
| (Empty) |
| 1 /* Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file */ | |
| 2 /* for details. All rights reserved. Use of this source code is governed by a */ | |
| 3 /* BSD-style license that can be found in the LICENSE file. */ | |
| 4 | |
| 5 body { | |
| 6 background-color: #F8F8F8; | |
| 7 font-family: 'Open Sans', sans-serif; | |
| 8 font-size: 14px; | |
| 9 font-weight: normal; | |
| 10 line-height: 1.2em; | |
| 11 margin: 15px; | |
| 12 } | |
| 13 | |
| 14 p { | |
| 15 color: #333; | |
| 16 } | |
| 17 | |
| 18 #container { | |
| 19 width: 100%; | |
| 20 height: 400px; | |
| 21 position: relative; | |
| 22 border: 1px solid #ccc; | |
| 23 background-color: #fff; | |
| 24 } | |
| 25 | |
| 26 #summary { | |
| 27 float: left; | |
| 28 } | |
| 29 | |
| 30 #notes { | |
| 31 float: right; | |
| 32 width: 120px; | |
| 33 text-align: right; | |
| 34 } | |
| 35 | |
| 36 .error { | |
| 37 font-style: italic; | |
| 38 color: red; | |
| 39 } | |
| 40 | |
| 41 #container2 { | |
| 42 width: 162px; | |
| 43 height: 80px; | |
| 44 position: relative; | |
| 45 margin: 0px auto; | |
| 46 | |
| 47 perspective: 600px; | |
| 48 -ms-perspective: 600px; | |
| 49 -moz-perspective: 600px; | |
| 50 -webkit-perspective: 600px; | |
| 51 } | |
| 52 | |
| 53 #target { | |
| 54 width: 100%; | |
| 55 height: 100%; | |
| 56 | |
| 57 margin-top: 70px; | |
| 58 position: absolute; | |
| 59 | |
| 60 font-family: 'Verdana', serif; | |
| 61 } | |
| 62 | |
| 63 #target figure { | |
| 64 display: block; | |
| 65 position: absolute; | |
| 66 | |
| 67 width: 150px; | |
| 68 height: 80px; | |
| 69 | |
| 70 font-size: 36px; | |
| 71 line-height: 2em; | |
| 72 text-align: center; | |
| 73 | |
| 74 color: #222; | |
| 75 background: #3291d8; | |
| 76 | |
| 77 border: 1px solid #222; | |
| 78 border-radius: 8px; | |
| 79 } | |
| 80 | |
| 81 .transformable { | |
| 82 transform-style: preserve-3d; | |
| 83 -ms-transform-style: preserve-3d; | |
| 84 -moz-transform-style: preserve-3d; | |
| 85 -webkit-transform-style: preserve-3d; | |
| 86 | |
| 87 transition-duration: 1s; | |
| 88 -ms-transition-duration: 1s; | |
| 89 -moz-transition-duration: 1s; | |
| 90 -webkit-transition-duration: 1s; | |
| 91 } | |
| OLD | NEW |