Page Menu
Home
In-Portal Phabricator
Search
Configure Global Search
Log In
Files
F1170768
jquery.colorbox.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Subscribers
None
File Metadata
Details
File Info
Storage
Attached
Created
Sat, Sep 27, 7:24 PM
Size
4 KB
Mime Type
text/plain
Expires
Mon, Sep 29, 7:24 PM (1 d, 20 h)
Engine
blob
Format
Raw Data
Handle
758596
Attached To
rTADV Themes.Advanced
jquery.colorbox.css
View Options
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#
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
;}
#
cboxLoadedContent
{
overflow
:
auto
;
-webkit-
overflow-scrolling
:
touch
;}
#
cboxTitle
{
margin
:
0
;}
#
cboxLoadingOverlay
,
#
cboxLoadingGraphic
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100
%
;
height
:
100
%
;}
#
cboxPrevious
,
#
cboxNext
,
#
cboxClose
,
#
cboxSlideshow
{
cursor
:
pointer
;}
.
cboxPhoto
{
float
:
left
;
margin
:
auto
;
border
:
0
;
display
:
block
;
max-width
:
none
;
-ms-
interpolation-mode
:
bicubic
;}
.
cboxIframe
{
width
:
100
%
;
height
:
100
%
;
display
:
block
;
border
:
0
;}
#
colorbox
,
#
cboxContent
,
#
cboxLoadedContent
{
box-sizing
:
content-box
;
-moz-
box-sizing
:
content-box
;
-webkit-
box-sizing
:
content-box
;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#
cboxOverlay
{
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/overlay.png
)
repeat
0
0
;}
#
colorbox
{
outline
:
0
;}
#
cboxTopLeft
{
width
:
21
px
;
height
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
no-repeat
-101
px
0
;}
#
cboxTopRight
{
width
:
21
px
;
height
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
no-repeat
-130
px
0
;}
#
cboxBottomLeft
{
width
:
21
px
;
height
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
no-repeat
-101
px
-29
px
;}
#
cboxBottomRight
{
width
:
21
px
;
height
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
no-repeat
-130
px
-29
px
;}
#
cboxMiddleLeft
{
width
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
left
top
repeat-y
;}
#
cboxMiddleRight
{
width
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
right
top
repeat-y
;}
#
cboxTopCenter
{
height
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/border.png
)
0
0
repeat-x
;}
#
cboxBottomCenter
{
height
:
21
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/border.png
)
0
-29
px
repeat-x
;}
#
cboxContent
{
background
:
#fff
;
overflow
:
hidden
;}
.
cboxIframe
{
background
:
#fff
;}
#
cboxError
{
padding
:
50
px
;
border
:
1
px
solid
#ccc
;}
#
cboxLoadedContent
{
margin-bottom
:
28
px
;}
#
cboxTitle
{
position
:
absolute
;
bottom
:
4
px
;
left
:
0
;
text-align
:
center
;
width
:
100
%
;
color
:
#949494
;}
#
cboxCurrent
{
position
:
absolute
;
bottom
:
4
px
;
left
:
58
px
;
color
:
#949494
;}
#
cboxLoadingOverlay
{
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/loading_background.png
)
no-repeat
center
center
;}
#
cboxLoadingGraphic
{
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/loading.gif
)
no-repeat
center
center
;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#
cboxPrevious
,
#
cboxNext
,
#
cboxSlideshow
,
#
cboxClose
{
border
:
0
;
padding
:
0
;
margin
:
0
;
overflow
:
visible
;
width
:
auto
;
background
:
none
;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#
cboxPrevious
:
active
,
#
cboxNext
:
active
,
#
cboxSlideshow
:
active
,
#
cboxClose
:
active
{
outline
:
0
;}
#
cboxSlideshow
{
position
:
absolute
;
bottom
:
4
px
;
right
:
30
px
;
color
:
#0092ef
;}
#
cboxPrevious
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
no-repeat
-75
px
0
;
width
:
25
px
;
height
:
25
px
;
text-indent
:
-9999
px
;}
#
cboxPrevious
:
hover
{
background-position
:
-75
px
-25
px
;}
#
cboxNext
{
position
:
absolute
;
bottom
:
0
;
left
:
27
px
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
no-repeat
-50
px
0
;
width
:
25
px
;
height
:
25
px
;
text-indent
:
-9999
px
;}
#
cboxNext
:
hover
{
background-position
:
-50
px
-25
px
;}
#
cboxClose
{
position
:
absolute
;
bottom
:
0
;
right
:
0
;
background
:
url
(
@templates_base@/platform/inc/jquery/colorbox/images/controls.png
)
no-repeat
-25
px
0
;
width
:
25
px
;
height
:
25
px
;
text-indent
:
-9999
px
;}
#
cboxClose
:
hover
{
background-position
:
-25
px
-25
px
;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.
cboxIE
#
cboxTopLeft
,
.
cboxIE
#
cboxTopCenter
,
.
cboxIE
#
cboxTopRight
,
.
cboxIE
#
cboxBottomLeft
,
.
cboxIE
#
cboxBottomCenter
,
.
cboxIE
#
cboxBottomRight
,
.
cboxIE
#
cboxMiddleLeft
,
.
cboxIE
#
cboxMiddleRight
{
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
#00FFFF
FF
,
endColorstr
=
#00FFFF
FF
);
}
Event Timeline
Log In to Comment