home *** CD-ROM | disk | FTP | other *** search
/ Freelog 117 / FreelogNo117-OctobreNovembre2013.iso / Theme / 8GadgetPack / 8GadgetPackSetup.msi / Gadgets.7z / Gadgets / StickyNotesOnline.gadget / Styles / scrollable-horizontal.css < prev    next >
Cascading Style Sheet File  |  2011-06-16  |  989b  |  55 lines
  1.  
  2. /*
  3.     root element for the scrollable.
  4.     when scrolling occurs this element stays still.
  5. */
  6. .scrollable {
  7.  
  8.     /* required settings */
  9.     position:relative;
  10.     overflow:hidden;
  11.     width: 108px;
  12.     height:150px;
  13.  
  14.     /* custom decorations */
  15.     border:0px;
  16.     background:url(/img/global/gradient/h300.png) repeat-x;
  17. }
  18.  
  19. /*
  20.     root element for scrollable items. Must be absolutely positioned
  21.     and it should have a extremely large width to accomodate scrollable items.
  22.     it's enough that you set the width and height for the root element and
  23.     not for this element.
  24. */
  25. .scrollable .items {
  26.     /* this cannot be too large */
  27.     width:20000em;
  28.     position:absolute;
  29.     clear:both;
  30. }
  31.  
  32. /* single scrollable item */
  33. .scrollable img {
  34.     float:left;
  35.     margin:0px 0px 0px 0px;
  36.     background-color:#fff;
  37.     padding:0px;
  38.     border:0px;
  39.     cursor:pointer;
  40.     width:108px;
  41.     height:143px;
  42.     
  43.     -moz-border-radius:4px;
  44.     -webkit-border-radius:4px;
  45. }
  46.  
  47. /* active item */
  48. .scrollable .active {
  49.     border:2px solid #000;
  50.     z-index:9999;
  51.     position:relative;
  52. }
  53.  
  54.  
  55.