You are here

Home » API reference » Node Gallery 7

node_gallery_api.css in Node Gallery 7 

.item-navigator tr {background:#fff}

table.item-navigator td.item-navigator-position {width:17%}
table.item-navigator td.item-navigator-first {width:15%; text-align:right}
table.item-navigator td.item-navigator-prev {width:18%; text-align:left}
table.item-navigator td.item-navigator-next {width:15%; text-align:right}
table.item-navigator td.item-navigator-last {width:15%; text-align:left}
table.item-navigator td.item-navigator-gallery-link {width:20%; text-align:right}

/**
 * Rotation Dialog
 */
#node-gallery-rotate-dialog img {
  margin: 10px;
  border: 1px solid #000;
}

#node-gallery-rotate-dialog img.selected {
  outline: 5px solid #000;
}

/**
 * Rotation Radios
 */
.node-gallery-api-rotate-0,
.node-gallery-api-rotate-90,
.node-gallery-api-rotate-180,
.node-gallery-api-rotate-270 {
    transition: transform 0.25s ease-in;
    -moz-transition: -moz-transform 0.25s ease-in;
    -webkit-transition: -webkit-transform 0.25s ease-in;
    -o-transition: -o-transform 0.25s ease-in;
}

/**
 * Helper classes *not* meant for styling.
 */
.node-gallery-api-hidden { display:none; }

.node-gallery-api-rotate-0 {
    transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

.node-gallery-api-rotate-90 {
    transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.node-gallery-api-rotate-180 {
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.node-gallery-api-rotate-270 {
    transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#upload-attachments td .description {
  white-space: normal;
}

File

node_gallery_api.css
View source 
  1. 

  2. .item-navigator tr {background:#fff}

  3. 

  4. table.item-navigator td.item-navigator-position {width:17%}

  5. table.item-navigator td.item-navigator-first {width:15%; text-align:right}

  6. table.item-navigator td.item-navigator-prev {width:18%; text-align:left}

  7. table.item-navigator td.item-navigator-next {width:15%; text-align:right}

  8. table.item-navigator td.item-navigator-last {width:15%; text-align:left}

  9. table.item-navigator td.item-navigator-gallery-link {width:20%; text-align:right}

  10. 

  11. /**

  12.  * Rotation Dialog

  13.  */

  14. #node-gallery-rotate-dialog img {

  15.   margin: 10px;

  16.   border: 1px solid #000;

  17. }

  18. 

  19. #node-gallery-rotate-dialog img.selected {

  20.   outline: 5px solid #000;

  21. }

  22. 

  23. /**

  24.  * Rotation Radios

  25.  */

  26. .node-gallery-api-rotate-0,

  27. .node-gallery-api-rotate-90,

  28. .node-gallery-api-rotate-180,

  29. .node-gallery-api-rotate-270 {

  30.     transition: transform 0.25s ease-in;

  31.     -moz-transition: -moz-transform 0.25s ease-in;

  32.     -webkit-transition: -webkit-transform 0.25s ease-in;

  33.     -o-transition: -o-transform 0.25s ease-in;

  34. }

  35. 

  36. /**

  37.  * Helper classes *not* meant for styling.

  38.  */

  39. .node-gallery-api-hidden { display:none; }

  40. 

  41. .node-gallery-api-rotate-0 {

  42.     transform:rotate(0deg);

  43.     -moz-transform:rotate(0deg);

  44.     -webkit-transform:rotate(0deg);

  45.     -o-transform:rotate(0deg);

  46.     -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";

  47.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);

  48. }

  49. 

  50. .node-gallery-api-rotate-90 {

  51.     transform:rotate(90deg);

  52.     -moz-transform:rotate(90deg);

  53.     -webkit-transform:rotate(90deg);

  54.     -o-transform:rotate(90deg);

  55.     -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";

  56.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

  57. }

  58. 

  59. .node-gallery-api-rotate-180 {

  60.     transform:rotate(180deg);

  61.     -moz-transform:rotate(180deg);

  62.     -webkit-transform:rotate(180deg);

  63.     -o-transform:rotate(180deg);

  64.     -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";

  65.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

  66. }

  67. 

  68. .node-gallery-api-rotate-270 {

  69.     transform:rotate(-90deg);

  70.     -moz-transform:rotate(-90deg);

  71.     -webkit-transform:rotate(-90deg);

  72.     -o-transform:rotate(-90deg);

  73.     -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";

  74.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

  75. }

  76. #upload-attachments td .description {

  77.   white-space: normal;

  78. }