Blob Blame History Raw
/*
Theme Name  : TreeFlower
Theme URI   : http://wiki.centos.org/ArtWork/MantisThemeDesign
Description : TreeFlower is a proposed motive for CentOS theming. This
   	      is a workaround to take Mantis application into that
	      look and feel. Mantis is the application we use to track
	      bugs.
Author	    : The CentOS ArtWork SIG.
Licence     : This CSS design is released under GPL (
	      http://www.opensource.org/licenses/gpl-license.php)

-------------------------------------------------------------
     $Author: al $
   $Revision: 2643 $
       $Date: 2009-06-18 19:06:27 -0400 (Thu, 18 Jun 2009) $
-------------------------------------------------------------
*/

html {
        background-image:url(../images/html-background.png);
        background-color: #FFF;
        font-family: "DejaVu Sans", "Liberation Sans", sans-serif;
        font-size: 0.85em;
        line-height: 1.25em;
        /* margin: 0;           /* <- full screen                       */
        /* margin: 0 1% 0 1%;   /* <- with 1% of left and right margin  */
        /* margin: 0 2% 0 2%;   /* <- with 2% of left and right margin  */
        margin: 0 4% 0 4%;      /* <- with 4% of left and right margin  */
        /* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */
        }


body 	{
	background-color: #ffffff; 
	border: 10px solid #fff;
	color: #000000; 
	padding:0;
	margin: 0;
	}

/* Links */

a:link  			{ text-decoration: none; color: #204C8D }
a:hover 			{ text-decoration: underline; color: green; } 
a:active 			{ text-decoration: underline; color: green; } 
a:visited 			{ text-decoration: none; color: #204C8D; }
a:visited:hover 		{ text-decoration: underline; color: green; }

a.subtle 			{ color: #204C8D; text-decoration: none; }

.logininfo a:link 		{ text-decoration: none; color: #EEE; }
.logininfo a:hover 		{ text-decoration: underline; color: #FFF; }
.logininfo a:active 		{ text-decoration: underline; color: #FFF; }
.logininfo a:visited 		{ text-decoration: none; color: #EEE; }
.logininfo a:visited:hover 	{ text-decoration: underline; color: #FFF; }

a {
	cursor: pointer;
	}

/* Headers */

h1 {
        font-size: 1.7em;
        font-weight: bold;
        line-height: 1.9em;
        margin: 0;
        margin-top: 0.6em;
        margin-bottom: 0.9em;
        padding-left: 0.7em; /* Should be the same for h{1-3} */
        color: #FFF;
        border: none;
        background-color: #204C8D;
        background-image: url("../images/h1-background.png");
        }

h2 {
        font-size: 1.4em;
        line-height: 1.8em;
        margin: 0;
        margin-top: 1.6em;
        margin-bottom: 0.8em;
        padding-left: 0.7em; /* Should be the same for h{1-3}*/
        background-image: url("../images/h2-background.png");
        border: none;
        color: #072B61;
        }

h3 {
        font-size: 1.25em;
        line-height: 1.6em;
        margin-top: 1em;
        margin-bottom: 0.5em;
        padding-left: 0.7em; /* Should be the same for h{1-3} */
        color: #072B61;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #DADADA;
        }

h4 {
        font-size: 1em;
        line-height: 1.4em;
        margin-top: 1em;
        margin-bottom: 0.1em;;
        padding-left: 1em; /* Should be the same for h{4-4} */
        color: #072B61;
        border-bottom: none;
        }

/* Elements Indentation */

div.news_entry {
	margin-left: 1.5em;
	}

/* Lists */

ul,
ol {
        padding-left: 0.5em;
        margin-left: 3em;
        margin-bottom: 0.3em;
        }

ul { 
        list-style: url("../images/ul.png") circle; 
        } 

ol {
        list-style-image: none !important;
        }

ul li {
        padding-left: 0em;
        margin-bottom: 0.3em;
        }

ol li {
        padding-left: 0em;
        margin-bottom: 0.3em;
        }

ul ul,
ul ol,
ol ul,
ol ol {
        margin-left: 1.5em;
        margin-top: 0.3em;
        }

ul li p,
ol li p {
        margin-bottom: 0.3em;
        line-height: 1.5em;
        margin-left: 0 !important;
        }

/* Page */

#page {
	padding-left: 20px;
	padding-right: 20px;
	}

/* Issues recently visited */

div.recently_visited {
	float: left;
	font-size: 0.82em;
	text-align: left;
	margin: 0;
	padding-top: 0.27em;
	}

/* Admonition Support */

.lmtxt {
        background-color: #ECECEC;
        background-image: url("../images/msg-bg-gray.png");
	width: auto;
        border-width: 1px;
        border-left-width: 4px;
        border-style: solid;
        border-color: #CFCFCF;
        padding: 5px !important;
        }

.lmtxt.red,
#message.red { 
        border-color: #E0B7B7;
        background-color: #FFECEC;
        background-image: url("../images/msg-bg-red.png");
        }

.lmtxt.green,
#message.green { 
        border-color: #D6F6D2;
        background-color: #EEFFEC;
        background-image: url("../images/msg-bg-green.png");
        }

.lmtxt.violet,
#message.violet { 
        border-color: #F6D2F6; 
        background-color: #FFECFF;
        background-image: url("../images/msg-bg-violet.png");
        }

.lmtxt.blue,
#message.blue { 
        border-color: #D2E0F6; 
        background-color: #ECF4FF;
        background-image: url("../images/msg-bg-blue.png");
        }

.lmtxt.orange,
#message.orange { 
        border-color: #F6E7D2; 
        background-color: #FFF8EC;
        background-image: url("../images/msg-bg-orange.png");
        }

/* Helper_api Message */

#message {
        margin-top: 2em;
        margin-right: 20%;
        margin-bottom: 2em;
        margin-left: 20%;
        padding-top: 1em;
        padding-right: 1em;
        padding-bottom: 1em;
        padding-left: 1.5em;
	border-width: 0;
        border-top-width: 4px;
        border-top-style: solid;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        border-bottom-color: #D2E0F6;
	text-align: center;
        }

#message p {
        font-weight: bold;
        line-height: 1.5em;
        margin: 0;
        padding-top: 1em;
        padding-right: 2em;
        padding-bottom: 1em;
        padding-left: 2em;
        }

/* User Interface Styles */

#header {
        margin:0;
	margin-bottom: 0.5em;
        padding: 0;
        background-color: #204C8D;
        background-image: url("../images/header-background.png");
        }

#header .navibar {
        border-bottom-width: 2px;
        border-bottom-style: dotted;
        border-bottom-color: #628ECA;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #C9C9C9;
        }

#logo {
	float:left;
        margin: 0px;
        padding: 0px;
        /* For text only logo */
        font-size: 1.4em;
        font-weight: bold;
        }

#logo img {
        margin: 10px;
        vertical-align: middle;
	border: 0;
        }

#logo a {
        color: white;
        text-decoration: none;
	border: 0;
        }

#header .googlecontent {
	padding-top: 3px;
	padding-right: 5px;
        text-align: right;
        }

.pageline {
        clear: both;
        margin: 0;
        padding: 0;
        width: 100%;
        /* sync these values, line-height is needed for IE */
        height: 5px;
        line-height: 5px;
        background: #628ECA;
        }

.pageline2 {
	clear:both;
	margin: 0;
	padding: 0;
	width: 100%;
	}

/* Information about Login  */

.logininfo {
	margin: 0px;
	padding: 5px;
	color: #EEE;
        font-size: 0.82em;
        white-space: nowrap;
	}

.logininfo ul {
	text-align: right;
	margin: 0;
	padding: 0;
	}

.logininfo li {
	display: inline;
        padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	}

.logininfo li.last {
	border-left: 1px dotted #EEE;
	}

/* Information about Projects */

.projectinfo {
        padding: 0;
	margin: 0;
        white-space: nowrap;
	text-align:right;
	color: #000;
        font-size: 0.8em;
	}

