misc style tweaks towards #3

opensourcedesign · May 2, 2015 · f5b6e2a · f5b6e2a
1 parent eec50f4
commit f5b6e2a
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 15 deletions.
diff --git a/css/style.css b/css/style.css
@@ -55,14 +55,14 @@ button {
 }
 .btn {
   /* CUSTOMIZABLE */
-  border: 2px solid #1756a9;
+  background: #2a7ae2;
   border-radius: 3px;
-  color: #1756a9;
+  color: #ffffff;
   display: inline-block;
   font: bold 12px Lato, sans-serif;
   letter-spacing: 1px;
   margin-bottom: 10px;
-  padding: 9px 17px;
+  padding: 10px 18px;
   text-transform: uppercase;
   transition: background 0.2s, border-color 0.2s, color 0.2s;
   word-spacing: 3px;
@@ -168,7 +168,7 @@ button {
   bottom: 0px;
   height: 60px;
   left: 0px;
-  line-height: 48px;
+  line-height: 60px;
   position: absolute;
   text-align: center;
   width: 225px;
@@ -182,7 +182,7 @@ button {
 #footer .icon {
   color: #9ca5b4;
   display: inline-block;
-  font: 14px FontAwesome;
+  font: 16px FontAwesome;
   line-height: 34px;
   padding: 0px 12px;
 }
@@ -267,7 +267,7 @@ button {
   top: 0;
 }
 #windows .window {
-  bottom: -44px !important;
+  bottom: -60px !important;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
@@ -569,7 +569,7 @@ button {
 }
 #chat .lobby .chat,
 #chat .query .chat {
-  right: 0;
+  left: 0;
 }
 #chat .lobby .sidebar,
 #chat .query .sidebar {

diff --git a/less/chat.less b/less/chat.less
@@ -76,9 +76,11 @@
 
 #chat .lobby .chat,
 #chat .query .chat {
-	right: 0;
+	left: 0;
 }
 
+
+
 #chat .lobby .sidebar,
 #chat .query .sidebar {
 	display: none;

diff --git a/less/global.less b/less/global.less
@@ -61,22 +61,22 @@ button {
 
 .btn {
     /* CUSTOMIZABLE */
-	border: 2px solid #1756a9;
+	background: @blue;
 	border-radius: 3px;
-	color: #1756a9;
+	color: @white;
 	display: inline-block;
 	font: bold 12px Lato, sans-serif;
 	letter-spacing: 1px;
 	margin-bottom: 10px;
-	padding: 9px 17px;
+	padding: 10px 18px;
 	text-transform: uppercase;
 	transition: background .2s, border-color .2s, color .2s;
 	word-spacing: 3px;
 }
 
 .btn:disabled,
 .btn:hover {
-	background: #1756a9;
+	background: @blueHover;
 	color: #fff;
 }
 
@@ -195,7 +195,7 @@ button {
 	bottom: 0px;
 	height: 60px;
 	left: 0px;
-	line-height: 48px;
+	line-height: 60px;
 	position: absolute;
 	text-align: center;
 	width: 225px;
@@ -212,7 +212,7 @@ button {
 #footer .icon {
 	color: #9ca5b4;
 	display: inline-block;
-	font: 14px FontAwesome;
+	font: 16px FontAwesome;
 	line-height: 34px;
 	padding: 0px 12px;
 }
@@ -315,7 +315,7 @@ button {
 }
 
 #windows .window {
-	bottom: -44px !important;
+	bottom: -60px !important;
 	overflow-y: auto;
 	-webkit-overflow-scrolling: touch;
 }

diff --git a/less/style.less b/less/style.less
@@ -9,6 +9,9 @@
 @grayDark:  #424242;
 @black:     #222;
 
+@blue:      #2a7ae2;
+@blueHover: #1756a9;
+
 @import "global.less";
 @import "auth.less";
 @import "sidebar.less";