node_gallery.css in Node Gallery 6.3
Same filename and directory in other branches
.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.cssView source
-
- .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;
- }