Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- margin: 0;
- padding: 0;
- border: 0;
- }
- #wholepage{
- margin-left: auto;
- margin-right: auto;
- }
- body{
- margin: 0;
- padding: 0;
- font-family: Ariel;
- background: #c40000;
- }
- h1{
- color: white;
- font-size: 30px;
- text-align: center;
- font-family:'Neucha', cursive;
- }
- .gallery contents > li{
- text-decoration: none;
- }
- h2{
- color: white;
- font-size: 10px;
- position: relative;
- left: 540px;
- }
- .main{
- padding: 20px;
- background-color: #ffffff;
- height: 1010px;
- width: 100%;
- display: inline-block;
- }
- .mainOne{
- padding: 20px;
- background-color: #ffffff;
- height: 500px;
- width: 100%;
- }
- .mainTwo{
- border-radius: 5px;
- padding: 20px;
- background-color: #ffffff;
- height: 600px;
- }
- .mainThree{
- border-radius: 5px;
- padding: 20px;
- background-color: #ffffff;
- height: 800px;
- }
- .centercontent{
- width: 300px;
- height: 300px;
- position: relative;
- left: 500px;
- bottom: 140px;
- }
- .leftcontent{
- position: relative;
- top: 370px;
- left: 200px;
- }
- .rightcontent{
- position: relative;
- left: 850px;
- top: 120px;
- }
- h3{
- font-size: 20px;
- position: relative;
- top: 400px;
- left: 225px;
- color: #c40000;
- }
- h4{
- text-align: center;
- font-size: 20px;
- position: relative;
- top: 375px;
- color: #c40000;
- right: 30px;
- }
- h5{
- text-align: right;
- font-size: 20px;
- position: relative;
- top: 350px;
- right: 280px;
- color: #c40000;
- }
- .wrapper{
- width:65%;
- margin:0 auto;
- padding:1em;
- }
- #mainbox{
- width: 500px;
- height: 500px;
- position: center;
- overflow: hidden;
- }
- a { background-color: transparent;
- }
- {-webkit-text-decoration-skip: objects;}
- #imgbox{
- width: 300%;
- position: relative;
- left: 0;
- animation: slidemove 30s infinite;
- }
- #imgbox img{
- width: 33.33%;
- float: left;
- }
- @-webkit-keyframes slidemove{
- 0%{
- left: 0;
- }
- 25%{
- left: -100%;
- }
- 50%{
- left: -200%;
- }
- 75%{
- left: -200%;
- }
- 100%{
- left: 0;
- }
- }
- #bg{
- height: 25%;
- width: 25%;
- padding-left: 400px;
- }
- .left{
- width:30%;
- float:left;
- }
- .right{
- width:30%;
- float:right;
- margin-bottom:1em;
- }
- .footercontents{
- color: #ffffff;
- list-style-type: none;
- text-align: center;
- padding: 20px 0 20px 0;
- position: relative;
- position: top;
- }
- .footercontents > li{
- display: inline-block;
- padding-right: 5px;
- float: top;
- }
- .footercontents > li > a{
- text-decoration: none;
- color: #ffffff;
- font-size: 10px;
- font-family: Lato;
- }
- .footercontents > li >a:hover{
- color: #c1c1c1;
- }
- .nav{
- background-color: #c40000;
- color: #ffffff;
- list-style-type: none;
- text-align: center;
- padding: 15px 0 15px 0;
- }
- .nav > li{
- display: inline-block;
- padding-right: 50px;
- }
- .nav > li > a{
- text-decoration: none;
- color: #ffffff;
- }
- .nav > li >a:hover{
- color: #FCB5B5;
- }
- .access{
- bottom: 10px;
- list-style-type: none;
- position: relative;
- text-align: center;
- }
- .access > li{
- display: inline-block;
- }
- .social > li{
- display: inline-block;
- }
- .social{
- position: relative;
- bottom: 5px;
- list-style-type: none;
- text-align: center;
- }
- .performance{
- height: 200px;
- width: 500px;
- padding-left: 400px;
- }
- .performanceImages{
- width: 700px;
- height: 300px;
- padding-left: 350px;
- padding-bottom: 530px;
- }
- .recording{
- height: 200px;
- width: 500px;
- padding-left: 400px;
- padding-top: 20px;
- }
- .aboutUs{
- height:800px;
- width:400px;
- position: relative;
- left: 280px;
- }
- #mainBox{
- width: 300px;
- height: 300px;
- position: center;
- overflow: hidden;
- }
- #imgBox{
- width: 300%;
- position: relative;
- left: 0;
- animation: slidemove 30s infinite;
- }
- #imgBox img{
- width: 33.33%;
- float: left;
- }
- #BG{
- height: 25%;
- width: 25%;
- position: relative;
- left: 700px;
- bottom: 800px;
- }
- h6{
- position: relative;
- text-align: right;
- right: 370px;
- bottom: 500px;
- font-size: 20px;
- }
- .rect{
- width: 200px;
- height:100px;
- background-color: #c4000;
- position: relative;
- position: center;
- }
- .soundParagraph{
- height: 200px;
- width: 500px;
- position: relative;
- padding-left: 400px;
- }
- .soundsample{
- position: relative;
- position: center;
- padding-left:800px;
- right: 150px;
- bottom: 190px;
- }
- .soundImg{
- position: relative;
- left: 350px;
- top: 70px;
- }
- .logo{
- position: absolute;
- left: 200px;
- border-style:none;
- }
- .rectangle{
- width: 200px;
- height: 40px;
- background-color: #C40000;
- position: relative;
- left: 750px;
- bottom: 465px;
- }
- .newsletter{
- position: relative;
- bottom: 495px;
- left: 780px;
- font-weight: bold;
- text-decoration: none;
- color: #FFFFFF;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement