mirror of
				https://github.com/smartfrigde/armcord.git
				synced 2024-08-14 23:56:58 +00:00 
			
		
		
		
	Merge pull request #8 from kckarnige/main
Fixed loading screen centering and adjusted titlebar
This commit is contained in:
		
						commit
						fa30f10ffa
					
				
					 2 changed files with 21 additions and 14 deletions
				
			
		
							
								
								
									
										29
									
								
								index.html
									
										
									
									
									
								
							
							
						
						
									
										29
									
								
								index.html
									
										
									
									
									
								
							|  | @ -25,18 +25,16 @@ | |||
|       color: #8e9297; | ||||
|       text-align: center; | ||||
|       font-weight: 100; | ||||
|       transform: translateY(360%); | ||||
|       transform: translateY(-185%); | ||||
|       font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; | ||||
|       text-rendering: optimizeLegibility; | ||||
|       font-style: italic; | ||||
|     } | ||||
| 
 | ||||
|     h1 { | ||||
|       color: #ffffff; | ||||
|       font-size: 0px; | ||||
|       text-align: center; | ||||
|       font-weight: normal; | ||||
|       font-family: Discordinated; | ||||
|       transform: translateY(120%); | ||||
|       transform: translateY(-105%); | ||||
|     } | ||||
| 
 | ||||
|     h1:before { | ||||
|  | @ -44,22 +42,31 @@ | |||
|       color: #7289da; | ||||
|       font-weight: normal; | ||||
|       font-family: Helvetica, sans-serif; | ||||
|       font-size: 32px; | ||||
|     } | ||||
| 
 | ||||
|     h1:after { | ||||
|       content: "Cord"; | ||||
|       color: #ffffff; | ||||
|       font-weight: normal; | ||||
|       font-family: Discordinated; | ||||
|       font-size: 32px; | ||||
|     } | ||||
| 
 | ||||
|     span { | ||||
|       text-align: center; | ||||
|     } | ||||
| 
 | ||||
|     .center { | ||||
|     .logo { | ||||
|       display: block; | ||||
|       margin-left: auto; | ||||
|       margin-right: auto; | ||||
|       width: 50%; | ||||
|       max-height: 204px; | ||||
|       max-width: 204px; | ||||
|       transform: translateY(5%); | ||||
|     } | ||||
| 
 | ||||
|     .loading { | ||||
|     .container { | ||||
|       position: fixed; | ||||
|       top: 50%; | ||||
|       left: 50%; | ||||
|  | @ -74,13 +81,13 @@ | |||
| 
 | ||||
| <body> | ||||
|     <div class="container"> | ||||
|   <video autoplay loop class="center" style="transform: translateY(60%);"> | ||||
|   <video autoplay loop class="logo"> | ||||
|     <source src="https://discord.com/assets/0bdc0497eb3a19e66f2b1e3d5741634c.webm" type="video/webm"> | ||||
|   </video> | ||||
|   <p>Loading...</p> | ||||
|     <h1>Cord</h1> | ||||
|     <h1></h1> | ||||
| </div> | ||||
| 
 | ||||
| </body> | ||||
| 
 | ||||
| </html> | ||||
| </html> | ||||
|  | @ -48,7 +48,7 @@ div.menubar[role="menubar"] { | |||
|   content: "Cord"; | ||||
|   color: #fff; | ||||
|   font-weight: normal; | ||||
|   font-size: 12px; | ||||
|   font-size: 14px; | ||||
|   font-family: Discordinated; | ||||
| } | ||||
| 
 | ||||
|  | @ -56,14 +56,14 @@ div.menubar[role="menubar"] { | |||
|   content: "ARM"; | ||||
|   color: #7289da; | ||||
|   font-weight: normal; | ||||
|   font-size: 12px; | ||||
|   font-size: 14px; | ||||
|   font-family: Helvetica, sans-serif; | ||||
| } | ||||
| 
 | ||||
| .window-title { | ||||
|   font-size: 0px !important; | ||||
|   margin-left: initial !important; | ||||
|   transform: translate(10px, 3px) !important; | ||||
|   transform: translate(10px, 2px) !important; | ||||
| } | ||||
| 
 | ||||
| .titlebar { | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue