demon ov

3
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{ /* Page reset */ margin:0px; padding:0px; } body{ /* Setting default text color, background and a font stack */ color:#444444; font-size:13px; background: #f2f2f2; font-family:Arial, Helvetica, sans-serif; } /* Gallery styles */ #gallery{ /* CSS3 Box Shadow */ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA; /* CSS3 Rounded Corners */ -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; border:1px solid white; background:url(img/panel.jpg) repeat-x bottom center #ffffff; /* The width of the gallery */ width:920px; overflow:hidden; } #slides{ /* This is the slide area */ height:400px; /* jQuery changes the width later on to the sum of the widths of all the slides. */ width:920px; overflow:hidden; } .slide{ float:left; } #menu{ /* This is the container for the thumbnails */ height:45px; }

Upload: alberto-hernandez

Post on 20-Jul-2016

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Demon Ov

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{/* Page reset */margin:0px;padding:0px;

}

body{/* Setting default text color, background and a font stack */color:#444444;font-size:13px;background: #f2f2f2;font-family:Arial, Helvetica, sans-serif;

}

/* Gallery styles */

#gallery{/* CSS3 Box Shadow */-moz-box-shadow:0 0 3px #AAAAAA;-webkit-box-shadow:0 0 3px #AAAAAA;box-shadow:0 0 3px #AAAAAA;

/* CSS3 Rounded Corners */

-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;

-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;

border:1px solid white;

background:url(img/panel.jpg) repeat-x bottom center #ffffff;

/* The width of the gallery */width:920px;overflow:hidden;

}

#slides{/* This is the slide area */height:400px;

/* jQuery changes the width later on to the sum of the widths of all the slides. */

width:920px;overflow:hidden;

}

.slide{float:left;

}

#menu{/* This is the container for the thumbnails */height:45px;

}

Page 2: Demon Ov

ul{margin:0px;padding:0px;

}

li{/* Every thumbnail is a li element */width:60px;display:inline-block;list-style:none;height:45px;overflow:hidden;

}

li.inact:hover{/* The inactive state, highlighted on mouse over */background:url(img/pic_bg.png) repeat;

}

li.act,li.act:hover{/* The active state of the thumb */background:url(img/active_bg.png) no-repeat;

}

li.act a{cursor:default;

}

.fbar{/* The left-most vertical bar, next to the first thumbnail */width:2px;background:url(img/divider.png) no-repeat right;

}

li a{display:block;background:url(img/divider.png) no-repeat right;height:35px;padding-top:10px;

}

a img{border:none;

}

/* The styles below are only necessary for the demo page */

h1{font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:36px;font-weight:normal;margin-bottom:15px;

}/*h2{

font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;position:absolute;

Page 3: Demon Ov

right:0;text-transform:uppercase;top:15px;

}*/#main{

/* The main container */margin:15px auto;text-align:center;width:920px;position:relative;

}

a, a:visited {color:#0196e3;text-decoration:none;outline:none;

}

a:hover{text-decoration:underline;

}

p{padding:10px;text-align:center;

}/** Twitter status feed */

#twitstat {background: url(../images/twitterbar.jpg) no-repeat;width:695px;height:93px;color:#2f2e2e;font-size:14px;padding: 0 20px 0 70px;margin:0px auto;overflow:hidden;}#twitstat a{color:#2f2e2e;font-weight:bold;}#twitstat a:hover{color:#005ab3;}#twitstat ul {list-style:none;padding-top:15px;}