.projectinfo li {
        display: inline;
        padding: 0;
        }

.projectinfo form {
        display: inline;
	padding: 0;
	margin: 0;
        }

.projectinfo input[type=text],
.projectinfo select {
        border: 2px solid #204C8D;
        background-color: #EDF4FF;
	color: #204C8D;
	padding: 1px;
	font-size: inherit;
        }

.projectinfo input[type=text] {
	padding: 2px;
	padding-left: 4px;
	}

.projectinfo input[type=button], 
.projectinfo input[type=submit], 
.projectinfo input[type=reset] {
        font-size: 0.8em;
        border-width: 2px;
        border-style: solid;
        border-color: #204C8D;
        background-color: #3B71B8;
        color: #FFFFFF;
        cursor: pointer;
        display: inline;
        font-weight: bold;
        text-decoration: none;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
        }

/* Main Navigation Bar */

.navibar {
        clear: both;
        display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
        white-space: nowrap;
        background: #EDF4FF; 
	text-align: center;
	font-size: 0.9em;
        }

.navibar li {
        display: inline;
	border-left: 1px dotted #204C8D;
	padding-left: 10px;
	padding-right: 10px;
        }

.navibar li.first {
	border-left: 0;
	padding-left: 0;
	}

/* Form Elements */

input[type=text],
input[type=password],
textarea {
	padding: 2px;
        padding-left: 4px;
        }

input, 
select { vertical-align: middle; }

form	{ 
	display: inline; 
	margin: 0;
	}

/* Tables */

