openproject/app/assets/stylesheets/global/_variables.sass

/*-- copyright
 * OpenProject is a project management system.
 * Copyright (C) 2012-2013 the OpenProject Foundation (OPF)
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3.
 *
 * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * Copyright (C) 2006-2013 Jean-Philippe Lang
 * Copyright (C) 2010-2013 the ChiliProject Team
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 * See doc/COPYRIGHT.rdoc for more details.  ++*/

$base-body-color: white
$light-gray: #ccc

$font_family_normal:                            'Lato', 'Lucida Grande', Helvetica, Arial, sans-serif !default
$global_font_color:                             #555555 !default
$global_font_size:                              13px !default
$global_line_height:                            1.5 !default

$headline_h1_font_size:                      28px !default
$headline_h1_font-color:                    #555555 !default
$headline_h2_font_size:                      22px !default
$headline_h2_font-color:                    #06799F !default
$headline_h3_font_size:                      19px !default
$headline_h3_font-color:                    #555555 !default
$headline_h4_font_size:                      17px !default
$headline_h4_font-color:                    #555555 !default

$header_height:                                 55px !default
$header_bg_color:                               #3493B3 !default
$header_border_bottom_color:                    #3493B3 !default
$header_border_bottom_width:                    0 !default
$header_item_font_size:                         14px !default
$header_item_font_color:                        #FFFFFF !default
$header_item_font_hover_color:                  #FFFFFF !default
$header_item_bg_hover_color:                    #06799F !default
$header_drop_down_bg_color:                     #FFFFFF !default
$header_drop_down_border_color:                 #E0E0E0 !default
$header_drop_down_item_font_color:              #555555 !default
$header_drop_down_item_font_hover_color:        #FFFFFF !default

$header_logo_bg_color:                          #06799F !default
$header_home_link_bg:                           url(image-path('logo_openproject_white_big.png')) no-repeat 20px 0 !default

$header_drop_down_projects_search_font_color:     #555555 !default
$header_drop_down_projects_search_bg_color:       #E0E0E0 !default
$header_drop_down_projects_search_input_bg_color: #FFFFFF !default

$header_search_field_bg_color:                  #FFFFFF !default
$header_search_field_font_color:                #000000 !default
$header_search_field_border:                    0 !default

$footer_bg_color:                               #3493B3 !default
$footer_font_color:                             #FFFFFF !default
$footer_height:                                 55px !default
$footer_content_height:                         55px !default
$footer_content_line_height:                    55px !default
$footer_content_link_color:                     #FFFFFF !default

$main_menu_width:                               230px !default
$main_menu_folded_width:                        50px !default
$main_menu_border_color:                        #E7E7E7 !default
$main_menu_border_width:                        1px !default
$main_menu_item_height:                         40px !default
$main_menu_item_border_color:                   #EAEAEA !default
$main_menu_item_border_width:                   1px !default
$main_menu_enable_toggle_highlighting:          false !default

$main_menu_bg_color:                            #F8F8F8 !default
$main_menu_bg_hover_selected_background:        url() no-repeat #06799F !default
$main_menu_font_color:                          #333333 !default
$main_menu_selected_font_color:                 #FFFFFF !default
$main_menu_font_size:                           15px !default
$main_menu_selected_hover_indicator_color:      #06799F !default
$main_menu_selected_hover_indicator_width:      4px !default

$main_menu_navigation_toggler_font_hover_color: #FFFFFF !default

$main_menu_child_item_height:                   38px !default
$main_menu_child_menu_bg_color:                 #FFFFFF !default
$main_menu_child_bg_hover_selected_color:       #06799F !default
$main_menu_child_menu_border_color:             #E7E7E7 !default
$main_menu_child_font_color:                    #04232F !default
$main_menu_child_font_size:                     13px !default
$main_menu_child_selected_font_color:           #FFFFFF !default

$main_menu_sidebar_font_color:                  #333333 !default
$main_menu_sidebar_h3_color:                    #333333 !default
$main_menu_sidebar_link_color:                  #333333 !default
$main_menu_sidebar_h3_border_top_color:         #1F4654 !default
$main_menu_sidebar_h3_font_size:                15px !default

