/*mediaboxAdvanced Smooth theme*//*version 2.6 - June 2011*//* for mediaboxAdvanced v.1.5.x *//*Overlay background styling*/ #mbOverlay { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: #151515; /*background-color: #222;*/ cursor: pointer; } /*Fixes for older or limited browsers*/ #mbOverlay.mbOverlayOpaque { background: transparent url(80.png) repeat; } #mbOverlay.mbOverlayAbsolute { position: absolute; } #mbOverlay.mbMobile { position: absolute; background-color: transparent; } #mbBottom.mbMobile { line-height: 24px; font-size: 16px; } /*Overlay panel styling*/ #mbCenter { position: absolute; z-index: 9999; left: 50%; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #cfd6de; /*画像の外ワク*/ /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#EEEEEE'); /*キャプション背景色　以下、同じ*/ /* IE 5.5 - 7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#EEEEEE'); /* IE 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#EEEEEE)); background: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#EEEEEE)); background: -moz-linear-gradient(top, #eee, #eee); background: -o-linear-gradient(top, #eee, #eee); background: linear-gradient(top, #eee, #eee); /*キャプション背景色　ここまで　*/　　　　 border: 1px solid #fff; border-top-color: #fff; border-bottom-color: #fff; border-right-width: 0px; border-left-width: 0px; -webkit-box-shadow: 0px 4px 24px rgba(0,0,0,0.4); -khtml-box-shadow: 0px 4px 24px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 24px rgba(0,0,0,0.4); box-shadow: 0px 4px 24px rgba(0,0,0,0.4); padding: 10px; text-shadow: rgba(255,255,255,0.5) 0 1px 1px; } #mbCenter.mbLoading { /*background: #000 url(/images/mediabox/MinimalLoading.gif) no-repeat center; /*This style is applied only during animation.*/ /*For example, the next lines turn off shadows*/ /*improving browser performance on slow systems.*/ /*To leave shadows on, just remove the following: */ -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #mbMedia { position: relative; left: 0; top: 0; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*Inline content styling*/ font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #000; text-align: left; background-position: center center; background-repeat: no-repeat; } #mbAudio { padding: 0 0 2px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 5.5 - 7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#aaa)); background: -khtml-gradient(linear, left top, left bottom, from(#888), to(#aaa)); background: -moz-linear-gradient(top, #999, #ccc); background: -o-linear-gradient(top, #999, #ccc); background: linear-gradient(top, #999, #ccc); border: 1px solid #fff; border-top-color: #777; border-bottom-color: #eee; border-right-width: 0px; border-left-width: 0px; height: 20px; } /*Title, Caption and Button styling*/ #mbBottom { line-height: 20px; font-size: 13pt; /*font-size: 12px;キャプション文字サイズ*/ font-family: Tahoma, Myriad, Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #444; min-height: 20px; padding: 10px 10px 0 10px; } #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { display: inline; color: #000099; /*color: #000;キャプション文字色*/ font-weight: bold; } #mbNumber { display:none; /*display: inline;画像カウンター非表示*/ color: #444; /*line-height: 0.8em; */ font-size: 0.8em; margin: auto 10px; } #mbCaption { display: block; color: #444; line-height: 1.6em; font-size: 0.8em; } #mbPrevLink, #mbNextLink, #mbCloseLink { float: right; outline: none; font-weight: normal; margin: 0 0 0 10px; padding: 4px 2px; } #mbPrevLink b, #mbNextLink b, #mbCloseLink b { color: #222; font-weight: bold; text-decoration: underline; } #mbPrevLink big, #mbNextLink big, #mbCloseLink big { color: #222; font-size: 1.6em; line-height: 0.6em; font-weight: bold; } #mbBottom a, #mbBottom a:link, #mbBottom a:visited { text-decoration: none; color: #222; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #mbBottom a:hover { color: #000; text-shadow: rgba(255,255,255,1.0) 0 1px 1px; background-color: #bbb; /*ホーバー時の背景色*/ /* for non-css3 browsers */ } #mbBottom a:active { color: #000; text-shadow: rgba(255,255,255,1.0) 0 1px 1px; background-color: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 5.5 - 7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 8 */ background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#aaa)); background: -khtml-gradient(linear, left top, left bottom, from(#888), to(#aaa)); background: -moz-linear-gradient(top, #999, #ccc); background: -o-linear-gradient(top, #999, #ccc); background: linear-gradient(top, #999, #ccc); border: 1px solid #fff; border-top-color: #777; border-bottom-color: #eee; border-right-width: 0px; border-left-width: 0px; } /*Error message styling*/ #mbError { position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #000; text-align: center; border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color: #d00; font-weight: bold; text-decoration: underline; }