Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Issue forks
colorbox-3127345
Commits
e69329bd
Commit
e69329bd
authored
Apr 16, 2010
by
frjo
Browse files
Adding the default style in a seperate directory in preperation for new features.
parent
6af86c50
Changes
5
Hide whitespace changes
Inline
Side-by-side
styles/default/colorbox_default_style.css
0 → 100644
View file @
e69329bd
/* $Id$ */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox
,
#cboxOverlay
,
#cboxWrapper
{
position
:
absolute
;
top
:
0
;
left
:
0
;
z-index
:
9999
;
overflow
:
hidden
;
}
#cboxOverlay
{
position
:
fixed
;
width
:
100%
;
height
:
100%
;
}
#cboxMiddleLeft
,
#cboxBottomLeft
{
clear
:
left
;
}
#cboxContent
{
position
:
relative
;
overflow
:
hidden
;
}
#cboxLoadedContent
{
overflow
:
auto
;
}
#cboxLoadedContent
iframe
{
display
:
block
;
width
:
100%
;
height
:
100%
;
border
:
0
;
}
#cboxTitle
{
margin
:
0
;
}
#cboxLoadingOverlay
,
#cboxLoadingGraphic
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
}
#cboxPrevious
,
#cboxNext
,
#cboxClose
,
#cboxSlideshow
{
cursor
:
pointer
;
}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay
{
background
:
#000
;
}
#colorBox
{}
#cboxWrapper
{
background
:
#fff
;
border-radius
:
5px
;
-moz-border-radius
:
5px
;
-webkit-border-radius
:
5px
;
}
#cboxTopLeft
{
width
:
15px
;
height
:
15px
;
}
#cboxTopCenter
{
height
:
15px
;
}
#cboxTopRight
{
width
:
15px
;
height
:
15px
;
}
#cboxBottomLeft
{
width
:
15px
;
height
:
10px
;
}
#cboxBottomCenter
{
height
:
10px
;
}
#cboxBottomRight
{
width
:
15px
;
height
:
10px
;
}
#cboxMiddleLeft
{
width
:
15px
;
}
#cboxMiddleRight
{
width
:
15px
;
}
#cboxContent
{
background
:
#fff
;
font
:
12px
"Lucida Grande"
,
Verdana
,
Arial
,
sans-serif
;
}
#cboxLoadedContent
{
margin-bottom
:
28px
;
}
#cboxTitle
{
position
:
absolute
;
background
:
rgba
(
255
,
255
,
255
,
0.7
);
bottom
:
28px
;
left
:
0
;
color
:
#535353
;
width
:
100%
;
padding
:
4px
;
}
#cboxCurrent
{
position
:
absolute
;
bottom
:
4px
;
left
:
60px
;
color
:
#949494
;
}
.cboxSlideshow_on
#cboxSlideshow
{
position
:
absolute
;
bottom
:
0px
;
right
:
30px
;
background
:
url(images/controls.png)
-75px
-50px
no-repeat
;
width
:
25px
;
height
:
25px
;
text-indent
:
-9999px
;
}
.cboxSlideshow_on
#cboxSlideshow
.hover
{
background-position
:
-101px
-50px
;
}
.cboxSlideshow_off
#cboxSlideshow
{
position
:
absolute
;
bottom
:
0px
;
right
:
30px
;
background
:
url(images/controls.png)
-49px
-50px
no-repeat
;
width
:
25px
;
height
:
25px
;
text-indent
:
-9999px
;
}
.cboxSlideshow_off
#cboxSlideshow
.hover
{
background-position
:
-25px
-50px
;
}
#cboxPrevious
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
background
:
url(images/controls.png)
-75px
0px
no-repeat
;
width
:
25px
;
height
:
25px
;
text-indent
:
-9999px
;
}
#cboxPrevious
.hover
{
background-position
:
-75px
-25px
;
}
#cboxNext
{
position
:
absolute
;
bottom
:
0
;
left
:
27px
;
background
:
url(images/controls.png)
-50px
0px
no-repeat
;
width
:
25px
;
height
:
25px
;
text-indent
:
-9999px
;
}
#cboxNext
.hover
{
background-position
:
-50px
-25px
;
}
#cboxLoadingOverlay
{
background
:
#fff
;
}
#cboxLoadingGraphic
{
background
:
url(images/loading_animation.gif)
center
center
no-repeat
;
}
#cboxClose
{
position
:
absolute
;
bottom
:
0
;
right
:
0
;
background
:
url(images/controls.png)
-25px
0px
no-repeat
;
width
:
25px
;
height
:
25px
;
text-indent
:
-9999px
;
}
#cboxClose
.hover
{
background-position
:
-25px
-25px
;
}
/* The following are fixes for IE. */
.cboxIE
#cboxTitle
{
background
:
#fff
;
}
styles/default/colorbox_default_style.js
0 → 100644
View file @
e69329bd
// $Id$
(
function
(
$
)
{
Drupal
.
behaviors
.
initColorboxDefaultStyle
=
function
(
context
)
{
$
(
document
).
bind
(
'
cbox_complete
'
,
function
(){
// Only run if there is a title.
if
(
$
(
'
#cboxTitle:empty
'
).
length
==
false
)
{
setTimeout
(
function
(){
$
(
'
#cboxTitle
'
).
slideUp
()
},
1500
);
$
(
'
#cboxLoadedContent
'
).
bind
(
'
mouseover
'
,
function
(){
$
(
'
#cboxTitle
'
).
slideDown
();
});
$
(
'
#cboxOverlay
'
).
bind
(
'
mouseover
'
,
function
(){
$
(
'
#cboxTitle
'
).
slideUp
();
});
}
else
{
$
(
'
#cboxTitle
'
).
hide
();
}
});
};
})(
jQuery
);
\ No newline at end of file
styles/default/images/controls.png
0 → 100644
View file @
e69329bd
2.05 KB
styles/default/images/loading_animation.gif
0 → 100644
View file @
e69329bd
2.7 KB
styles/default/images/loading_background.png
0 → 100644
View file @
e69329bd
166 Bytes
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment