Files
littleTiger/template/mobile/rainbow/static/css/photoswipe.css

143 lines
3.4 KiB
CSS
Raw Permalink Normal View History

2019-02-28 19:48:21 +08:00
/* For inline examples only */
#PhotoSwipeTarget {
width:100%;
height:200px;
}
#Indicators {
text-align:center;
margin-top:20px;
}
#Indicators span {
display:inline-block;
height:10px;
width:10px;
margin:0 10px 0 0;
padding:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
background:#c5c5c5;
overflow:hidden;
}
#Indicators span.current {
background:#EEBF02;
}
body.ps-active,body.ps-building,div.ps-active,div.ps-building {
background:#000;
overflow:hidden;
}
body.ps-active *,div.ps-active * {
-webkit-tap-highlight-color:rgba(255,255,255,0);
display:none;
}
body.ps-active *:focus,div.ps-active *:focus {
outline:0;
}
/* Document overlay */
div.ps-document-overlay {
background:#000;
}
/* UILayer */
div.ps-uilayer {
background:#000;
cursor:pointer;
}
/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate {
background:#000;
}
div.ps-zoom-pan-rotate * {
display:block;
}
/* Carousel */
div.ps-carousel-item-loading {
background:url(../images/swype/loader.gif) no-repeat center center;
}
div.ps-carousel-item-error {
background:url(../images/swype/error.gif) no-repeat center center;
}
/* Caption */
div.ps-caption {
background:#000000;
background:-moz-linear-gradient(top,#303130 0%,#000101 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#303130),color-stop(100%,#000101));
border-bottom:1px solid #42403f;
color:#ffffff;
font-size:13px;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
text-align:center;
}
div.ps-caption * {
display:inline;
}
div.ps-caption-bottom {
border-top:1px solid #42403f;
border-bottom:none;
min-height:44px;
}
div.ps-caption-content {
padding:13px;
display:block;
}
/* Toolbar */
div.ps-toolbar {
background:#000000;
background:-moz-linear-gradient(top,#303130 0%,#000101 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#303130),color-stop(100%,#000101));
border-top:1px solid #42403f;
color:#ffffff;
font-size:13px;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
text-align:center;
height:44px;
display:table;
table-layout:fixed;
}
div.ps-toolbar * {
display:block;
}
div.ps-toolbar-top {
border-bottom:1px solid #42403f;
border-top:none;
}
div.ps-toolbar-close,div.ps-toolbar-previous,div.ps-toolbar-next,div.ps-toolbar-play {
cursor:pointer;
display:table-cell;
}
div.ps-toolbar div div.ps-toolbar-content {
width:44px;
height:44px;
margin:0 auto 0;
background-image:url(../images/swype/icons.png);
background-repeat:no-repeat;
}
div.ps-toolbar-close div.ps-toolbar-content {
background-position:0 0;
}
div.ps-toolbar-previous div.ps-toolbar-content {
background-position:-44px 0;
}
div.ps-toolbar-previous-disabled div.ps-toolbar-content {
background-position:-44px -44px;
}
div.ps-toolbar-next div.ps-toolbar-content {
background-position:-132px 0;
}
div.ps-toolbar-next-disabled div.ps-toolbar-content {
background-position:-132px -44px;
}
div.ps-toolbar-play div.ps-toolbar-content {
background-position:-88px 0;
}
/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi) {
div.ps-toolbar div div.ps-toolbar-content {
-moz-background-size:176px 88px;
-o-background-size:176px 88px;
-webkit-background-size:176px 88px;
background-size:176px 88px;
background-image:url(../images/swype/icons@2x.png);
}
}