Fuck, missed some files
This commit is contained in:
		
							parent
							
								
									40a51c2c51
								
							
						
					
					
						commit
						3a90336e7c
					
				| @ -9,36 +9,45 @@ | |||||||
| 	<%= csrf_meta_tag %> | 	<%= csrf_meta_tag %> | ||||||
| </head> | </head> | ||||||
| <body> | <body> | ||||||
|  | 	<div id="nav"> | ||||||
|  | 		<ul> | ||||||
|  | 			<li><a href="/">Search</a></li> | ||||||
|  | 			<li><a href="/user/profile">Profile</a></li> | ||||||
|  | 			<li><a href="/logout">Logout</a></li> | ||||||
|  | 		</ul> | ||||||
|  | 	</div> | ||||||
|  | 	<% if @hide_player.nil? -%> | ||||||
|  | 	<div id="player"> | ||||||
|  | 		<div id="audiobox"></div> | ||||||
|  | 		<div class="prev" title="Play Previous Track"><img src="/images/player/prev.svg" alt="prv" /></div> | ||||||
|  | 		<div class="play" title="Play"><img src="/images/player/play.svg" alt="ply" /></div> | ||||||
|  | 		<div class="pause" title="Pause" style="display:none"><img src="/images/player/pause.svg" alt="pause" /></div> | ||||||
|  | 		<div class="next" title="Play Next Track"><img src="/images/player/next.svg" alt="pse" /></div> | ||||||
|  | 		<div class="time-played">0:00</div> | ||||||
|  | 		<div class="progress"> | ||||||
|  | 			<div class="track-title">No track</div> | ||||||
|  | 			<div class="progress-bar"> | ||||||
|  | 				<div class="progress-loaded"> | ||||||
|  | 					<div title="Drag It Now!" class="progress-point"></div> | ||||||
|  | 				</div> | ||||||
|  | 			</div> | ||||||
|  | 		</div> | ||||||
|  | 		<div class="time-left">0:00</div> | ||||||
|  | 		<div title="Play Tracks In Random Order" class="shuffle"><img src="/images/player/shuffle.svg" alt="shu" /></div> | ||||||
|  | 		<div title="Repeat Playlist" class="repeat"><img src="/images/player/repeat.svg" alt="rep" /></div> | ||||||
|  | 		<div title="Show/Hide Playlist" class="playlist"> | ||||||
|  | 			<img src="/images/player/playlist.svg" alt="pls" /> | ||||||
|  | 			<div class="count">0</div> | ||||||
|  | 		</div> | ||||||
|  | 	</div> | ||||||
|  | 	<div id="playlist"> | ||||||
|  | 		<ul class="list"></ul> | ||||||
|  | 	</div> | ||||||
|  | 	<div class="corner-fix left"></div> | ||||||
|  | 	<div class="corner-fix right"></div> | ||||||
|  | 	<%- end %> | ||||||
| 	<div id="contents"> | 	<div id="contents"> | ||||||
| 		<div class="inner-1"> | 		<div class="inner-1"> | ||||||
| 			<% if @hide_player.nil? -%> |  | ||||||
| 			<div id="player"> |  | ||||||
| 				<div id="audiobox"></div> |  | ||||||
| 				<div class="prev" title="Play Previous Track"><img src="/images/player/prev.svg" alt="prv" /></div> |  | ||||||
| 				<div class="play" title="Play"><img src="/images/player/play.svg" alt="ply" /></div> |  | ||||||
| 				<div class="pause" title="Pause" style="display:none"><img src="/images/player/pause.svg" alt="pause" /></div> |  | ||||||
| 				<div class="next" title="Play Next Track"><img src="/images/player/next.svg" alt="pse" /></div> |  | ||||||
| 				<div class="time-played">0:00</div> |  | ||||||
| 				<div class="progress"> |  | ||||||
| 					<div class="track-title">No track</div> |  | ||||||
| 					<div class="progress-bar"> |  | ||||||
| 						<div class="progress-loaded"> |  | ||||||
| 							<div title="Drag It Now!" class="progress-point"></div> |  | ||||||
| 						</div> |  | ||||||
| 					</div> |  | ||||||
| 				</div> |  | ||||||
| 				<div class="time-left">0:00</div> |  | ||||||
| 				<div title="Play Tracks In Random Order" class="shuffle"><img src="/images/player/shuffle.svg" alt="shu" /></div> |  | ||||||
| 				<div title="Repeat Playlist" class="repeat"><img src="/images/player/repeat.svg" alt="rep" /></div> |  | ||||||
| 				<div title="Show/Hide Playlist" class="playlist"> |  | ||||||
| 					<img src="/images/player/playlist.svg" alt="pls" /> |  | ||||||
| 					<div class="count">0</div> |  | ||||||
| 				</div> |  | ||||||
| 			</div> |  | ||||||
| 			<div id="playlist"> |  | ||||||
| 				<ul class="list"></ul> |  | ||||||
| 			</div> |  | ||||||
| 			<%- end %> |  | ||||||
| 			<%= yield %> | 			<%= yield %> | ||||||
| 		</div> | 		</div> | ||||||
| 	</div> | 	</div> | ||||||
|  | |||||||
| @ -12,6 +12,7 @@ Beathaven::Application.routes.draw do | |||||||
|   match 'reg/complete' => 'user#complete' |   match 'reg/complete' => 'user#complete' | ||||||
|   match 'login' => 'user#login' |   match 'login' => 'user#login' | ||||||
|   match 'user/profile' => 'user#update' |   match 'user/profile' => 'user#update' | ||||||
|  |   match 'user/invite' => 'user#invite' | ||||||
|    |    | ||||||
|   match '*a', :to => 'errors#routing' |   match '*a', :to => 'errors#routing' | ||||||
| end | end | ||||||
|  | |||||||
| @ -132,3 +132,52 @@ h1.artist > span > span.play { | |||||||
| 	padding: 0.2em; | 	padding: 0.2em; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | 
 | ||||||
|  | #nav { | ||||||
|  | 	position: fixed; | ||||||
|  | 	z-index: 2; | ||||||
|  | 	top: 0; | ||||||
|  | 	left: 50%; | ||||||
|  | 	margin-left: -375px; | ||||||
|  | 	width: 750px; | ||||||
|  | 	height: 25px; | ||||||
|  | 	background-color: #000; | ||||||
|  | 	border-bottom: #222 1px solid; | ||||||
|  | } | ||||||
|  | 	#nav ul { | ||||||
|  | 		margin: 0 5px; | ||||||
|  | 		padding: 0; | ||||||
|  | 		list-style: none; | ||||||
|  | 	} | ||||||
|  | 		#nav ul li { | ||||||
|  | 			display: inline-block; | ||||||
|  | 			width: auto; | ||||||
|  | 			margin: 0 5px; | ||||||
|  | 		} | ||||||
|  | 			#nav ul li a { | ||||||
|  | 				color: #CCC; | ||||||
|  | 				line-height: 25px; | ||||||
|  | 				font-size: 12px; | ||||||
|  | 				text-decoration: none; | ||||||
|  | 				font-weight: bold; | ||||||
|  | 			} | ||||||
|  | 				#nav ul li a:hover { | ||||||
|  | 					color: #DDD; | ||||||
|  | 				} | ||||||
|  | 
 | ||||||
