Changed wrapper class, a little tilted to left, reduced size of bandc…

…amp iframe
praihan · Jul 26, 2014 · 28abd76 · 28abd76
1 parent be90c38
commit 28abd76
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -20,7 +20,7 @@
 
 	</head>
 	<body>
-    <div class="wrapper">
+    <div class="automargin">
     <section>
         <div id="title">
 			<h1>SAMPRIT RAIHAN</h1>
@@ -117,8 +117,11 @@ <h3>Music</h3>
 			<p>
 				I am a multi-instrumentalist/songwriter/producer and I handle the entire instrumental section of my latest musical endeavor, <a href="https://www.facebook.com/transcendworld" target="_blank"> Transcend</a>, a post rock duo that features my old bandmate Sifat Hasan.
 			</p>
-			<iframe style="border: 0; width: 100%; height: 470px;" src="http://bandcamp.com/EmbeddedPlayer/track=496742491/size=large/bgcol=333333/linkcol=0f91ff/tracklist=false/artwork=small/transparent=true/" seamless><a href="http://transcendworld.bandcamp.com/track/worth-your-while">Worth Your While by Transcend</a></iframe>
-
+			<div id="bandcamp">
+				<iframe style="border: 0; width: 100%; height: 470px;" src="http://bandcamp.com/EmbeddedPlayer/track=496742491/size=large/bgcol=333333/linkcol=0f91ff/tracklist=false/artwork=small/transparent=true/" seamless><a href="http://transcendworld.bandcamp.com/track/worth-your-while">Worth Your While by Transcend</a></iframe>
+
+			</div>
+
 			<p>
 				Back in my high school days, I was also deeply involved with <a href="https://www.facebook.com/absentelementband" target="_blank">Absent Element</a>, an experimental rock band from Dhaka, Bangladesh, where I participated in the capacity of a guitar player, songwriter, composer and lyricist.
 			</p>
@@ -132,7 +135,7 @@ <h3>Music</h3>
 			</div>
 		</div>
 	</section>
-	</div>
+	</div-->
 
 	</body>
 </html>
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
@@ -607,7 +607,7 @@ strong {
 .wrapper {
   max-width: 650px;
   margin: 0 auto;
-  position: relative;
+  position: center;
   padding: 0 20px;
 }
 
@@ -875,8 +875,9 @@ section #ibm-optimization-developer {
   height:120px;
   clear: both;
 }
-#music {
+section #music {
   text-align: center;
+  clear: both;
 }
 #music-description {
   text-align: left;
@@ -892,4 +893,15 @@ section #uoft {
   width:100%;
   height:120px;
   clear: both;
+}
+section #bandcamp {
+  background-color: none;
+  max-height: 150px;
+}
+.automargin {
+  max-width: 690px;
+  margin-left: auto; margin-right: auto;
+  position: relative;
+  height: auto;
+  /*padding: 0 20px;*/
 }