##// END OF EJS Templates
jro_apps » redmine
RSS
Added automatic table of content support on wiki pages, based on h1., h2. and h3. headings....
Added automatic table of content support on wiki pages, based on h1., h2. and h3. headings. To display the page TOC, insert a line with this tag: {{toc}} or {{<toc}} => left aligned toc {{>toc}} => right aligned toc git-svn-id: http://redmine.rubyforge.org/svn/trunk@718 e93f8b46-1217-0410-a6f0-8f06a7374b81
Jean-Philippe Lang - - Load All Authors

File last commit:

r707:f3364b9dce6f
r707:f3364b9dce6f
Show More
application.css
734 lines | 16.9 KiB | text/css | LassoCssLexer
/ public / stylesheets / application.css
History | Source | Raw |Copy content |Copy permalink
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
/* Edited by Jean-Philippe Lang *>
/**************** Body and tag styles ****************/
#header * {margin:0; padding:0;}
p, ul, ol, li {margin:0; padding:0;}
body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec;
margin:0;
}
a{color:#467aa7;font-weight:bold;text-decoration:none;background-color:inherit;}
a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}
p{margin:0 0 1em 0;}
p form{margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
/**************** Header and navigation styles ****************/
#container{
width:100%;
min-width: 800px;
margin:0;
padding:0;
text-align:left;
background:#ffffff;
color:#303030;
}
#header{
height:4.5em;
margin:0;
background:#467aa7;
color:#ffffff;
margin-bottom:1px;
}
#header h1{
padding:10px 0 0 20px;
font-size:2em;
background-color:inherit;
color:#fff;
letter-spacing:-1px;
font-weight:bold;
font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
}
#header h2{
margin:3px 0 0 40px;
font-size:1.5em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
}
Jean-Philippe Lang
Added a quick search form in page header. Search functionality moved to a dedicated controller....
 r486 #header a {color:#fff;}
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 #navigation{
height:2.2em;
line-height:2.2em;
margin:0;
background:#578bb8;
color:#ffffff;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}
#navigation li.right {
float:right;
list-style-type:none;
border-right:0;
border-left:1px solid #ffffff;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0px 10px 0px 22px;
font-size:0.8em;
font-weight:normal;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
#navigation li.submenu {background:url(../images/arrow_down.png) 96% 80% no-repeat;}
#navigation li.submenu a {padding:0px 16px 0px 22px;}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover{
color:#ffffff;
text-decoration:none;
background-color: #80b0da;
}
/**************** Icons *******************/
.icon {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
vertical-align: middle;
}
#navigation .icon {
background-position: 4px 50%;
}
.icon22 {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 26px;
line-height: 22px;
vertical-align: middle;
}
.icon-add { background-image: url(../images/add.png); }
.icon-edit { background-image: url(../images/edit.png); }
.icon-del { background-image: url(../images/delete.png); }
.icon-move { background-image: url(../images/move.png); }
.icon-save { background-image: url(../images/save.png); }
.icon-cancel { background-image: url(../images/cancel.png); }
.icon-pdf { background-image: url(../images/pdf.png); }
.icon-csv { background-image: url(../images/csv.png); }
.icon-html { background-image: url(../images/html.png); }
Jean-Philippe Lang
Gantt chart can now be exported to a graphic file (png)....
 r660 .icon-image { background-image: url(../images/image.png); }
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 .icon-txt { background-image: url(../images/txt.png); }
.icon-file { background-image: url(../images/file.png); }
.icon-folder { background-image: url(../images/folder.png); }
.icon-package { background-image: url(../images/package.png); }
.icon-home { background-image: url(../images/home.png); }
.icon-user { background-image: url(../images/user.png); }
.icon-mypage { background-image: url(../images/user_page.png); }
.icon-admin { background-image: url(../images/admin.png); }
.icon-projects { background-image: url(../images/projects.png); }
.icon-logout { background-image: url(../images/logout.png); }
.icon-help { background-image: url(../images/help.png); }
.icon-attachment { background-image: url(../images/attachment.png); }
.icon-index { background-image: url(../images/index.png); }
.icon-history { background-image: url(../images/history.png); }
.icon-feed { background-image: url(../images/feed.png); }
.icon-time { background-image: url(../images/time.png); }
.icon-stats { background-image: url(../images/stats.png); }
Jean-Philippe Lang
Added a warning message on tracker list for trackers that don't have any workflow defined....
 r427 .icon-warning { background-image: url(../images/warning.png); }
Jean-Philippe Lang
Added "Watch" functionality on issues. It allows users to receive mail notifications about issue changes....
 r450 .icon-fav { background-image: url(../images/fav.png); }
