summaryrefslogtreecommitdiff
path: root/setup/styles/theme.css
diff options
context:
space:
mode:
Diffstat (limited to 'setup/styles/theme.css')
-rw-r--r--setup/styles/theme.css994
1 files changed, 994 insertions, 0 deletions
diff --git a/setup/styles/theme.css b/setup/styles/theme.css
new file mode 100644
index 0000000..a52f3e3
--- /dev/null
+++ b/setup/styles/theme.css
@@ -0,0 +1,994 @@
+@media screen {
+
+html {
+ margin : 0px;
+ padding : 0px;
+}
+
+body {
+ margin : 0px;
+ padding : 0px;
+ background-color : #F5F9FD;
+ color : #000;
+ font-size : 12px;
+ font-family : Helvetica, Verdana, sans-serif;
+}
+
+img {
+ border : none;
+}
+
+a {
+ text-decoration : none;
+}
+
+a:link {
+ color : #47617b;
+ background-color : transparent;
+ font-weight : bold;
+}
+
+a:visited {
+ color : #47617b;
+ background-color : transparent;
+ font-weight : bold;
+}
+
+a:hover {
+ color : #6395c8;
+ background-color : transparent;
+ text-decoration : none;
+}
+
+/* offsite is only used for the link to the Flyspray homepage */
+a.offsite:after {
+ content : "\2197";
+}
+
+h1 {
+ /*text-align : center;*/
+ font-size : 150%;
+}
+
+/* the main title; h1 alone is also used in the popup windows. */
+h1#title {
+ margin : 0px;
+ padding : 1ex 0px;
+ background-color : #47617b;
+ background-image : url("title.png");
+ background-repeat : no-repeat;
+ height : 45px;
+}
+
+/* there is a span element within the h1 element to enable displaying
+ an image only and blanking out the span */
+h1 span {
+ display : none;
+}
+
+h2 { /* Heading for link to task list and details */
+ margin : 0px;
+ padding : 0px;
+ font-size : 150%;
+}
+
+h4 {
+ padding : 0px;
+ margin-bottom : -10px;
+}
+
+p {
+ margin : 1ex 0px;
+ padding : 0.5ex 0.5em;
+}
+
+form {
+ margin : 0px;
+ padding : 0px;
+ display : inline;
+}
+
+form p {
+ margin : 0px;
+ padding : 0px;
+}
+
+td {
+ vertical-align : top;
+}
+
+th {
+ vertical-align : top;
+}
+
+input, textarea, select, button {
+ background-color : #eef7ff;
+ color : #03008f;
+ border : 1px ridge #000000;
+ margin : 2px;
+ font-size : 100%;
+}
+
+textarea {
+ width : 95%;
+}
+
+/* labels are used nearly in every form */
+label {
+ text-align : right;
+ display : block;
+ margin-right : 8px;
+ font-weight : bold;
+ white-space : nowrap;
+/* padding : 3px 0 0 0; */
+}
+
+label.inline {
+ display : inline;
+}
+
+/* div.admin and p.admin is used for areas that only administrators can use
+ p.admin for instance for adding comments
+ table.admin serves the same purpose */
+/* table.login is the framework for the login form at the bottom of a page */
+/* table.userlist is found in the user&groups section */
+div.admin, p.admin, table.admin, table.userlist {
+ border : 1px solid #ccc;
+ margin : 1em 0px;
+ padding : 0px;
+ margin-bottom : 30px;
+ background-color : #e6eef6;
+ color : #000000;
+ font-family : Helvetica, Verdana, sans-serif;
+}
+
+div#loginbox {
+ border : 1px solid #ccc;
+ margin : 0em 0px;
+ padding : 0px;
+ background-color : #e6eef6;
+ height : 22px;
+}
+
+div#loginbox p {
+ padding : 0px;
+ margin : 0px;
+}
+
+div#loginbox em {
+ display : none;
+}
+
+div#loginbox label, div#loginbox input.maintext, div#loginbox input.mainbutton {
+ display : inline;
+ padding : 0 3px 0 3px;
+/* height : 14px; */
+}
+
+div#loginbox a {
+ padding : 0 0 0 13px;
+ text-align : center;
+}
+
+div#loginbox span#links {
+ position : absolute;
+ top : 5px;
+ right : 5px;
+}
+
+div#loginbox span#links a {
+ color : #ffffff;
+ background-color : transparent;
+ font-weight : normal;
+}
+
+/* The paragraph containing the main menu */
+p#menu {
+ border : 1px solid #ccc;
+ margin : 0em 0px;
+ padding : 4px 0 0 0;
+ background-color : #e6eef6;
+ height : 18px;
+ vertical-align : baseline;
+}
+
+p#menu a {
+ height : 18px;
+ padding : 3px 1px 3px 20px;
+ background-repeat : no-repeat;
+ background-position : 1px 1px;
+ font-size : 12px;
+ font-weight : normal;
+ vertical-align : baseline;
+}
+
+p#menu a:hover {
+ color : #6395c8;
+ background-color : transparent;
+ text-decoration : none;
+}
+
+div#anonopen {
+ position : absolute;
+ top : 30px;
+ right : 5px;
+ padding : 0px;
+}
+
+div#anonopen a {
+ color : #ffffff;
+ background-color : transparent;
+ padding : 0px;
+ font-weight : normal;
+}
+
+/* Links in menus */
+
+a#newtasklink {
+ background-image : url(menu/newtask.png);
+}
+
+a#reportslink {
+ background-image : url(menu/reports.png);
+}
+
+a#editmydetailslink {
+ background-image : url(menu/editmydetails.png);
+}
+
+a#lastsearchlink {
+ background-image : url(menu/search.png);
+}
+
+a#logoutlink {
+ background-image : url(menu/logout.png);
+}
+
+a#optionslink {
+ background-image : url(menu/options.png);
+}
+
+a#projectslink {
+ background-image : url(menu/projectprefs.png);
+}
+
+/* For pending admin requests */
+a#attention {
+ color : #ff0000;
+ background-color : #fff000;
+}
+
+table.userlist td, table.userlist th {
+ border : 1px solid #ccc;
+}
+
+/* p#showtask contains the form to search for a specific task number */
+p#showtask {
+ text-align : right;
+ width : 40%;
+ margin-left : auto;
+ position : relative;
+ top : -2em;
+}
+
+/* The paragraph containing the search form */
+div#search {
+ margin-bottom : 1em;
+ border : 1px solid #000000;
+ background-color : #e6eef6;
+}
+
+div#search p {
+ padding : 0px;
+ margin : 0px;
+}
+
+div#search span#date_d {
+ min-width : 20px;
+ margin : 0px 5px 0px 5px;
+ padding : 0px 5px 0px 5px;
+ display : inline;
+ background-color : #eef7ff;
+ color : #03008f;
+ border : 1px ridge #000000;
+ margin : 2px;
+ font-size : 100%;
+}
+
+div#search select {
+ background-color : #eef7ff;
+ color : #03008f;
+ border : 1px ridge black;
+}
+
+div#search em {
+ float : left;
+ display : block;
+ padding : 0.5ex;
+ height : 2.5em;
+}
+
+div#tasklist {
+ width : 100%;
+ border : 1px solid #000000;
+ color : #000000;
+ background-color : #e6eef6;
+}
+
+/* The table listing tasks on the main page */
+div#tasklist table {
+ width : 100%;
+ border-spacing : 0px;
+ border-collapse : collapse;
+}
+
+div#tasklist table th {
+ text-align : left;
+ padding : 2px 1em 2px 2px;
+ border-bottom : 1px solid #cccccc;
+}
+
+div#tasklist table td {
+ border-bottom : 1px solid #CCC;
+ padding : 2px 1ex 2px 2px;
+}
+
+div#tasklist table td.taskid, div#tasklist table th.taskid {
+ text-align : center;
+ padding : 2px 1ex;
+}
+
+div#tasklist table td.taskdate {
+ text-align : left;
+ white-space : nowrap;
+}
+
+div#tasklist table td.progress {
+ vertical-align : middle;
+ text-align : center;
+}
+
+table#pagenumbers {
+ width : 100%;
+}
+
+table#pagenumbers td#taskrange {
+ padding : 0px 0px 0px 5px;
+ }
+
+table#pagenumbers td#numbers {
+ padding : 0px 5px 0px 0px;
+ text-align : right;
+}
+
+/* table.list is any table holding lists like resolutions, ... */
+table.list th, table.list td {
+ padding-right : 2em;
+}
+
+table.list label, p#showtask label, p.admin label, form#formaddrelatedtask label {
+ display : inline;
+}
+
+/* Area containing all details to a given task */
+div#taskdetails {
+ margin : 2em 0px 1em 0px;
+ background-color : #e6eef6;
+ border : 1px solid #000000;
+}
+
+div#taskdetails h2 {
+ font-size : 100%;
+ padding : 0.3ex 1ex;
+ font-weight : normal;
+}
+
+table.taskdetails td {
+}
+
+/* Task details are listed within a table */
+div#taskdetails table {
+ width : 90%;
+}
+
+div#taskdetails table th {
+ text-align : left;
+ font-weight : bold;
+}
+
+/* div#content is a generic container for anything but the title and
+ the footer paragraph */
+div#content {
+/* border : 2px solid #948d94;*/
+ margin : 5px;
+ padding : 5px;
+/* color : #000000;
+ background-color : #ffffff;
+ z-index : -1;*/
+}
+
+div#content div, div#content fieldset {
+/* -moz-border-radius : 13px; */
+}
+
+div#content div h2 {
+/* -moz-border-radius : 15px; */
+}
+
+/* Powered by Flyspray */
+p#footer {
+ margin : 0em 0em;
+ padding : 5px;
+ background-color : #47617b;
+ border : 3px double white;
+ color : #ffffff;
+ text-align : center;
+ margin-top : 15px;
+ clear : both;
+}
+
+p#footer a:link {
+ color : #ffffff;
+ background-color : transparent;
+}
+
+p#footer a:visited {
+ color : #ffffff;
+ background-color : transparent;
+}
+
+p#footer a:hover {
+ color : #ffffff;
+ background-color : transparent;
+}
+
+/* used solely for several browsers do not support [type="submit"]
+ selectors. These are buttons and buttons only used by the admin */
+input.adminbutton, input.mainbutton, button {
+ background-color : #838ab5;
+ color : #ffffff;
+ background-image : url(button.png);
+ background-repeat : repeat-x;
+ border : 1px ridge #000000;
+ font-weight : bold;
+}
+
+input.adminbutton:hover, input.mainbutton:hover, button:hover {
+ cursor : pointer;
+}
+
+/* div.redirectmessage is used in modify.inc.php when you change things and are redirected
+ to the index or details page */
+div.redirectmessage {
+ border : 1px solid #CCC;
+ background-color : #e6eef6;
+ padding : 1ex;
+ text-align : center;
+}
+
+/* form#registernewuser, form#chgpassword, form#newgroup are used in
+ the popup windows */
+form#chgpassword h1, form#registernewuser h1, form#newgroup h1 {
+ font-size : 110%;
+ margin : 2px;
+ padding : 0px;
+}
+
+/* .buttons used for table cells containing buttons */
+.buttons {
+ text-align : center;
+}
+
+form#registernewuser strong, form#newgroup strong {
+ color : red;
+}
+
+
+
+p#tabs {
+ margin : 0px;
+ padding : 0px;
+}
+
+p#tabs a {
+ background-image : url("tab-notactive.png");
+ background-repeat : no-repeat;
+ background-position : top left;
+ background-color : #cad0d7;
+ border-right : 1px solid #93989D;
+}
+
+p#tabs a.tabactive {
+ background-image : url("tab-active.png");
+ background-repeat : no-repeat;
+ background-position : top left;
+ background-color : #e6eef6;
+ border-right : 1px solid #CCC;
+ padding-bottom : 2px;
+}
+
+div.tabentries {
+ background-color : #e6eef6;
+ margin : 0px 0px 1em 0px;
+ border : 1px solid #CCC;
+ min-height : 5em;
+}
+
+.tabentry {
+ margin : 2px 1em;
+ border-bottom : 1px solid #ccc;
+}
+
+/* This is the division that keeps the buttons to modify comments
+ (delete, edit) */
+div.modifycomment {
+ float: right;
+ width : 20em;
+ text-align : right;
+}
+
+div.modifycomment p {
+ display : inline;
+ margin : 0px;
+ padding : 0px;
+}
+
+/* The tabs containing the links to comments, attachments, ...
+ in details.php */
+p#tabs a {
+ margin : 2px 0px;
+ padding : 0px 1em;
+ white-space : nowrap;
+}
+
+/* separators between the links in the tabs */
+p#tabs small {
+ display : none;
+}
+
+/* p.unregistered holds links to open new task when you're unregistered */
+p.unregistered {
+ margin : 0px;
+ padding : 0px;
+}
+
+/* Some generic classes; severity classes are used for colour
+ indication of severities
+ IE can't do hover on anything but A elements, so there is a
+ script in /js/ie_hover.js that fixes this with
+ javascript. That javascript only checks background-color and
+ color. If you want to change other properties during the hover
+ you'll have to adjust the javascript
+ */
+.severity1 {
+ background-color : #fff5dd;
+ color : #000000;
+ height : 1%;
+}
+
+.severity1:hover {
+ background-color : #ffe9b4;
+ color : #000000;
+ cursor : pointer;
+}
+
+.severity2 {
+ background-color : #ecdbb7;
+ color : #000000;
+ height : 1%;
+}
+
+.severity2:hover {
+ background-color : #efca80;
+ color : #000000;
+ cursor : pointer;
+}
+
+.severity3 {
+ background-color : #ecd0b7;
+ color : #000000;
+ height : 1%;
+}
+
+.severity3:hover {
+ background-color : #edb98a;
+ color : #000000;
+ cursor : pointer;
+}
+
+.severity4 {
+ background-color : #ffd5d1;
+ color : #000000;
+ height : 1%;
+}
+
+.severity4:hover {
+ background-color : #ffb2ac;
+ color : #000000;
+ cursor : pointer;
+}
+
+.severity5 {
+ background-color : #f3a29b;
+ color : #000000;
+ height : 1%;
+}
+
+.severity5:hover {
+ background-color : #f3867e;
+ color : #000000;
+ cursor : pointer;
+}
+
+/* .fineprint is merely used for the details about when a task has
+ been created and changed (in the details pages) */
+div#fineprint {
+ font-size : smaller;
+ border-bottom : 1px solid #cccccc;
+ margin : 0px 0px 10px 5px;
+ padding-bottom : 10px;
+ height : 1%;
+}
+
+table.history
+{
+ width : 100%;
+ margin : 1em 0px 1em 0px;
+ padding : 0px 1em 0px 1em;
+ background-color : #e6eef6;
+ color : black;
+ font-family : Helvetica, Verdana, Sans-Serif;
+}
+
+table.history td {
+ border-bottom : 1px solid #ccc;
+ border-left : 1px solid #ccc;
+ padding-left : 5px;
+}
+
+table.history td.taskid {
+ text-align : center;
+ padding : 2px 1ex;
+}
+
+div#intromessage {
+ margin : 1px;
+ margin-top : -20px;
+ margin-bottom : 10px;
+}
+
+map#formselecttasks {
+ margin : 0em 0px 0em 0px;
+}
+
+a.closedtasklink {
+ text-decoration: line-through;
+}
+
+div#taskfields1 {
+ float: left;
+ width: 49%;
+ border-right: 1px solid #cccccc;
+ margin-bottom: 8px;
+}
+
+div#taskfields2 {
+ float: left;
+ width: 49%;
+ margin-bottom: 8px;
+}
+
+div#taskfields1 table td {
+ width: 50%;
+}
+
+div#taskfields2 table td {
+ width: 50%;
+}
+
+div#taskdetailsfull {
+ clear : both;
+ width : 99%;
+ margin-top : 15px;
+ padding : 15px 0px 15px 8px;
+ border-top : 1px solid #cccccc;
+ border-bottom : 1px solid #cccccc;
+ text-align : left;
+}
+
+div#taskdetailsfull label {
+ text-align : left;
+}
+
+div#deps {
+ padding : 8px;
+ width : 98%;
+ border-bottom : 1px solid #cccccc;
+ min-height : 50px;
+ float : left;
+}
+
+div#taskdeps {
+ float: left;
+ width: 45%;
+ margin-bottom: 8px;
+}
+
+div#taskblocks {
+ float: left;
+ width: 50%;
+}
+
+div#actionbuttons {
+ clear : both;
+ padding : 5px;
+}
+
+div#actionbuttons a {
+ background-image : url(button.png);
+ background-repeat : repeat-x;
+ color : #ffffff;
+ background-color : transparent;
+ border : 1px solid #000000;
+ margin : 0px 3px 0px 3px;
+ /* padding values: top, right, bottom, left */
+ padding : 2px 5px 2px 5px;
+}
+
+div#actionbuttons a#hideclosetask {
+ position : absolute;
+ top : 3px;
+ right : 3px;
+ width : 16px;
+ height : 16px;
+ background-image : url(cancel.png);
+ background-repeat : no-repeat;
+ color : #000000;
+ background-color : transparent;
+ border : none;
+}
+
+div#actionbuttons a#hideclosetask:hover {
+ position : absolute;
+ top : 3px;
+ right : 3px;
+ width : 16px;
+ height : 16px;
+ background-image : url(cancel-over.png);
+ background-repeat : no-repeat;
+ color : #000000;
+ background-color : transparent;
+ border : none;
+}
+
+div#massopsactions {
+ padding : 0px 0px 0px 3px;
+}
+
+div#closeform {
+ visibility : hidden;
+ position : absolute;
+ background-color : #e6eef6;
+ color : #000000;
+ border : 3px ridge #000000;
+ padding : 5px 30px 5px 5px;
+ margin-top : 5px;
+ display : block;
+ width : 300px;
+ height : auto;
+}
+
+div#closeform textarea {
+ width : 100%;
+ height : 100px;
+}
+
+div.denyform {
+ visibility : hidden;
+ position : absolute;
+ right : 12px;
+ background-color : #e6eef6;
+ color : #000000;
+ border : 3px ridge #000000;
+ padding : 5px 30px 5px 5px;
+ margin-top : 5px;
+ display : block;
+ width : 300px;
+ height : auto;
+}
+
+div#denyform textarea {
+ width : 100%;
+ height : 100px;
+}
+
+fieldset.admin {
+ margin-top : 15px;
+ background-color : #e6eef6;
+ color : #000000;
+ border : 1px solid #000000;
+}
+
+fieldset.admin legend {
+ border-bottom : 1px solid #000000;
+ border-right : 1px solid #000000;
+ padding : 2px;
+ font : 120% Helvetica, Verdana, sans-serif;
+ margin : 5px;
+ background-color : #f5f9fd;
+ color : #000000;
+}
+
+div#errorbar {
+ width : 100%;
+ height : 20px;
+ color : yellow;
+ background-color : red;
+ font-weight : bold;
+ position : fixed;
+ bottom : 0px;
+ background-image : url(frown.png);
+ background-repeat : no-repeat;
+ background-position : 5px 0px;
+ padding-left : 30px;
+}
+
+div#successbar {
+ width : 100%;
+ height : 20px;
+ color : #ffffff;
+ background-color : green;
+ font-weight : bold;
+ position : fixed;
+ bottom : 0px;
+ background-image : url(smile.png);
+ background-repeat : no-repeat;
+ background-position : 5px 0px;
+ padding-left : 30px;
+}
+
+div#toolboxmenu {
+ width : auto;
+ float : left;
+ margin-right : 25px;
+ margin-top : 15px;
+}
+
+div#toolboxmenu small {
+ display : none;
+}
+
+div#toolboxmenu a {
+ display : block;
+ border : 1px solid #000000;
+ padding-top : 1em;
+ padding-bottom : 1em;
+ width : 120px;
+ text-align : center;
+}
+
+div#toolboxmenu a:hover {
+ color : #6395c8;
+ background-color : #d7e9ff;
+}
+
+div#toolbox {
+ margin-left : 150px;
+ min-height : 350px;
+}
+
+a.grouptitle {
+ font-size : 16px;
+}
+
+/* The new tabs stuff */
+/* colors */
+#submenu a, div.tab { color: #000000; background-color: #e6eef6; }
+
+#submenu a.active {
+ color : #000000;
+ border-bottom-color : #cdc;
+}
+
+#submenu a:hover {
+ color : #000000;
+}
+
+#submenu a { color: #999;text-decoration: none; }
+#submenu a.active { z-index:5;}
+
+/* margins */
+#submenu, #submenu * { margin: 0; padding: 0; }
+#submenu a, div.tab { border: solid 1px black; }
+#submenu a { margin: auto auto -1px 1ex; padding: 2px 1ex; }
+* html #submenu { margin-bottom: -1em; }
+div.tab { margin: 0; padding: 1ex; padding-bottom: 1cm; margin-right: 1ex; margin-bottom: 10px;}
+
+/* flow */
+#submenu li { display: inline; width: 0; height: 0; }
+#submenu a { display: block; float: left; }
+div.tab h2 { display: none; }
+div.tab { clear: left; }
+* html .tab div.clear { clear: none; height: 14em; }
+
+div#permslink {
+ position : absolute;
+ top : 5px;
+ right : 5px;
+ color : #ffffff;
+ background-color : transparent;
+}
+
+div#permslink a {
+ color : #ffffff;
+ background-color : transparent;
+}
+
+div#permissions {
+ visibility : hidden;
+ position : absolute;
+ top : 25px;
+ right : 5px;
+ padding : 5px;
+ margin-top : none;
+ overflow : auto;
+ z-index : 5;
+}
+
+div#permissions table {
+ color : #000000;
+ background-color : #ffffff;
+ border : 1px dotted #000000;
+}
+
+div#permissions table td {
+ border : 0px;
+}
+
+div#fileupload {
+ margin : 20px 0px 20px 0px;
+}
+
+span#pendingreq {
+ margin : 0px 0px 0px 9px;
+ display: : block;
+ clear : both;
+ font-size : 120%;
+ font-weight : bold;
+ float : right;
+ color : red;
+ background-color : yellow;
+}
+
+/* container for the next/previous links in the task details */
+span#navigation {
+ position : absolute;
+ right : 1em;
+}
+
+span#navigation a#next {
+ padding-right : 20px;
+ background-image : url(next.png);
+ background-repeat : no-repeat;
+ background-position : right;
+}
+
+span#navigation a#prev {
+ padding-left : 20px;
+ background-image : url(prev.png);
+ background-repeat : no-repeat;
+ background-position : left;
+}
+
+
+
+/* End of the @screen section */
+}
+
+@media print {
+p#menu {
+ display : none;
+}
+
+/* End of the @print section */
+}