add basic frame, basic login page

src/components/topbar.vue

@@ -1,9 +1,7 @@
 <template>
 	<div class="topbar">
-	    <div class="logo"><a href="#"><img src="project-files/img/cms_logo.png" alt=""></a></div>
+	    <div class="logo"><a href="#"><img src="assets/images/cms_logo.png" alt=""></a></div>
 	    <div class="name">Meine Website</div>
-	    <a class="navbutton"><i class="icon icon-menu" aria-hidden="true"></i></a>
-	    <div class="clear"></div>
 	</div>
 </template>
 
@@ -11,11 +9,13 @@
 	@import "../mixins.less";
 
 	.topbar {
+		.clearfix();
 		position: fixed;
 		top: 0;
 		right: 0;
 		left: 0px;
-		background: @cms_bg;
+		background: @cms_bg_light;
+		color: white;
 		height: 40px;
 		z-index: 1500;
 
@@ -49,27 +49,25 @@
             float: left;
             width: auto;
             line-height: 40px;
-            color: white;
             padding-left: 15px;
         }
 
         &>.navbutton {
             display: block;
             float: left;
-            font-size: 22px;
-            color: white;
             width: auto;
             height: 100%;
+            font-size: 22px;
             margin-left: 40px;
             height: 40px;
             width: 40px;
-            /*padding:3px 10px 0px 5px;*/
             padding-top: 4px;
             cursor: pointer;
             text-align: center;
+            color: white;
 
             &:hover {
-                background:rgba(40,183,141,0.3);
+                background: fade(@cms_brand_primary, 30%);
             }
         }
 	}