Team:LZU-China/chz cartoon2css

/* Slicebox Style */ .sb-slider { margin: 10px auto; position: relative; overflow: hidden; width: 100%; list-style-type: none; padding: 0; }

.sb-slider li { margin: 0; padding: 0; display: none; }

.sb-slider li > a { outline: none; }

.sb-slider li > a img { border: none; }

.sb-slider img { max-width: 100%; display: block; }

.sb-description { padding: 20px; bottom: 10px; left: 10px; right: 10px; z-index: 1000; position: absolute; background: #CBBFAE; background: rgba(190,176,155, 0.4); border-left: 4px solid rgba(255,255,255,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #fff;

-webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; }

.sb-slider li.sb-current .sb-description { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 1; }

.sb-slider li.sb-current .sb-description:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); background: rgba(190,176,155, 0.7); }

.sb-perspective { position: relative; }

.sb-perspective > div { position: absolute;

-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;

-webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -o-backface-visibility : hidden; -ms-backface-visibility : hidden; backface-visibility : hidden; }

.sb-side { margin: 0; display: block; position: absolute;

-moz-backface-visibility : hidden;

-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }