Home | History | Annotate | Download | only in css 
      1 html, 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 
     35 div.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 
     47 input,
     48 select,
     49 textarea {
     50   width: 200px;
     51 }
     52 
     53 button {
     54   min-width: 60px;
     55 }
     56 
     57 div.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 
     95 textarea {
     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