$main_menu_sidebar_button_font_color:           #FFFFFF !default
$main_menu_sidebar_button_hover_font_color:     #FFFFFF !default
$main_menu_sidebar_button_bg_color:             #06799F !default
$main_menu_sidebar_button_hover_bg_color:       #053242 !default

$breadcrumb_height:                             40px !default
$breadcrumb_bg_color:                           #F8F8F8 !default
$breadcrumb_border_color:                       #E7E7E7 !default
$breadcrumb_font_size:                          12px !default
$breadcrumb_highlighted_font_size:              14px !default
$breadcrumb_font_color:                         #555555 !default

$content_default_border_color:                  #EAEAEA !default
$content_default_border_width:                  1px !default

$content_link_color:                            #06799F !default
$content_link_hover_active_color:               #06799F !default
$content_icon_link_color:                       #4b4b4b !default
$content_icon_link_hover_color:                 #06799F !default
$content_link_font_weight:                      bold !default

$content_icon_color:                            #06799F !default

$content_form_bg_color:                         #F8F8F8 !default
$content_form_border:                           1px solid #EAEAEA !default

$content_from_input_width:                      300px !default
$content_form_input_border:                     1px solid #CACACA !default
$content_form_input_hover_border:               1px solid #888888 !default

$content_form_separator_color:                  #DDDDDD !default

$content_flash_msg_font_color:                  #111111 !default
$content_flash_error_msg_bg_color:              #FF8B8B !default
$content_flash_notice_msg_bg_color:             #C4EA96 !default
$content_flash_warning_msg_bg_color:            #EBD785 !default

$content_calendar_border_width:                 1px !default
$content_calendar_border_color:                 #D7D7D7 !default
$content_calendar_head_cell_bg_color:           #EEEEEE !default
$content_calendar_cell_border_width:            1px !default
$content_calendar_cell_border_color:            #D7D7D7 !default
$content_calendar_cell_today_bg_color:          #FFFFDD !default
$content_calendar_inactive_day_font_color:      #FFFFFF !default
$content_calendar_inactive_day_bg_color:        #4B4B4B !default

$button_bg_color:                               #3493B3 !default
$button_bg_hover_color:                         #06799F !default
$button_font_color:                             #222222 !default
$button_font_hover_color:                       #222222 !default
$button_highlight_font_color:                   #FFFFFF !default
$button_highlight_font_hover_color:             #FFFFFF !default
$button_active_font_color:                      #BBBBBB !default
$button_highlight_background_color:             #0B8DB8 !default
$button_highlight_background_gradient_moz:      -moz-linear-gradient(top, #0B8DB8 0%, #06799F 100%) !default
$button_highlight_background_gradient_webkit:   -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0B8DB8), color-stop(100%, #06799F)) !default
$button_highlight_background_gradient_webkit_l: -webkit-linear-gradient(top, #0B8DB8 0%, #06799F 100%) !default
$button_highlight_background_gradient_o:        -o-linear-gradient(top, #0B8DB8 0%, #06799F 100%) !default
$button_highlight_background_gradient_ms:       -ms-linear-gradient(top, #0B8DB8 0%, #06799F 100%) !default
$button_highlight_background_gradient:          linear-gradient(to bottom, #0B8DB8 0%, #06799F 100%) !default
$button_highlight_background_hover_color:       #3493B3 !default
$button_highlight_border_color:                 #06799F !default
$button_highlight_border_hover_color:           #3493B3 !default
$button_border_radius:                          2px !default

$content_box_border:                            1px solid #EAEAEA !default
$content_box_bg_color:                          #FFFFFF !default
$my_page_edit_box_border_color:                 #06799F !default

$action_menu_bg_color:                          #FFFFFF

$wiki_default_font_size:                        $global_font_size
$wiki_toc_header_font_size:                     10px !default
$wiki_toc_ul_font_size:                         0.8em !default

$journal_attribute_font_size:                   11px !default

$repository_entry_filename_margin_left:         24px !default

$user_avatar_border_radius:                     50px !default
$user_avatar_width:                             36px !default
$user_avatar_mini_border_radius:                50px !default
$user_avatar_mini_width:                        20px !default