1html, body { 2 height: 100%; 3 margin: 0; 4 overflow: hidden; 5 padding: 0; 6 width: 100%; 7} 8 9.invisible { 10 display: none; 11} 12 13/* Common */ 14.header-title { 15 background-image: -webkit-linear-gradient(top, #fff,#f6f6f6); 16 border-bottom: 1px #d6d9e3 solid; 17 color: #42506c; 18 font-size: 15px; 19 font-weight: bold; 20 padding: 8px; 21} 22 23.picasa-image { 24 padding-left: 10px; 25 padding-top: 10px; 26} 27 28.header-info { 29 padding-top: 10px; 30 padding-left: 10px; 31 padding-bottom: 20px; 32 font-size: 12px; 33} 34 35div.content { 36 padding-left: 40px; 37} 38 39.field { 40 color: #42506c; 41 font-size: 14px; 42 font-weight: bold; 43 padding-right: 15px; 44 vertical-align: top; 45} 46 47input, 48select, 49textarea { 50 width: 200px; 51} 52 53button { 54 min-width: 60px; 55} 56 57div.footer { 58 position: absolute; 59 bottom: 0px; 60 right: 0px; 61 width: 100%; 62 text-align: right; 63 border-top: 1px #d6d9e3 solid; 64 padding: 10px; 65} 66 67 68/* Login view */ 69.login-div { 70 width: 100%; 71 height: 100%; 72} 73 74.login-failure { 75 font-size: 14px; 76} 77 78 79/* Choose album view */ 80.album-div { 81 width: 100%; 82 height: 100%; 83} 84 85#files-count-span { 86 font-weight: bold; 87} 88 89.fields { 90 float: left; 91 width: 300px; 92 height: 100%; 93} 94 95textarea { 96 height: 60px; 97 resize: none; 98 overflow-y: scroll; 99} 100 101.preview-grid { 102 float: left; 103 margin-left: 10px; 104 height: 160px; 105 width: 240px; 106} 107 108.preview-item { 109 height: 79px; 110 width: 104px; 111 padding: 2px; 112 border: 1px #d6d9e3 solid; 113 margin: 2px; 114 border-radius: 0px; 115} 116 117.preview-item div { 118 width: 100%; 119 height: 100%; 120 display: -webkit-box; 121 -webkit-box-pack: center; 122 -webkit-box-align: center; 123} 124 125.preview-item img { 126 max-height: 75px; 127 max-width: 100px; 128} 129