Jean-Philippe Lang
Grey scale icon for issue not watched....
 r464 .icon-fav-off { background-image: url(../images/fav_off.png); }
Jean-Philippe Lang
Added a "clear" link when displaying a saved query. It clears the query filter to show all issues....
 r510 .icon-reload { background-image: url(../images/reload.png); }
Jean-Philippe Lang
Added the ability to archive projects:...
 r546 .icon-lock { background-image: url(../images/locked.png); }
.icon-unlock { background-image: url(../images/unlock.png); }
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416
.icon22-projects { background-image: url(../images/22x22/projects.png); }
.icon22-users { background-image: url(../images/22x22/users.png); }
.icon22-tracker { background-image: url(../images/22x22/tracker.png); }
.icon22-role { background-image: url(../images/22x22/role.png); }
.icon22-workflow { background-image: url(../images/22x22/workflow.png); }
.icon22-options { background-image: url(../images/22x22/options.png); }
.icon22-notifications { background-image: url(../images/22x22/notifications.png); }
.icon22-authent { background-image: url(../images/22x22/authent.png); }
.icon22-info { background-image: url(../images/22x22/info.png); }
.icon22-comment { background-image: url(../images/22x22/comment.png); }
.icon22-package { background-image: url(../images/22x22/package.png); }
.icon22-settings { background-image: url(../images/22x22/settings.png); }
/**************** Content styles ****************/
html>body #content {
height: auto;
min-height: 500px;
}
#content{
width: auto;
height:500px;
font-size:0.9em;
padding:20px 10px 10px 20px;
margin-left: 120px;
border-left: 1px dashed #c0c0c0;
}
#content h2, #content div.wiki h1 {
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#606060;
background-color:inherit;
font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
#content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}
#content .tabs{height: 2.6em;}
#content .tabs ul{margin:0;}
#content .tabs ul li{
float:left;
list-style-type:none;
white-space:nowrap;
margin-right:8px;
background:#fff;
}
#content .tabs ul li a{
display:block;
font-size: 0.9em;
text-decoration:none;
line-height:1em;
padding:4px;
border: 1px solid #c0c0c0;
}
#content .tabs ul li a.selected, #content .tabs ul li a:hover{
background-color: #80b0da;
border: 1px solid #80b0da;
color: #fff;
text-decoration:none;
}
/***********************************************/
form {display: inline;}
blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
Jean-Philippe Lang
Members management in project settings is now AJAXified...
 r505 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416
