Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
Sliding Gallery - sliding_gallery.css

sliding_gallery.css

Caricato da: Roby94
Scarica il programma completo

  1. #gallery {
  2.         width: 600px;
  3. }
  4. #gallery > #content_images {
  5.         background-color: #666;
  6.         width: 600px;
  7.         height: 337px;
  8.         margin: 0 auto;
  9.         position: relative;
  10.         overflow: hidden;
  11.         user-select: none;
  12.         -moz-user-select: none;
  13.         -khtml-user-select:none;
  14. }
  15. #gallery > #content_images > #images {
  16.         height: 337px;
  17.         position: relative;
  18.         top: 0px;
  19.         left: 0px;
  20. }
  21. #gallery > #content_images > #images > img {
  22.         width: 600px;
  23.         height: 337px;
  24. }
  25. #gallery > #sliding_bar {
  26.         background-color: #666;
  27.         width: 600px;
  28.         height: 15px;
  29.         -moz-border-radius-bottomleft: 25px;
  30.         -moz-border-radius-bottomright: 25px;
  31.         -webkit-border-radius-bottomleft: 25px;
  32.         -webkit-border-radius-bottomright: 25px;
  33.         border-bottom-left-radius: 25px;
  34.         border-bottom-right-radius: 25px;
  35. }
  36. #gallery > #sliding_bar > #scroll {
  37.         background-color: #333;
  38.         height: 15px;
  39.         cursor: pointer;
  40.         position: relative;
  41.         top: 0px;
  42.         left: 0px;
  43.         -moz-border-radius-bottomleft: 25px;
  44.         -moz-border-radius-bottomright: 25px;
  45.         -webkit-border-radius-bottomleft: 25px;
  46.         -webkit-border-radius-bottomright: 25px;
  47.         border-bottom-left-radius: 25px;
  48.         border-bottom-right-radius: 25px;
  49. }
  50. #gallery > #load {
  51.         position: relative;
  52.         top: -200px;
  53.         margin: 0 auto;
  54.         font-size: 24px;
  55.         width: 200px;
  56.         text-align: center;
  57.         background-color: #666;
  58.         color: #333;
  59.         font-weight: bolder;
  60.         border: 3px solid #333;
  61.         -moz-border-radius: 25px;
  62.         -webkit-border-radius: 25px;
  63.         border-radius: 25px;
  64. }
  65. #gallery > #load > #no_preload {
  66.         font-style: italic;
  67.         font-size: 9px;
  68.         cursor: pointer;
  69. }
  70. #gallery > #pp {
  71.         position: relative;
  72.         top: -85px;
  73.         left: 580px;
  74.         color: #F00;
  75.         width: 10px;
  76.         font-weight: bolder;
  77.         cursor: pointer;
  78.         filter:alpha(opacity=10);
  79.         -moz-opacity:.10;
  80.         opacity:.10;
  81.         user-select: none;
  82.         -moz-user-select: none;
  83.         -khtml-user-select:none;
  84. }