Changeset 28556 for extensions/Slim/theme.css

Timestamp:

May 28, 2014, 11:14:27 PM (10 years ago)

Author:

Miklfe

Message:

nouveau carousel: mousewheel; scrollable pour les écrans tactiles
nouvelle lightbox: Fancybox

File:

• extensions/Slim/theme.css (modified) (6 diffs)

extensions/Slim/theme.css

@@ -12 +12 @@
 A:hover{color:#8F8F8F;border:none}
 .commentsList{overflow:inherit}
-#theHeader{text-align:left;padding-left:100px;padding-top:70px;position:relative;margin-bottom:10px}
+#theHeader{position:relative;text-align:left;padding-top:70px;position:relative;margin:10px auto;width:95%}
 #theHeader H1{display:inline-block;text-align:left;font-size:280%;margin:0}
 #theHeader p{display:inline-block;font-size:130%;position:absolute;right:40px;bottom:0}
-#content{margin:0}
+#content{margin:0 auto;width:95%}
 .content H2{margin:3px 0 0}
-#infoBlock,#imageHeaderBar{background:rgba(239, 239, 239, 1);border-radius:3px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px rgba(255, 255, 255, 0.4); margin:0 40px}
+#infoBlock,#imageHeaderBar{background:rgba(239, 239, 239, 1);border-radius:3px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px rgba(255, 255, 255, 0.4); margin:0}
 .switchBox{background:#5f5f5f; color:#fff}
 .switchBox a{color:#fff}
@@ -25 +25 @@
 .message{color:#FFF;background:#666}
 .description{margin-left:20px;padding-bottom:10px}
-#home{padding-bottom:20px}
 .logcontener{Background:#EFEFEF;border:1px solid #afafaf;border-radius:5px;margin-top:40px}
 .logcontener SPAN.property{width:100%}
@@ -36 +35 @@
 
 /*=========================================categorie page======================================================*/
-.illustration{border-radius:7px;position:relative;margin-right:10px;float:none}
-.illustration img{display:block;border-radius:7px;margin:0 auto}
+.illustration{margin-right:10px;position:relative}
+.illustration img{display:block;border-radius:4px;margin:0 auto}
 .content .additional_info{text-align:left;padding-bottom:20px;padding-left:25px}
 .CatMPdescription h3{background:transparent;margin:5px 30px 0 0}
@@ -97 +96 @@
 .close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right}
 .close:hover{background:url(images/menu/close.png) no-repeat 0 -16px }
+#home {margin:0 40px 0 10px;width:32px;height:32px;background:url(images/menu/home_w.png) no-repeat left top}
+#home:hover{background-position:left -30px}
+.slim a{float:left}
+.slim{padding-top:5px}
 
 /*=========================================picture page======================================================*/
@@ -137 +140 @@
 
 /*___comment___*/
-#comments{padding:0 0 40px;text-align:left}
+#comments{padding:0 0 40px;text-align:left;margin:0 50px}
 #commentAdd,#pictureCommentList{width:48%}
 #pictureCommentList li{margin-top:20px}
@@ -160 +163 @@
 
 /*=========================================carousel======================================================*/
-#carousel{position:relative}
-.jcarousel{position:relative;overflow:hidden}
-.jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0}
-.jcarousel li {float: left}
-#wrap{position:relative;margin:50px;padding:20px 20px 40px;border:1px solid rgba(0,0,0,0.5);border-radius:8px;background:rgba(0,0,0,0.25);box-shadow:0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 2px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3)}
-.jcarousel-control-prev,.jcarousel-control-next{position:absolute;top:160px;width:30px;height:30px;text-align:center;background:#4E443C;color:#fff;text-decoration:none;text-shadow:0 0 1px #000;font:24px/27px Arial, sans-serif;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 0 2px #999;-moz-box-shadow:0 0 2px #999;box-shadow:0 0 2px #999}
-.jcarousel-control-prev{left:80px}
-.jcarousel-control-next{right:80px}
-.jcarousel-control-prev:hover span,.jcarousel-control-next:hover span{display:block}
-.jcarousel-control-prev.inactive,.jcarousel-control-next.inactive{opacity: .5;cursor:default}
-
-/*=========================================Lytebox======================================================*/
-#lbOverlay{position:fixed;top:0px;left:0px;z-index:99997;width:100%;height:100%;background:#000}
-#lbMain{position:absolute;left:0px;width:100%;z-index:99998;text-align:center;line-height:0;isplay:-moz-inline-stack}
-#lbMain a img{border:1px solid #FFF}
-#lbOuterContainer{position:relative;background:transparent;width:200px;height:200px;margin:0px auto;border:2px solid #CCC}
-#lbTopContainer,#lbBottomContainer{font:0.9em/1.4em Verdana,Helvetica,sans-serif;background:transparent;width:100%;overflow:hidden;margin:0px auto;padding:0px;position:relative;z-index:14;display:none}
-#lbTopContainer{overflow:hidden;margin-top:5px}
-#lbImage,#lbIframe{border:1px solid #CCC}
-#lbImageContainer,#lbIframeContainer{z-index: 12}
-#lbLoading{height:100%;width:100%;margin-top:-10px;background:url("images/Lytebox/loading.gif") no-repeat center center}
-#lbHoverNav{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:10}
-#lbImageContainer > #lbHoverNav{left:0px}
-#lbHoverNav a{outline: medium none}
-#lbPrevHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;left:0px;float:left;margin-left:3px;border:medium none !important}
-#lbPrevHov:hover,#lbPrevHov:visited{background:url("images/Lytebox/prev_t.png") no-repeat left 45%}
-#lbNextHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;right:0px;margin-right:3px;border:medium none !important;float: right}
-#lbNextHov:hover,#lbNextHov:visited{background: url("images/Lytebox/next_t.png") no-repeat right 45%}
-#lbTopData,#lbBottomData{float:left;text-align:left;padding-left: 10px}
-#lbBottomData{padding-bottom:0.5em;color:#FFF}
-#lbTopNav,#lbBottomNav{float:right;text-align:right;padding-right:10px;padding-top:10px}
-#lbNumTop,#lbNumBottom{font-style:italic}
-#lbDescBottom{display:block}
-#lbTitleTop,#lbTopNav{margin-top:0.3em}
-#lbTitleTop,#lbTitleBottom{display:block;font-weight:bold}
-#lbClose,#lbCloseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/close.png") no-repeat 0% 0%}
-#lbPrint,#lbPrintTop{width:26px;height:28px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/print.png") no-repeat 0% 0%}
-#lbPlay,#lbPlayTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/play.png") no-repeat 0% 0%}
-#lbPause,#lbPauseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/pause.png") no-repeat 0% 0%}
-#lbClose,#lbPrint,#lbPlay,#lbPause{margin:0px 0px 6px 8px}
+div.carousel{position:relative;height:355px;width:100%;margin:50px auto;padding:20px 0 20px;border:1px solid rgba(0,0,0,0.5);border-radius:4px;background:rgba(0,0,0,0.25);box-shadow:0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 2px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3)}
+div.scrollingHotSpotLeft{min-width:75px;width:10%;height:100%;background-image: url(images/smoothDivScroll/big_transparent.gif);background-repeat:repeat;background-position:center center;position:absolute;z-index:200;left:0;margin-top:-20px;cursor:url(images/smoothDivScroll/cursors/cursor_arrow_left.png), url(images/smoothDivScroll/cursors/cursor_arrow_left.cur),w-resize}
+div.scrollingHotSpotLeftVisible{background-image:url(images/smoothDivScroll/arrow_left.gif);background-color:#fff;background-repeat:no-repeat;opacity:0.35;-moz-opacity:0.35;filter:alpha(opacity = 35);zoom:1}
+div.scrollingHotSpotRight{min-width:75px;width:10%;height:100%;background-image:url(images/smoothDivScroll/big_transparent.gif);background-repeat:repeat;background-position:center center;position:absolute;z-index:200;right:0;margin-top:-20px;cursor:url(images/smoothDivScroll/cursors/cursor_arrow_right.png), url(images/smoothDivScroll/cursors/cursor_arrow_right.cur),e-resize}
+div.scrollingHotSpotRightVisible{background-image:url(images/smoothDivScroll/arrow_right.gif);background-color:#fff;background-repeat:no-repeat;opacity:0.35;filter:alpha(opacity = 35);-moz-opacity:0.35;zoom:1}
+.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%}
+div.scrollableArea{position:relative;width:auto;height:100%}
+
+/*=========================================fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license========================================= */
+.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
+.fancybox-wrap{ position:absolute;top:0;left:0;z-index:8020}
+.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
+.fancybox-opened{z-index:8030}
+.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5)}
+.fancybox-outer, .fancybox-inner{position:relative}
+.fancybox-inner{overflow: hidden}
+.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
+.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
+.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%}
+.fancybox-image{max-width:100%;max-height:100%}
+#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image: url('images/fancybox/fancybox_sprite.png')}
+#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;    margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}
+#fancybox-loading div{width:44px;height:44px;background:url('images/fancybox/fancybox_loading.gif') center center no-repeat}
+.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index: 8040}
+.fancybox-nav{position:absolute;top: 0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('images/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
+.fancybox-prev {left:0}
+.fancybox-next {right:0}
+.fancybox-nav span {position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
+.fancybox-prev span {left:10px;background-position:0 -36px}
+.fancybox-next span {right:10px;background-position:0 -72px}
+.fancybox-nav:hover span {visibility:visible}
+.fancybox-tmp {position: absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}
+.fancybox-lock {overflow:hidden !important;width:auto}
+.fancybox-lock body {overflow:hidden !important}
+.fancybox-lock-test {overflow-y:hidden !important}
+.fancybox-overlay {position: absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('images/fancybox/fancybox_overlay.png')}
+.fancybox-overlay-fixed {position:fixed;bottom:0;right:0}
+.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll}
+.fancybox-title {visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}
+.fancybox-opened .fancybox-title {visibility:visible}
+.fancybox-title-float-wrap {    position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
+.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}
+.fancybox-title-outside-wrap {position:relative;        margin-top:10px;color:#fff}
+.fancybox-title-inside-wrap {padding-top:10px}
+.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8)}
+@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-device-pixel-ratio: 1.5){
+        #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('images/fancybox/fancybox_sprite@2x.png');background-size:44px 152px}
+        #fancybox-loading div {background-image:url('images/fancybox/fancybox_loading@2x.gif');background-size:24px 24px}
+}
 
 /*==========================================plugin=====================================================*/