[#692] Main design changes for new theme

This commit is contained in:
Romano Licker 2011-09-29 11:16:00 +02:00 committed by Eric Davis
parent c16cfd8ff1
commit 977f74e11a
18 changed files with 351 additions and 242 deletions

View File

@ -725,7 +725,8 @@ module ApplicationHelper
div_class = 'toc'
div_class << ' right' if $1 == '>'
div_class << ' left' if $1 == '<'
out = "<ul class=\"#{div_class}\"><li>"
out = "<fieldset class='header_collapsible collapsible'><legend onclick='toggleFieldset(this);'></legend><div>"
out << "<ul class=\"#{div_class}\"><li>"
root = headings.map(&:first).min
current = root
started = false
@ -743,6 +744,7 @@ module ApplicationHelper
end
out << '</li></ul>' * (current - root)
out << '</li></ul>'
out << '</div></fieldset>'
end
end
end

View File

@ -1,11 +1,9 @@
<div class="contextual">
<%= link_to_if_authorized(l(:button_update), {:controller => 'issues', :action => 'edit', :id => @issue }, :onclick => 'showAndScrollTo("update", "notes"); return false;', :class => 'icon icon-edit', :accesskey => accesskey(:edit)) %>
<%= link_to_if_authorized l(:button_log_time), {:controller => 'timelog', :action => 'new', :issue_id => @issue}, :class => 'icon icon-time-add' %>
<%= watcher_link(@issue, User.current, {:class => 'watcher_link', :replace => ['#watchers', '.watcher_link']}) %>
<%= link_to_if_authorized l(:button_duplicate), {:controller => 'issues', :action => 'new', :project_id => @project, :copy_from => @issue }, :class => 'icon icon-duplicate' %>
<%= link_to_if_authorized l(:button_copy), {:controller => 'issue_moves', :action => 'new', :id => @issue, :copy_options => {:copy => 't'}}, :class => 'icon icon-copy' %>
<%= link_to_if_authorized l(:button_move), {:controller => 'issue_moves', :action => 'new', :id => @issue}, :class => 'icon icon-move' %>
<%= link_to_if_authorized l(:button_delete), {:controller => 'issues', :action => 'destroy', :id => @issue}, :confirm => (@issue.leaf? ? l(:text_are_you_sure) : l(:text_are_you_sure_with_children)), :method => :post, :class => 'icon icon-del' %>
<div class="update button-large">
<%= link_to_if_authorized(l(:button_update), {:controller => 'issues', :action => 'edit', :id => @issue }, :onclick => 'showAndScrollTo("update", "notes"); return false;', :class => '', :accesskey => accesskey(:edit)) %>
</div>
</div>

View File

@ -1,16 +1,6 @@
<h3><%= l(:label_issue_plural) %></h3>
<%= link_to l(:label_issue_view_all), { :controller => 'issues', :action => 'index', :project_id => @project, :set_filter => 1 } %><br />
<% if @project %>
<%= link_to l(:field_summary), :controller => 'reports', :action => 'issue_report', :id => @project %><br />
<% end %>
<%= call_hook(:view_issues_sidebar_issues_bottom) %>
<% if User.current.allowed_to?(:view_calendar, @project, :global => true) %>
<%= link_to(l(:label_calendar), :controller => 'calendars', :action => 'show', :project_id => @project) %><br />
<% end %>
<% if User.current.allowed_to?(:view_gantt, @project, :global => true) %>
<%= link_to(l(:label_gantt), :controller => 'gantts', :action => 'show', :project_id => @project) %><br />
<% end %>
<%= call_hook(:view_issues_sidebar_planning_bottom) %>
<%= render_sidebar_queries %>

View File

@ -1,7 +1,6 @@
<div class="title-bar">
<h2><%= @query.new_record? ? l(:label_issue_plural) : h(@query.name) %></h2>
<% html_title(@query.new_record? ? l(:label_issue_plural) : h(@query.name)) %>
<div class="title-bar-extras">
@ -13,6 +12,8 @@
<%= render :partial => 'queries/new_issue_button' %>
</div>
<% html_title(@query.new_record? ? l(:label_issue_plural) : h(@query.name)) %>
<% form_tag({ :controller => 'queries', :action => 'new' }, :id => 'query_form') do %>
<%= hidden_field_tag('project_id', @project.to_param) if @project %>
<div id="query_form_content" class="hide-when-print">

View File

@ -13,6 +13,7 @@
<h3>
<%= h(@issue.tracker.name) %> #<%= @issue.id %>
</h3>
<hr />
<p class="author">
<%= authoring @issue.created_on, @issue.author %>.
@ -107,6 +108,7 @@
<div id="relations">
<%= render :partial => 'relations' %>
</div>
<hr />
<% end %>
</div>

View File

@ -32,12 +32,13 @@
<div id="wrapper">
<div id="top-menu">
<div id="account">
<% account_items = menu_items_for(:account_menu) %>
<ul id="account-info">
<%= content_tag('li', "#{l(:label_logged_as)} #{link_to_user(User.current, :format => :username)}", :id => '') if User.current.logged? %>
<% account_items.each do |item| %>
<%= render_menu_node(item) %>
<div id="logo"></div>
<div id="top-menu-items">
<div id="search">
<%= label_tag("q", l(:label_search), :class => "hidden-for-sighted") %>
<% form_tag({:controller => 'search', :action => 'index', :id => @project}, :method => :get) do %>
<%= hidden_field_tag(controller.default_search_scope, 1, :id => nil) if controller.default_search_scope %>
<%= text_field_tag 'q', @question, :size => 20, :class => 'search_field', :placeholder => l(:search_input_placeholder), :accesskey => accesskey(:quick_search) %>
<% end %>
</ul>
@ -61,17 +62,11 @@
</ul>
</li>
<li class="drop-down" id="more-menu">
<a class="more" href="#">More</a>
<a class="more" href="#">Modules</a>
<ul style="display:none;">
<% more_top_menu_items.each do |item| %>
<%= render_menu_node(item) %>
<% end %>
<%# TODO: Redmine defines these in a view, should be moved to a helper or data structure %>
<% if User.current.admin? %>
<% menu_items_for(:admin_menu) do |item| -%>
<li><%= link_to h(item.caption), item.url, item.html_options %></li>
<% end -%>
<% end %>
</ul>
</li>
<li>
@ -82,7 +77,7 @@
<%= hidden_field_tag(controller.default_search_scope, 1, :id => nil) if controller.default_search_scope %>
<%= text_field_tag 'q', @question, :size => 20, :class => 'small', :accesskey => accesskey(:quick_search) %>
<% end %>
</li>
<%= render_menu_node(help_menu_item) %>
<% unless User.current.logged? %>
<li>
<%= link_to l(:label_login), {:controller => 'account', :action => 'login'}, :class => 'login' %>
@ -104,6 +99,10 @@
</ul>
<% end %>
</div>
</div>
<div id="breadcrumb">
<%= page_header_title %>
</div>
</div>
<% main_menu = render_main_menu(@project) %>
@ -113,8 +112,6 @@
<% display_sidebar = false %>
<% end %>
<div id="main" class="<%= display_sidebar ? '' : "nosidebar" %>">
<h1 class="title"><%= page_header_title %></h1>
<% if display_sidebar %>
<div id="main-menu">
<%= main_menu %>

View File

@ -546,7 +546,6 @@ de:
label_news_view_all: Alle News anzeigen
label_news_added: News hinzugefügt
label_settings: Konfiguration
label_user_settings: Einstellungen
label_overview: Übersicht
label_version: Version
label_version_new: Neue Version
@ -659,6 +658,7 @@ de:
label_roadmap_overdue: "%{value} verspätet"
label_roadmap_no_issues: Keine Tickets für diese Version
label_search: Suche
search_input_placeholder: Suche ...
label_result_plural: Resultate
label_all_words: Alle Wörter
label_wiki: Wiki

View File

@ -543,7 +543,6 @@ en:
label_news_added: News added
label_news_comment_added: Comment added to a news
label_settings: Settings
label_user_settings: Settings
label_overview: Overview
label_version: Version
label_version_new: New version
@ -657,6 +656,7 @@ en:
label_roadmap_overdue: "%{value} late"
label_roadmap_no_issues: No issues for this version
label_search: Search
search_input_placeholder: search ...
label_result_plural: Results
label_all_words: All words
label_wiki: Wiki

View File

@ -166,11 +166,11 @@ Redmine::MenuManager.map :top_menu do |menu|
menu.push :my_page, { :controller => 'my', :action => 'page' }, :if => Proc.new { User.current.logged? }
menu.push :projects, { :controller => 'projects', :action => 'index' }, :caption => :label_project_plural
menu.push :administration, { :controller => 'admin', :action => 'index' }, :if => Proc.new { User.current.admin? }, :last => true
menu.push :help, Redmine::Info.help_url, :last => true
menu.push :help, Redmine::Info.help_url, :last => true, :caption => "?"
end
Redmine::MenuManager.map :account_menu do |menu|
menu.push :my_account, { :controller => 'my', :action => 'account' }, :if => Proc.new { User.current.logged? }, :caption => :label_user_settings
menu.push :my_account, { :controller => 'my', :action => 'account' }, :if => Proc.new { User.current.logged? }
menu.push :logout, :signout_path, :if => Proc.new { User.current.logged? }
end

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 349 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 197 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 B

View File

@ -613,9 +613,8 @@ jQuery(document).ready(function($) {
});
$('html').click(function() {
//Close all open menus
$("#account .drop-down.open").toggleClass("open").find("ul").mySlide();
$("li.open div#nav-login").parent().toggleClass("open").find("div#nav-login").slideToggle(animRate);
$("#header .drop-down.open").toggleClass("open").find("> ul").mySlide();
$("#account-nav.hover").toggleClass("hover");
});
// Do not close the login window when using it
$('#nav-login-content').click(function(event){

View File

@ -1,7 +1,7 @@
html {overflow-y:scroll;}
body { font-family: Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; min-width: 900px; }
body { font-size: 12px; margin: 0; padding: 0; min-width: 900px; }
h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1, h2, h3, h4 { font-family:"Arial", Arial, sans-serif; }
h1 {margin:0; padding:0; font-size: 24px;}
h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; }
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; }
@ -19,10 +19,9 @@ h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; bord
padding: 0px 0px 0px 0px;
white-space:nowrap;
}
#top-menu a {color: #444; margin-right: 0px; font-weight: bold;}
#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
#account {float:none;}
#quick-search {float:right;}
@ -37,7 +36,6 @@ h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; bord
}
#main-menu li a {
display: block;
color: #555;
text-decoration: none;
font-weight: normal;
background: none;
@ -46,53 +44,21 @@ h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; bord
}
#main-menu li a:hover {color:#555; text-decoration: none;}
#main-menu #admin-menu ul {margin: 0; padding: 0;}
#main-menu #admin-menu li {margin: 0; padding: 0 0 0 0; list-style-type:none;}
#main-menu #admin-menu a { background-position: 6px center; padding-left: 20px; padding-top: 2px; padding-bottom: 3px; line-height: 30px;}
/* Menu icons */
#main-menu li a.overview { background: url(../images/fugue/document-text-image.png) 6px center no-repeat; }
#main-menu li a.activity { background: url(../images/fugue/lightning.png) 6px center no-repeat; }
#main-menu li a.roadmap { background: url(../images/fugue/map-pin.png) 6px center no-repeat; }
#main-menu li a.issues { background: url(../images/fugue/ticket.png) 6px center no-repeat; }
#main-menu li a.new-issue { background: url(../images/fugue/ticket--plus.png) 6px center no-repeat; }
#main-menu li a.news { background: url(../images/fugue/newspaper.png) 6px center no-repeat; }
#main-menu li a.documents { background: url(../images/fugue/documents-text.png) 6px center no-repeat; }
#main-menu li a.wiki { background: url(../images/fugue/document-horizontal-text.png) 6px center no-repeat; }
#main-menu li a.boards { background: url(../images/fugue/balloons.png) 6px center no-repeat; }
#main-menu li a.files { background: url(../images/fugue/document-zipper.png) 6px center no-repeat; }
#main-menu li a.repository { background: url(../images/fugue/safe.png) 6px center no-repeat; }
#main-menu li a.settings { background: url(../images/fugue/equalizer.png) 6px center no-repeat; }
#main-menu #admin-menu a.projects { background-image: url(../images/projects.png); }
#main-menu #admin-menu a.users { background-image: url(../images/user.png); }
#main-menu #admin-menu a.groups { background-image: url(../images/group.png); }
#main-menu #admin-menu a.roles { background-image: url(../images/database_key.png); }
#main-menu #admin-menu a.trackers { background-image: url(../images/ticket.png); }
#main-menu #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
#main-menu #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
#main-menu #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
#main-menu #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
#main-menu #admin-menu a.settings { background-image: url(../images/changeset.png); }
#main-menu #admin-menu a.plugins { background-image: url(../images/plugin.png); }
#main-menu #admin-menu a.info { background-image: url(../images/help.png); }
#main-menu #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
#sidebar{ float: none; min-height: 0px; width: 100%; position: static; z-index: 9; padding: 0; margin: 0;}
* html #sidebar{ width: 22%; }
#sidebar h3{ font-size: 14px; margin-top:14px; }
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
#sidebar .contextual { margin-right: 1em; }
#content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
#content {
width: 75%;
background-color: #fff;
margin: 0px;
border: 1px #ddd;
border-style: none solid solid solid;
padding: 6px 10px 10px 10px;
z-index: 10;
}
* html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
html>body #content { min-height: 600px; }
* html body #content { height: 600px; } /* IE */
#main.nosidebar #sidebar{ display: none; }
#main.nosidebar #content{ width: auto; border-right: 0; }
#main.nosidebar #content{ width: auto }
#footer {clear: both; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center;}
@ -115,7 +81,11 @@ input#openid_url { background: url(../images/openid-bg.gif) no-repeat; backgroun
.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/***** Links *****/
a, a:link, a:visited{ text-decoration: none; }
a, a:link, a:visited {
text-decoration: none;
color: #6a0406;
font-weight:bold;
}
a:hover, a:active{ text-decoration: underline;}
a img{ border: 0; }
@ -276,7 +246,7 @@ div.square {
.splitcontentright{float:right; width:49%;}
form {display: inline;}
input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
fieldset {border: 1px solid #e4e4e4; margin:0;}
fieldset {border: 1px solid #e4e4e4; margin:0; padding:4px;}
hr { width: 100%; height: 1px; background: #ccc; border: 0;}
blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
blockquote blockquote { margin-left: 0;}
@ -296,6 +266,72 @@ div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
#issue_tree table.issues { border: 0; }
#issue_tree td.checkbox {display:none;}
#content fieldset#filters {
padding-bottom:10px;
}
fieldset#filters legend {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
fieldset#column_options legend {
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
}
#content fieldset.collapsible.header_collapsible {
padding-top:0px;
padding-bottom:0px;
border:0px;
margin:0px;
}
fieldset.collapsible.header_collapsible > div {
padding-top:5px;
padding-bottom:5px;
}
fieldset.collapsible.header_collapsible > * {
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-bottom:1px solid #E6E6E6;
width:100%;
}
fieldset.collapsible.header_collapsible legend {
background:#E6E6E6 url(../images/projectnavi_arrow_up.png) no-repeat 99% 50%; cursor:pointer;
padding-left:0px;
width:100%;
height:23px;
line-height:23px;
text-indent:8px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
fieldset.collapsible.header_collapsible legend:hover {
background-color:#d8d8d8;
}
fieldset.collapsible.collapsed.header_collapsible legend {
background-image:url(../images/projectnavi_arrow_down.png);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
fieldset.collapsible { border-width: 1px 0 0 0; font-size: 0.9em; }
fieldset.collapsible.borders { border-width: 1px; }
fieldset.collapsible.collapsed.borders { border-width: 1px 0 0 0; }
@ -374,7 +410,7 @@ ul.projects ul {border: none; }
ul.projects ul.projects { border-left: 3px solid #e0e0e0; }
ul.projects li.root { list-style-type:none; margin-bottom: 1em; }
ul.projects li.child { list-style-type:none; margin-top: 1em;}
ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
ul.projects div.root a.project { font-family:"Arial", Arial, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
.my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
#tracker_project_ids ul { margin: 0; padding-left: 1em; }
@ -468,7 +504,7 @@ div.attachments p { margin:4px 0 2px 0; }
div.attachments img { vertical-align: middle; }
div.attachments span.author { font-size: 0.9em; color: #888; }
p.other-formats { text-align: right; font-size:0.9em; color: #666; }
p.other-formats { font-size:0.9em; color: #666; }
.other-formats span + span:before { content: "| "; }
a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
@ -745,10 +781,6 @@ div.wiki pre {
}
div.wiki ul.toc {
background-color: #ffffdd;
border: 1px solid #e4e4e4;
padding: 4px;
line-height: 1.2em;
margin-bottom: 12px;
margin-right: 12px;
margin-left: 0;
@ -765,10 +797,11 @@ div.wiki ul.toc li li { margin-left: 1.5em; }
div.wiki ul.toc a {
font-weight: normal;
text-decoration: none;
color: #606060;
background-image: url(../images/arrow-down.png);
background-repeat: no-repeat;
background-position: 0% 60%;
padding-left: 16px;
}
div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
@ -1004,7 +1037,7 @@ h2 img { vertical-align:middle; }
------------------------------------------------------------------------------*/
body {
font: normal normal normal 12px/1.5 'lucida grande','lucida sans unicode',tahoma,arial,sans-serif;
font: normal normal normal 12px/1.5 arial,'lucida grandriale','lucida sans unicode',tahom,sans-serif;
background:#f3f3f3;
color:#333;
@ -1033,10 +1066,6 @@ h5 {
text-transform: uppercase;
margin-bottom:18px;
}
a {
color:#8C8C8C;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
@ -1050,33 +1079,44 @@ a:hover {
#top-menu {
background: #F3F3F3 url(../images/logo.png) no-repeat 24px bottom;
height: 88px;
height: 81px;
position:relative;
z-index:21;
}
#top-menu.open { /*IE 6-7 z-index stacking issue*/
z-index:5;
}
#account {
background: #FFFFFF url(../images/logo.png) no-repeat 24px 15px;
height:67px;
border-bottom:1px solid #FF4719;
background: url(../images/background_header.png) repeat-x 20px;
height:43px;
font: arial,19px,white;
}
#logo {
float:left;
width:200px;
height:43px;
background: url(../images/logo_chiliproject.png) no-repeat 15px;
}
#top-menu-items {
float:right;
padding-right:15px;
}
#account-nav {
display:block;
background:url(../images/background_top_navigation.png) repeat-x left top;
}
#account ul {
float:right;
font-size:11px;
border:1px solid #444;
line-height:43px;
float:left;
font-size:13px;
font-family:"Arial", Arial, sans-serif;
font-style:normal;
font-weight:normal;
color:#ffffff;
height:43px;
border-top:0;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
height:22px;
color:#000000;
background:#DDDDDD;}
}
}
#account ul#account-info {
margin-right:15px;
}
@ -1085,43 +1125,111 @@ a:hover {
}
#account li {
float:left;
border-left:1px solid #444;
padding:2px 9px 3px;
border-left:1px solid #450308;
position:relative;
z-index:5;
}
#account li:first-child {
border:0;
}
#account li a {
text-decoration:none;
color:#444;
height:17px;
#header li.last-child {
border-right:0px;
}
#account li.drop-down a {
#account li > a {
text-decoration:none;
color:#FFFFFF;
height:43px;
font-weight:normal;
}
#account li.drop-down > a {
background:url(../images/arrow-down-white.png) no-repeat right center;
padding-right:24px;
padding-right:35px;
}
#account li.drop-down > a:hover {
background:#FFFFFF url(../images/arrow-down-grey.png) no-repeat right center;
padding-right:35px;
}
#account-nav li > a:hover, #account li li a:hover {
background-color:#FFFFFF;
color:#222222;
}
#account li.drop-down li > a:hover, #main-menu li a.selected, #main-menu li a:hover {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background-color:#7F7F7F;
font-weight:bold;
color:#FFFFFF;
}
li a.home {
text-indent:-999em;
width:20px;
height:43px;
background:url(../images/icon_home.png) no-repeat 50% 50%;
}
li a.home:hover {
background-image:url(../images/icon_home_grey.png);
}
li a.help {
text-indent:-999em;
width:20px;
height:43px;
background:url(../images/icon_help.png) no-repeat 50% 50%;
}
li a.help:hover {
background-image:url(../images/icon_help_grey.png);
}
#account li.drop-down.open > a {
background:#FFFFFF url(../images/arrow-down-grey.png) no-repeat right center;
padding-right:35px;
}
#account-nav li{
padding:0;
}
#account-nav li a {
display:block;
padding:2px 9px 3px;
padding:0px 9px 0px;
}
#account .search {
text-indent:-9999em;
width:17px;
background-image:url(../images/search.png);
background-repeat:no-repeat;
background-position:center center;
#account .search_field {
border:0px;
color:white;
background:transparent url(../images/background_suche.png);
background-repeat:repeat-x;
margin-right:15px;
margin-top:6px;
margin-bottom:4px;
padding-left:10px;
padding-right:27px;
width:125px;
height:30px;
}
#account li.open a {
input::-webkit-input-placeholder {
color: white;
}
input:-moz-placeholder {
color: white;
}
#search {
float:left;
}
#account li.open > a {
position:relative;
top:0px;
z-index:21;
}
#account-nav li a:hover, #account li li a:hover {
#account-nav li > a:hover, #account li li a:hover {
background-color:#DDDDDD;
}
#account li ul {
@ -1132,9 +1240,13 @@ a:hover {
height:auto;
left:-1px;
z-index:20;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3);
box-shadow:1px 1px 3px rgba(0,0,0,.3);
border: 1px solid #b7b7b7;
border-top: 0px;
background-color:#FFFFFF;
}
#account li.last-child > ul {
left:auto;
right:-1px;
}
#account li li {
float:none;
@ -1148,39 +1260,38 @@ a:hover {
#account li li:last-child {
border-bottom:0;
}
#account li.drop-down li a {
#account li.drop-down li > a {
padding:5px 9px;
background:none;
position:static;
color:#222222;
font-size:13px;
font-family:"Arial", Arial, sans-serif;
font-style:normal;
font-weight:normal;
margin:6px;
height:20px;
line-height:20px;
}
#breadcrumb {
height:38px;
line-height:38px;
background:url(../images/background_breadcrumb.png) repeat-x left top;
border-bottom: 1px #d9d9d9;
color:#777777;
padding-left:15px;
text-decoration: underline;
font-size:11px;
font-family:"Arial", Arial, sans-serif;
font-style:normal;
font-weight:normal;
}
#breadcrumb a {
text-decoration:underline;
color:#777777;
}
#nav-search {
display:none;
position:absolute;
right:-1px;
top:23px;
border:1px solid #194E60;
border-top:0;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background-color: #DDDDDD;
/* CSS3 gradient from #444444, #DDDDDD, #F3F3F3 */
background-image: linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -o-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -moz-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -webkit-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -ms-linear-gradient(bottom, rgb(68,68,68) 46%, rgb(221,221,221) 73%, rgb(243,243,243) 87%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.46, rgb(68,68,68)),
color-stop(0.73, rgb(221,221,221)),
color-stop(0.87, rgb(243,243,243))
);
float: right;
}
#nav-search input {
@ -1192,7 +1303,6 @@ a:hover {
width: 500px;
position: absolute;
right:-1px;
top:23px;
background: transparent;
border:0px;
border-top:0;
@ -1200,6 +1310,7 @@ a:hover {
}
#nav-login-content {
position: relative;
position-top:44px;
float: right;
background: white;
border:1px solid #194E60;
@ -1207,7 +1318,8 @@ a:hover {
padding-left:5px;
padding-top:5px;
padding-right:10px;
padding-bottom:8px;;
padding-bottom:8px;
color:black;
}
#nav-login input[type=text], #nav-login input[type=password] {
height: 20px;
@ -1215,7 +1327,8 @@ a:hover {
}
#nav-login div a {
display: inline;
padding-left: 2px;
color:black;
padding:0;
}
#nav-login div a:hover {
background-color: transparent;
@ -1224,6 +1337,7 @@ a:hover {
div#optional_login_fields {
top:10px;
white-space:nowrap;
margin-left:2px;
}
/*-------------------------------------------------------------------------------
* =02 - Main Menu
@ -1233,6 +1347,7 @@ div#optional_login_fields {
#main-menu {
width:185px;
height:100%;
position:absolute;
margin:10px 0 0;
left:0;
@ -1242,11 +1357,10 @@ div#optional_login_fields {
border-bottom:1px solid #fff;
}
#main-menu ul ul {
font-size:11px;
display:none;
border-top:2px solid #aaa;
border-bottom-color:#ddd;
background-color:#eee;
background-color:white;
padding-top:1px;
padding-bottom:1px;
}
#main-menu ul ul.menu-children.unattached {
border-top:1px solid #ddd;
@ -1261,12 +1375,15 @@ div#optional_login_fields {
background:#f3f3f3;
}
#main-menu li {
border-top:1px solid #fff;
border-bottom:1px solid #ddd;
border-bottom:1px solid #e2e2e2;
border-top:1px solid #f5f5f5;
position:relative;
min-height:23px;
background-color:#e9e9e9;
}
#main-menu li li {
border:0;
background-color:white;
}
#main-menu li li li {
padding:0;
@ -1279,16 +1396,25 @@ div#optional_login_fields {
}
#main-menu a {
text-decoration:none;
line-height:2.5;
padding-left:24px;
line-height:23px;
display:block;
position:relative;
height:23px;
color:#333333;
font-weight:normal;
font-size:13px;
font-family:"Arial", Arial, sans-serif;
font-style:normal;
}
#main-menu a.selected {
background-color:#fff !important;
#main-menu li a {
margin:6px;
font-weight:bold;
padding: 0 0 0 20px;
}
#main-menu a.selected, #main-menu a:hover {
}
#main-menu li li a {
padding-left:34px;
font-weight:normal;
}
#main-menu li li.current a {
font-weight:bold;
@ -1302,17 +1428,13 @@ div#optional_login_fields {
#main-menu li li li a span {
padding:0;
}
#main-menu a:hover, #main-menu a.open:hover, #main-menu li a.selected:hover {
background-color:#fafafa !important;
}
#main-menu .toggler {
display:block;
position:absolute;
right:6px;
top:10px;
background:url(../images/arrow-right.png) no-repeat left top;
width:9px;
height:9px;
right:0px;
top:0px;
background:url(../images/projectnavi_arrow_down.png) no-repeat 32px 7px;
width:50px;
height:25px;
}
#main-menu li .open .toggler {
background-image:url(../images/projectnavi_arrow_up.png);
@ -1361,8 +1483,12 @@ div#optional_login_fields {
*
* This section includes the layout and styles for the main content area.
------------------------------------------------------------------------------*/
#main {background:#f3f3f3;}
#footer { color: #aaa; }
#main {
background:#f3f3f3;
position:relative;
z-index:20;
}
#footer { color: #aaa; padding-left: 186px }
h1.title {
margin:12px 24px 9px;
@ -1371,13 +1497,9 @@ h1.title {
margin:0 15px 10px 185px;
padding:10px;
font-size:11px;
width: auto;
width: auto;
}
#content .title-bar {
background: #DDD;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
position:relative;
margin-bottom:10px;
}
@ -1385,7 +1507,6 @@ h1.title {
padding:9px 100px 9px 12px;
color:#000;
font-weight:normal;
font-size:14px;
font-weight:bold;
}
.title-bar h2 span {
@ -1403,9 +1524,8 @@ h1.title {
.button-large a {
padding:3px 9px;
text-decoration:none;
display:block;
color:#333;
color:#6a0406;
}
.title-bar .add-filter {
right:155px;
@ -1423,13 +1543,6 @@ fieldset#filters div.add-filter {
padding-left:26px;
}
.title-bar-extras {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background-color:#EEE;
color:#333333;
}
.title-bar-extras ul {
@ -1514,10 +1627,6 @@ form#issue-list {
#content table tr.context-menu-selection {
background:#FEFBD0 url(../images/selected-gradient.jpg) repeat-x left top;
}
#content table td a {
color:#333;
text-decoration:none;
}
#content table td.priority {
text-align:center;
}
@ -1543,8 +1652,6 @@ form#issue-list {
margin-right:10px;
}
.pagination, .other-formats {
float:right;
clear:right;
margin:10px 0;
}
.pagination a {
@ -1558,21 +1665,21 @@ form#issue-list {
------------------------------------------------------------------------------*/
.title-bar-actions {
position:absolute;
right:10px;
top:0;
position:absolute;
right:0px;
top:0;
padding:0 100px 0 10px;
height:100%;
}
.title-bar .title-bar-actions .contextual {
/* line-height:3.5;*/
padding-right: 100px;
padding-right:0px;
}
.title-bar-actions .contextual a {
/* color:#fff;*/
}
.title-bar .title-bar-actions .contextual a.icon {
color:#fff;
color:#000000;
margin-right: 0px;
}
.title-bar .update {
@ -1587,12 +1694,12 @@ div.issue {
padding:10px;
}
div.issue hr {
height:0;
margin:10px -10px;
clear:both;
}
div.issue h3 {
font-size:14px;
border:0px;
}
#content .meta table {
border:0 none;
@ -1758,11 +1865,11 @@ blockquote {
margin-left:20px;
padding:15px 60px 15px 25px;
font-size:12px;
}
#project-links {
position:absolute;
right:30px;
top:110px;
color:#ccc;
font-weight:bold;
}
@ -2085,12 +2192,37 @@ ul.projects div.root a.project {
}
/* sidebar cleanup */
#sidebar h3 {
margin:18px 0 6px;
#sidebar {
padding:10px 2px 2px 20px;
width:auto;
color:#888888;
font-weight:normal;
font-size:11px;
font-family:"Arial", Arial, sans-serif;
font-style:normal;
}
#sidebar a {
padding:0;
line-height:1.5;
#sidebar h3 {
color:#777777;
font-weight:bold;
font-size:12px;
font-family:"Arial", Arial, sans-serif;
font-style:normal;
margin:0px;
padding:0px;
margin-bottom:8px;
}
#sidebar a, #sidebar a:link, #sidebar a:visited {
color: #6a0406;
font-weight:bold;
height:auto;
display:inline;
position:static;
font-size:11px;
font-style:normal;
line-height:1.5;
}
#sidebar a:hover {
text-decoration:underline;
}
#sidebar input.button-small {
margin-top:6px;
@ -2099,11 +2231,8 @@ ul.projects div.root a.project {
#sidebar li {border: none; }
#sidebar li a {padding: 0px; }
#main-menu li a {
white-space:normal;
}
#main-menu li li a {
padding-left:40px;
padding-left:30px;
padding-right:3px;
text-indent:-6px;
letter-spacing:-.01em;
@ -2192,9 +2321,6 @@ div.issue hr {
#content h2 + h3 {
margin-top:12px;
}
#content .issue h3 {
margin:0 0 16px;
}
div.issue img.gravatar, #history img.gravatar {
float:none;
margin:0;
@ -2234,8 +2360,6 @@ fieldset#filters div.add-filter {
margin:0;
}
.title-bar .contextual a.icon {
color:#fff;
font-size:11px;
line-height:3.5;
margin-right:16px;
}
@ -2288,9 +2412,6 @@ tr.time-entry {
#main-menu .toggle-follow {
padding:5px 5px 5px 0;
}
#main-menu .toggle-follow:hover {
text-decoration:underline;
}
/* Weird Safari cascade bug. More specificity */
div.issue p, div.issue div, #content td {

View File

@ -48,5 +48,4 @@
/* selected element */
.context-menu-selection { background-color:#507AAA !important; color:#000 !important; }
.context-menu-selection a, .context-menu-selection a:hover { color:#000 !important; }
.context-menu-selection:hover { background-color:#507AAA !important; color:#000 !important; }

View File

@ -11,9 +11,6 @@ td.dropdown {
body .title-bar-extras {
overflow:hidden;
}
#main-menu a {
height:30px;
}
#main-menu, .title-bar {
z-index:4;
@ -45,4 +42,7 @@ body .file-thumbs a {
div.attachments {
position:relative;
z-index:4;
}
}
fieldset.collapsible.header_collapsible legend {
margin-left:-15px;
}