* {
margin: 0;
}
html, body{
height:100%;
background-attachment: no-repeat;
background-position: center;
background-attachment: fixed;
}
body::-webkit-scrollbar {
width: 12px;
}
/* Track */
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
body::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(0,0,255,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
body::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0,255,0,0.4);
}
#navmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
#navmenu ul li{
width: 130px;
float: left;
margin: 4px;
border: 1px ;
display:inline;
}
#navmenu ul li a{
font-family: verdana, arial;
text-decoration: none;
display: block;
width: 130px;
height: 40px;
line-height: 40px;
font-size: 14pt;
background-image: url(../SubFolder/Images/5.png);
color: green;
}
#navmenu a:hover{
background-position: 0px -40px;
font-weight: bold;
color: blue;
}
#container{
border: 1px ;
text-align: center;
margin: 0px;
margin-right: 44%;
}
#navmenu{
width: 850px;
height: 50px;
padding: 0px;
margin: 0px auto;
border: 1px ;
margin-left:13%
}
#Cont{
margin-left: 65%;
margin-top: 10%;
}
.Pic1 {
height:100%;
background-image: url(../SubFolder/Images/pixar2.png);
margin: 0px;
background-position: center;
background-attachment: fixed;
}
.Pic2 {
height:100%;
background-image: url(../SubFolder/Images/logos.jpg);
margin: 0px;
background-position: center;
background-attachment: fixed;
}
.Pic3 {
height:100%;
background-image: url(../SubFolder/Images/7.jpg);
margin: 0px;
background-position: center;
background-attachment: fixed;
}
.Pic4 {
height:100%;
background-image: url(../SubFolder/Images/7.jpg);
margin: 0px;
background-position: center;
background-attachment: fixed;
}
.Conts1 {
height:75%;
background-image: url(../SubFolder/Images/45.jpg);
background-position: center;
background-attachment: fixed;
overflow:auto;
opacity:0.5;
filter: alpha(opacity=50);
}
.Conts1:hover{
opacity:1;
filter:alpha(opacity=100);
}
.Conts1 img{
opacity: 0.5;
filter: alpha(opacity=50);
margin: 10px 0 10px 500px;
border-radius: 300px;
}
.Conts1 img:hover{
opacity: 1;
filter: alpha(opacity=100);
}
.Conts1 p{
margin: 20px 290px 0 320px;
font-family:Broadway;
}
.Conts1 b{
margin: 20px 0 0 100px;
}
.Conts1 a{
margin: 20px 0 0 600px;
text-decoration: none;
}
.Conts2 {
height:70%;
background-image: url(../SubFolder/Images/34.jpg);
background-attachment: fixed;
overflow: auto;
opacity:0.5;
filter: alpha(opacity=50);
}
.Conts2:hover{
opacity:1;
filter:alpha(opacity=100);
}
.Conts2 img{
opacity: 0.5;
filter: alpha(opacity=50);
border-radius: 300px;
margin: 10px 0 10px 0px;
float:right;
}
.Conts2 img:hover{
opacity: 1;
filter: alpha(opacity=100);
}
.Conts2 p{
margin: 50px 0 0 0;
font-size:14pt;
}
.Conts2 a{
margin: 20px 0 0 600px;
text-decoration: none;
}
.Conts2 span#sp1{
color:Brown;
}
.Conts2 span#sp2{
color:Red;
text-decoration: line-through;
}
.Conts2 span#sp3{
color:blue;
text-decoration: overline;
font-family:Castellar;
}
.Conts2 span#sp4{
color:navy;
word-spacing: 10px;
font-family:cambria;
font-size: 20pt;
}
.Conts3 {
height:70%;
background-image: url(../SubFolder/Images/37.jpg);
background-position: center;
background-attachment: fixed;
overflow:auto;
}
.Conts3 a {
margin: 20px 0 0 600px;
text-decoration: none;
}
.Conts3 #p1{
color:blue;
font-family:cooper;
font-size: 20pt;
}
.Conts3 #p2{
color:violet;
font-family:arial;
font-size: 15pt;
}
.Conts3 #p3{
color:orange;
font-family:Broadway;
font-size: 23pt;
}
.Conts3 #p4{
color:green;
font-family:consolas;
font-size: 18pt;
}
.Conts3 #p5 {
color:yellow;
font-family:consolas;
font-size: 16pt;
}
.Conts3 #p6 {
color: black;
font-family:Arial;
font-size: 30pt;
}
.Conts4 {
height:40%;
background-image: url(../SubFolder/Images/21.jpg);
background-position: center;
background-attachment: fixed;
overflow:auto;
}
.Conts4 a {
text-decoration: none;
}