added changes to use.less

1 files changed, 139 insertions, 120 deletions

diff --git a/public/css/use.less b/public/css/use.less
index 44e303c..7788aa2 100644
--- a/public/css/use.less
+++ b/public/css/use.less
@@ -15,74 +15,66 @@
 }
 
 .content {
-/*	margin-left:0px;*/
+  margin-left: 0px;
 }
-
 .pitch {
-	position:relative;
-	margin-left: 10px;
-}
-
-.blue {
-color:#0D56A6;
+  position: relative;
+  margin-left: 10px;
 }
-
 .join {
-	float:left;
-	position:absolute;
-	margin-top:220px;
-	margin-left: 10px;
+  float: left;
+  position: absolute;
+  margin-top: 220px;
+  margin-left: 10px;
 }
-
 .dash {
-margin:10px;
+  margin: 10px;
 }
-
 .pdash {
-margin:10px;
+  margin: 10px;
 }
-
 .sectionleft {
-	float:left;
-	margin-left: 10px;
-	margin-right: 0px;
+  float: left;
+  margin-top: 20px;
+  margin-left: 10px;
+  margin-right: 0px;
 }
 .sectionright {
-	float:right;
-	margin-right: 10px;
-	margin-left: 0px;
+  float: right;
+  margin-top: 20px;
+  margin-right: 10px;
+  margin-left: 0px;
 }
-
 .tutorial {
-	padding:5px;
+  padding: 5px;
 }
-
 .infobox {
-	text-align:center;
-	/*background-color: @grayLighter;*/
-	padding:46px;
-	margin-bottom:20px;
-	border: 1px solid white;
-	-webkit-border-radius: 15px;
-        -moz-border-radius: 15px;
-            border-radius: 15px;
-}
+  text-align: center;
+  /*background-color: @grayLighter;*/
 
+  padding: 46px;
+  margin-bottom: 20px;
+  border: 1px solid white;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  border-radius: 15px;
+}
 .register {
-	color: #ffffff;
-	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-	background-image: -moz-linear-gradient(top, #fbb440, #ff9a00);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb440), to(#ff9a00));
-	background-image: -webkit-linear-gradient(top, #fbb440, #ff9a00);
-	background-image: -o-linear-gradient(top, #fbb440, #ff9a00);
-	background-image: linear-gradient(to bottom, #fbb440, #ff9a00);
-	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb440', endColorstr='#ff9a00', GradientType=0);
-	border-color: #ff9a00 #ff9a00 #ad6704;
-	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-	/*
+  margin-top:45px;
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-image: -moz-linear-gradient(top, #fbb440, #ff9a00);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb440), to(#ff9a00));
+  background-image: -webkit-linear-gradient(top, #fbb440, #ff9a00);
+  background-image: -o-linear-gradient(top, #fbb440, #ff9a00);
+  background-image: linear-gradient(to bottom, #fbb440, #ff9a00);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb440', endColorstr='#ff9a00', GradientType=0);
+  border-color: #ff9a00 #ff9a00 #ad6704;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  /*
 	margin-left: 20px;
 	color: #ffffff;
 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
@@ -91,96 +83,123 @@ margin:10px;
 	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
-	}
+}
+.like {
+margin-top:45px;
+}
+.showcase {
+  height: 460px;
+  margin-top: 40px;
+  margin-bottom: 20px;
+  margin-left: 0px;
+  /*background-color: @grayLighter;*/
 
-	.showcase {
-		height:460px;
-		margin-top: 40px;
-		margin-bottom:20px;
-		background-color: @grayLighter;
-		/*background-image: url('/img/people.png');
+  /*background-image: url('/img/people.png');
 		background-repeat:no-repeat;
 		background-attachment:fixed;
 		background-position:center;*/
-		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-		-moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
-		-webkit-border-radius: 6px;
-			-moz-border-radius: 6px;
-				border-radius: 6px;
-}
 
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
 .logo {
-	float: left;
+  float: left;
 }
-
 .devices {
-	float:right;
-	margin: 0px;
+  float: right;
+  margin: 0px;
+}
+
+.scenario {
+margin:60px;
 }
+
 /*
 .last {
 	background-color:@grayLighter;
 }*/
-
-#hvem {
-	margin-top:25px;
-	/*border-top: 2px solid #9fd5df;*/
-	color: #4186D3;
-	background-color: @grayLighter;
-	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
-	-moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	margin: 0 auto;
-	font-size: 18px;
-	line-height: 26px;
-	display: block;
+#hva {
+  height:460px;
+  margin-top: 25px;
+  /*border-top: 2px solid #9fd5df;*/
+
+  color: #000000;
+  background-color: #eeeeee;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  margin: 0 auto;
+  font-size: 18px;
+  line-height: 26px;
+  display: block;
 }
-
 #hvor {
-	margin-top:25px;
-	/*border-top: 2px solid #9fd5df;*/
-	color: #0D56A6;
-	background-color: #4186D3;
-	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
-	-moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	margin: 0 auto;
-	font-size: 18px;
-	line-height: 26px;
-	display: block;
+  height:460px;
+  margin-top: 25px;
+  /*border-top: 2px solid #9fd5df;*/
+
+  color: #0D56A6;
+  background-color: #4186D3;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  margin: 0 auto;
+  font-size: 18px;
+  line-height: 26px;
+  display: block;
 }
-
 #hvordan {
-	margin-top:25px;
-	/*border-top: 2px solid #9fd5df;*/
-	color: #4186D3;
-	background-color: #0D56A6;
-	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
-	-moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	margin: 0 auto;
-	font-size: 18px;
-	line-height: 26px;
-	display: block;
+ height:460px;
+  margin-top: 25px;
+  /*border-top: 2px solid #9fd5df;*/
+
+  color: #4186D3;
+  background-color: #0D56A6;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  margin: 0 auto;
+  font-size: 18px;
+  line-height: 26px;
+  display: block;
 }
 
+#android:hover {
+background-image: url('/img/androidA');
+}
+img.apple {
+background-image: url('/img/iphone');
+z-index:2;
+}
+img.apple:hover {
+background-image: url('/img/iphoneA');
+z-index:1;
+}
+#windows:hover {
+background-image: url('/img/winA');
+}
+/*
 #register {
-	margin-top:25px;
-	/*border-top: 2px solid #9fd5df;*/
-	color: #FFFFFF;
-	background-color: #ff9a00;
-	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
-	-moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-	margin: 0 auto;
-	font-size: 18px;
-	line-height: 26px;
-	display: block;
-	}
-
-#footer {
+  height:460px;
+  margin-top: 25px;
+  border-top: 2px solid #9fd5df;
+	
+  color: #FFFFFF;
+  background-color: #000000;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+  margin: 0 auto;
+  font-size: 18px;
+  line-height: 26px;
+  display: block;
+}*/
+/*#footer {
 	background-color: #0D56A6; 
 	width:1170px;
 	height:100px;
-}
+}*/
\ No newline at end of file