demo.css 5.5 KB

1
  1. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}a{color:#CCC;text-decoration:none}html{background:#2F2F2F}body{background:#2F2F2F;min-height:100%;font-family:helvetica, arial, sans-serif;overflow-x:hidden;margin:0}body section.container{width:790px;margin:40px auto}body section.container h1{color:#DDD;font-size:3em;font-weight:bold;text-align:center;text-shadow:0 1px 0px #000;text-transform:lowercase;margin-bottom:0.2em}body section.container h2{font-size:0.8em;color:#666;text-align:center;margin-bottom:4em;text-shadow:0 1px 0px rgba(0, 0, 0, 0.5)}body section.container div#slider{-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;padding:20px;background:rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1), 0 0 8px rgba(0, 0, 0, 0.9) inset}body section.container div#slider div.fluxslider div.surface{width:100%;border:1px solid rgba(255, 255, 255, 0.1);-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}body section.container div#slider div.fluxslider ul.pagination{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;padding:10px 0 !important;overflow:hidden}body section.container div#slider div.fluxslider ul.pagination li{text-indent:10000px;height:8px;width:8px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;background:rgba(0, 0, 0, 0.6);-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1)}body section.container div#slider div.fluxslider ul.pagination li.current{background:rgba(255, 255, 255, 0.2)}footer{width:100%;text-align:center;font-size:0.7em;margin-top:4em;color:#666}footer p{margin-bottom:2em}body#transitiongallery section.container{width:960px}body#transitiongallery section.container div#slidercontainer{position:relative}body#transitiongallery section.container div#slidercontainer div#transitions{position:absolute;z-index:50;top:20px;right:20px;width:150px;font-size:0.85em}body#transitiongallery section.container div#slidercontainer div#transitions h2{font-size:1em;text-align:left;color:#CCC;font-weight:bold;margin-bottom:0.7em}body#transitiongallery section.container div#slidercontainer div#transitions ul{margin-bottom:1.5em}body#transitiongallery section.container div#slidercontainer div#transitions ul li{font-size:0.8em;margin-bottom:0.7em}body#transitiongallery section.container div#slidercontainer div#transitions ul li a{display:block;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;padding:0.5em;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #444444), color-stop(100%, #333333));background-image:-webkit-linear-gradient(top, #444444,#333333);background-image:-moz-linear-gradient(top, #444444,#333333);background-image:-o-linear-gradient(top, #444444,#333333);background-image:-ms-linear-gradient(top, #444444,#333333);background-image:linear-gradient(top, #444444,#333333);border:1px solid rgba(255, 255, 255, 0.1);-webkit-box-shadow:0px 1px 0px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow:0px 1px 0px rgba(0, 0, 0, 0.2) inset;-o-box-shadow:0px 1px 0px rgba(0, 0, 0, 0.2) inset;box-shadow:0px 1px 0px rgba(0, 0, 0, 0.2) inset;position:relative}body#transitiongallery section.container div#slidercontainer div#transitions ul li a:active{top:1px}body#transitiongallery section.container div#slidercontainer div#transitions ul li a.new:after{content:'New';font-size:0.8em;padding:0.2em 0.4em;color:#FFF;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd4c10), color-stop(100%, #d23a13));background-image:-webkit-linear-gradient(top, #dd4c10,#d23a13);background-image:-moz-linear-gradient(top, #dd4c10,#d23a13);background-image:-o-linear-gradient(top, #dd4c10,#d23a13);background-image:-ms-linear-gradient(top, #dd4c10,#d23a13);background-image:linear-gradient(top, #dd4c10,#d23a13);border:1px solid #FFF;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);-o-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);position:absolute;top:-0.5em;right:-0.5em}