From 0e8d7dbd5191673e8b1b26d78afc930691dca9c5 Mon Sep 17 00:00:00 2001
From: Marcela Oliveira <magaeu@gmail.com>
Date: Wed, 14 Oct 2015 14:46:12 -0300
Subject: [PATCH] modify css to better apparence

---
 README.md                   |  4 +--
 stylesheets/application.css | 66 +++++++++++++++++++------------------
 2 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/README.md b/README.md
index 8d62729..69aec17 100644
--- a/README.md
+++ b/README.md
@@ -19,10 +19,10 @@ $ git clone https://github.com/nti-ufpe/circle
 3. Go to "Administration -> Setting -> Display" and select circle theme in "Theme" drop-down list;
 4. Save your settings.
 
-#### License
+##### License
 Redmine Circle theme is open source and released under the terms of the GNU General Public License v2 (GPL).
 
-#### Version
+##### Version
 v2.0.2
 
 Copyright (C) 2011-2015 Kirill Bezrukov
diff --git a/stylesheets/application.css b/stylesheets/application.css
index 648d521..ac714d0 100755
--- a/stylesheets/application.css
+++ b/stylesheets/application.css
@@ -1,3 +1,5 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto);
+
 @import url(../../../stylesheets/application.css);
 
 #header > h1 {
@@ -13,9 +15,9 @@
 
 body {
     color: #3d454c;
-    font-size: 14px;
+    font-size: 13px;
     line-height: 1.3;
-    font-family: "helvetica neue", helvetica, arial, sans-serif;
+    font-family: 'Roboto', sans-serif;
     font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -23,12 +25,12 @@ body {
 }
 
 input, select, textarea {
-    font-family: "helvetica neue", helvetica, arial, sans-serif;
+    font-family: 'Roboto', sans-serif;
     font-size: 12px
 }
 
 a, a:link, a:visited {
-    color: #2996cc
+    color: #1564b2
 }
 
 #main {
@@ -42,7 +44,7 @@ a, a:link, a:visited {
 div#content {
     margin-left: -20px;
     padding-left: 25px;
-    padding-top: 15px
+    padding-top: 5px
 }
 
 #footer {
@@ -51,15 +53,15 @@ div#content {
     padding-left: 25px;
     padding-right: 25px;
     border-top: 1px solid #e0e2e3;
-    color: #ced4d9
+    color: #A6ACB0
 }
 
 #footer a, #footer a:visited {
-    color: #ced4d9
+    color: #B9BFC3
 }
 
 #footer a:hover {
-    color: #2996cc;
+    color: #1564b2;
     text-decoration: none
 }
 
@@ -78,8 +80,8 @@ input[type=text].questions-search.autocomplete {
 }
 
 h2 {
-    font-size: 25px;
-    font-weight: 400;
+    font-size: 20px;
+    font-weight: 600;
     margin-top: 10px
 }
 
@@ -98,10 +100,10 @@ h2 {
 }
 
 #header > h1 {
-    font-family: "helvetica neue", helvetica, arial, sans-serif;
-    text-transform: uppercase;
+    font-family: 'Roboto', sans-serif;
+    text-transform: none;
     font-weight: 700;
-    font-size: 13px;
+    font-size: 18px;
     letter-spacing: 1px;
     padding: 17px 10px 30px 55px
 }
@@ -112,18 +114,18 @@ h2 {
 
 #top-menu {
     background: #000;
-    font-size: .9em
+    font-size: 13px
 }
 
 #top-menu a {
     margin-right: 15px;
     font-weight: 400;
-    color: #9da2a6
+    color: #CFCFCF
 }
 
 
 #top-menu a:hover {
-    color: #fff;
+    color: #1564b2;
     text-decoration: none
 }
 
@@ -131,7 +133,7 @@ h2 {
     left: 0;
     width: 100%;
     height: 51px;
-    background-color: #3d454c;
+    background-color: #1564b2;
     font-weight: 500;
     overflow: hidden
 }
@@ -146,7 +148,7 @@ h2 {
 }
 
 #main-menu li > a {
-    color: #9da2a6
+    color: #C1C5C8
 }
 
 #main-menu li a.selected, #main-menu li a.selected:hover, #main-menu li a:hover {
@@ -177,8 +179,8 @@ h2 {
 }
 
 #sidebar h3 {
-    font-size: 16px;
-    font-weight: 400;
+    font-size: 14px;
+    font-weight: 600;
     margin-top: 20px;
     margin-bottom: 5px;
     color: #666
@@ -196,12 +198,12 @@ h2 {
 }
 
 #flash_notice, div.flash.notice {
-    background: #5cc512;
+    background: #91D3A7;
     color: #fff
 }
 
 #errorExplanation, div.flash.error {
-    background: #e52817;
+    background: #C86060;
     color: #fff
 }
 
@@ -274,7 +276,7 @@ div#content .contacts-tags-edit ul.tagit {
 }
 
 div#content .context-menu-selection {
-    background-color: #2996cc !important
+    background-color: #1564b2 !important
 }
 
 body #context-menu ul {
@@ -287,7 +289,7 @@ body #context-menu li a {
 
 body #context-menu li:hover {
     background: #f2f4f5;
-    color: #3d454c;
+    color: #1564b2;
     border: 1px solid #f2f4f5;
     border-radius: 0
 }
@@ -310,8 +312,8 @@ div.tooltip:hover span.tip {
 }
 
 .ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
-    font-family: SqMarket, "helvetica neue", helvetica, arial, sans-serif;
-    font-size: 1em
+    font-family: 'Roboto', sans-serif;
+    font-size: 16px
 }
 
 .ui-widget input, .ui-widget select, .ui-widget textarea {
@@ -421,7 +423,7 @@ div.modal {
 }
 
 .ui-datepicker .ui-state-highlight {
-    color: #ff3b30
+    color: #C86060
 }
 
 .ui-datepicker .ui-state-highlight:hover {
@@ -482,7 +484,7 @@ div.modal {
 }
 
 #ajax-modal p.buttons input[type=submit], .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close, input[type=submit] {
-    background: #2996cc;
+    background: #1564b2;
     border-color: transparent;
     color: #fff
 }
@@ -525,7 +527,7 @@ fieldset#filters td.values input, input[type=password], input[type=text] {
 }
 
 fieldset#filters td.values input:focus, input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus {
-    border-color: #2996cc;
+    border-color: #1564b2;
     outline: 0
 }
 
@@ -991,7 +993,7 @@ BODY {
 }
 
 #top-menu .header_elements.first_stage #account .search_controller {
-    background: url(../images/svg/search.svg) orange;
+    background: url(../images/svg/search.svg) #FFC966;
     background-size: cover
 }
 
@@ -1062,7 +1064,7 @@ BODY {
 }
 
 #top-menu .mobile_search input[type=submit] {
-    background: url(../images/svg/search.svg) #2996cc;
+    background: url(../images/svg/search.svg) #1564b2;
     background-size: cover
 }
 
@@ -1237,4 +1239,4 @@ BODY {
     #content {
         overflow-x: scroll
     }
-}
\ No newline at end of file
+}