##// END OF EJS Templates
jro_apps » redmine
RSS
Added an ajax indicator for all ajax calls. Also removed highlight effects on my page layout edition....
Added an ajax indicator for all ajax calls. Also removed highlight effects on my page layout edition. git-svn-id: http://redmine.rubyforge.org/svn/trunk@485 e93f8b46-1217-0410-a6f0-8f06a7374b81
Jean-Philippe Lang - - Load All Authors

File last commit:

r482:5db3396c07b2
r482:5db3396c07b2
Show More
application.css
665 lines | 15.3 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;
}
#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); }
.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 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;}
input, select {vertical-align: middle; margin-bottom: 4px;}
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 }
/********** Validation error messages *************/
#errorExplanation {
width: 400px;
border: 0;
padding: 7px;
padding-bottom: 3px;
margin-bottom: 0px;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 10px 26px;
font-size: 1em;
margin: -7px;
background: url(../images/alert.png) no-repeat 6px 6px;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
}
#errorExplanation ul li {
font-size: 1em;
list-style: none;
margin-left: -16px;
}
/*========== 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;
}
.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%;
}
.tabular label{
font-weight: bold;
float: left;
margin-left: -180px; /*width of left column*/
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;
}
div.wiki table, div.wiki td {
border: 1px solid #bbb;
padding: 4px;
}
div.wiki code {
font-size: 1.2em;
}
#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;
}