1 files changed, 175 insertions, 0 deletions

diff --git a/css/kStart.css b/css/kStart.css
new file mode 100755
index 0000000..d79eac2
--- /dev/null
+++ b/css/kStart.css
@@ -0,0 +1,175 @@
+#kStart {
+    width: 1200px;
+    height: 884px;
+    background-image: url(./images/bg.png);
+    -moz-background-size: 100% 100%;
+    -webkit-background-size: 100% 100%;
+    margin: 0px;
+}
+
+#kStart .center{
+   /* width: 100%;
+    float: left;*/
+    width: 800px
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;	  
+}
+
+#kStart #top{
+    height: 13%;
+    width: 100%;
+    color: #8a72c4;
+}
+
+	#backBtn{
+	    background-image: url(images/back_button_start.png);
+	    position: absolute;
+	    width: 60px;
+	    height: 60px;
+	    margin-top: 10px;
+	    margin-left: 10px;
+	    opacity: 1.0;
+	}
+
+	#backBtn:hover{
+	    background-image: url(images/back_button_hover.png);
+	}
+
+	#topMiddle{
+	    margin-top: 1%;
+	    color: white;
+	}
+
+	#topDesc{
+	    
+	}
+	
+	#topE-Paath{
+	    font-size: 2em;
+	    margin-top: 1%;
+	}
+	
+
+
+#kStart #middle{
+    border: 2px solid white;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    color: white;
+    height: 70%;
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+    position:relative;
+    background-color: rgba(0,0,200,0.3);
+}
+
+	#grade{
+	    margin-top: 0.5em;
+	}
+
+		#gradeText{
+		    font-size: 2.5em;
+		}
+		
+		#gradeNum{
+		    font-size: 2.5em;
+		}
+
+	#subject{
+	    font-size: 3em;
+	}
+
+	#lessonTitle{
+	    margin-top: 1em;
+	}
+
+	#lessonTitle>a{
+	    font-size: 2.5em;
+	    color: yellow;
+	    text-decoration: none;
+	}
+
+	#lessonTitle>a:hover{
+	    font-size: 2.9em;
+	    color: #FFFFE0;
+	}
+
+
+	#lessonDesc{
+	    font-size: 2em;
+	    margin-top: 0.2em;
+	}
+	
+	#kStart #middle .button{
+	    position: absolute;
+	    -moz-border-radius: 10px;
+	    -webkit-border-radius: 10px;
+	    background-color: purple;
+	    margin-left: 0.5em;
+	    margin-right: 0.5em;
+	    margin-bottom: 0.5em;
+	    padding-top:0.2em;
+	    padding-bottom: 0.2em;
+	    padding-left: 0.5em;
+	    padding-right: 0.5em;
+	    font-size: 1.5em;
+	    border: 1px black solid;
+	}
+	
+	#kStart #middle .button:hover{
+	    /*opacity: 0.8;*/
+	    border: 2px white solid;
+	}
+
+	#kStart #middle .button a{
+		    text-decoration: none;
+	}
+
+	#kStart #middle .button div{
+	    text-align: center;
+	    color: white;
+	}
+	
+	#teachersNoteBtn{
+	    left: 0em;
+	    bottom: 0em;
+	}
+
+	#lessonPlanBtn{
+	    right: 0em;
+	    bottom: 0em;
+	}
+
+#kStart #bottom{
+height: 15%;
+width: 100%;
+color: white;
+}
+
+	#logo{
+	    display: block;
+	    width: 320px;
+	    height: 60px;
+	    float: none;
+	    background-image: url(images/ole_logo.png);
+	    background-repeat: no-repeat;
+	    margin-left:auto;
+	    margin-right:auto;
+	    margin-top: 0.8em;
+	}
+
+
+#kStart #copyright{
+    position: fixed;
+    left: 5px;
+    bottom: 0px;
+    color: white;
+    font-size: smaller;
+}
+
+	#kStart #copyright a{
+	    color: white;
+	    opacity:0.8;
+	}
\ No newline at end of file