cosmetics

Author: mkaminsky11

.gitignore

@@ -25,4 +25,8 @@ const.js
 nodebot
 keybase.txt
 googlejs
-/googlejs
+/googlejs
+mkaminsky11
+/mkaminsky11
+.meteor
+/.meteor

README.md

@@ -10,11 +10,11 @@
 ###Goal
 To allow people around the globe to collaborate on coding projects via Google Drive. It's that simple. So far, I have yet to see a website or program that accomplishes these tasks for all major programming languages. This is an attempt to change that, and it seems to be working well so far.
 
-=====
+###Todo
++ Run Python + other languages
++ Icons in the tabs
 
-###Possible Ideas###
-+ run languages like Python, etc.
-+ templates
+=====
 
 ###Features###
 + Syntax highlighting
@@ -30,8 +30,6 @@ To allow people around the globe to collaborate on coding projects via Google Dr
 + Minimap preview
 + Search/replace
 
-=====
-
 ###Supported Languages###
 + APL
 + Swift

about/css/index.css

@@ -36,25 +36,8 @@ body{
 	padding-top: 10px;
 	width: calc(100% - 60px);
 	padding-bottom: 0px;
-	/*background-color: #212121;*/
 
-	
-	/*background: #E74C3C;
-	
-	background: #E74C3C; 
-	background: -moz-linear-gradient(top,  #E74C3C 0%, #C0392B 100%); 
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E74C3C), color-stop(100%,#C0392B));
-	background: -webkit-linear-gradient(top,  #E74C3C 0%,#C0392B 100%); 
-	background: -o-linear-gradient(top,  #E74C3C 0%,#C0392B 100%); 
-	background: -ms-linear-gradient(top,  #E74C3C 0%,#C0392B 100%); 
-	background: linear-gradient(to bottom,  #E74C3C 0%,#C0392B 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E74C3C', endColorstr='#C0392B',GradientType=0 );	
-	
-	*/
-	
-	/*background-color: #EC5343;*/
-	
-	background: url("../../images/poly/3.jpg") no-repeat center center fixed; 
+	background: url("../images/background.jpg") no-repeat center center fixed; 
 	  -webkit-background-size: cover;
 	  -moz-background-size: cover;
 	  -o-background-size: cover;
@@ -64,7 +47,7 @@ body{
 #quote{
 	text-align: center;
 	font-family: 'Baron';
-	color: #E9E7E7;
+	color: #FFFCFC;
 	font-size: 22px;
 }
 #chart{
@@ -74,10 +57,10 @@ body{
 	font-size: 22px;
 }
 #screen{
-	position: absolute;
-	width: 80%;
+	position: absolute !important;
+	width: 60%;
 	bottom: 0;
-	left: 10%;
+	left: 20%;
 	background-color: transparent;
 	margin-bottom: -4px;
 	z-index: 1;
@@ -107,7 +90,7 @@ body{
 
 #brand{
 	height: 30px;
-	position: absolute;
+	position: absolute !important;
 	top: 22px;
 	font-size: 23px;
 	margin-left: 10px;
@@ -221,7 +204,7 @@ paper-button{
 	-webkit-transition-duration: 0.5s;
 	transition-property: border;
 	transition-duration: 0.5s;
-	border: solid 2px #E74C3C;
+	border: 2px solid gray;
 }
 #switch{
 	margin: 0;
@@ -343,4 +326,18 @@ paper-toggle-button::shadow #toggleBar {
 	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 	margin-bottom: 10px;
-}
+}
+
+#main * {
+  position: relative;
+  z-index: 2;
+}
+
+.overlay{
+position: absolute !important;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0,0,0,0.2);
+}