You are here

node_gallery.css in Node Gallery 6.3

Same filename and directory in other branches
  1. 6 node_gallery.css
  2. 6.2 node_gallery.css
  3. 7 node_gallery.css
.image-navigator tr {background:#fff}

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

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

.ng3-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);
}

.ng3-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);
}

.ng3-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);
}

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

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

/**
 * Fix for word-wrap on the manage images page.
 */
 #node-gallery-manage-images-form div.description {
  white-space: normal;
}

/**
 * Classes for the sort images screen.
 */
#node-gallery-sort-images-grid {
  margin: 10px auto;
}

div.node-gallery-sort-presets {
  margin-bottom: 5px;
  padding: 5px;
}

/* @todo: Set width and height in javascript, depending on the imagecache settings */
div.node-gallery-sort-images-item {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: move;
}

div.node-gallery-sort-images-item:hover {
  background-color: #e0e0e0;
  outline: 1px dashed #98C4DF;
}

div.node-gallery-sort-images-item img {
  width: 50px;
  height: 50px;
  padding: 10px;
  padding-bottom: 0px;
  margin: 0px;
}

/**
 * Classes for views.
 */
div.view-node-gallery-gallery-image-views div.views-field-title {
  font-size: 1.2em;
}

img.imagecache-node-gallery-admin-thumbnail {
  border: 1px solid #666;
}

div.views-field-field-node-gallery-image-fid {
  text-align:center;
}

div.views-field-field-node-gallery-image-fid img {
  border: 1px solid #666;
}

div.field-field-node-gallery-image {
  text-align:center;
}

div.node-node_gallery_image div.field-field-node-gallery-image img {
  border: 1px solid #666;
}

div.view-node-gallery-gallery-image-views div.views-field-field-node-gallery-image-fid a:hover {
  background-color: #e0e0e0;
  display: block;
}

div.view-node-gallery-gallery-image-views table.views-view-grid td {
  padding-bottom: 0;
  text-align: center;
}

div.view-node-gallery-gallery-image-views table {
  margin:0;
  padding:0;
}

File

node_gallery.css
View source
  1. .image-navigator tr {background:#fff}
  2. table.image-navigator td.image-navigator-position {width:17%}
  3. table.image-navigator td.image-navigator-first {width:15%; text-align:right}
  4. table.image-navigator td.image-navigator-prev {width:18%; text-align:left}
  5. table.image-navigator td.image-navigator-next {width:15%; text-align:right}
  6. table.image-navigator td.image-navigator-last {width:15%; text-align:left}
  7. table.image-navigator td.image-navigator-gallery-link {width:20%; text-align:right}
  8. /**
  9. * Helper classes *not* meant for styling.
  10. */
  11. .ng3-hidden { display:none; }
  12. .ng3-rotate-90 {
  13. transform:rotate(90deg);
  14. -moz-transform:rotate(90deg);
  15. -webkit-transform:rotate(90deg);
  16. -o-transform:rotate(90deg);
  17. -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  18. filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  19. }
  20. .ng3-rotate-180 {
  21. transform:rotate(180deg);
  22. -moz-transform:rotate(180deg);
  23. -webkit-transform:rotate(180deg);
  24. -o-transform:rotate(180deg);
  25. -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  26. filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  27. }
  28. .ng3-rotate-270 {
  29. transform:rotate(-90deg);
  30. -moz-transform:rotate(-90deg);
  31. -webkit-transform:rotate(-90deg);
  32. -o-transform:rotate(-90deg);
  33. -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  34. filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  35. }
  36. #node-gallery-rotate-dialog img {
  37. margin: 10px;
  38. border: 1px solid #000;
  39. }
  40. #node-gallery-rotate-dialog img.selected {
  41. outline: 5px solid #000;
  42. }
  43. /**
  44. * Fix for word-wrap on the manage images page.
  45. */
  46. #node-gallery-manage-images-form div.description {
  47. white-space: normal;
  48. }
  49. /**
  50. * Classes for the sort images screen.
  51. */
  52. #node-gallery-sort-images-grid {
  53. margin: 10px auto;
  54. }
  55. div.node-gallery-sort-presets {
  56. margin-bottom: 5px;
  57. padding: 5px;
  58. }
  59. /* @todo: Set width and height in javascript, depending on the imagecache settings */
  60. div.node-gallery-sort-images-item {
  61. width: 70px;
  62. height: 70px;
  63. float: left;
  64. margin: 0px;
  65. padding: 0px;
  66. cursor: move;
  67. }
  68. div.node-gallery-sort-images-item:hover {
  69. background-color: #e0e0e0;
  70. outline: 1px dashed #98C4DF;
  71. }
  72. div.node-gallery-sort-images-item img {
  73. width: 50px;
  74. height: 50px;
  75. padding: 10px;
  76. padding-bottom: 0px;
  77. margin: 0px;
  78. }
  79. /**
  80. * Classes for views.
  81. */
  82. div.view-node-gallery-gallery-image-views div.views-field-title {
  83. font-size: 1.2em;
  84. }
  85. img.imagecache-node-gallery-admin-thumbnail {
  86. border: 1px solid #666;
  87. }
  88. div.views-field-field-node-gallery-image-fid {
  89. text-align:center;
  90. }
  91. div.views-field-field-node-gallery-image-fid img {
  92. border: 1px solid #666;
  93. }
  94. div.field-field-node-gallery-image {
  95. text-align:center;
  96. }
  97. div.node-node_gallery_image div.field-field-node-gallery-image img {
  98. border: 1px solid #666;
  99. }
  100. div.view-node-gallery-gallery-image-views div.views-field-field-node-gallery-image-fid a:hover {
  101. background-color: #e0e0e0;
  102. display: block;
  103. }
  104. div.view-node-gallery-gallery-image-views table.views-view-grid td {
  105. padding-bottom: 0;
  106. text-align: center;
  107. }
  108. div.view-node-gallery-gallery-image-views table {
  109. margin:0;
  110. padding:0;
  111. }