Bladeren bron

Editor: Removed more redundant CSS code.

Mr.doob 5 jaren geleden
bovenliggende
commit
21c843a82c
1 gewijzigde bestanden met toevoegingen van 1 en 162 verwijderingen
  1. 1 162
      editor/css/main.css

+ 1 - 162
editor/css/main.css

@@ -223,7 +223,7 @@ textarea, input { outline: none; } /* osx */
 }
 
 button {
-	color: #f5f;
+	color: #555;
 	background-color: #ddd;
 	border: 0px;
 	padding: 5px 8px;
@@ -548,11 +548,6 @@ select {
 	button {
 		color: #aaa;
 		background-color: #222;
-		border: 0px;
-		padding: 5px 8px;
-		text-transform: uppercase;
-		cursor: pointer;
-		outline: none;
 	}
 
 		button:hover {
@@ -571,21 +566,9 @@ select {
 		color: #888;
 	}
 
-	input.Number {
-		color: #08f!important;
-		font-size: 12px;
-		border: 0px;
-		padding: 2px;
-		cursor: col-resize;
-	}
-
 	select {
 		color: #aaa;
 		background-color: #222;
-		border: 0px;
-		text-transform: uppercase;
-		cursor: pointer;
-		outline: none;
 	}
 
 		select:hover {
@@ -595,80 +578,12 @@ select {
 
 	/* UI */
 
-	#viewport {
-		position: absolute;
-		top: 32px;
-		left: 0;
-		right: 300px;
-		bottom: 0;
-	}
-
-		#viewport #info {
-			text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
-			pointer-events: none;
-		}
-
-	#script {
-		position: absolute;
-		top: 32px;
-		left: 0;
-		right: 300px;
-		bottom: 0;
-		opacity: 0.9;
-	}
-
-	#player {
-		position: absolute;
-		top: 32px;
-		left: 0;
-		right: 300px;
-		bottom: 0;
-	}
-
 	#menubar {
-		position: absolute;
-		width: 100%;
-		height: 32px;
 		background: #111;
-		padding: 0;
-		margin: 0;
-		right: 0;
-		top: 0;
 	}
 
-		#menubar .menu {
-			float: left;
-			cursor: pointer;
-			padding-right: 8px;
-		}
-
-		#menubar .menu.right {
-			float: right;
-			cursor: auto;
-			padding-right: 0;
-			text-align: right;
-		}
-
-			#menubar .menu .title {
-				display: inline-block;
-				color: #888;
-				margin: 0;
-				padding: 8px;
-				line-height: 16px;
-			}
-
 			#menubar .menu .options {
-				position: fixed;
-				display: none;
-				padding: 5px 0;
 				background: #111;
-				width: 150px;
-				max-height: calc(100% - 80px);
-				overflow: auto;
-			}
-
-			#menubar .menu:hover .options {
-				display: block;
 			}
 
 				#menubar .menu .options hr {
@@ -677,60 +592,24 @@ select {
 
 				#menubar .menu .options .option {
 					color: #888;
-					background-color: transparent;
-					padding: 5px 10px;
-					margin: 0 !important;
 				}
 
-					#menubar .menu .options .option:hover {
-						color: #fff;
-						background-color: #08f;
-					}
-
-					#menubar .menu .options .option:active {
-						background: transparent;
-					}
-
 			#menubar .menu .options .inactive {
 				color: #444;
-				background-color: transparent;
-				padding: 5px 10px;
-				margin: 0 !important;
 			}
 
 	#sidebar {
-		position: absolute;
-		right: 0;
-		top: 32px;
-		bottom: 0;
-		width: 300px;
 		background-color: #111;
-		overflow: auto;
 	}
 
-		#sidebar * {
-			vertical-align: middle;
-		}
-
 		#sidebar .Panel {
-			color: #888;
-			padding: 10px;
 			border-top: 1px solid #222;
 		}
 
-		#sidebar .Panel.collapsed {
-			margin-bottom: 0;
-		}
-
 		#sidebar .Panel.Material canvas {
 			border: solid 1px #5A5A5A;
 		}
 
-		#sidebar .Row {
-			min-height: 20px;
-			margin-bottom: 10px;
-		}
-
 	#tabs {
 		background-color: #1b1b1b;
 		border-top: 1px solid #222;
@@ -739,61 +618,25 @@ select {
 		#tabs span {
 			color: #555;
 			border-right: 1px solid #222;
-			padding: 10px;
 		}
 
 		#tabs span.selected {
-			color: #888;
 			background-color: #111;
 		}
 
 	#toolbar {
-		position: absolute;
-		left: calc(50% - 290px); /* ( ( 100% - 300px ) / 2.0 ) - 140px */
-		width: 280px;
-		bottom: 16px;
-		height: 32px;
 		background-color: #111;
-		color: #333;
 	}
 
-		#toolbar * {
-			vertical-align: middle;
-		}
-
-		#toolbar .Panel {
-			padding: 4px;
-			color: #888;
-		}
-
-		#toolbar button {
-			margin-right: 6px;
-			line-height: 14px;
-			height: 24px;
-		}
-
 	.Outliner {
 		color: #888;
 		background: #222;
-		padding: 0;
-		width: 100%;
-		height: 140px;
-		font-size: 12px;
-		cursor: default;
-		overflow: auto;
-		outline: none;
 	}
 
-		.Outliner .option {
-			padding: 4px;
-			white-space: nowrap;
-		}
-
 		.Outliner .option:hover {
 			background-color: rgba(21,60,94,0.5);
 		}
 
-
 		.Outliner .option.active {
 			background-color: rgba(21,60,94,1);
 		}
@@ -818,8 +661,4 @@ select {
 		background: #222;
 	}
 
-	.Panel {
-		color: #888;
-	}
-
 }