table				{ }
table.border_black		{ border: 1px solid #000; }
table.hide			{ width: 100%; border: solid 0px #ffffff; }
table.width100			{ width: 100%; border: solid 1px #000000; }
table.width75			{ width: 75%;  border: solid 1px #000000; }
table.width60			{ width: 60%;  border: solid 1px #000000; }
table.width50			{ width: 50%;  border: solid 1px #000000; }

td 				{ font-family: "DejaVu Sans", "Liberation Sans", sans-serif; 
				  font-size: 10pt; padding: 4px; text-align: left; }
td img.icon_sort		{ float:right; padding-right: 3px; padding-left: 3px; }

td.center			{ text-align: center; }
td.left				{ text-align: left; }
td.right			{ text-align: right; }
td.category			{ background-color: #EAE1EE; color: #000000; font-weight: bold; vertical-align : top; }

td.col-1			{ background-color: #EAF3F9; color: #000000; }
td.col-2			{ background-color: #EAF3F9; color: #000000; }
td.form-title			{ color: #072B61; font-weight: bold; text-align: left; }
td.nopad			{ padding: 0px; }
td.spacer			{ background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; }
td.small-caption		{ font-size: 8pt; }
td.print			{ font-size: 8pt; text-align: left; padding: 2px; }
td.print-category		{ font-size: 8pt; color: #000000; font-weight: bold; text-align: right; padding: 2px; }
td.print-bottom			{ border-bottom: 1px solid #000000; }
td.print-spacer			{ background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; padding: 0px;}

tr				{}
tr.title			{ background-color: #FFF; background-image: url("../images/h2-background.png");}
tr.row-1			{ background-color: #EAF3F9; color: #000000; }
tr.row-2			{ background-color: #D8E9F4; color: #000000; }
tr.row-category			{ background-color: #EAE1EE; color: #000000; font-weight: bold;}
tr.row-category td  		{ text-align:center; }
tr.row-category2		{ background-color: #EAE1EE; color: #000000; }
tr.row-category-history 	{ background-color: #EAE1EE; color: #000000; font-weight: bold;}
tr.row-category-history td 	{ text-align: left; }
tr.vcenter			{ vertical-align: middle; }
tr.print			{ vertical-align: top; }
tr.print-category		{ color: #000000; font-weight: bold; }

#buglist tr			{ text-align: center; }

tr.bugnote			{ vertical-align: top; }
td.bugnote-public		{ background-color: #EAE1EE; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; }
td.bugnote-private		{ background-color: #EAF3F9; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; }
td.bugnote-note-public		{ background-color: #EAF3F9; color: #000000; width: 75%; }
td.bugnote-note-private		{ background-color: #EAF3F9; color: #000000; width: 75%; }

td.login-info-left		{ width: 33%; padding: 0px; text-align: left; }
td.login-info-middle		{ width: 33%; padding: 0px; text-align: center; }
td.login-info-right		{ width: 33%; padding: 0px; text-align: right; white-space: nowrap; }

td.menu				{ background-color: #EAF3F9; color: #000000; text-align: center; width: 100%; padding: 1px; }
td.menu a			{ white-space: nowrap; }

td.news-heading-public	{ background-color: #EAE1EE; color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-heading-private	{ background-color: #EAF3F9; color: #000000; text-align: left; border-bottom: 1px solid #000000; }

td.news-body			{ background-color: #ffffff; color: #000000; padding: 16px; }

/* Quick summary. Element displayed near titles
 * with the amount of opened and assigned issues. */

div.quick-summary {
	background-color: #fff;
	border: 0;
	border-left: 1px solid #ddd;
	font-size: small;
	width: 200px;
	padding-left: 0.5em;
	float:right;
	margin-left: 1em;
	margin-bottom: 1em;
	}

div.quick-summary p {
	margin: 0;
	padding: 0;
	}

.bracket-link {
	text-align: left;
	font-size: small;
	}

/* News Entries */

div.news_entry {
	margin-bottom: 1.5em;
	}

p.news_entry_info,
p.news_entry_body {
	margin: 0;
	padding: 0;
	}

p.news_entry_info {
	font-size: 0.8em;
	color: gray;
	}

.progress400 { 
	position: relative; 
	width: 400px; 
	border: 1px solid #d7d7d7; 
	margin-top: 1em; 
	margin-bottom: 1em; padding: 1px; 
	}

.progress400 .bar {
	display: block; 
	position: relative; 
	background: #6bba70; 
	text-align: center; 
	font-weight: normal; 
	color: #333; 
	height: 2em; 
	line-height: 2em; 
	}

/* Footer */

#footer {
        margin:0;
	margin-top: 2em;
        padding: 0;
        background-color: #204C8D;
        background-image: url("../images/header-background.png");
        color: #EEE;
        }

#footer .navibar {
        border-top-width: 2px;
        border-top-style: dotted;
        border-top-color: #628ECA;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #C9C9C9;
        }

#credits, #version, #timings {
        text-align: left;
        font-size: 0.88em;
	padding: 5px;
	margin: 0;
        }

#credits a { 
        color: #EEE; 
    	font-style: italic;
        border-bottom: 1px dotted #ddd;
        }

#credits a:hover {
        text-decoration: underline;
        color: #fff;
        }

#footer div.poweredby {
	float: right;
	margin: 5px;
	}

/* Miscellaneous */

.center				{ text-align: center; }
.left				{ text-align: left; }
.right				{ text-align: right; }
.small				{ font-size: 8pt; }
.small-normal 			{ font-size: 8pt; font-weight: normal; }
.small-subprojects		{ font-size: 8pt; width: 200px; }
.bold				{ font-weight: bold; }
.bold-small			{ font-weight: bold; font-size: 8pt; }
.italic				{ font-style: italic; }
.italic-small			{ font-style: italic; font-size: 8pt; }
.underline			{ text-decoration: underline; }
.underline-small		{ text-decoration: underline; font-size: 8pt; }
.strike				{ text-decoration: line-through; }
.strike-small			{ text-decoration: line-through; font-size: 8pt; }

span.print			{ font-size: 8pt; }
span.required 			{ font-size: 8pt; color: #bb0000; }
span.small 			{ font-size: 8pt; font-weight: normal; }
span.pagetitle			{ font-size: 12pt; font-weight: bold; text-align: center; }
span.bracket-link		{ white-space: nowrap; }