mods/photo_album/fluid/component-templates/css/Lightbox.css

   1 body{
   2   font-family: verdana, helvetica, sans-serif;
   3   font-size: 12px;
   4 }
   5
   6 .image-container{
   7   overflow: hidden; width: 100%;
   8 }
   9
  10 .image-inner-container{
  11   height: 100px;
  12   width: 140px;
  13   background-color: #eee;
  14   overflow: hidden;
  15   margin: 0 auto 3px auto;
  16 }
  17
  18 .image-inner-container img{
  19   width: 150px;
  20 }
  21
  22 .orderable-default{
  23   height: 150px !important;
  24         width: 150px;
  25         border: 2px solid #ddd;
  26         float: left;
  27         margin: 5px !important;
  28         text-align: center;
  29         padding-top: 10px;
  30 }
  31
  32 .orderable-hover{
  33         height: 150px !important;
  34         width: 150px;
  35         border: 2px solid #666;
  36         float: left;
  37         margin: 5px !important;
  38         text-align: center;
  39         padding-top: 10px;
  40 }
  41
  42 .orderable-selected{
  43         height: 150px !important;
  44         width: 150px;
  45         border: 2px solid #666;
  46         background-color: #ddd;
  47         float: left;
  48         margin: 5px !important;
  49         text-align: center;
  50         padding-top: 10px;
  51 }
  52
  53 .orderable-selected img{
  54   border: 1px solid #eee;
  55 }
  56
  57 .orderable-dragging{
  58         height: 150px !important;
  59         width: 150px;
  60         border: 2px solid #666;
  61         background-color: #eee;
  62         float: left;
  63         margin: 5px !important;
  64         text-align: center;
  65         opacity: .2;
  66         filter: alpha(opacity=20);
  67         padding-top: 10px;
  68 }
  69
  70 .image-title{
  71         margin-top:5px;
  72         height: 40px;
  73         overflow: hidden;
  74 }
  75
  76 .image-title a{
  77   text-decoration: none;
  78 }
  79
  80 .image-title a:hover{
  81   text-decoration: underline;
  82 }
  83
  84 div .orderable-drop-marker{
  85   height: 160px !important;
  86   width: 4px;
  87   background-color: red;
  88   float: left;
  89 }
  90
  91 .lightbox-instructions{
  92         color: #666;
  93         background-color: lightyellow;
  94         padding: 3px;
  95         border: 2px solid #ddd;
  96         font-size: .9em;
  97         position: absolute;
  98         top: 0;
  99         right: 0;
 100         width: 300px;
 101 }
 102
 103 .lightbox-downarrow{
 104         font-size: 0px; line-height: 0%; width: 0px;
 105         margin: 5px 8px 10px 0;
 106         float: left;
 107         border-top: 10px solid red;
 108         border-left: 10px solid lightyellow;
 109         border-right: 10px solid lightyellow;
 110 }
 111