2006-06-28 22:11:03 +04:00
/* 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 ;
2006-09-02 17:33:23 +04:00
margin : 0 ;
2006-06-28 22:11:03 +04:00
}
2007-02-05 23:18:22 +03:00
a { color : #467aa7 ; font-weight : bold ; text-decoration : none ; background-color : inherit ; }
2006-06-28 22:11:03 +04:00
a : hover { color : #2a5a8a ; text-decoration : none ; background-color : inherit ; }
a img { border : none ; }
2007-01-08 22:21:59 +03:00
p { margin : 0 0 1 em 0 ; }
2006-06-28 22:11:03 +04:00
p form { margin-top : 0 ; margin-bottom : 20 px ; }
img . left , img . center , img . right { padding : 4 px ; border : 1 px solid #a0a0a0 ; }
img . left { float : left ; margin : 0 12 px 5 px 0 ; }
img . center { display : block ; margin : 0 auto 5 px auto ; }
img . right { float : right ; margin : 0 0 5 px 12 px ; }
/**************** Header and navigation styles ****************/
# container {
width : 100 % ;
min-width : 800px ;
2006-09-02 17:33:23 +04:00
margin : 0 ;
padding : 0 ;
2006-06-28 22:11:03 +04:00
text-align : left ;
background : # ffffff ;
color : # 303030 ;
}
# header {
2006-09-02 17:33:23 +04:00
height : 4 . 5em ;
margin : 0 ;
2006-06-28 22:11:03 +04:00
background : # 467aa7 ;
color : # ffffff ;
2006-09-02 17:33:23 +04:00
margin-bottom : 1px ;
2006-06-28 22:11:03 +04:00
}
# header h1 {
2006-09-02 17:33:23 +04:00
padding : 10px 0 0 20px ;
2006-11-17 23:24:34 +03:00
font-size : 2em ;
2006-06-28 22:11:03 +04:00
background-color : inherit ;
2006-12-24 19:35:25 +03:00
color : # fff ;
2006-11-17 23:24:34 +03:00
letter-spacing : -1px ;
font-weight : bold ;
font-family : Trebuchet MS , Georgia , "Times New Roman" , serif ;
2006-06-28 22:11:03 +04:00
}
# header h2 {
2006-09-02 17:33:23 +04:00
margin : 3px 0 0 40px ;
2006-11-17 23:24:34 +03:00
font-size : 1 . 5em ;
2006-06-28 22:11:03 +04:00
background-color : inherit ;
color : # f0f2f4 ;
letter-spacing : -1px ;
font-weight : normal ;
2006-11-17 23:24:34 +03:00
font-family : Trebuchet MS , Georgia , "Times New Roman" , serif ;
2006-06-28 22:11:03 +04:00
}
# navigation {
height : 2 . 2em ;
line-height : 2 . 2em ;
2006-09-02 17:33:23 +04:00
margin : 0 ;
2006-06-28 22:11:03 +04:00
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 ;
}
2007-02-05 23:18:22 +03:00
# navigation li . submenu { background : url ( ../images/arrow_down.png ) 96 % 80 % no-repeat ; }
# navigation li . submenu a { padding : 0 px 16 px 0 px 22 px ; }
2006-06-28 22:11:03 +04:00
* html # navigation a { width : 1 % ; }
# navigation . selected , # navigation a : hover {
color : # ffffff ;
text-decoration : none ;
background-color : # 80b0da ;
}
2007-01-08 22:21:59 +03:00
/**************** Icons *******************/
2006-12-24 19:35:25 +03:00
. icon {
2007-01-08 22:21:59 +03:00
background-position : 0 % 40 % ;
background-repeat : no-repeat ;
padding-left : 20px ;
padding-top : 2px ;
padding-bottom : 3px ;
vertical-align : middle ;
2006-12-24 19:35:25 +03:00
}
2007-01-08 22:21:59 +03:00
# navigation . icon {
background-position : 4px 50 % ;
}
. icon22 {
background-position : 0 % 40 % ;
background-repeat : no-repeat ;
2007-01-15 23:14:06 +03:00
padding-left : 26px ;
2007-01-08 22:21:59 +03:00
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 ) ; }
2007-02-05 22:48:01 +03:00
. icon-cancel { background-image : url ( ../images/cancel.png ) ; }
2007-01-08 22:21:59 +03:00
. icon-pdf { background-image : url ( ../images/pdf.png ) ; }
. icon-csv { background-image : url ( ../images/csv.png ) ; }
2007-03-10 18:09:49 +03:00
. icon-html { background-image : url ( ../images/html.png ) ; }
. icon-txt { background-image : url ( ../images/txt.png ) ; }
2007-01-08 22:21:59 +03:00
. 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 ) ; }
2007-03-10 18:09:49 +03:00
. icon-index { background-image : url ( ../images/index.png ) ; }
. icon-history { background-image : url ( ../images/history.png ) ; }
2007-03-17 18:18:50 +03:00
. icon-feed { background-image : url ( ../images/feed.png ) ; }
2007-03-23 15:22:31 +03:00
. icon-time { background-image : url ( ../images/time.png ) ; }
2007-03-25 21:11:46 +04:00
. icon-stats { background-image : url ( ../images/stats.png ) ; }
2007-01-08 22:21:59 +03:00
. 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 ) ; }
2007-01-15 23:14:06 +03:00
. icon22-package { background-image : url ( ../images/22x22/package.png ) ; }
2007-01-21 14:50:22 +03:00
. icon22-settings { background-image : url ( ../images/22x22/settings.png ) ; }
2006-12-24 19:35:25 +03:00
2006-06-28 22:11:03 +04:00
/**************** Content styles ****************/
2006-09-02 17:33:23 +04:00
html > body # content {
height : auto ;
2006-11-12 21:50:30 +03:00
min-height : 500px ;
2006-09-02 17:33:23 +04:00
}
2006-06-28 22:11:03 +04:00
# content {
width : auto ;
2006-11-12 21:50:30 +03:00
height : 500px ;
2006-06-28 22:11:03 +04:00
font-size : 0 . 9em ;
padding : 20px 10px 10px 20px ;
2006-09-02 17:33:23 +04:00
margin-left : 120px ;
2006-06-28 22:11:03 +04:00
border-left : 1px dashed # c0c0c0 ;
2006-09-02 17:33:23 +04:00
2006-06-28 22:11:03 +04:00
}
2007-03-10 18:09:49 +03:00
# content h2 , # content div . wiki h1 {
2006-06-28 22:11:03 +04:00
display : block ;
margin : 0 0 16px 0 ;
font-size : 1 . 7em ;
font-weight : normal ;
letter-spacing : -1px ;
2006-11-17 23:24:34 +03:00
color : # 606060 ;
2006-06-28 22:11:03 +04:00
background-color : inherit ;
2006-11-17 23:24:34 +03:00
font-family : Trebuchet MS , Georgia , "Times New Roman" , serif ;
2006-06-28 22:11:03 +04:00
}
# content h2 a { font-weight : normal ; }
2006-11-17 23:24:34 +03:00
# content h3 { margin : 0 0 12 px 0 ; font-size : 1.4 em ; color : #707070 ; font-family : Trebuchet MS , Georgia , "Times New Roman" , serif ; }
2006-12-24 19:35:25 +03:00
# content h4 { font-size : 1 em ; margin-bottom : 12 px ; margin-top : 20 px ; font-weight : normal ; border-bottom : dotted 1 px #c0c0c0 ; }
2006-06-28 22:11:03 +04:00
# content a : hover , # subcontent a : hover { text-decoration : underline ; }
# content ul , # content ol { margin : 0 5 px 16 px 35 px ; }
# content dl { margin : 0 5 px 10 px 25 px ; }
# content dt { font-weight : bold ; margin-bottom : 5 px ; }
# content dd { margin : 0 0 10 px 15 px ; }
2007-01-26 20:59:06 +03:00
# content . tabs { height : 2.6 em ; }
# 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 ;
}
2006-06-28 22:11:03 +04:00
/***********************************************/
2007-02-05 23:18:22 +03:00
form { display : inline ; }
blockquote { padding-left : 6 px ; border-left : 2 px solid #ccc ; }
input , select { vertical-align : middle ; margin-bottom : 4 px ; }
input . button-small { font-size : 0.8 em ; }
2007-03-11 17:22:53 +03:00
textarea . wiki-edit { width : 99.5 % ; }
2007-02-05 23:18:22 +03:00
. select-small { font-size : 0.8 em ; }
label { font-weight : bold ; font-size : 1 em ; color : #505050 ; }
fieldset { border : 1 px solid #c0c0c0 ; padding : 6 px ; }
legend { color : #505050 ; }
. required { color : #bb0000 ; }
. odd { background-color : #f6f7f8 ; }
. even { background-color : #fff ; }
2007-03-06 21:45:08 +03:00
hr { border : 0 ; border-top : dotted 1 px #fff ; border-bottom : dotted 1 px #c0c0c0 ; }
2007-02-05 23:18:22 +03:00
table p { margin : 0 ; padding : 0 ; }
2006-12-24 19:35:25 +03:00
2007-03-10 16:32:04 +03:00
. highlight { background-color : #FCFD8D ; }
2007-02-28 00:03:15 +03:00
2006-12-24 19:35:25 +03:00
div . square {
border : 1px solid # 999 ;
float : left ;
margin : . 4em . 5em 0 0 ;
overflow : hidden ;
width : . 6em ; height : . 6em ;
2006-10-21 16:57:19 +04:00
}
2006-12-26 13:11:55 +03:00
ul . documents {
list-style-type : none ;
padding : 0 ;
margin : 0 ;
}
ul . documents li {
2007-01-08 22:21:59 +03:00
background-image : url ( . . / images / 32x32 / file . png ) ;
2006-12-26 13:11:55 +03:00
background-repeat : no-repeat ;
2007-01-08 22:21:59 +03:00
background-position : 0 1px ;
padding-left : 36px ;
2006-12-26 13:11:55 +03:00
margin-bottom : 10px ;
margin-left : -37px ;
}
2006-12-24 19:35:25 +03:00
/********** Table used to display lists of things ***********/
table . list {
width : 100 % ;
border-collapse : collapse ;
border : 1px dotted # d0d0d0 ;
margin-bottom : 6px ;
2006-11-12 21:50:30 +03:00
}
2006-12-24 19:35:25 +03:00
table . with-cells td {
border : 1px solid # d7d7d7 ;
2006-11-12 21:50:30 +03:00
}
2007-01-26 21:27:10 +03:00
table . list td {
padding : 2px ;
}
2006-12-24 19:35:25 +03:00
table . list thead th {
text-align : center ;
background : # eee ;
border : 1px solid # d7d7d7 ;
2006-12-25 13:53:15 +03:00
color : # 777 ;
2006-12-24 19:35:25 +03:00
}
2006-06-28 22:11:03 +04:00
2006-12-24 19:35:25 +03:00
table . list tbody th {
font-weight : normal ;
background : # eed ;
border : 1px solid # d7d7d7 ;
}
2006-06-28 22:11:03 +04:00
2006-12-25 12:56:21 +03:00
/********** 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 ;
}
2006-06-28 22:11:03 +04:00
/**************** Sidebar styles ****************/
# subcontent {
2006-11-12 21:50:30 +03:00
position : absolute ;
left : 0px ;
2006-09-02 17:33:23 +04:00
width : 110px ;
2006-06-28 22:11:03 +04:00
padding : 20px 20px 10px 5px ;
}
# subcontent h2 {
display : block ;
2006-09-02 17:33:23 +04:00
margin : 0 0 5px 0 ;
font-size : 1 . 0em ;
font-weight : bold ;
2006-06-28 22:11:03 +04:00
text-align : left ;
2006-09-02 17:33:23 +04:00
color : # 606060 ;
2006-06-28 22:11:03 +04:00
background-color : inherit ;
2006-11-17 23:24:34 +03:00
font-family : Trebuchet MS , Georgia , "Times New Roman" , serif ;
2006-06-28 22:11:03 +04:00
}
# subcontent p { margin : 0 0 16 px 0 ; font-size : 0.9 em ; }
/**************** Menublock styles ****************/
2006-09-02 17:33:23 +04:00
. menublock { margin : 0 0 20 px 8 px ; font-size : 0.8 em ; }
2006-06-28 22:11:03 +04:00
. menublock li { list-style : none ; display : block ; padding : 1 px ; margin-bottom : 0 px ; }
. menublock li a { font-weight : bold ; text-decoration : none ; }
. menublock li a : hover { text-decoration : none ; }
2006-09-02 17:33:23 +04:00
. menublock li ul { margin : 0 ; font-size : 1 em ; font-weight : normal ; }
2006-06-28 22:11:03 +04:00
. menublock li ul li { margin-bottom : 0 ; }
. menublock li ul a { font-weight : normal ; }
/**************** Footer styles ****************/
# footer {
clear : both ;
padding : 5px 0 ;
2006-09-02 17:33:23 +04:00
margin : 0 ;
2006-06-28 22:11:03 +04:00
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.8 em ; line-height : 1.4 em ; 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 ;
}
2006-12-03 22:55:45 +03:00
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' ) ;
}
2006-11-05 19:49:27 +03:00
. rightbox {
background : # fafbfc ;
border : 1px solid # c0c0c0 ;
float : right ;
padding : 8px ;
position : relative ;
margin : 0 5px 5px ;
}
2006-12-03 22:55:45 +03:00
. 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 ;
}
2006-12-07 21:12:27 +03:00
. handle {
2006-12-03 22:55:45 +03:00
cursor : move ;
}
2006-07-29 13:32:58 +04:00
. login {
width : 50 % ;
text-align : left ;
}
2006-06-28 22:11:03 +04:00
2006-10-14 11:44:00 +04:00
img . calendar-trigger {
cursor : pointer ;
vertical-align : middle ;
margin-left : 4px ;
}
2006-11-28 01:31:14 +03:00
# history p {
margin-left : 34px ;
}
2006-09-02 17:33:23 +04:00
2007-03-25 16:59:48 +04:00
. progress {
border : 1px solid # D7D7D7 ;
border-collapse : collapse ;
border-spacing : 0pt ;
empty-cells : show ;
padding : 3px ;
width : 40em ;
text-align : center ;
}
. progress td { height : 1 em ; }
. progress . closed { background : #BAE0BA none repeat scroll 0 % ; }
. progress . open { background : #FFF none repeat scroll 0 % ; }
2006-12-16 15:15:31 +03:00
/***** Contextual links div *****/
. contextual {
float : right ;
font-size : 0 . 8em ;
2007-01-08 22:21:59 +03:00
line-height : 16px ;
padding : 2px ;
2006-12-16 15:15:31 +03:00
}
2006-12-24 16:38:45 +03:00
. contextual select , . contextual input {
2006-12-17 11:10:18 +03:00
font-size : 1em ;
}
2006-12-16 15:15:31 +03:00
2007-01-05 22:10:57 +03:00
/***** 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 ;
}
2007-01-08 22:21:59 +03:00
. task_late { background : #f66 url ( ../images/task_late.png ) ; border : 1 px solid #f66 ; }
. task_done { background : #66f url ( ../images/task_done.png ) ; border : 1 px solid #66f ; }
. task_todo { background : #aaa url ( ../images/task_todo.png ) ; border : 1 px solid #aaa ; }
2006-12-16 15:15:31 +03:00
2007-01-10 00:27:21 +03:00
/***** Tooltips ******/
2007-01-13 13:36:18 +03:00
. tooltip { position : relative ; z-index : 24 ; }
2007-01-10 00:27:21 +03:00
. tooltip : hover { z-index : 25 ; color : #000 ; }
2007-03-23 15:22:31 +03:00
. tooltip span . tip { display : none ; text-align : left ; }
2007-01-10 00:27:21 +03:00
div . tooltip : hover span . tip {
display : block ;
position : absolute ;
2007-01-13 13:36:18 +03:00
top : 12px ; left : 24px ; width : 270px ;
2007-01-10 00:27:21 +03:00
border : 1px solid # 555 ;
background-color : # fff ;
padding : 4px ;
font-size : 0 . 8em ;
color : # 505050 ;
}
2006-09-02 17:33:23 +04:00
/***** 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 ;
}
2007-03-18 21:32:59 +03:00
# settings . tabular p { padding-left : 250 px ; }
# settings . tabular label { margin-left : -250 px ; width : 245 px ; }
2006-09-02 17:33:23 +04:00
/ * . 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 ;
2007-03-10 18:09:49 +03:00
}
/***** 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.4 em ; }
# content div . wiki h3 { font-size : 1.2 em ; }
div . wiki table {
border : 1px solid # 505050 ;
border-collapse : collapse ;
}
div . wiki table , div . wiki td {
border : 1px solid # bbb ;
padding : 4px ;
}
2007-03-11 17:00:15 +03:00
div . wiki code {
font-size : 1 . 2em ;
}
2007-03-10 18:09:49 +03:00
# preview . preview { background : #fafbfc url ( ../images/draft.png ) ; }