input.button-small {font-size: 0.8em;}
textarea.wiki-edit { width: 99.5%; }
.select-small {font-size: 0.8em;}
label {font-weight: bold; font-size: 1em; color: #505050;}
fieldset {border:1px solid #c0c0c0; padding: 6px;}
legend {color: #505050;}
.required {color: #bb0000;}
.odd {background-color:#f6f7f8;}
.even {background-color: #fff;}
hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
table p {margin:0; padding:0;}
.highlight { background-color: #FCFD8D;}
div.square {
border: 1px solid #999;
float: left;
margin: .4em .5em 0 0;
overflow: hidden;
width: .6em; height: .6em;
}
ul.documents {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.documents li {
background-image: url(../images/32x32/file.png);
background-repeat: no-repeat;
background-position: 0 1px;
padding-left: 36px;
margin-bottom: 10px;
margin-left: -37px;
}
/********** Table used to display lists of things ***********/
table.list {
width:100%;
border-collapse: collapse;
border: 1px dotted #d0d0d0;
margin-bottom: 6px;
}
table.with-cells td {
border: 1px solid #d7d7d7;
}
table.list td {
padding:2px;
}
table.list thead th {
text-align: center;
background: #eee;
border: 1px solid #d7d7d7;
color: #777;
}
table.list tbody th {
Jean-Philippe Lang
Added permissions report (link available on roles list view)....
 r430 font-weight: bold;
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 background: #eed;
border: 1px solid #d7d7d7;
Jean-Philippe Lang
Added permissions report (link available on roles list view)....
 r430 color: #777;
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 }
/*========== Drop down menu ==============*/
div.menu {
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #7F9DB9;
position: absolute;
top: 0px;
left: 0px;
padding: 0;
visibility: hidden;
z-index: 101;
}
div.menu a.menuItem {
font-size: 10px;
font-weight: normal;
line-height: 2em;
color: #000000;
background-color: #FFFFFF;
cursor: default;
display: block;
padding: 0 1em;
margin: 0;
border: 0;
text-decoration: none;
white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #80b0da;
color: #ffffff;
}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}
/**************** Sidebar styles ****************/
#subcontent{
position: absolute;
left: 0px;
Jean-Philippe Lang
Right overflow of the left menu now hidden....
 r458 width:95px;
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 padding:20px 20px 10px 5px;
Jean-Philippe Lang
Right overflow of the left menu now hidden....
 r458 overflow: hidden;
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 }
#subcontent h2{
display:block;
margin:0 0 5px 0;
font-size:1.0em;
font-weight:bold;
text-align:left;
color:#606060;
background-color:inherit;
font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
}
#subcontent p{margin:0 0 16px 0; font-size:0.9em;}
/**************** Menublock styles ****************/
.menublock{margin:0 0 20px 8px; font-size:0.8em;}
.menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:0; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}
/**************** Footer styles ****************/
#footer{
clear:both;
padding:5px 0;
margin:0;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
}
#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
/**************** Misc classes and styles ****************/
.splitcontentleft{float:left; width:49%;}
.splitcontentright{float:right; width:49%;}
.clear{clear:both;}
.small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}
a.close-icon {
display:block;
margin-top:3px;
overflow:hidden;
width:12px;
height:12px;
background-repeat: no-repeat;
cursor:pointer;
background-image:url('../images/close.png');
}
a.close-icon:hover {
background-image:url('../images/close_hl.png');
}
.rightbox{
background: #fafbfc;
border: 1px solid #c0c0c0;
float: right;
padding: 8px;
position: relative;
margin: 0 5px 5px;
}
Jean-Philippe Lang
Attachments can now be added to wiki pages (original patch by Pavol Murin). Only authorized users can add/delete attachments....
 r538 div.attachments {padding-left: 6px; border-left: 2px solid #ccc; margin-bottom: 8px;}
div.attachments p {margin-bottom:2px;}
Jean-Philippe Lang
Per project forums added....
 r526
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 .overlay{
position: absolute;
margin-left:0;
z-index: 50;
}
.layout-active {
background: #ECF3E1;
}
.block-receiver {
border:1px dashed #c0c0c0;
margin-bottom: 20px;
padding: 15px 0 15px 0;
}
.mypage-box {
margin:0 0 20px 0;
color:#505050;
line-height:1.5em;
}
.handle {
cursor: move;
}
.login {
width: 50%;
text-align: left;
}
img.calendar-trigger {
cursor: pointer;
vertical-align: middle;
margin-left: 4px;
}
#history p {
margin-left: 34px;
}
.progress {
border: 1px solid #D7D7D7;
border-collapse: collapse;
border-spacing: 0pt;
empty-cells: show;
padding: 3px;
width: 40em;
text-align: center;
}
.progress td { height: 1em; }
.progress .closed { background: #BAE0BA none repeat scroll 0%; }
.progress .open { background: #FFF none repeat scroll 0%; }
/***** Contextual links div *****/
.contextual {
float: right;
font-size: 0.8em;
line-height: 16px;
padding: 2px;
}
.contextual select, .contextual input {
font-size: 1em;
}
/***** Gantt chart *****/
.gantt_hdr {
position:absolute;
top:0;
height:16px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
text-align: center;
overflow: hidden;
}
.task {
position: absolute;
height:8px;
font-size:0.8em;
color:#888;
padding:0;
margin:0;
line-height:0.8em;
}
.task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
.task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
.task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
Jean-Philippe Lang
Added versions due dates on gantt chart....
 r425 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416
/***** Tooltips ******/
.tooltip{position:relative;z-index:24;}
.tooltip:hover{z-index:25;color:#000;}
.tooltip span.tip{display: none; text-align:left;}
div.tooltip:hover span.tip{
display:block;
position:absolute;
top:12px; left:24px; width:270px;
border:1px solid #555;
background-color:#fff;
padding: 4px;
font-size: 0.8em;
color:#505050;
}
/***** CSS FORM ******/
.tabular p{
margin: 0;
padding: 5px 0 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/
height: 1%;
Jean-Philippe Lang
Added an option to be able to relate issues in different projects....
 r617 clear:both;
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 }
.tabular label{
font-weight: bold;
float: left;
margin-left: -180px; /*width of left column*/
Jean-Philippe Lang
Added an option to be able to relate issues in different projects....
 r617 margin-bottom: 10px;
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 width: 175px; /*width of labels. Should be smaller than left column to create some right
margin*/
}
.error {
color: #cc0000;
}
Jean-Philippe Lang
Commit messages are now scanned for referenced or fixed issue IDs....
 r470 #settings .tabular p{ padding-left: 300px; }
#settings .tabular label{ margin-left: -300px; width: 295px; }
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
/***** Wiki sections ****/
#content div.wiki { font-size: 110%}
#content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
#content div.wiki h2 { font-size: 1.4em;}
#content div.wiki h3 { font-size: 1.2em;}
div.wiki table {
border: 1px solid #505050;
border-collapse: collapse;
}
Jean-Philippe Lang
Added border and padding on wiki table headers....
 r669 div.wiki table, div.wiki td, div.wiki th {
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 border: 1px solid #bbb;
padding: 4px;
}
Jean-Philippe Lang
Added icon on external wiki links...
 r594 div.wiki a {
background-position: 0% 60%;
background-repeat: no-repeat;
Jean-Philippe Lang
Improved Redmine links:...
 r703 padding-left: 12px;
Jean-Philippe Lang
Added icon on external wiki links...
 r594 background-image: url(../images/external.png);
}
Jean-Philippe Lang
Added automatic table of content support on wiki pages, based on h1., h2. and h3. headings....
 r707 div.wiki a.wiki-page, div.wiki a.issue, div.wiki a.changeset, div.wiki a.email, div.wiki div.toc a {
Jean-Philippe Lang
Added icon on external wiki links...
 r594 padding-left: 0;
background-image: none;
}
Jean-Philippe Lang
Improved Redmine links:...
 r703 div.wiki a.new {
color: #b73535;
}
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 div.wiki code {
font-size: 1.2em;
}
Jean-Philippe Lang
Added a margin for inline images in wiki text...
 r579 div.wiki img {
margin: 6px;
}
Jean-Philippe Lang
Added background on <pre> wiki blocks....
 r700 div.wiki pre {
margin: 1em 1em 1em 1.6em;
padding: 2px;
background-color: #fafafa;
border: 1px solid #dadada;
}
Jean-Philippe Lang
Added automatic table of content support on wiki pages, based on h1., h2. and h3. headings....
 r707 div.wiki div.toc {
background-color: #fdfed0;
border: 1px solid #dadada;
padding: 4px;
line-height: 1.1em;
margin-bottom: 12px;
float: left;
margin-right: 12px;
}
div.wiki div.toc.right {
float: right;
margin-left: 12px;
margin-right: 0;
}
div.wiki div.toc a {
display: block;
font-size: 0.9em;
font-weight: normal;
color: #606060;
}
div.wiki div.toc a.heading2 { margin-left: 6px; }
div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }
div.wiki
Jean-Philippe Lang
Added wiki diff....
 r580 .diff_out{
background: #fcc;
}
.diff_in{
background: #cfc;
}
Jean-Philippe Lang
Added svn:eol-style native property for various files...
 r416 #preview .preview { background: #fafbfc url(../images/draft.png); }
Jean-Philippe Lang
Added an ajax indicator for all ajax calls. Also removed highlight effects on my page layout edition....
 r482
#ajax-indicator {
position: absolute; /* fixed not supported by IE */
background-color:#eee;
border: 1px solid #bbb;
top:35%;
left:40%;
width:20%;
font-weight:bold;
text-align:center;
padding:0.6em;
z-index:100;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
html>body #ajax-indicator { position: fixed; }
#ajax-indicator span {
background-position: 0% 40%;
background-repeat: no-repeat;
background-image: url(../images/loading.gif);
padding-left: 26px;
vertical-align: bottom;
}
Jean-Philippe Lang
Applied the flash notices patch by Matt Jones (slightly edited)....
 r597
Jean-Philippe Lang
Changed AR error messages style (same as flash errors)....
 r607 /***** Flash & error messages ****/
#flash div, #errorExplanation {
Jean-Philippe Lang
Applied the flash notices patch by Matt Jones (slightly edited)....
 r597 padding: 4px 4px 4px 30px;
margin-bottom: 16px;
Jean-Philippe Lang
Changed AR error messages style (same as flash errors)....
 r607 font-size: 1.1em;
Jean-Philippe Lang
Applied the flash notices patch by Matt Jones (slightly edited)....
 r597 border: 2px solid;
}
Jean-Philippe Lang
Changed AR error messages style (same as flash errors)....
 r607 #flash div.error, #errorExplanation {
background: url(../images/false.png) 8px 5px no-repeat;
Jean-Philippe Lang
Applied the flash notices patch by Matt Jones (slightly edited)....
 r597 background-color: #ffe3e3;
border-color: #dd0000;
color: #550000;
}
Jean-Philippe Lang
Changed AR error messages style (same as flash errors)....
 r607 #flash div.notice {
background: url(../images/true.png) 8px 5px no-repeat;
Jean-Philippe Lang
Applied the flash notices patch by Matt Jones (slightly edited)....
 r597 background-color: #dfffdf;
border-color: #9fcf9f;
color: #005f00;
}
Jean-Philippe Lang
Changed AR error messages style (same as flash errors)....
 r607
#errorExplanation ul { margin-bottom: 0px; }
#errorExplanation ul li { list-style: none; margin-left: -16px;}