:root {--body-bg:#F1EFE2;--body-color:black;--main-inside-color:#FFF;--link-color: #005600;} @media (prefers-color-scheme: dark) {:root { --body-bg:#191b22;--body-color: #fcfcfc;--main-inside-color: #212529;--link-color: #00DD00;}} body { font-family: Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; background-color:var(--body-bg);color:var(--body-color);} h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;} #content h1 {margin:0; padding:0; font-size: 24px; border-bottom: 1px solid #bbbbbb; color: #040;} #content .plugin_lastfm_charttype {margin:0; padding:0; font-size: 24px; border-bottom: 1px solid #bbbbbb; color: #040;} h2, .wiki h1 {font-size: 1.8em;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #040;} h3, .wiki h2 {font-size: 1.6em;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #040;} h4, .wiki h3 {font-size: 1.4em;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #040;} /***** Layout *****/ /*#wrapper {background: white;}*/ #top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;} #top-menu {background: #004000; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;} #top-menu ul {margin: 0; padding: 0;} #top-menu li { float:left; list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; white-space:nowrap; } #top-menu a {color: #fff; padding-right: 8px; font-weight: bold;} #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; } #account {float:right;} #header {height:8.4em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 12px 0px 6px; position:relative;} #header {height:8.4em;margin:0;background-color:#009200;color:#f8f8f8; padding: 4px 12px 0px 40px; position:relative; background-image: url("images/Kiwilogo3.png"); background-repeat:no-repeat; } #header a {color:#ffffff;} #header h1 {padding: 35px 0 0 16px;} #quick-search {float:right; padding-top:5px;} #quick-search input.id{margin:15px;} #quick-search input.button {display:none;} #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px;} #main-menu ul {margin: 0; padding: 0;} #main-menu li { float:left; list-style-type:none; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px; white-space:nowrap; } #main-menu li a { display: block; color: #fff; text-decoration: none; font-weight: bold; margin: 0; padding: 4px 10px 4px 10px; } #main-menu li a:hover {background:#009F00; color:#fff;} #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;} #main {background-color:var(--main-inside-color);} #sidebar{ float: right; width: 20%; position: relative; z-index: 9; padding: 0; margin-left: 1em; } * html #sidebar{ width: 20%; } #sidebar h3{ font-size: 1.2em; margin-top:14px; color: #666; } #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; } * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; } #content { background-color: var(--main-inside-color); margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; background-image:url(images/kiwifoot128.png); background-repeat: no-repeat; background-position:right bottom; } * html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;} html>body #content { height: auto; min-height: 600px; overflow: auto; } #main.nosidebar #sidebar{ display: none; } #main.nosidebar #content{ width: auto; border-right: 0; } #footer {text-align: right; padding:0; font-size: 0.9em; background-color: var(--body-bg); } div.centeralign {margin-top:5em; margin-left: 5em; margin-right:5em; padding:1em; border: 2px solid #FDBF3B; background-color:var(--body-bg); text-align:center; /* background-image: url("images/login_box.jpg"); background-repeat:no-repeat; */ width: 22em; } div.centeralign legend { display: none; } div.centeralign fieldset{ border: none; } div.connexion.level1 {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #000000; background-color:#FFEBC1; /* background-image: url("images/login_box.jpg"); */ } #login-form td {padding: 6px; } div.centeralign label.block {font-weight: bold; float:right; margin-bottom: 15px; } div.centeralign label.simple {padding:6px; float:left} div.centeralign input.button {padding:6px; float:right} .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /***** Links *****/ a, a:link, a:visited{ color: var(--link-color); text-decoration: none; } a:hover, a:active{ color: var(--link-color); text-decoration: underline;} a img{ border: 0; } a.issue.closed, .issue.closed a { text-decoration: line-through; } /***** Tables *****/ table { border: 0px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-top: 10px; } table th { padding: 4px; white-space:nowrap; text-align: left} table td { overflow: hidden; vertical-align: top;} table td.id { width: 2%; text-align: center;} table td.checkbox { width: 15px; padding: 0px;} table.list.issues { margin-top: 10px; } tr.issue { text-align: center; white-space: nowrap; } tr.issue td.subject, tr.issue td.category { white-space: normal; } tr.issue td.subject { text-align: left; } tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;} tr,tr.entry { border: 0px none #ffffff; } tr.entry td { white-space: nowrap; } tr.entry td.filename { width: 30%; } tr.entry td.size { text-align: right; font-size: 90%; } tr.entry td.revision, tr.entry td.author { text-align: center; } tr.entry td.age { text-align: right; } tr.changeset td.author { text-align: center; width: 15%; } tr.changeset td.committed_on { text-align: center; width: 15%; } tr.message { height: 2.6em; } tr.message td.last_message { font-size: 80%; } tr.message.locked td.subject a { background-image: url(../images/locked.png); } tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; } tr.user td { width:13%; } tr.user td.email { width:18%; } tr.user td { white-space: nowrap; } tr.user.locked, tr.user.registered { color: #aaa; } tr.user.locked a, tr.user.registered a { color: #aaa; } tr.time-entry { text-align: center; white-space: nowrap; } tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; } td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; } td.hours .hours-dec { font-size: 0.9em; } table.list tbody tr:hover { background-color:#ffffdd; } table td {padding:2px;} table p {margin:0;} .odd {background-color:#f6f7f8;} tr {border: none;} .even {background-color: #fff;} .highlight { background-color: #FCFD8D;} .highlight.token-1 { background-color: #faa;} .highlight.token-2 { background-color: #afa;} .highlight.token-3 { background-color: #aaf;} div#dw__toc { padding:6px; margin-bottom: 10px; background-color:var(--body-bg); color:#505050; line-height:1.5em; border: 1px solid #e4e4e4; padding-left:50px; } div.square { border: 1px solid #999; float: left; margin: .3em .4em 0 .4em; overflow: hidden; width: .6em; height: .6em; } .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;} .contextual input {font-size:0.9em;} .splitcontentleft{float:left; width:49%;} .splitcontentright{float:right; width:49%;} form {display: inline;} input.button {vertical-align: middle; margin-top: 1px; margin-bottom: 1px; background-color:var(--body-bg); border:1px solid #8CACBB; color:#333333; cursor:pointer; font-size:100%; margin:1px; padding:0.125em 0.4em; text-decoration:none; vertical-align:middle; background:url("/lib/tpl/redmine-kiwi/images/buttonshadow.png") repeat-x scroll center bottom #FFFFFF; font:80% "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif; } input.edit {vertical-align: middle; margin-top: 1px; margin-bottom: 1px; background-color:var(--body-bg); color:var(--body-color); border:1px solid #8CACBB; padding:0.125em 0.4em; } fieldset {border: 1px solid #e4e4e4; margin:0;} legend {color: #484848;} hr { width: 100%; height: 1px; background: #ccc; border: 0;} textarea.wiki-edit { width: 99%; } textarea { width: 100%; background-color:var(--body-bg); color:var(--body-color); } li p {margin-top: 0;} div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;} p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;} p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; } /***** Tabular forms ******/ .tabular p{ margin: 0; padding: 5px 0 8px 0; padding-left: 180px; /*width of left column containing the label elements*/ height: 1%; clear:left; } .tabular label{ font-weight: bold; float: left; text-align: right; margin-left: -180px; /*width of left column*/ width: 175px; /*width of labels. Should be smaller than left column to create some right margin*/ } .tabular label.floating{ font-weight: normal; margin-left: 0px; text-align: left; width: 200px; } #preview fieldset {margin-top: 1em; background: url(images/draft.png)} .tabular.settings p{ padding-left: 300px; } .tabular.settings label{ margin-left: -300px; width: 295px; } .required {color: #bb0000;} .summary {font-style: italic;} #attachments_fields input[type=text] {margin-left: 8px; } 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; } .other-formats span + span:before { content: "| "; } a.feed { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; } /***** Flash & error messages ****/ #errorExplanation, div.flash, .nodata, .warning { padding: 4px 4px 4px 30px; margin-bottom: 12px; font-size: 1.1em; border: 2px solid; } div.flash {margin-top: 8px;} div.flash.error, #errorExplanation { background: url(../images/false.png) 8px 5px no-repeat; background-color: #ffe3e3; border-color: #dd0000; color: #550000; } div.flash.notice { background: url(../images/true.png) 8px 5px no-repeat; background-color: #dfffdf; border-color: #9fcf9f; color: #005f00; } .nodata, .warning { text-align: center; background-color: #FFEBC1; border-color: #FDBF3B; color: #A6750C; } #errorExplanation ul { font-size: 0.9em;} /***** Diff *****/ .diff_out { background: #fcc; } .diff_in { background: #cfc; } /***** Wiki *****/ div.wiki table { border: 1px solid #505050; border-collapse: collapse; margin-bottom: 1em; } div.wiki table, div.wiki td, div.wiki th { border: 1px solid #bbb; padding: 4px; } div.wiki .external { background-position: 0% 60%; background-repeat: no-repeat; padding-left: 12px; background-image: url(../images/external.png); } div.wiki a.new { color: #b73535; } div.wiki pre, .code { margin: 1em 1em 1em 1.6em; padding: 2px; background-color: #fafafa; background-color: transparent; background-image: url(images/greenglass.png); border: 1px solid #dadada; width:95%; overflow-x: auto; } * html div.wiki, div.toc div#dw__toc { width: 50%; } /* IE6 doesn't autosize div */ div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; } /*div.toc { float: right; margin-left: 12px; margin-right: 0; width: auto; display: block; }*/ div.wiki div.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; } div.wiki, div.toc div#dw__toc a { font-size: 0.9em; font-weight: normal; text-decoration: none; color: #606060; } div.wiki, div.toc div#dw__toc a:hover { color: #c61a1a; text-decoration: underline;} div.wiki, div.toc div#dw__toc .level2 { margin-top: 0; margin-left: 6px; } div.wiki, div.toc div#dw__toc .level3 { margin-left: 12px; font-size: 0.8em; }*/ /***** My page layout *****/ .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; } 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'); } /***** Media print specific styles *****/ @media print { #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; } #main { background: #fff; } #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; } } div#cloud a.cloud1 { font-size: 8px; color: #b0f803; } div#cloud a.cloud2 { font-size: 10px; color: #00C400; } div#cloud a.cloud3 { font-size: 12px; color: #00A900; } div#cloud a.cloud4 { font-size: 14px; color: #007A00; } div#cloud a.cloud5 { font-size: 16px; color: #003F00; } div#cloud a:hover.cloud1 { font-size: 10px; background-color: #b0f803; color: #fff; text-decoration: none; } div#cloud a:hover.cloud2 { font-size: 12px; background-color: #00C400; color: #fff; text-decoration: none; } div#cloud a:hover.cloud3 { font-size: 14px; background-color: #00A900; color: #fff; text-decoration: none; } div#cloud a:hover.cloud4 { font-size: 16px; background-color: #007A00; color: #fff; text-decoration: none; } div#cloud a:hover.cloud5 { font-size: 18px; background-color: #003F00; color: #fff; text-decoration: none; } div#phpMyVisites { display : none; }