primo commit
This commit is contained in:
BIN
media/com_phocagallery/js/highslide/graphics/close.png
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
media/com_phocagallery/js/highslide/graphics/closeX.png
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/closeX.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
media/com_phocagallery/js/highslide/graphics/controlbar2.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/controlbar2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 884 B |
BIN
media/com_phocagallery/js/highslide/graphics/controlbar3.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/controlbar3.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 838 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
media/com_phocagallery/js/highslide/graphics/controlbar4.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/controlbar4.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 854 B |
BIN
media/com_phocagallery/js/highslide/graphics/fullexpand.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/fullexpand.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 209 B |
BIN
media/com_phocagallery/js/highslide/graphics/geckodimmer.png
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/geckodimmer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
media/com_phocagallery/js/highslide/graphics/icon.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/icon.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 867 B |
1
media/com_phocagallery/js/highslide/graphics/index.html
Normal file
1
media/com_phocagallery/js/highslide/graphics/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
BIN
media/com_phocagallery/js/highslide/graphics/loader.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 668 B |
BIN
media/com_phocagallery/js/highslide/graphics/loader.white.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/loader.white.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
media/com_phocagallery/js/highslide/graphics/resize.gif
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/resize.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 B |
BIN
media/com_phocagallery/js/highslide/graphics/scrollarrows.png
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/scrollarrows.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
media/com_phocagallery/js/highslide/graphics/zoomin.cur
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/zoomin.cur
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 326 B |
BIN
media/com_phocagallery/js/highslide/graphics/zoomout.cur
Normal file
BIN
media/com_phocagallery/js/highslide/graphics/zoomout.cur
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 326 B |
3302
media/com_phocagallery/js/highslide/highslide-full.js
Normal file
3302
media/com_phocagallery/js/highslide/highslide-full.js
Normal file
File diff suppressed because it is too large
Load Diff
76
media/com_phocagallery/js/highslide/highslide-ie6.css
Normal file
76
media/com_phocagallery/js/highslide/highslide-ie6.css
Normal file
@ -0,0 +1,76 @@
|
||||
.closebutton {
|
||||
/* NOTE! This URL is relative to the HTML page, not the CSS */
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
|
||||
src='../highslide/graphics/close.png', sizingMethod='scale');
|
||||
|
||||
background: none;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
/* Viewport fixed hack */
|
||||
.highslide-viewport {
|
||||
position: absolute;
|
||||
left: expression( ( ( ignoreMe1 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
|
||||
top: expression( ( ignoreMe2 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
|
||||
width: expression( ( ( ignoreMe3 = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ) + 'px' );
|
||||
height: expression( ( ( ignoreMe4 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) ) + 'px' );
|
||||
}
|
||||
|
||||
/* Thumbstrip PNG fix */
|
||||
.highslide-scroll-down, .highslide-scroll-up {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.highslide-scroll-down div, .highslide-scroll-up div {
|
||||
/* NOTE! This URL is relative to the HTML page, not the CSS */
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
|
||||
src='../highslide/graphics/scrollarrows.png', sizingMethod='scale');
|
||||
background: none !important;
|
||||
position: absolute;
|
||||
cursor: hand;
|
||||
width: 75px;
|
||||
height: 75px !important;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
|
||||
left: -50px;
|
||||
top: -15px;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
|
||||
top: -15px;
|
||||
}
|
||||
.highslide-thumbstrip-vertical .highslide-scroll-down div {
|
||||
top: -50px;
|
||||
}
|
||||
|
||||
/* Thumbstrip marker arrow trasparent background fix */
|
||||
.highslide-thumbstrip .highslide-marker {
|
||||
border-color: white; /* match the background */
|
||||
}
|
||||
.dark .highslide-thumbstrip-horizontal .highslide-marker {
|
||||
border-color: #111;
|
||||
}
|
||||
.highslide-viewport .highslide-marker {
|
||||
border-color: #333;
|
||||
}
|
||||
.highslide-thumbstrip {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Positioning fixes for the control bar */
|
||||
.text-controls .highslide-controls {
|
||||
width: 480px;
|
||||
}
|
||||
.text-controls a span {
|
||||
width: 4em;
|
||||
}
|
||||
.text-controls .highslide-full-expand a span {
|
||||
width: 0;
|
||||
}
|
||||
.text-controls .highslide-close a span {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
/* Special */
|
||||
.in-page .highslide-thumbstrip-horizontal .highslide-marker {
|
||||
border-bottom: gray;
|
||||
}
|
||||
887
media/com_phocagallery/js/highslide/highslide.css
Normal file
887
media/com_phocagallery/js/highslide/highslide.css
Normal file
@ -0,0 +1,887 @@
|
||||
/**
|
||||
* @file: highslide.css
|
||||
* @version: 4.1.9
|
||||
*/
|
||||
.highslide-container div {
|
||||
font-family: Verdana, Helvetica;
|
||||
font-size: 10pt;
|
||||
}
|
||||
.highslide-container table {
|
||||
background: none;
|
||||
}
|
||||
.highslide {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
.highslide img {
|
||||
border: 2px solid silver;
|
||||
}
|
||||
.highslide:hover img {
|
||||
border-color: gray;
|
||||
}
|
||||
.highslide-active-anchor img {
|
||||
visibility: hidden;
|
||||
}
|
||||
.highslide-gallery .highslide-active-anchor img {
|
||||
border-color: black;
|
||||
visibility: visible;
|
||||
cursor: default;
|
||||
}
|
||||
.highslide-image {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: white;
|
||||
}
|
||||
.highslide-wrapper, .highslide-outline {
|
||||
background: white;
|
||||
}
|
||||
.glossy-dark {
|
||||
background: #111;
|
||||
}
|
||||
|
||||
.highslide-image-blur {
|
||||
}
|
||||
.highslide-number {
|
||||
font-weight: bold;
|
||||
color: gray;
|
||||
font-size: .9em;
|
||||
}
|
||||
.highslide-caption {
|
||||
display: none;
|
||||
font-size: 1em;
|
||||
padding: 5px;
|
||||
/*background: white;*/
|
||||
}
|
||||
.highslide-heading {
|
||||
display: none;
|
||||
font-weight: bold;
|
||||
margin: 0.4em;
|
||||
}
|
||||
.highslide-dimming {
|
||||
/*position: absolute;*/
|
||||
background: black;
|
||||
}
|
||||
a.highslide-full-expand {
|
||||
background: url(graphics/fullexpand.gif) no-repeat;
|
||||
display: block;
|
||||
margin: 0 10px 10px 0;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
.highslide-loading {
|
||||
display: block;
|
||||
color: black;
|
||||
font-size: 9px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
padding: 3px;
|
||||
border: 1px solid white;
|
||||
background-color: white;
|
||||
padding-left: 22px;
|
||||
background-image: url(graphics/loader.white.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 3px 1px;
|
||||
}
|
||||
a.highslide-credits,
|
||||
a.highslide-credits i {
|
||||
padding: 2px;
|
||||
color: silver;
|
||||
text-decoration: none;
|
||||
font-size: 10px;
|
||||
}
|
||||
a.highslide-credits:hover,
|
||||
a.highslide-credits:hover i {
|
||||
color: white;
|
||||
background-color: gray;
|
||||
}
|
||||
.highslide-move, .highslide-move * {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.highslide-viewport {
|
||||
display: none;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
background: none;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.highslide-overlay {
|
||||
display: none;
|
||||
}
|
||||
.hidden-container {
|
||||
display: none;
|
||||
}
|
||||
/* Example of a semitransparent, offset closebutton */
|
||||
.closebutton {
|
||||
position: relative;
|
||||
top: -15px;
|
||||
left: 15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
cursor: pointer;
|
||||
background: url(graphics/close.png);
|
||||
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
|
||||
}
|
||||
|
||||
/*****************************************************************************/
|
||||
/* Thumbnail boxes for the galleries. */
|
||||
/* Remove these if you are not using a gallery. */
|
||||
/*****************************************************************************/
|
||||
.highslide-gallery ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.highslide-gallery ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 106px;
|
||||
height: 106px;
|
||||
border: 1px solid silver;
|
||||
background: #ededed;
|
||||
margin: 2px;
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.highslide-gallery ul a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
.highslide-gallery ul img {
|
||||
position: relative;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
}
|
||||
html>/**/body .highslide-gallery ul li {
|
||||
display: table;
|
||||
text-align: center;
|
||||
}
|
||||
html>/**/body .highslide-gallery ul li {
|
||||
text-align: center;
|
||||
}
|
||||
html>/**/body .highslide-gallery ul a {
|
||||
position: static;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
html>/**/body .highslide-gallery ul img {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/*****************************************************************************/
|
||||
/* Controls for the galleries. */
|
||||
/* Remove these if you are not using a gallery */
|
||||
/*****************************************************************************/
|
||||
.highslide-controls {
|
||||
width: 195px;
|
||||
height: 40px;
|
||||
background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
|
||||
margin: 20px 15px 10px 0;
|
||||
}
|
||||
.highslide-controls ul {
|
||||
position: relative;
|
||||
left: 15px;
|
||||
height: 40px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: url(graphics/controlbar-white.gif) right -90px no-repeat;
|
||||
|
||||
}
|
||||
.highslide-controls li {
|
||||
float: left;
|
||||
padding: 5px 0;
|
||||
margin:0;
|
||||
list-style: none;
|
||||
}
|
||||
.highslide-controls a {
|
||||
background-image: url(graphics/controlbar-white.gif);
|
||||
display: block;
|
||||
float: left;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
outline: none;
|
||||
}
|
||||
.highslide-controls a.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.highslide-controls a.disabled span {
|
||||
cursor: default;
|
||||
}
|
||||
.highslide-controls a span {
|
||||
/* hide the text for these graphic buttons */
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
|
||||
.highslide-controls .highslide-previous a {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.highslide-controls .highslide-previous a:hover {
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.highslide-controls .highslide-previous a.disabled {
|
||||
background-position: 0 -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-play a {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.highslide-controls .highslide-play a:hover {
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-play a.disabled {
|
||||
background-position: -30px -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-pause a {
|
||||
background-position: -60px 0;
|
||||
}
|
||||
.highslide-controls .highslide-pause a:hover {
|
||||
background-position: -60px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-next a {
|
||||
background-position: -90px 0;
|
||||
}
|
||||
.highslide-controls .highslide-next a:hover {
|
||||
background-position: -90px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-next a.disabled {
|
||||
background-position: -90px -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-move a {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.highslide-controls .highslide-move a:hover {
|
||||
background-position: -120px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-full-expand a {
|
||||
background-position: -150px 0;
|
||||
}
|
||||
.highslide-controls .highslide-full-expand a:hover {
|
||||
background-position: -150px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-full-expand a.disabled {
|
||||
background-position: -150px -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-close a {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
.highslide-controls .highslide-close a:hover {
|
||||
background-position: -180px -30px;
|
||||
}
|
||||
|
||||
/*****************************************************************************/
|
||||
/* Styles for the HTML popups */
|
||||
/* Remove these if you are not using Highslide HTML */
|
||||
/*****************************************************************************/
|
||||
.highslide-maincontent {
|
||||
display: none;
|
||||
}
|
||||
.highslide-html {
|
||||
background-color: white;
|
||||
}
|
||||
.highslide-html-content {
|
||||
display: none;
|
||||
width: 400px;
|
||||
padding: 0 5px 5px 5px;
|
||||
}
|
||||
.highslide-header {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.highslide-header ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.highslide-header ul li {
|
||||
display: inline;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
|
||||
display: none;
|
||||
}
|
||||
.highslide-header a {
|
||||
font-weight: bold;
|
||||
color: gray;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
}
|
||||
.highslide-header a:hover {
|
||||
color: black;
|
||||
}
|
||||
.highslide-header .highslide-move a {
|
||||
cursor: move;
|
||||
}
|
||||
.highslide-footer {
|
||||
height: 16px;
|
||||
}
|
||||
.highslide-footer .highslide-resize {
|
||||
display: block;
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
height: 11px;
|
||||
width: 11px;
|
||||
background: url(graphics/resize.gif) no-repeat;
|
||||
}
|
||||
.highslide-footer .highslide-resize span {
|
||||
display: none;
|
||||
}
|
||||
.highslide-body {
|
||||
}
|
||||
.highslide-resize {
|
||||
cursor: nw-resize;
|
||||
}
|
||||
|
||||
/*****************************************************************************/
|
||||
/* Styles for the Individual wrapper class names. */
|
||||
/* See www.highslide.com/ref/hs.wrapperClassName */
|
||||
/* You can safely remove the class name themes you don't use */
|
||||
/*****************************************************************************/
|
||||
|
||||
/* hs.wrapperClassName = 'draggable-header' */
|
||||
.draggable-header .highslide-header {
|
||||
height: 18px;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
.draggable-header .highslide-heading {
|
||||
position: absolute;
|
||||
margin: 2px 0.4em;
|
||||
}
|
||||
|
||||
.draggable-header .highslide-header .highslide-move {
|
||||
cursor: move;
|
||||
display: block;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.draggable-header .highslide-header .highslide-move * {
|
||||
display: none;
|
||||
}
|
||||
.draggable-header .highslide-header .highslide-close {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
top: 2px;
|
||||
z-index: 5;
|
||||
padding: 0;
|
||||
}
|
||||
.draggable-header .highslide-header .highslide-close a {
|
||||
display: block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background-image: url(graphics/closeX.png);
|
||||
}
|
||||
.draggable-header .highslide-header .highslide-close a:hover {
|
||||
background-position: 0 16px;
|
||||
}
|
||||
.draggable-header .highslide-header .highslide-close span {
|
||||
display: none;
|
||||
}
|
||||
.draggable-header .highslide-maincontent {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'titlebar' */
|
||||
.titlebar .highslide-header {
|
||||
height: 18px;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
.titlebar .highslide-heading {
|
||||
position: absolute;
|
||||
width: 90%;
|
||||
margin: 1px 0 1px 5px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.titlebar .highslide-header .highslide-move {
|
||||
cursor: move;
|
||||
display: block;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.titlebar .highslide-header .highslide-move * {
|
||||
display: none;
|
||||
}
|
||||
.titlebar .highslide-header li {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
z-index: 2;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.titlebar .highslide-maincontent {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'no-footer' */
|
||||
.no-footer .highslide-footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'wide-border' */
|
||||
.wide-border {
|
||||
background: white;
|
||||
}
|
||||
.wide-border .highslide-image {
|
||||
border-width: 10px;
|
||||
}
|
||||
.wide-border .highslide-caption {
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'borderless' */
|
||||
.borderless .highslide-image {
|
||||
border: none;
|
||||
}
|
||||
.borderless .highslide-caption {
|
||||
border-bottom: 1px solid white;
|
||||
border-top: 1px solid white;
|
||||
background: silver;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'outer-glow' */
|
||||
.outer-glow {
|
||||
background: #444;
|
||||
}
|
||||
.outer-glow .highslide-image {
|
||||
border: 5px solid #444444;
|
||||
}
|
||||
.outer-glow .highslide-caption {
|
||||
border: 5px solid #444444;
|
||||
border-top: none;
|
||||
padding: 5px;
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'colored-border' */
|
||||
.colored-border {
|
||||
background: white;
|
||||
}
|
||||
.colored-border .highslide-image {
|
||||
border: 2px solid green;
|
||||
}
|
||||
.colored-border .highslide-caption {
|
||||
border: 2px solid green;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'dark' */
|
||||
.dark {
|
||||
background: #111;
|
||||
color: white;
|
||||
}
|
||||
.dark .highslide-image {
|
||||
border-color: black black #202020 black;
|
||||
background: gray;
|
||||
}
|
||||
.dark .highslide-caption {
|
||||
color: white;
|
||||
background: #111;
|
||||
}
|
||||
.dark .highslide-controls,
|
||||
.dark .highslide-controls ul,
|
||||
.dark .highslide-controls a {
|
||||
background-image: url(graphics/controlbar-black-border.gif);
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'floating-caption' */
|
||||
.floating-caption .highslide-caption {
|
||||
position: absolute;
|
||||
padding: 1em 0 0 0;
|
||||
background: none;
|
||||
color: white;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* hs.wrapperClassName = 'controls-in-heading' */
|
||||
.controls-in-heading .highslide-heading {
|
||||
color: gray;
|
||||
font-weight: bold;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
padding: 0 0 0 22px;
|
||||
margin: 0;
|
||||
background: url(graphics/icon.gif) no-repeat 0 1px;
|
||||
}
|
||||
.controls-in-heading .highslide-controls {
|
||||
width: 105px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
top: -23px;
|
||||
left: 7px;
|
||||
background: none;
|
||||
}
|
||||
.controls-in-heading .highslide-controls ul {
|
||||
position: static;
|
||||
height: 20px;
|
||||
background: none;
|
||||
}
|
||||
.controls-in-heading .highslide-controls li {
|
||||
padding: 0;
|
||||
}
|
||||
.controls-in-heading .highslide-controls a {
|
||||
background-image: url(graphics/controlbar-white-small.gif);
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.controls-in-heading .highslide-controls .highslide-move {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.controls-in-heading .highslide-controls .highslide-previous a {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-previous a:hover {
|
||||
background-position: 0 -20px;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
|
||||
background-position: 0 -40px !important;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-play a {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-play a:hover {
|
||||
background-position: -20px -20px;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-play a.disabled {
|
||||
background-position: -20px -40px !important;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-pause a {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-pause a:hover {
|
||||
background-position: -40px -20px;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-next a {
|
||||
background-position: -60px 0;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-next a:hover {
|
||||
background-position: -60px -20px;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-next a.disabled {
|
||||
background-position: -60px -40px !important;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-full-expand a {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
|
||||
background-position: -100px -20px;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
|
||||
background-position: -100px -40px !important;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-close a {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.controls-in-heading .highslide-controls .highslide-close a:hover {
|
||||
background-position: -120px -20px;
|
||||
}
|
||||
|
||||
/*****************************************************************************/
|
||||
/* Styles for text based controls. */
|
||||
/* You can safely remove this if you don't use text based controls */
|
||||
/*****************************************************************************/
|
||||
|
||||
.text-controls .highslide-controls {
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
background: none;
|
||||
}
|
||||
.text-controls ul {
|
||||
position: static;
|
||||
background: none;
|
||||
height: auto;
|
||||
left: 0;
|
||||
}
|
||||
.text-controls .highslide-move {
|
||||
display: none;
|
||||
}
|
||||
.text-controls li {
|
||||
background-image: url(graphics/controlbar-text-buttons.png);
|
||||
background-position: right top !important;
|
||||
padding: 0;
|
||||
margin-left: 15px;
|
||||
display: block;
|
||||
width: auto;
|
||||
}
|
||||
.text-controls a {
|
||||
background: url(graphics/controlbar-text-buttons.png) no-repeat;
|
||||
background-position: left top !important;
|
||||
position: relative;
|
||||
left: -10px;
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.text-controls a span {
|
||||
background: url(graphics/controlbar-text-buttons.png) no-repeat;
|
||||
margin: 1px 2px 1px 10px;
|
||||
display: block;
|
||||
min-width: 4em;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
padding: 1px 0 1px 18px;
|
||||
color: #333;
|
||||
font-family: "Trebuchet MS", Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-controls .highslide-next {
|
||||
margin-right: 1em;
|
||||
}
|
||||
.text-controls .highslide-full-expand a span {
|
||||
min-width: 0;
|
||||
margin: 1px 0;
|
||||
padding: 1px 0 1px 10px;
|
||||
}
|
||||
.text-controls .highslide-close a span {
|
||||
min-width: 0;
|
||||
}
|
||||
.text-controls a:hover span {
|
||||
color: black;
|
||||
}
|
||||
.text-controls a.disabled span {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.text-controls .highslide-previous span {
|
||||
background-position: 0 -40px;
|
||||
}
|
||||
.text-controls .highslide-previous a.disabled {
|
||||
background-position: left top !important;
|
||||
}
|
||||
.text-controls .highslide-previous a.disabled span {
|
||||
background-position: 0 -140px;
|
||||
}
|
||||
.text-controls .highslide-play span {
|
||||
background-position: 0 -60px;
|
||||
}
|
||||
.text-controls .highslide-play a.disabled {
|
||||
background-position: left top !important;
|
||||
}
|
||||
.text-controls .highslide-play a.disabled span {
|
||||
background-position: 0 -160px;
|
||||
}
|
||||
.text-controls .highslide-pause span {
|
||||
background-position: 0 -80px;
|
||||
}
|
||||
.text-controls .highslide-next span {
|
||||
background-position: 0 -100px;
|
||||
}
|
||||
.text-controls .highslide-next a.disabled {
|
||||
background-position: left top !important;
|
||||
}
|
||||
.text-controls .highslide-next a.disabled span {
|
||||
background-position: 0 -200px;
|
||||
}
|
||||
.text-controls .highslide-full-expand span {
|
||||
background: none;
|
||||
}
|
||||
.text-controls .highslide-full-expand a.disabled {
|
||||
background-position: left top !important;
|
||||
}
|
||||
.text-controls .highslide-close span {
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
|
||||
|
||||
/*****************************************************************************/
|
||||
/* Styles for the thumbstrip. */
|
||||
/* See www.highslide.com/ref/hs.addSlideshow */
|
||||
/* You can safely remove this if you don't use a thumbstrip */
|
||||
/*****************************************************************************/
|
||||
|
||||
.highslide-thumbstrip {
|
||||
height: 100%;
|
||||
direction: ltr;
|
||||
}
|
||||
.highslide-thumbstrip div {
|
||||
overflow: hidden;
|
||||
}
|
||||
.highslide-thumbstrip table {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.highslide-thumbstrip td {
|
||||
padding: 1px;
|
||||
/*text-align: center;*/
|
||||
}
|
||||
.highslide-thumbstrip a {
|
||||
outline: none;
|
||||
}
|
||||
.highslide-thumbstrip img {
|
||||
display: block;
|
||||
border: 1px solid gray;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.highslide-thumbstrip .highslide-active-anchor img {
|
||||
visibility: visible;
|
||||
}
|
||||
.highslide-thumbstrip .highslide-marker {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: transparent; /* change this to actual background color in highslide-ie6.css */
|
||||
}
|
||||
.highslide-thumbstrip-horizontal div {
|
||||
width: auto;
|
||||
/* width: 100% breaks in small strips in IE */
|
||||
}
|
||||
.highslide-thumbstrip-horizontal .highslide-scroll-up {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 25px;
|
||||
height: 42px;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
|
||||
margin-bottom: 10px;
|
||||
cursor: pointer;
|
||||
background: url(graphics/scrollarrows.png) left center no-repeat;
|
||||
height: 42px;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal .highslide-scroll-down {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
width: 25px;
|
||||
height: 42px;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
|
||||
margin-bottom: 10px;
|
||||
cursor: pointer;
|
||||
background: url(graphics/scrollarrows.png) center right no-repeat;
|
||||
height: 42px;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal table {
|
||||
margin: 2px 0 10px 0;
|
||||
}
|
||||
.highslide-viewport .highslide-thumbstrip-horizontal table {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal img {
|
||||
width: auto;
|
||||
height: 40px;
|
||||
}
|
||||
.highslide-thumbstrip-horizontal .highslide-marker {
|
||||
top: 47px;
|
||||
border-left-width: 6px;
|
||||
border-right-width: 6px;
|
||||
border-bottom: 6px solid gray;
|
||||
}
|
||||
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
|
||||
border-bottom-color: white !important;
|
||||
}
|
||||
|
||||
.highslide-thumbstrip-vertical-overlay {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
.highslide-thumbstrip-vertical div {
|
||||
height: 100%;
|
||||
}
|
||||
.highslide-thumbstrip-vertical a {
|
||||
display: block;
|
||||
}
|
||||
.highslide-thumbstrip-vertical .highslide-scroll-up {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
}
|
||||
.highslide-thumbstrip-vertical .highslide-scroll-up div {
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
background: url(graphics/scrollarrows.png) top center no-repeat;
|
||||
height: 25px;
|
||||
}
|
||||
.highslide-thumbstrip-vertical .highslide-scroll-down {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
}
|
||||
.highslide-thumbstrip-vertical .highslide-scroll-down div {
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
background: url(graphics/scrollarrows.png) bottom center no-repeat;
|
||||
height: 25px;
|
||||
}
|
||||
.highslide-thumbstrip-vertical table {
|
||||
margin: 10px 0 0 10px;
|
||||
}
|
||||
.highslide-thumbstrip-vertical img {
|
||||
width: 60px; /* t=5481 */
|
||||
}
|
||||
.highslide-thumbstrip-vertical .highslide-marker {
|
||||
left: 0;
|
||||
margin-top: 8px;
|
||||
border-top-width: 6px;
|
||||
border-bottom-width: 6px;
|
||||
border-left: 6px solid gray;
|
||||
}
|
||||
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
|
||||
border-left-color: white;
|
||||
}
|
||||
|
||||
.highslide-viewport .highslide-thumbstrip-float {
|
||||
overflow: auto;
|
||||
}
|
||||
.highslide-thumbstrip-float ul {
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
}
|
||||
.highslide-thumbstrip-float li {
|
||||
display: block;
|
||||
height: 60px;
|
||||
margin: 0 2px;
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
.highslide-thumbstrip-float img {
|
||||
display: inline;
|
||||
border-color: silver;
|
||||
max-height: 56px;
|
||||
}
|
||||
.highslide-thumbstrip-float .highslide-active-anchor img {
|
||||
border-color: black;
|
||||
}
|
||||
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
|
||||
display: none;
|
||||
}
|
||||
.highslide-thumbstrip-float .highslide-marker {
|
||||
display: none;
|
||||
}
|
||||
180
media/com_phocagallery/js/highslide/highslideimage.css
Normal file
180
media/com_phocagallery/js/highslide/highslideimage.css
Normal file
@ -0,0 +1,180 @@
|
||||
.highslide-wrapper div {
|
||||
font-family: Verdana, Helvetica;
|
||||
font-size: 10pt;
|
||||
}
|
||||
.highslide {
|
||||
cursor: url(graphics/zoomin.cur), pointer;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
/*
|
||||
.highslide img {
|
||||
border: 2px solid silver;
|
||||
}
|
||||
.highslide:hover img {
|
||||
border-color: gray;
|
||||
}
|
||||
*/
|
||||
.highslide-active-anchor img, .highslide-active-anchor:hover img {
|
||||
border-color: black;
|
||||
}
|
||||
.highslide-image {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: white;
|
||||
background: white;
|
||||
}
|
||||
.highslide-wrapper, .rounded-white {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.none {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.highslide-image-blur {
|
||||
}
|
||||
.highslide-caption {
|
||||
display: none;
|
||||
border-top: none;
|
||||
font-size: 1em;
|
||||
padding: 5px;
|
||||
background: white;
|
||||
}
|
||||
.highslide-heading {
|
||||
display: none;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
.highslide-dimming {
|
||||
position: absolute;
|
||||
background: black;
|
||||
}
|
||||
.highslide-loading {
|
||||
display: block;
|
||||
color: black;
|
||||
font-size: 9px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
padding: 3px;
|
||||
border: 1px solid white;
|
||||
background-color: white;
|
||||
padding-left: 22px;
|
||||
background-image: url(graphics/loader.white.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 3px 1px;
|
||||
}
|
||||
a.highslide-credits,
|
||||
a.highslide-credits i {
|
||||
padding: 2px;
|
||||
color: silver;
|
||||
text-decoration: none;
|
||||
font-size: 10px;
|
||||
}
|
||||
a.highslide-credits:hover,
|
||||
a.highslide-credits:hover i {
|
||||
color: white;
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
|
||||
/* Controls. See http://www.google.com/search?q=css+sprites */
|
||||
.highslide-controls {
|
||||
width: 195px;
|
||||
height: 40px;
|
||||
background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.highslide-controls ul {
|
||||
position: relative;
|
||||
left: 15px;
|
||||
height: 40px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: url(graphics/controlbar-white.gif) right -90px no-repeat;
|
||||
list-style-type:none;
|
||||
}
|
||||
.highslide-controls li {
|
||||
float: left;
|
||||
padding: 5px 0;
|
||||
margin:0px;
|
||||
list-style-type:none;
|
||||
}
|
||||
.highslide-controls a {
|
||||
background-image: url(graphics/controlbar-white.gif);
|
||||
display: block;
|
||||
float: left;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
outline: none;
|
||||
}
|
||||
.highslide-controls a.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.highslide-controls a span {
|
||||
/* hide the text for these graphic buttons */
|
||||
display: none;
|
||||
}
|
||||
.highslide-move a {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
/* The CSS sprites for the controlbar */
|
||||
.highslide-controls .highslide-previous a {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.highslide-controls .highslide-previous a:hover {
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.highslide-controls .highslide-previous a.disabled {
|
||||
background-position: 0 -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-play a {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.highslide-controls .highslide-play a:hover {
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-play a.disabled {
|
||||
background-position: -30px -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-pause a {
|
||||
background-position: -60px 0;
|
||||
}
|
||||
.highslide-controls .highslide-pause a:hover {
|
||||
background-position: -60px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-next a {
|
||||
background-position: -90px 0;
|
||||
}
|
||||
.highslide-controls .highslide-next a:hover {
|
||||
background-position: -90px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-next a.disabled {
|
||||
background-position: -90px -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-move a {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.highslide-controls .highslide-move a:hover {
|
||||
background-position: -120px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-full-expand a {
|
||||
background-position: -150px 0;
|
||||
}
|
||||
.highslide-controls .highslide-full-expand a:hover {
|
||||
background-position: -150px -30px;
|
||||
}
|
||||
.highslide-controls .highslide-full-expand a.disabled {
|
||||
background-position: -150px -60px !important;
|
||||
}
|
||||
.highslide-controls .highslide-close a {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
.highslide-controls .highslide-close a:hover {
|
||||
background-position: -180px -30px;
|
||||
}
|
||||
1
media/com_phocagallery/js/highslide/index.html
Normal file
1
media/com_phocagallery/js/highslide/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
74
media/com_phocagallery/js/highslide/mobile.js
Normal file
74
media/com_phocagallery/js/highslide/mobile.js
Normal file
@ -0,0 +1,74 @@
|
||||
/**
|
||||
* This file contains modifications to Highslide JS for optimizing the display on mobile user agents.
|
||||
*
|
||||
* @author Torstein Hønsi
|
||||
*/
|
||||
if (/(Android|BlackBerry|iPhone|iPod|Palm|Symbian)/.test(navigator.userAgent)) {
|
||||
//if (true) {
|
||||
hs.addEventListener(document, 'ready', function() {
|
||||
|
||||
// Add a meta tag to have the iPhone render the page 1:1
|
||||
hs.createElement('meta', {
|
||||
name: 'viewport',
|
||||
content: 'width=device-width; initial-scale=1.0; maximum-scale=1.0;'
|
||||
}, null, document.getElementsByTagName('head')[0]);
|
||||
|
||||
// Add CSS rules
|
||||
/* edit ' width: 50px; '+ ==> ' width: 100%; '+ */
|
||||
var stylesheet = document.getElementsByTagName('style')[0];
|
||||
stylesheet.appendChild(document.createTextNode(
|
||||
'.highslide img {'+
|
||||
' width: 100%; '+
|
||||
'}'+
|
||||
'.highslide-wrapper div.navbutton {'+
|
||||
' color: white;'+
|
||||
' font-size: 64px;'+
|
||||
'}'+
|
||||
'.highslide-full-expand {'+
|
||||
' display: none !important;'+
|
||||
'}'+
|
||||
'.highslide-wrapper {'+
|
||||
' background: none !important;'+
|
||||
'}'+
|
||||
'.highslide-caption {'+
|
||||
' border: none !important;'+
|
||||
' color: white !important;'+
|
||||
' background: none !important;'+
|
||||
'}'
|
||||
));
|
||||
|
||||
// add some options that make sense on a small touchscreen
|
||||
hs.outlineType = null; // outlines look distorted at normal zoom
|
||||
hs.expandDuration = 0; // animation is too slow anyway
|
||||
hs.restoreDuration = 0;
|
||||
hs.transitionDuration = 0;
|
||||
hs.wrapperClassName = 'borderless draggable-header mobile'; // take all the space available for the image
|
||||
hs.marginTop = 0;
|
||||
hs.marginRight = 0;
|
||||
hs.marginBottom = 0;
|
||||
hs.marginLeft = 0;
|
||||
hs.captionOverlay.fade = false;
|
||||
hs.allowHeightReduction = false; // t=10503
|
||||
|
||||
// Remove any slideshows with too small controls
|
||||
hs.slideshows = [];
|
||||
|
||||
// Create custom previous and next overlays
|
||||
hs.registerOverlay({
|
||||
position: 'middle left',
|
||||
width: '20%',
|
||||
html: '<div class="navbutton" onclick="hs.previous()" title="'+
|
||||
hs.lang.previousTitle +'">‹</div>',
|
||||
hideOnMouseOut: false
|
||||
});
|
||||
hs.registerOverlay({
|
||||
position: 'middle right',
|
||||
width: '20%',
|
||||
html: '<div class="navbutton" style="text-align: right" onclick="hs.next()" title="'+
|
||||
hs.lang.nextTitle +'">›</div>',
|
||||
hideOnMouseOut: false
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user