|  | .corner-fix { | ||||||
|  | 	position: fixed; | ||||||
|  | 	width: 8px; | ||||||
|  | 	height: 8px; | ||||||
|  | 	background-color: #000; | ||||||
|  | 	top: 25px; | ||||||
|  | 	left: 50%; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .corner-fix.left { | ||||||
|  | 	margin-left: -375px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .corner-fix.right { | ||||||
|  | 	margin-left: 367px; | ||||||
|  | } | ||||||
| @ -10,10 +10,11 @@ audio { | |||||||
| 	width: 750px; | 	width: 750px; | ||||||
| 	height: 50px; | 	height: 50px; | ||||||
| 	left: 50%; | 	left: 50%; | ||||||
| 	top: 0; | 	top: 25px; | ||||||
| 	margin-left: -375px; | 	margin-left: -375px; | ||||||
| 	background-color: #000; | 	background-color: #000; | ||||||
| 	font-size: 12px; | 	font-size: 12px; | ||||||
|  | 	border-radius: 8px; | ||||||
| } | } | ||||||
| 	#player .prev, #player .next, #player .play, #player .pause { | 	#player .prev, #player .next, #player .play, #player .pause { | ||||||
| 		float: left; | 		float: left; | ||||||
| @ -155,10 +156,10 @@ audio { | |||||||
| 	} | 	} | ||||||
| #playlist { | #playlist { | ||||||
| 	position: fixed; | 	position: fixed; | ||||||
| 	top: 50px; | 	top: 75px; | ||||||
| 	left: 50%; | 	left: 50%; | ||||||
| 	width: 750px; | 	width: 734px; | ||||||
| 	margin-left: -375px; | 	margin-left: -367px; | ||||||
| 	background-color: #000; | 	background-color: #000; | ||||||
| 	opacity: 0.9; | 	opacity: 0.9; | ||||||
| 	-moz-opacity: 0.9; | 	-moz-opacity: 0.9; | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user