.rounded_corners (@radius: 7px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .opacity (@opacity: 0.5) { -moz-opacity: @opacity; -khtml-opacity: @opacity; opacity: @opacity; } .project-gallery, .project-gallery-medium, .project-gallery-small, .project-gallery-tall { overflow: hidden; .animation { position: absolute; top: 0px; left: 0px; z-index:2; visibility: visible; } img { position: absolute; border:0; display: none; z-index:1; visibility: hidden; } img.current { display: block; visibility: visible; } .caption { margin-top: 10px; } a.prev { filter:alpha(opacity=50); .opacity(0.5); background: transparent; background-image: url(../img/layout/gallery/button-gallery-previous.png) !important; background-repeat: no-repeat; background-position: left center; display: block; width: 50%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; z-index:10; } a.next { filter:alpha(opacity=50); .opacity(0.5); background: transparent; background-image: url(../img/layout/gallery/button-gallery-next.png) !important; background-repeat: no-repeat; background-position: right center; display: block; width: 50%; height: 100%; position: absolute; right: 0px; top: 0px; cursor: pointer; z-index:10; } a.next:hover { // filter:alpha(opacity=100); // .opacity(1.0); background-color: transparent !important; padding: 0 !important; } a.prev:hover { // filter:alpha(opacity=100); // .opacity(1.0); background-color: transparent !important; padding: 0 !important; } .project-gallery-bottom { width: 580px; height: 28px; position: relative; } .imagescroller-positions { position: absolute; right: 10px; bottom: 10px; z-index: 99999; width: inherit; height: 10px; ul { float: right; } .visible { background-image: url(../img/layout/gallery/invisible-img.png); width: 10px; height: 10px; float: left; list-style: none !important; cursor: pointer; } .invisible { background-image: url(../img/layout/gallery/visible-img.png); width: 10px; height: 10px; float: left; list-style: none !important; cursor: pointer; } } } .project-gallery { height: 466px; width: 580px; margin-bottom: 15px; .project-gallery-content { height: 466px; width: 580px; position: relative; overflow: hidden; } /* .project-gallery-content { height: 100%; } */ } .project-gallery-small{ height: 436px; width: 580px; margin-bottom: 15px; .project-gallery-content { height: 436px; width: 580px; position: relative; overflow: hidden; } } .project-gallery-medium{ height: 444px; width: 580px; margin-bottom: 15px; .project-gallery-content { height: 444px; width: 580px; position: relative; overflow: hidden; } } .project-gallery-tall{ height: 501px; width: 580px; margin-bottom: 15px; .project-gallery-content { height: 501px; width: 580px; position: relative; overflow: hidden; } } .gallery-mobile { display: none; } #preview-gallery-highlight { margin-bottom: 0px; } .gallery-mobile { display: none; } /* #preview-rammstein a:hover, .project-gallery a:hover, #page-projects .project-gallery a:hover, #page-projects .project-gallery-bottom a:hover { background-color: transparent; } */