deblan/redmine-circle-lid
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

modify css to better apparence

Browse source
This commit is contained in:
Marcela Oliveira 2015-10-14 14:46:12 -03:00
parent 57a2c0589b
commit 0e8d7dbd51
2 changed files with 36 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -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; 3. Go to "Administration -> Setting -> Display" and select circle theme in "Theme" drop-down list;
4. Save your settings. 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). Redmine Circle theme is open source and released under the terms of the GNU General Public License v2 (GPL).
#### Version ##### Version
v2.0.2 v2.0.2
Copyright (C) 2011-2015 Kirill Bezrukov Copyright (C) 2011-2015 Kirill Bezrukov

66
stylesheets/application.css
View file

@ -1,3 +1,5 @@
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(../../../stylesheets/application.css); @import url(../../../stylesheets/application.css);
#header > h1 { #header > h1 {
@ -13,9 +15,9 @@
body { body {
color: #3d454c; color: #3d454c;
font-size: 14px; font-size: 13px;
line-height: 1.3; line-height: 1.3;
font-family: "helvetica neue", helvetica, arial, sans-serif; font-family: 'Roboto', sans-serif;
font-smoothing: antialiased; font-smoothing: antialiased;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@ -23,12 +25,12 @@ body {
} }
input, select, textarea { input, select, textarea {
font-family: "helvetica neue", helvetica, arial, sans-serif; font-family: 'Roboto', sans-serif;
font-size: 12px font-size: 12px
} }
a, a:link, a:visited { a, a:link, a:visited {
color: #2996cc color: #1564b2
} }
#main { #main {
@ -42,7 +44,7 @@ a, a:link, a:visited {
div#content { div#content {
margin-left: -20px; margin-left: -20px;
padding-left: 25px; padding-left: 25px;
padding-top: 15px padding-top: 5px
} }
#footer { #footer {
@ -51,15 +53,15 @@ div#content {
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
border-top: 1px solid #e0e2e3; border-top: 1px solid #e0e2e3;
color: #ced4d9 color: #A6ACB0
} }
#footer a, #footer a:visited { #footer a, #footer a:visited {
color: #ced4d9 color: #B9BFC3
} }
#footer a:hover { #footer a:hover {
color: #2996cc; color: #1564b2;
text-decoration: none text-decoration: none
} }
@ -78,8 +80,8 @@ input[type=text].questions-search.autocomplete {
} }
h2 { h2 {
font-size: 25px; font-size: 20px;
font-weight: 400; font-weight: 600;
margin-top: 10px margin-top: 10px
} }
@ -98,10 +100,10 @@ h2 {
} }
#header > h1 { #header > h1 {
font-family: "helvetica neue", helvetica, arial, sans-serif; font-family: 'Roboto', sans-serif;
text-transform: uppercase; text-transform: none;
font-weight: 700; font-weight: 700;
font-size: 13px; font-size: 18px;
letter-spacing: 1px; letter-spacing: 1px;
padding: 17px 10px 30px 55px padding: 17px 10px 30px 55px
} }
@ -112,18 +114,18 @@ h2 {
#top-menu { #top-menu {
background: #000; background: #000;
font-size: .9em font-size: 13px
} }
#top-menu a { #top-menu a {
margin-right: 15px; margin-right: 15px;
font-weight: 400; font-weight: 400;
color: #9da2a6 color: #CFCFCF
} }
#top-menu a:hover { #top-menu a:hover {
color: #fff; color: #1564b2;
text-decoration: none text-decoration: none
} }
@ -131,7 +133,7 @@ h2 {
left: 0; left: 0;
width: 100%; width: 100%;
height: 51px; height: 51px;
background-color: #3d454c; background-color: #1564b2;
font-weight: 500; font-weight: 500;
overflow: hidden overflow: hidden
} }
@ -146,7 +148,7 @@ h2 {
} }
#main-menu li > a { #main-menu li > a {
color: #9da2a6 color: #C1C5C8
} }
#main-menu li a.selected, #main-menu li a.selected:hover, #main-menu li a:hover { #main-menu li a.selected, #main-menu li a.selected:hover, #main-menu li a:hover {
@ -177,8 +179,8 @@ h2 {
} }
#sidebar h3 { #sidebar h3 {
font-size: 16px; font-size: 14px;
font-weight: 400; font-weight: 600;
margin-top: 20px; margin-top: 20px;
margin-bottom: 5px; margin-bottom: 5px;
color: #666 color: #666
@ -196,12 +198,12 @@ h2 {
} }
#flash_notice, div.flash.notice { #flash_notice, div.flash.notice {
background: #5cc512; background: #91D3A7;
color: #fff color: #fff
} }
#errorExplanation, div.flash.error { #errorExplanation, div.flash.error {
background: #e52817; background: #C86060;
color: #fff color: #fff
} }
@ -274,7 +276,7 @@ div#content .contacts-tags-edit ul.tagit {
} }
div#content .context-menu-selection { div#content .context-menu-selection {
background-color: #2996cc !important background-color: #1564b2 !important
} }
body #context-menu ul { body #context-menu ul {
@ -287,7 +289,7 @@ body #context-menu li a {
body #context-menu li:hover { body #context-menu li:hover {
background: #f2f4f5; background: #f2f4f5;
color: #3d454c; color: #1564b2;
border: 1px solid #f2f4f5; border: 1px solid #f2f4f5;
border-radius: 0 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 { .ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
font-family: SqMarket, "helvetica neue", helvetica, arial, sans-serif; font-family: 'Roboto', sans-serif;
font-size: 1em font-size: 16px
} }
.ui-widget input, .ui-widget select, .ui-widget textarea { .ui-widget input, .ui-widget select, .ui-widget textarea {
@ -421,7 +423,7 @@ div.modal {
} }
.ui-datepicker .ui-state-highlight { .ui-datepicker .ui-state-highlight {
color: #ff3b30 color: #C86060
} }
.ui-datepicker .ui-state-highlight:hover { .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] { #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; border-color: transparent;
color: #fff 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 { 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 outline: 0
} }
@ -991,7 +993,7 @@ BODY {
} }
#top-menu .header_elements.first_stage #account .search_controller { #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 background-size: cover
} }
@ -1062,7 +1064,7 @@ BODY {
} }
#top-menu .mobile_search input[type=submit] { #top-menu .mobile_search input[type=submit] {
background: url(../images/svg/search.svg) #2996cc; background: url(../images/svg/search.svg) #1564b2;
background-size: cover background-size: cover
} }
@ -1237,4 +1239,4 @@ BODY {
#content { #content {
overflow-x: scroll overflow-x: scroll
} }
} }