| index : flyspray | |
| Archlinux32 customized Flyspray installation | gitolite user |
| summaryrefslogtreecommitdiff |
| -rw-r--r-- | themes/CleanFS/theme.css | 1511 |
diff --git a/themes/CleanFS/theme.css b/themes/CleanFS/theme.css new file mode 100644 index 0000000..c4600b4 --- /dev/null +++ b/themes/CleanFS/theme.css @@ -0,0 +1,1511 @@ +/* ------------------ IMPORTS -------------------- */ +@import url("../../js/jscalendar/calendar-system.css"); +@import url("geshi.css"); +@import url("archnavbar.css"); +/*@import url("./fonts/octicons/octicons.css");*/ +/*@import url("calendar.css");*/ +/* reset.css - Resets default browser CSS. +putting it here saves one extra http request. +*/ +html { margin:0;padding:0;border:0;} +body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, code, +del, dfn, em, img, q, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, dialog, figure, footer, header, +hgroup, nav, section { +margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline; +} +/* This helps to make newer HTML5 elements behave like DIVs in older browsers */ +article, aside, details, figcaption, figure, dialog, +footer, header, hgroup, menu, nav, section { +display:block; +} + +/* Central default color scheme for Flyspray. +You can overwrite it by grouping the same css rules to your colors later in the file. +Or better load an extra 'customxxx.css' file in the header.tpl after loading theme.css. +*/ +.button, +button, +input[type=submit], +input[type=text], +input[type=password], +fieldset, +body.toplevel .box, +div.box, +p.box, +div.roadmap, +.descbox, +#toolboxmenu a.active, +#submenu a.active, +#tasklist, +#search, +#search fieldset, +#intromessage, +#toolbox, +#toolbox div.tab, +#taskdetails, +#taskdetails #showvotes, +#comments, #related, #notify, #remind, #effort, #history, +#events, +div#taskclosed, +#tasklist_table th, +#controlBox { + background-color:#fff; +} +div.denyform, +div.popup, div#mysearches { + background-color:#fafafa; +} +tr.active, +body a.button.positive, body button.positive, +#pm-menu-list a.active, #pm-menu-list a.active:hover, +#menu-list a.active, #menu-list a.active:hover, +#s_loginbox:checked ~ #show_loginbox, +#s_quickactions:checked ~ #actions, +#menu-list a#show_loginbox:hover { + background-color: #6af; +} +body a.button.positive, body button.positive { + color: #fff; +} + +#disp_intro:not(:checked) ~ .disp_introdep{ + background-color:#ddd; +} +#disp_intro:not(:checked) ~ .disp_introdep select, +#disp_intro:not(:checked) ~ .disp_introdep textarea{ + background-color:#eee; + color:#666; +} + +/* + highlight advanced search fields that have input + no pure CSS styling of options of multiselects possible (it was back in time in some web browsers, a shame!) +*/ +#search #searchtext:not(:placeholder-shown), +#search #duedatefrom:not(:placeholder-shown), #search #duedateto:not(:placeholder-shown), +#search #changedfrom:not(:placeholder-shown), #search #changedto:not(:placeholder-shown), +#search #openedfrom:not(:placeholder-shown), #search #openedto:not(:placeholder-shown), +#search #closedfrom:not(:placeholder-shown), #search #closedto:not(:placeholder-shown), +#search input.users:not(:placeholder-shown) { + background-color: #ff9; +} + +/* end default Flyspray color scheme */ + +body { +line-height: 1.5; /* Line-height should always be unitless! */ +/* direction:rtl; */ +} +table {border-collapse: separate;border-spacing: 0;} +caption, th, td { +text-align: left; +font-weight: normal; +float:none !important; /* float:none prevents the span-x classes from breaking table-cell display */ +} +table, th, td {vertical-align: middle;} +/* Remove possible quote marks (") from <q>, <blockquote>. */ +blockquote:before, blockquote:after, q:before, q:after { content: ''; } +blockquote, q { quotes: "" ""; } +/* Remember to define your own focus styles! */ +:focus { outline: 0; } +/* end import reset.css */ + +/* start typography.css */ +/* no colors here. Lets do colors,font-style and text-decoration in extra css files for easy customization */ +body {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px;} +h1,h2,h3,h4,h5,h6 { font-weight: normal; } +h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } +h2 { font-size: 2em; margin-bottom: 0.75em; } +h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } +h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } +h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } +h6 { font-size: 1em; font-weight: bold; } +h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { +margin: 0; +} +p { margin: 0 0 1.5em; } +/* +These can be used to pull an image at the start of a paragraph, so +that the text flows around it (usage: <p><img class="left">Text</p>) +*/ +/*.left { float: left !important; }*/ +p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } +/*.right { float: right !important; }*/ +p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } +/* +a:focus, a:hover { color: #09f; } +a { color: #06c; text-decoration: underline; } +*/ +blockquote { margin: 1.5em; font-style: italic;} +strong, dfn { font-weight: bold; } +em, dfn { font-style: italic; } +em.u {text-decoration: underline;} /* dokuwiki underline*/ +sup, sub { line-height: 0; } +/* +abbr,acronym { border-bottom: 1px dotted #666; } +*/ +address { margin: 0 0 1.5em; font-style: italic; } +/* +del { color:#666; } +*/ +pre { margin: 1.5em 0; white-space: pre; } +pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } +/* only matches pre tags if there is a language set too e.g. '<pre class="php code">' */ +pre[class*=" code"]::before { + background: #eee none repeat scroll 0 0; + content: attr(class); + display: block; +} +pre.code { + background-color: #fff; + border: 1px solid #ddd; + overflow:auto; +} + +li ul, li ol { margin: 0; } +ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 2em; } +ul { list-style-type: disc; } +ol { list-style-type: decimal; } +li.level1 {padding-bottom:0.2em;} +dl { margin: 0 0 1.5em 0; } +dl dt { font-weight: bold; } +dd { margin-left: 1.5em;} +/* +Because of the need for padding on th and td, the vertical rhythm +on table cells has to be 27px, instead of the standard 18px or 36px +of other elements. +*/ +table { margin-bottom: 1.4em; } +th { font-weight: bold; } +th,td,caption { padding: 4px 10px 4px 5px; } +tfoot { font-style: italic; } +/* +caption { background: #eee; } +*/ +.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } +.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } +.hide { display: none; } +/* +.quiet { color: #666; } +.loud { color: #000; } +.highlight { background:#ff0; } +.added { background:#060; color: #fff; } +.removed { background:#900; color: #fff; } +*/ +.first { margin-left:0; } +.last { margin-right:0; padding-right:0; } +.top { margin-top:0; padding-top:0; } +.bottom { margin-bottom:0; padding-bottom:0; } + +/* ----------------- VARIABLES --------------------- */ +/*$far_background: #dcdcdc;*/ +/*$far_background: #ededed;*/ +/*$top1: lighten(#292626, 2%);*/ +/*$dominant: #2C6FB2;*/ +/*$dominant: #A82F21;*/ +/*$link: #0066CC;*/ +/*lighten(#F9F2F2, 1%);*/ +/* ----------------- MIXINS --------------------- */ +/* ------------------ HELPER CLASSES -------------------- */ + +.hide { + display: none; + visibility: hidden; +} +.clear {clear: both;} +.fade {color: gray; background: pink !important; border: 1px solid blue !important;} +.search_hit {background: red !important; border: 1px solid green !important;} +img:-moz-broken { + /* show broken images */ + -moz-force-broken-image-icon: 1; + width: 24px; + height: 24px; + border: solid 2px red; +} +div.popup { + position: absolute; + border: #e1e1e1 1px solid; + margin-top: 5px; + padding: 5px; + -moz-box-shadow: 0px 1px 2px #f9f9f9; + -webkit-box-shadow: 0px 1px 2px #f9f9f9; + box-shadow: 0px 1px 2px #f9f9f9; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); +} + +/* ------------------ STYLE -------------------- */ +body {background: #f9f9f9; /* direction:rtl;*/} +a {color: #336699;} +a:hover {color: #6699cc;} +#container { min-width: 1000px; position: relative; text-align: left; } +#content { padding: 10px 20px 10px 20px; min-width: 660px; } +#footer { + display: block; + margin: 0px 20px 20px 20px; + padding-top: 10px; + text-align: right; +} +#title { + background-color: #3c4041; /* fallback/image non-cover color */ + background-image: -moz-linear-gradient(#3c4041, #242627); /* Firefox 3.6+ */ + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c4041), to(#242627)); /* Safari 4+, Chrome 1+ */ + background-image: -webkit-linear-gradient(#3c4041, #242627); /* Safari 5.1+, Chrome 10+ */ + background-image: linear-gradient(#3c4041, #242627); /* CSS3 CR, IE10+ */ + /*border-bottom: 1px solid #6cab2e;*/ + /*border-bottom: 4px solid $dominant;*/ + margin: 0; +} +#title a {color: white; text-decoration: none; display: inline-block; padding: 25px 50px; } +#title img { float: left; margin-right: 20px; height: 36px;} +#labelpmmenu,#labelmenu1{display:none; cursor:pointer;} +#pmmenu,#menu1{display:none;} +#menu {position: absolute; top:5px; right:5px;} +#menu-list {display: inline;margin: 0;padding: 0;list-style: none; } +#menu-list a, #menu-list label{color: #ddd;text-decoration: none;padding: 3px 7px; } +#menu-list a:hover { + background: #000; + border-radius: 3px; +} +#s_loginbox, #s_quickactions { display: none;} +#loginbox, #actionsform { display: none;} +#s_loginbox:checked ~ #loginbox, #s_quickactions:checked ~ #actionsform { display: block; } +tr.active, #menu-list a.active, #s_loginbox:checked ~ #show_loginbox, #s_quickactions:checked ~ #actions { + /*background: $inverse_link; */ + color: #fff; + border-radius: 3px; +} +#s_loginbox:checked ~ #show_loginbox{border-radius: 3px 3px 0 0;} +#menu-list a#lastsearchlink.active { + border-radius: 3px 3px 0px 0px; +} +#menu-list li { + display: block; + padding: 0px 2px; + float: left; + height: 1.4em; + border-left: dotted 1px #888888; +} +#menu-list li:first-child {border: none; } +#menu-list #locked { margin-left: 7px; color: red; } +div#mysearches { + border-radius: 4px; + border: solid 3px #6af; + overflow: auto; + min-width:240px; + max-height: 25em; + display: none; + position: absolute; + right: 0; + top: 1.4em; + margin-top: 1px; + z-index: 5; + padding: 2px 5px 3px; + box-sizing:border-box; +} +div#mysearches table#mysearchestable {border-collapse: collapse;width: 100%;margin-bottom: 0;} +div#mysearches table#mysearchestable a {color: #3c4041;font-weight: normal;} +div#mysearches table#mysearchestable a:hover {background: none; text-decoration: underline;} +div#mysearches .searches_delete {width: 20px;} +div#mysearches a {padding: 0 0 0 0.2em;font-weight: bold;} +div#mysearches table tr {border-bottom: dotted 1px gray;text-align: left;padding: 0.1em 0;} +div#mysearches table tr.last {border: 0;} +div#mysearches td {vertical-align: middle;} +#pmcontrol div { + vertical-align:middle; + display: -moz-inline-stack; /* optional */ + display: inline-block; + zoom: 1; /* triggers hasLayout for IE */ + *display: inline; /* target IE7 only */ +} +#pmcontrol input[type="text"]{ + height:auto; +} +#showtask #taskid {width: 50px;} +#projectselector { /*margin-top: 3px;*/ margin-right: 10px; } +#projectselector button { margin-bottom: 2px;} +#projectselector option[selected] { font-weight: bold;} +#pm-menu{background-color:#222; border-bottom: solid 4px #6af;padding: 0px 0px 0px 10px; /*text-align:center;*/ } +#pm-menu-list {list-style: none;display: inline-block;margin:0;min-height:30px;} +#pmcontrol{display: inline-block;float: right;margin: 6px 20px 0px 0px;} +#pm-menu-list li {display: inline-block;} +#pm-menu-list li a {display: block; line-height: 1.4em; padding: 11px 11px 8px 35px; color: #f9f9f9; + text-decoration: none; border-left: dotted 1px #3c4041; border-top-left-radius: 3px; border-top-right-radius: 3px; + background-repeat: no-repeat; background-position: 12px 50%; +} +#pm-menu-list a:hover { background-color: #000; border-left: 1px solid #000;} +#pm-menu-list a.active { + border-left: none; + border-top: 1px solid #6cab2e; + border-right: 1px solid #6cab2e; +} +#pm-menu-list li:first-child a {border-left: none;} +#toplevellink {background-image: url("img/gray/folder_stroke_12x12.png");} +#homelink {background-image: url("img/gray/list_12x11.png");} +#newtasklink {background-image: url("img/gray/document_alt_stroke_9x12.png"); } +#newmultitaskslink {background-image: url("img/gray/document_alt_stroke_9x12.png");} +#mytaskslink {background-image: url("img/gray/calendar_alt_stroke_12x12.png");} +#reportslink {background-image: url("img/gray/calendar_alt_stroke_12x12.png");} +#roadmaplink {background-image: url("img/gray/compass_12x12.png");} +#projectslink {background-image: url("img/gray/cog_alt_12x12.png");} +.active#toplevellink {background-image: url("img/white/folder_stroke_12x12.png");} +.active#homelink {background-image: url("img/white/list_12x11.png");} +.active#newtasklink {background-image: url("img/white/document_alt_stroke_9x12.png");} +.active#mytaskslink {background-image: url("img/white/calendar_alt_stroke_12x12.png");} +.active#reportslink {background-image: url("img/white/calendar_alt_stroke_12x12.png");} +.active#roadmaplink {background-image: url("img/white/compass_12x12.png");} +.active#projectslink {background-image: url("img/white/cog_alt_12x12.png");} +/* --- buttons --- */ +#actionbar { /*height: 4em;*/ position: relative;} +#actionbar a.button, #actionbar button.button { margin-bottom: 0;} +#actionbar .main {float: right;} +.button, button, input[type=submit] { + display: -moz-inline-stack; /* optional */ + display: inline-block; + zoom: 1; /* triggers hasLayout for IE */ + *display: inline; /* target IE7 only */ + margin: 0.3em 0.3em 0.3em 0; + padding: 4px; + /* Links */ + border: 1px solid #bbb; + border-radius: 4px; + -moz-box-shadow: 0px 1px 1px #ddd; + -webkit-box-shadow: 0px 1px 1px #ddd; + box-shadow: 0px 1px 1px #ddd; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); + font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; + font-size: 100%; + line-height: 130%; + text-decoration: none; + font-weight: bold; + color: #565656; + cursor: pointer; +} +a.button img, button.button img { + margin: 0 3px -3px 0 !important; + padding: 0; + border: none; + width: 16px; + height: 16px; + float: none; +} +a.button:hover, button:hover, .button:hover, input[type=submit] {background-color: #f2f2f2;border: 1px solid #a1a1a1;} +a.button.disabled{background-color: #f2f2f2; border: 1px solid #a1a1a1;color: #9e9e9e;} +a.button:active, button.button:active {background-color: #6299c5;border: 1px solid #6299c5;color: #fff;} +body a.positive, body button.positive { + border: solid 1px #5a8f27; + border-top: solid 1px #85cb41; + border-right: solid 1px #85cb41; +} +a.positive:hover, button.positive:hover { + background-color: #6af; + border: solid 1px #6af; +} +a.positive:active, button.positive:active { + background-color: #529214; + border: 1px solid #529214; +} +.button.img.delete { + background-image: url('./img/red/x_alt_24x24.png'); + background-size: contain; + background-repeat: no-repeat; + background-color:transparent; + box-shadow:none; + border:none; +} +#table tr:first-child td:first-child button.img.delete {display: none;} + +body .negative {color: #d12f19;} +a.negative:hover {background-color: #fbe3e4;border: 1px solid #fbc2c4;color: #d12f19;} +a.negative:active {background-color: #d12f19;border: 1px solid #d12f19;color: #fff;} +#intromessage {display: block;} +#tasklist { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +#tasklist_table {width: 100%;} +span.pagenums:before{ content:"--";padding-left:10px;padding-right:10px;} +#search { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; + position:relative; +} +#search fieldset { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +#search #exporttasklist { + position:absolute; + right:0; + top:0; +} +#intromessage { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +body.toplevel .box { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; + margin: 10px 0 0 10px; + width: 400px; + /*@include inline-block;*/ + /*vertical-align: middle;*/ + float: left; +} +body.toplevel .single-project { + width: auto; + float: none; + display: block; + height: auto; +} +body.myprofile .box {display:inline-block;vertical-align:top;} +#editgroup, #userlist{display:inline-block;vertical-align:top;} +.progress_bar_container { + width: 150px; + margin:0; + border: solid 1px rgba(0,0,0,0.3); + height: 15px; + position: relative; + border-radius: 2px; + display: -moz-inline-stack; /* optional */ + display: inline-block; + zoom: 1; /* triggers hasLayout for IE */ + *display: inline; /* target IE7 only */ + vertical-align: sub; +} +.progress_bar_container .progress_bar { + height: 100%; + position: absolute; + left: 0; + top: 0; + background-color: #6af; /* fallback/image non-cover color */ + background-image: -moz-linear-gradient(#1061ef, #6af); /* Firefox 3.6+ */ + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1061ef), to(#6af)); /* Safari 4+, Chrome 1+ */ + background-image: -webkit-linear-gradient(#1061ef, #6af); /* Safari 5.1+, Chrome 10+ */ + background-image: linear-gradient(#1061ef, #6af); /* CSS3, IE10+ */ +} +.progress_bar_container span { + text-align: center; + position: absolute; + z-index: 1; + width: 100%; + font-size: 10px; + line-height: 1em; + text-shadow: 0 0 6px white; + top:2px; +} +td.task_progress .progress_bar_container {width: 100%;box-sizing:border-box;} +a {text-decoration: none;} +#tasklist_table th img {position: relative;top: 2px;} +#tasklist_table tr.current_row td.caret {background-image: url(img/caret.gif);background-repeat:no-repeat;background-position: 3px;} +#tasklist_table td.caret {width: 15px;padding: 0 !important;} +#tasklist_table .ttcolumn {width: 10px;text-align: center;} +#tasklist_table .ttcolumn input {margin: 0;} +#tasklist_table .ttcolumn a, a.toggle_selected { + background-image: url(img/black/loop_alt3_12x9.png); + background-repeat: no-repeat; + background-position: center; + width: 16px; + height: 16px; + display: block; +} +#tasklist_table thead tr th {line-height:1;} +#tasklist_table tbody tr td {border-top:1px solid transparent;border-bottom:1px solid transparent;line-height:1.2;vertical-align:middle;} +#tasklist_table tbody tr:hover td {border-color:#ddd;} +#tasklist_table tr.closed, #myvotes tr.closed {background-color:#ddd;} +tr.severity1 .task_severity {background-color: #fff;} +tr.severity2 .task_severity {background-color: #fff;} +tr.severity3 .task_severity {background-color: #f5e7e7;} +tr.severity4 .task_severity {background-color: #f5dddd;} +tr.severity5 .task_severity {background-color: #f5d1d1;} + + +td.task_openedby > a, td.task_editedby > a, td.task_assignedto > a {white-space:nowrap;position:relative;line-height:1;display:block;padding:3px;} +td.task_openedby > a .fa-user, td.task_editedby > a .fa-user {color:#eee;} +td.task_assignedto > a {margin-right:2px;} +/* small names over avatars */ +td.task_openedby > a::after, td.task_editedby > a::after, td.task_assignedto > a::after { + background-color: rgba(255, 255, 255, 0); + bottom: 0; + color: rgba(0,0,0,0); + content: attr(title); + font-size: 8px; + left: 0; + line-height:1; + position: absolute; + text-align: center; + padding-left:1px; + padding-right:1px; +} +td.task_openedby > a:hover::after, td.task_editedby > a:hover::after, td.task_assignedto > a:hover::after {color:#000;background-color:rgba(255,255,255,0.9);} + +#toolbox { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; + margin-left: 120px; + min-height: 450px; + height: 1%; /* Fix for IE bug */ + padding: 20px; +} +#toolbox div.tab { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +#toolbox h3 { + margin-bottom: 1em; + padding-bottom: 5px; + border-bottom: 1px solid #ddd; +} +#toolboxmenu {position: relative;float: left;padding-top: 10px;} +#toolboxmenu a { + display: block; + border: 1px solid #d4d4d4; + /*border-right: none; */ + padding: 1em 5px; + margin-left: 10px; + width: 100px; + text-align: center; + background: #e5e5e5; + color: #3c4041; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} +#toolboxmenu a:hover {background-color: #d6d8d9; /*color: $inverse_link;*/ } +#toolboxmenu a.active { + margin-left: 0; + font-weight: bold; + width: 100px; + padding: 1em 10px; + color: #3c4041; + border: 1px solid #e1e1e1; + border-right: none; + /*border-left: 1px solid lighten($top1, 30%);*/ + border-left: 2px solid #6af; +} +#controlBox { + border: 1px solid gray; + padding: 1px; + width: auto !important; + width: 90px; + margin-left: 40px; + display: table; + position: absolute; +} +#controlBox div.grip { + background: #ccc; + cursor: move; + height: 12px; +} +#controlBox div.inner { + padding: 5px 5px 4px 5px; + white-space: nowrap; + opacity: .2; +} +#controlBox.active div.inner {opacity: 1;} +div#fineprint { + font-size: smaller; + margin: 5px 0; + padding: 0; + color: #555; +} +.dokuwiki_toolbar {display:inline;vertical-align:bottom;} +form #taskfields { width: 335px;} +form #taskdetailsfull { + position: relative; + top: -20px; + margin-left: 355px; +} + +/* style tables in task comments (dokuwiki) */ +table.inline{border-collapse:collapse;} +table.inline td {border:1px solid #ccc; padding:4px;} + +#shortcutlabel { cursor:pointer;padding-left:1em;} +#shortcutclose { cursor:pointer;float:right; } +#shortcuts { + display:none; + position:fixed; + z-index:100; + background:#fff; + border:1px solid #999; + border-radius:10px; + padding:10px; + box-shadow:0 0 400px #000; + top:50%; + margin-top:-250px; + height:520px; + left:50%; + width:300px; + margin-left:-150px; + box-sizing:border-box; +} +#shortcutsmodal { + background-color: rgba(0, 0, 0, 0.3); + display: none; + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 99; + cursor:pointer; +} +#s_shortcuts {display:none;} +#s_shortcuts:checked ~ #shortcuts, #s_shortcuts:checked ~ #shortcutsmodal {display: block;} +#shortcuts > ul { + list-style: outside none none; + margin-left: 0; + padding-left: 0; +} +#shortcuts li{line-height:2em;} +kbd {background-color: #eee;border: 1px solid #ccc;border-radius: 4px;padding: 2px;} + +#taskdetails { + margin: 10px 0px 10px 0px; + padding: 0px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +#taskdetails #navigation {float: right;padding:6px;} +#taskdetails h2 {color: #555;display:inline-block;} +#taskdetailsfull p, +#taskdetailsfull li, +.commenttext p, +.commenttext li { +max-width:40em; +} +.group.inactive{ background-color:#eee;} +.tag { + background: #ccc none repeat scroll 0 0; + border-radius: 3px; + margin-left: 3px; + padding: 3px; + font-style:normal; + white-space: nowrap; + vertical-align:middle; +} +.tag:before {font-family:fontawesome;padding-right:3px;} +.tag:after {content:attr(title);} +/* style your tags by their tag_id, may be managed by tag list management in admin/project settings */ +/* +.tag.t1{background-color:#666;} +.tag.t1:before{content:'\f153';color:#cc0;} +.tag.t2{background-color:#0c0;} +.tag.t3{background-color:#09c;} +*/ +#taskfields { + width: 290px; + float: left; + border-right: 1px solid #eee; + padding-top: 5px; + background: #f9f9f9; + margin: 0; +} +#taskfields ul.fieldslist { + margin-bottom: 5px; + list-style: none; + margin-right: 0; + padding-left: 0; +} +#taskfields ul.fieldslist li { + clear: both; + padding-top: 2px; + padding-bottom: 2px; + overflow: auto; + width: 100%; + border-radius: 4px; +} +#taskfields ul.fieldslist li .label { + display: block; + float: left; + width: 45%; + text-align: right; + color: #888; +} +#taskfields ul.fieldslist li .value {display:block;float:right;width:50%;} +#taskfields ul.fieldslist > li:nth-child(2n-1) {background-color: #f1f1f1;} +#taskdetails #showvotes { + position: absolute; + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; + z-index:100; +} +.fieldslist .reopened{display:inline-block;font-size:10px;line-height:10px;vertical-align:middle;width:60px;} +#taskdetailsfull {margin-left: 291px;padding: 2em 3em;} +#itemsummary, #tags {width:100%;box-sizing:border-box;height:auto;margin-bottom:10px;margin-top:8px;} +.descbox table, #taskdetailstext table{border-collapse:collapse; border:1px solid #999;} +.descbox td, .descbox th, #taskdetailstext td, #taskdetailstext th{border:1px solid #999;} +#taskinfo { + margin-left: 291px; + margin-top: 15px; + border-top: 1px solid #e1e1e1; + padding: 8px 5px; +} +#comments, #related, #notify, #remind, #effort, #history { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +#comments h4 {margin:1em 0 0.5em 0;} +.userlist th {background-color: #e0e0e0;} +.userlist tbody tr:nth-child(2n) td {background-color: #f1f1f1;} +#related .related {display:inline-block;vertical-align:top;margin-right: 0;} +#submenu {margin-bottom: 0;height: 25px;} +#submenu a { + border: 1px solid #d4d4d4; + background: #e5e5e5; + color: #3c4041; + display: block; + float: left; + height: 21px; + margin: 4px 0 0 2px; + padding: 7px 10px 1px 10px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +#submenu a:hover {background-color: #d6d8d9;} +#submenu a.active { + height: 26px; + margin-top: 0; + font-weight: bold; + border-bottom: 1px solid white; + border-right: bottom; + /*border-top: 1px solid lighten($top1, 30%);*/ + border-top: 2px solid #6af; + z-index: 5; +} +#submenu li {display: inline;} +div.tab {margin: 10px 1ex 10px 0;padding: 1ex 1ex 0;} +.tab{display:none;} +.tab.active{display:block;} +* html .tab div.clear {clear: none;height: 14em;} +div.comment_container {margin: 5px;} +div.comment_container .comment_avatar { min-width: 50px;display: inline-block;} +div.comment_container .comment_avatar .av_comment img { width: 50px; height: 50px } +div.comment_container .comment { + position: relative; + display: inline-block; + margin-left: 10px; + border: 1px solid #e1e1e1; + vertical-align: top; + width: 700px; + border-radius: 3px; +} +div.comment_container .comment:before { + content: ' '; + position: absolute; + width: 0; + height: 0; + left: -16px; + top: 3px; + border: 8px solid; + border-color: transparent #e1e1e1 transparent transparent; +} +div.comment_container .comment:after { + content: ' '; + position: absolute; + width: 0; + height: 0; + left: -12px; + top: 5px; + border: 6px solid; + border-color: transparent #f1f1f1 transparent transparent; +} +div.comment_container .comment_header { + min-height: 30px; + background-color: #f1f1f1; + line-height: 30px; + vertical-align: middle; + padding-left: 10px; + border-bottom: 1px solid #e1e1e1; +} +div.comment_container .comment_header_infos {max-width: 60%;} +div.comment_container .comment_header_actions {float: right;margin-right: 10px;} +div.comment_container .comment_header_usertype { + border: 1px solid #e1e1e1; + padding: 3px; + margin-right: 10px; + border-radius: 3px; +} +div.comment_container .commenttext {clear: both;padding: 10px;} +.commenttext pre {overflow:auto;} +div.comment_container .attachments { + display: inline-block; + width: 45%; + margin-top: 10px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; + width: 300px; + background-color: #ffc; + /* + background-image: url(img/gray/pin_24x24.png); + background-repeat: no-repeat; + background-position: 270px 5px; + */ + vertical-align: top; +} +div.attachments::after { + color: #999; + content: "\f0c6"; /*fa-paperclip*/ + float: right; + font-family: FontAwesome; + font-size: large; +} +div.comment_container .links { + display: inline-block; + width: 45%; + margin-right: 3%; + margin-top: 10px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; + width: 300px; + background-color: #fefefe; + vertical-align: top; +} +div.comment_container .attachments img { + position: relative; + top: 4px; +} +div.comment_container #addlinkbox, #taskdetailsfull #addlinkbox { + display: inline-block; + width: 50%; + vertical-align: top; +} +div.comment_container #uploadfilebox, #taskdetailsfull #uploadfilebox { + display: inline-block; + width: 49%; + vertical-align: top; +} +div.comment_container .commentlink { + background-image: url(img/gray/comment_stroke_16x14.png); + background-repeat: no-repeat; + display: block; + float: left; + height: 14px; + width: 16px; + margin: 2px 4px 0 2px; +} +div.comment_container .commentlink:hover {background-image: url(img/black/comment_stroke_16x14.png);} +textarea {width: 99%;} +#events { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +.eventlist.hasresult {height: 150px;} +table th {vertical-align: middle;} +table td {vertical-align: top;} +div.box, p.box { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +div.roadmap { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +div#successanderrors { + border: none; + border-radius: 3px; + z-index: 50; + margin: 30px auto 0 auto; + position: absolute; + top: 0; + width: 30%; + min-width:300px; + left: 35%; +} +div.error, div.success { + border-bottom: 1px solid rgba(0,0,0,0.5); + padding: 6px; +} +div.error { + color: #4b1710; + background: #ffe6e2; +} +div.success { + color: #24380d; + background: #e8f9d4; +} +a#show_loginbox {margin-right: 5px;} +#loginbox { + border-radius: 3px 0 3px 3px; + background: #ddd; + border: solid 3px #6af; + right: 2px; + z-index: 200; + min-width: 240px; + padding-top: 15px; + margin-top: 1px; + box-shadow: none; +} +#login_input {text-align: center;} +#login_links {text-align: center;} +#login_oauth {margin-top: 10px;} +#loginbox #login label {color: #222;} +#loginbox #login a {color: #222;text-decoration: underline;} +#loginbox #login a:hover {color: #fff;} +form#login {position: relative;} +form#login #lbl_user_name, form#login #lbl_password { + display:block; + margin: 10px auto; + padding: 5px 2px; +} +form#login label {width: 50px;color: #ddd;width: 100px;margin: 0 2px 0 20px;} +form#login #links {position: absolute;top: 30px;left: 20px;} +form#login #links a {padding: 3px 7px;} +form#login #links a:hover { + background: #494d4e; + text-decoration: none; + color: #dddddd; + border-radius: 10px; +} +form#login #links a.active { + background: #dddddd; + color: #3c4041; + border-radius: 10px; +} +form#login .remember_me {float: right;} +span#advancedsearchstate img {vertical-align: middle;} +fieldset { + margin: 10px 0px 10px 0px; + padding: 10px; + border: solid 1px #e1e1e1; + border-radius: 3px; +} +/* +#content > fieldset legend { + color: #3c4041; + background: #f9f9f9; + padding: 2px 9px; + border: solid 1px #e1e1e1; + border-radius: 10px; +} +*/ +#content > h3 {margin-top: 1em;} +thead th { + border-bottom: solid 1px #a1a6a8; + background: none; +} +div#taskstatus {border-bottom: 1px solid #ccc;padding: 4px;margin-bottom: 5px;} +div#taskclosed { + padding: 5px; + margin: 5px 5px 10px; + clear: both; + width: 20em; + border: solid 1px red; +} +div#taskdeps {float: left;width: 50%; margin-bottom: 8px;} +div#subtasks {display: inline;align: right;float: left;width: 50%;margin-bottom: 8px;} +div#taskblocks { float: left; width: 45%;} +a.datelink { + background-image: url(img/black/calendar_alt_fill_16x16.png); + background-repeat: no-repeat; + display: -moz-inline-stack; + /* optional */ + display: inline-block; + zoom: 1; + /* triggers hasLayout for IE */ + *display: inline; + /* target IE7 only */ + height: 16px; + width: 16px; + vertical-align: middle; +} +hr { /*color: $box_border;*/ border: none; border-top: 1px solid #e1e1e1;} +.perms{display:inline-block;vertical-align:top;} +.bad{color:#900;} +.good{color:#090;} + +fieldset.advsearch_misc input {vertical-align: middle;} +fieldset.advsearch_misc label {margin-right: 10px; white-space: nowrap;} +fieldset.advsearch_dates label {margin: 0 5px;} +.search_select {float: left;position: relative;margin-right: 10px;} +.search_select .multisel {position: absolute;white-space: nowrap;} +.search_select select {margin-top: 1.5em;height:158px;} +.search_select select#percent option {font-size: 10px;height: 12px;} +fieldset.advsearch_users .multisel {position: absolute;white-space: nowrap;} +fieldset.advsearch_users input {margin-top: 1.5em;} +/* --------------------------- FORMS -----------------------*/ +.bulkuser {padding-left: 120px;} +.account_header{background: #999;border: 1px solid #111;} +.account_enabled{background: #EAF7D9;border: 1px solid #BBDF8D;} +.account_enabled:hover {background: #00FF00;} +.account_disabled{background: #FFD1D1;border: 1px solid #F8ACAC;} +.account_disabled:hover {background: #FF0000;} +ul.form_elements {list-style: none;padding: 0;margin: 0 0 0 1em;} +ul.form_elements li {padding: 2px;margin-bottom: 9px;} +ul.form_elements label { + width: 200px; + display: -moz-inline-stack; + /* optional */ + display: inline-block; + zoom: 1; /* triggers hasLayout for IE */ + *display: inline; /* target IE7 only */ + vertical-align: top; + text-align: end; + padding-right: 1ex; + padding-top: 2px; + color: #555; +} +ul.form_elements label.inline {display: inline;vertical-align:middle;} +ul.form_elements label.labeltextarea {width:auto;display:block;text-align:left;} +ul.form_elements input {vertical-align: middle;} +ul.form_elements input[type="text"], ul.form_elements input[type="password"] {width:300px;} +ul.slim li {margin-bottom:0;padding-bottom:4px;} +ul.slim input[type="text"], ul.slim input[type="password"] {width:auto;} +ul.slim label {width:110px;} +ul.form_elements li.required label {font-weight: bold;} +ul.form_elements span.note {margin-left:205px;} +ul.wide label {width:250px;} +ul.slim {margin:0;} +ul.slim .userSelectWidget {width:95%;margin-left:auto;margin-right:auto;} +ul.slim .userSelectWidget input {width:100px;} +ul.slim .userSelectWidget select {width:100%;} +.dateselect {clear: both;} +.dateselect label:first-child { + width: 120px; + text-align: right; + padding-right: 5px; + float: left; +} +/* fancy dual selects */ +.double_select {position: relative;} +.double_select .dualselect_selectable { + height: 220px; + width: 40%; + display: -moz-inline-stack; /* optional */ + display: inline-block; + zoom: 1; /* triggers hasLayout for IE */ + *display: inline; /* target IE7 only */ + vertical-align: middle; +} +.double_select .dualselect_buttons { + width: 16%; + display: -moz-inline-stack; /* optional */ + display: inline-block; + zoom: 1; /* triggers hasLayout for IE */ + *display: inline; /* target IE7 only */ + vertical-align: middle; +} +.double_select .dualselect_buttons button {width: 100%;padding: 3px;} +.double_select .dualselect_selected { + height: 220px; + /*min-width: 12em;*/ + display: -moz-inline-stack; + /* optional */ + display: inline-block; + zoom: 1; + /* triggers hasLayout for IE */ + *display: inline; + /* target IE7 only */ + vertical-align: middle; + width: 40%; +} +.double_select .dualselect_selected select { + width: 100%; + height: 80%; +} +.double_select .dualselect_selected button { + height: 16px; + line-height:0; + width: 100%; + margin:0; +} +.double_select .c1 select { + height: 24em; + min-width: 12em; + width: auto; +} +.double_select td { + text-align: center; + vertical-align: middle; +} +.double_select .c3 button { + height: 2em; + width: 12em; +} +.double_select .c3 select { + height: 20em; + min-width: 12em; + width: auto; +} + +#disp_intro + label{text-align:start;} + +/* list management */ +.list .cname {width:200px;} +.list .cuser {width:100px;} +.list .corder {width:50px;} +.list .cshow {width:50px;} +.list .ctense {width:80px;} +.list input[id^='listname'], .list input[id^='listposition'] {width:100%;} +#catTable .first{ white-space:nowrap;min-width:120px;} +#listTable thead#globalentries td {background-color: #eee;} +#listpositionnew {width:100%;} + +.perms tbody th[title] {text-decoration: underline dotted;} +.perms .everybody{ + position:relative; + position:-webkit-sticky; /* fix for safari */ +} +.perms .everybody th:before {content:'Allowed for everybody - project setting overrules this group setting!';color:#900;position:absolute;left:2px;z-index:2;text-shadow:0 0 2px #fff;top:-2px;} +.perms .everybody > * { background-color: #6c6; } + +/* closing task form */ +div#closeform { + border-radius: 3px; + -moz-box-shadow: 0px 1px 1px #dddddd; + -webkit-box-shadow: 0px 1px 1px #dddddd; + box-shadow: 0px 1px 1px #dddddd; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); + padding: 2em; + position: absolute; + right: 5px; + top: 3em; + z-index:300; +} +#actionsform { + border-radius: 3px; + -moz-box-shadow: 0px 1px 1px #dddddd; + -webkit-box-shadow: 0px 1px 1px #dddddd; + box-shadow: 0px 1px 1px #dddddd; + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); + position: absolute; + right: 5px; + top: 3em; + z-index: 200; +} +#actionsform ul { + font-family: Arial, Verdana; + font-size: 12px; + margin: 0; + padding: 0; + list-style: none; +} +#actionsform li { + border-top: 1px solid #fff; + display: block; + position: relative; + background: #363a3b; + color:#fff; + padding: 0px; +} +#actionsform li a, #actionsform li label, #actionsform li button{ + display: block; + text-decoration: none; + color: #fff; + white-space: nowrap; + padding:5px 15px; + background:none; + margin:0; + border:none; + font-weight:normal; + font-size:12px; + box-shadow:none; +} +#actionsform ul li:hover { background: #617F8A; } +#actionsform li:hover ul {display:none;} +#actionsform li:hover ul { + display: block; + position: absolute; +} +#actionsform li:hover li {float: none;font-size: 11px;} +#edit_add_comment{display:none;} +#setparentform, #associateform, #adddepform { + display:none; + background: #363a3b; + color:#fff; + padding-left: 5px; +} +#s_parent, #s_associate, #s_adddependent, #s_addcomment { + display:none; +} +#s_addcomment:checked ~ #edit_add_comment, +#s_parent:checked ~ #setparentform, +#s_associate:checked ~ #associateform, +#s_adddependent:checked ~ #adddepform{ + display:block; +} +#actionsform #setparentform *, #actionsform #associateform *, #actionsform #adddepform * {display: inline-block;} +#actionsform #setparentform button, #actionsform #associateform button, #actionsform #adddepform button { + background-color:#fff; + color:#000; + margin-right:4px; + margin-bottom:4px; +} +#actionsform #setparentform input[type=text], +#actionsform #associateform input[type=text], +#actionsform #adddepform input[type=text] { + width:60px; +} +#taskdeps h4 {margin-bottom:0.3em;} +#taskdeps table {margin:0 0 0.8em -0.2em;} +#taskdeps td {padding:0.2em 0.4em;} +#taskdeps img {vertical-align:middle;margin-top:-1px;} +input[type=text], input[type=password]{ + color: #000; + border: 1px solid #ccc; + padding: 2px; + vertical-align: middle; +} +input[type=text], input[type=password]{ + height: 19px; +} +#table input[type=text] { + width: 120px; +} +input[type=text], input[type=submit], button { + border-radius: 3px; +} +#show_loginbox { + cursor:pointer; + background: #494D4E; + border-radius: 3px; +} +#login_button {display: block;margin: 6px auto;vertical-align: baseline;} +div.denyform { + visibility:hidden; + position:absolute; + background-image: none; + border: 1px solid #E1E1E1; + margin-top:5px; + display:block; + width:300px; + height:auto; + padding:5px 30px 5px 5px; +} +/*#notify_types {height: 10em;}*/ +#rassigned_to {height: 12em; } + +/* Stuff for the autocomplete lists {{{ */ +.autocomplete { + background-color:#fff; + position: absolute; + width: auto !important; + box-shadow:0 5px 7px #ccc; + padding: 0px; + margin:-1px 0 0; + text-align:left; + display:block; +} +.autocomplete ul { + list-style-type: none; + margin: 0px; + padding: 0px; +} +.autocomplete ul li { + list-style-type: none; + display: block; + margin: 0; + padding:0; + height: 25px; + white-space:nowrap; + vertical-align:middle; +} +.autocomplete ul li span.informal { + color: #333; +} +.autocomplete ul li.selected { + background-color: #6af; + cursor:pointer; + color:HighlightText; +} +.autocomplete img, .autocomplete .noavatar{ + width:25px; + height:25px; + display:inline-block; +} + +#actionbuttons { + margin-left: 300px; + margin-top: 15px; + min-height: 50px; + padding: 8px 5px; +} +table.assignedto {border:0px;border-collapse: collapse;} +table.assignedto tr {height: 30px;} +table.assignedto td { + margin:0px; + padding:0px; + padding-right: 5px; + vertical-align: middle; +} +table.assignedto img {padding-top: 2px;width: 25px;height:25px;} +a.tooltip {outline:none; } +a.tooltip strong {line-height:30px;} +a.tooltip:hover {text-decoration:none;} +a.tooltip span { + z-index:10;display:none; padding:14px 20px; + margin-top:60px; margin-left:-160px; + width:240px; line-height:16px; +} +a.tooltip:hover span{ + display:inline; position:absolute; + border:2px solid #FFF; color:#EEE; + background:#000; +} +.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} +/*CSS3 extras*/ +a.tooltip span{ + border-radius:2px; + -moz-box-shadow: 0px 0px 8px 4px #666; + -webkit-box-shadow: 0px 0px 8px 4px #666; + box-shadow: 0px 0px 8px 4px #666; + opacity: 0.8; +} +/* for float box in ticket list */ +.descbox { + display:none; + border: 1px solid #e1e1e1; + border-radius: 3px; + background-image: none; + margin: 10px 0; + padding: 10px; + max-height: 144px; + width: 400px; + position: absolute; + z-index: 1000; + padding-top: 10px; + padding-bottom: 10px; + color: #686868; + font-weight: normal; + text-overflow:ellipsis; + overflow:hidden; +} +span.warning { + color: red; + font-weight: bold; +} + +#globoslink .fa, #projoslink .fa{padding-right: 3px;} +/* typical colorings for task type and permissions */ +.fa-bug{color:#c30;} +.fa-star{color:#ee0;text-shadow: 0 0 1px rgba(128, 0, 0, 1);} +.fa-exclamation-triangle{color:#c00;} +.fa-check{color:#090;} +.global.fa-check{color:#990;} /* got permission by global settings, not project settings */ +.fa-ban{color:#900;} + +button.fakelinkbutton { + display: inline-block; + background: none; + border: none; + padding: 0; + margin: 0; + font: inherit; + cursor: pointer; + color: #369; + box-shadow:none; +} + +button.fakelinkbutton:hover { + color: #69c; +} + +button.fakelinkbutton:visited { + color: #69c; +} + +@media only screen and (max-width: 480px) and (orientation: portrait) { + +th, td, caption {padding: 5px 2px;} +#menu { position:static;clear:both;background-color:#111;} +#title {font-size:1.2em;line-height:1.2em;background-color:#111;} +#title a {padding:0;} +#title a span{display:none;} +#title img {float:none;margin:4px;} +#menu-list {display:block;} +#menu-list li {float:none;display:block;padding:0;height:auto;border-left:none;text-align:center;} +#menu-list li > a, #menu-list li > label {display:block;border:1px solid #333;height:24px;} +#menu-list a:hover {border-radius:unset;} +#labelpmmenu, #labelmenu1{text-align:center;color:#fff;display:block;position:absolute;top:0;width:15%;height:48px;left:20%;} +#labelmenu1{left:35%;} +#labelmenu1:before{content:"\f013";font-family:fontawesome;font-size:30px;} /* cog */ +#labelpmmenu:before{content:"\f0c9";font-family:fontawesome;font-size:30px;} /* bars */ +#menu1:checked ~ #menu{right:0;transition:0.5s;display:block;} +#pmmenu:checked ~ #pm-menu-list{left:0;transition:0.5s;display:block;} +#labelpmmenu:hover, #labelmenu1:hover, #menu1:checked ~ #labelmenu1, #pmmenu:checked ~ #labelpmmenu {background-color:rgba(0,0,0,0.3);} +#pm-menu {padding:0;} +#menu {z-index:111;padding:0;display:none;width:100%;position:absolute;background-color:#333;top:48px;right:-100%;transition:0.5s;} +#pm-menu-list {z-index:110;padding:0;display:none;width:100%;position:absolute;background-color:#333;top:48px;left:-100%;transition:0.5s;} +#pm-menu-list li {display:block;border-top:1px dotted #3c4041;} +#pm-menu-list a {border:none;border-radius:0;margin:0;} +#pmcontrol {margin:0;display:block;float:none;padding:10px;} +#task_id {width:120px;} +#projectselector {position:absolute;top:0;right:0;margin:0;text-align:center;max-width:40%;} +#projectselector select{height:40px;padding-right:4px;max-width:100%;} +#content {padding:0;min-width:unset;} +#tasklist {padding:0;} +table.toplevel th, table.toplevel td {display:block;} +body.toplevel .box {margin:0 0 10px 0;} +body.toplevel.p0 .box {width:auto;} +div.box, p.box {padding:0;} +#event1 td {display:block;} +body.admin {background-color:#300;} /* experimental: danger zone */ +body.admin h1#title {background-color: #900;background-image: none;} /* danger zone */ +body.admin #pm-menu {background-color:#600;border-bottom-color:#300;} /* danger zone */ +body.reports .box button {display: block;margin-left:auto;margin-right:auto;width:70%;} +#footer{border-top:none;} +#toolboxmenu {float:none;text-align:center;} +#toolboxmenu a {width:31%;display:inline-block;margin-left:0;border-bottom-left-radius: 0;padding:6px 2px;} +#toolboxmenu a.active {border-top-right-radius:5px;width:31%;padding:6px 2px;float:none;border-color:#6af #6af transparent #6af;} +#toolbox {margin:0;padding:0;border-radius:0;padding-top:10px;position:relative;} +#controlBox {position:relative;margin-left:140px;} +#shortcuts {border-radius:5px;padding:5px;box-shadow:0 0 400px #000;top:50%;margin-top:-150px;height:300px;overflow:auto;} +h3 {padding-left:6px;} +p { text-align:justify;padding:2px;} +#listTable{width:100%;} +ul.form_elements {margin:0;} +ul.form_elements span.note {margin-left:0;} +ul.form_elements li label {text-align:start;} +ul.form_elements li > input {margin-left:20px;} +ul.form_elements li > input[type="text"],ul.form_elements li > input[type="password"] {display:block;margin-left:auto;margin-right:auto;width:90%;} +.double_select {padding-left:0;} +#toolbox div.tab {padding:0px;} +#submenu {padding-left:0;margin:0;} +#submenu ~ div {clear:both;} +#catTable input[type="text"], #catTable input[type="password"] {width:120px;} +#taskdetails {margin:0;padding:0;margin-top:40px;} +#taskfields {float:none; border:none;} +#taskdetailsfull {margin:0;padding:2px;} +form #taskdetails {margin:0;} +form #taskfields {width:auto; margin-top:20px; background-color:#fff;} +form #taskdetailsfull {margin:0;top:auto;} +form #taskdetailsfull button.positive {margin-left:auto;margin-right:auto;width:60%;} +#comments, #related, #notify, #remind, #effort, #history{padding:0;} +div.comment_container {margin:0;} +div.comment_container .commenttext{padding:2px;} +div.comment_container .comment {margin:0;width:auto;} +} |