modify css to better apparence
This commit is contained in:
parent
57a2c0589b
commit
0e8d7dbd51
|
@ -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
|
||||
|
|
|
@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue