File cvstrac.css of Package cvstrac

/* CVSTrac default stylesheet.
** This more or less replicates the "original" CVSTrac style.
*/

/* ********* Standard/default header and footer ************************* */
/*body {background-color: white; padding: 2px;}*/
#footer {font-size: .67em; clear: both;}

{
}
body
{
padding: 0em;
background-color: #fff;
color: #585858;
font-size: 9pt;
font-family: "trebuchet ms", helvetica, sans-serif;
margin: 0px;
}
h1,h2,h3,h4,h5,h6
{
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}
h1#title
{
  color:#ffffff;
  font-weight: bold;
  position: absolute;
  bottom: 0.6em;
  display: inline;
  font-size: 2.6em;
}
p#identity {
  position: absolute;
  bottom: 0.6em;
  display: inline;
  padding-left: 0.5em;
  color: #E5CCD0;
  font-size: 1.0em;

}

#header
{
width:100%;
height:122px;
background: #440000 url('n1.gif') repeat-x;
position: relative;
padding-left:1.5em;
/*width: 950px !important;*/
}


h3 span
{
font-weight: bold;
}

h4 span
{
font-weight: bold;
}

br.clear
{
clear: both;
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

/* Menu */

#navigation
{
position: absolute;
right: 0em;
bottom: -1.17em;
margin-right: 10%;
}

ol li {
  padding-top:0.5em;
}

#navigation ul
{
list-style: none;
}

#navigation li
{
float: left;
list-style: none;
}

#navigation li a:after {
  content: ''
}
#navigation li a:before {
  content: ''
}
#navigation li a
{
margin-left: 0.5em;
display: block;
padding: 1.1em 1.4em 1.0em 1.4em;
background: #fff url('n4.gif') repeat-x;
border: solid 1px #fff;
color: #616161;
font-weight: bold;
font-size: 1.0em;
text-transform: lowercase;
text-decoration: none;
}

#navigation li a:hover
{
background: #f06b0a url('n3-dark.gif') repeat-x;
color: #ffffff;
border: solid 1px #f06b0a;
}

#navigation li#current a
{
background: #CA2F2F url('n3.gif') repeat-x;
color: #ffffff;
border: solid 1px #A94B4B;
}

/* This controls the width of the fluid width layouts */

div.fluid
{
width: 90% !important;
}

/* This controls the width of the fixed width layouts */

div.fixed
{
/*width: 950px !important;*/
}

hr {clear: both;}

#title {font-weight: bold;
        font-size: 1.17em;
        margin: 0px;
        max-width: 30%;
       }

#identity {font-size: .83em;
           font-weight: bolder;
           margin: 0px;
           max-width: 30%;
          }

#identity a {
  color:white;
}

/*
#action li {display: inline;padding:0px; margin: 0px; white-space: nowrap;}

#action {list-style-type: none; text-align: right;
         margin-right: 10px;
         padding: 0px;
         clear:both;
         }

#action a {
  background-color:white;
  color:#ff0000;
}
  */
#action li {display: inline; margin: 0px; white-space: nowrap;}
#action li:last-child {display: inline; margin: 0px; white-space: nowrap; padding-right:2em;}
#action {list-style-type: none; text-align: right; background: #440000;
  margin: 1px;
  padding: 1px;
  padding: 1px;
  clear: both;
}

#action a:hover {
  font-size:larger;
  padding:5px;
  background-color:#f06b0a;
  color:white;
}

#action a {
  font-size:larger;
  padding:5px;
  background-color:white;
  color:#440000;
}

#content {background: #fff url('n2.gif') 0px 1px repeat-x; }
#content p { margin:1em; }

/* File breadcrumb off by default in stock CVSTrac */
#breadcrumb {display: none}

/* ********* Bits and boxes  ******************************************** */

/* wiki history */
#history {
          float: right;
          border: 2px #a0b5f4 solid;
          white-space: nowrap;
          margin: 2px; padding: 0px;
         }
#history h3 { margin: 2px; padding: 0px; background: #d0d9f4;
              font-size: 1em; font-weight: bold;
              text-align: center;
            }
#history ul { list-style-type: none; text-align: left;
              margin: 2px; padding: 0px;
            }
#history .current { font-weight: bold; }
#history .off { font-weight: bold; }
#history p { margin: 2px; padding: 0px; }

#wikitoc {border-spacing: 20px 0px;}
#wikitoc th {background: #d0d0d0;}

/* ********* Timeline page ******************************************** */
#timeline {text-align: left;
           margin: .5em 0 0 0;
           padding: 0;
          }

/* date and milestone dividers */
#timeline .dt {background: #d0d9f4;
               border: 2px #a0b5f4 solid;
               font-size: 1em; font-weight: normal;
               padding: 0;
               margin: .2em 0 .2em 0;
               float: left;
               clear: left;
              }
#timeline .dm {background: #f7c0c0;
               border: 2px #ec9898 solid;
               font-size: 1em; font-weight: normal;
               padding: 0;
               margin: .2em 0 .2em 0;
               float: left;
               clear: left;
              }

#timeline .entries {
                     vertical-align: top;
                     clear: both;
                     margin: 0; padding: 0;
                     margin-left: 1em;
                     }
#timeline .entries dt {
             clear: both;
             float: left;
             margin: 0; padding: 0;
             }
#timeline .entries dd {
             float: left;
             margin: 0; padding: 0;
             }
#timeline .entries .datetime {text-align: right;
                              width: 10%;
                             }
#timeline .entries .time {text-align: center; width: 8%;}
#timeline .entries .hint {text-align: center; width: 5%;}
#timeline .entries .branch {
                          background: #dddddd;
                          width: 85%;
                          }
#timeline .entries .action {
                          width: 85%;
                          padding-bottom:0.5em;
                          }

/* timeline options, down at the bottom */
#timelineopts {
               margin-top: 1em;
               padding: 3px;
               padding-top: 1em;
               clear: both;
               border-top: 1px solid black;
              }
#timelineopts fieldset {
               margin: 1px;
               padding: 3px;
               border: 1px solid black;
              }
#timelineopts #days {}
#timelineopts #checkout {width: 45%; float: left; padding: 3px;}
#timelineopts #ticket {width: 45%; float: left; padding: 3px;}
#timelineopts #timeline {width: 45%; clear: left; float: left; padding: 3px;}
#timelineopts #other {width: 45%; float: left; padding: 3px;}
#timelineopts #show {clear: both;}

/* ********* Setup ******************************************** */
/* setup menu */
#index, #setup {margin-top: 0em ; margin-left: 0em; padding: 3.1em;}

a {
  color:#440000;
  text-decoration: none;
  padding:2px;
}
a:active {
  background-color:#616161;
  color:white;
}
/*
a:active:after {
  content: ' < ';
}
a:active:before {
  content: ' > ';
}
  */
a:link {
  border-bottom:3px double;
}
a:visited {
  border-bottom:1px solid;
}
a:hover {
  background-color:#440000;
  color:white;
}
/*
a:hover:after {
  content: ' < ';
}
a:hover:before {
  content: ' > ';
}
*/

#index dt a, #setup dt a {
  font-size:larger;
  border-bottom:0px;
  width:100%;
}

#index dt, #setup dt {
                      display: block;
                      width: 15%;
                      border-bottom:1px solid #D90000;
                      float: left;
                      margin: 5px 0 0 0;
                      font-weight: bold;
                      clear: left;
                      white-space: nowrap;
                      }
#index dd, #setup dd {
                      width: 55%;
                      float: left;
                      margin: 5px 0 0 0;
                      padding: .5em;
                      }

/* ********* Wiki formatting ******************************************** */
/* ticket markup... various forms of "fixed" are shown as striked. This list
** would need to be updated if the user changes the ticket states
*/
/* .ticket {font-weight: bold} */
.ticket .closed, .ticket .fixed, .ticket .tested, .ticket .defer
   {text-decoration: line-through}

/* chng markup. Check-ins and milestones. */
/* .chng {font-weight: bold} */
/* .chng .event {color: orange} */
/* .chng .release {color: orange} */
/* .chng .checkin {color: red} */
.chng .branch {background: #dddddd;}

/* links to Wiki pages */
/* .wiki {font-weight: bold} */
.wiki .missing {color: gray; font-style: italic; font-weight: normal;}

/* .diff {background: #e0e0e0} */
/* hr.diff {visibility: hidden} */
div.difftop {float: right}

/* raw HTML in wiki */
/* div.restricted {background-color: #e0e0e0} */

/* URL's in wiki markup. This puts a special character in front, but
** you could also use a link to an image or something...
*/
a.external:before {content: "\0000a4"; color: #a0a0a0;}

/* Path's to code mentioned in wiki markup. */
a.file {font-family: monospace;}

/* two and three asterisks... The class names are a bit lame, but
** I'm not sure what else to call 'em
*/
.two {font-size: 1.17em}
.three {font-size: 1.33em}

/* user id */
/* .user {font-weight: bold;} */

/* revision */
/* .vers {font-style: italic;} */

/* ********* Icons ****************************************************** */
.icon:before {content: "\002022"; color: black;}

.icon.milestone:before {content: "\0000a4"; color: #007878;}
.icon.del:before {content: "\0000d7"; color: red;}
.icon.file:before {content: "\002022"; color: black;}
.icon.dir:before {content: "\0000bb"; color: green;}
.icon.backup:before {content: "\0000ab"; color: black;}
.icon.checkin:before {content: "\002022"; color: blue;}
.icon.ticket:before {content: "\00203a"; color: blue;}
.icon.edit:before {content: "\00002a"; color: #8C80A3;}
.icon.attach:before {content: "\0000bb"; color: blue;}
.icon.inspect:before {content: "\002022"; color: blue;}

/* each ticket type can have a timeline icon. This is usually
** used for the ticket creation.
*/
.icon.type:before {content: "\0000bb"; color: purple;}
.icon.type.code:before {content: "\0000d7"; color: red;}

/* each ticket state can also have a timeline icon */
.icon.state:before {content: "\002666"; color: #ffa000;}
.icon.state.new:before {content: "\0000d7"; color: red;}
.icon.state.active:before {content: "\0000d7"; color: red;}
.icon.state.fixed:before {content: "\00221a"; color: green;}
.icon.state.closed:before {content: "\00221a"; color: green;}
.icon.state.defer:before {content: "\00221a"; color: green;}

/* deprecated icons... they'll disappear shortly, hopefully */
.icon.dot:before {content: "\002022"; color: blue;}
.icon.ptr1:before {content: "\0000bb"; color: purple;}

/* ********* Other ****************************************************** */

.rlog {padding: 0; margin: 0; border-width: 0;}
.rlog td, .rlog th {text-align: left;}
.rlog .version {width: 80px; text-align: center;}
.rlog .date {white-space: nowrap; text-align: left;}

/* Zebra stripe background effect */
.rlog .odd  {background: #efefff;}
.rlog .milestone  {background: #f7c0c0;}

.rlog .branch  {background: #dddddd;}


/* Style info for the diffs in the package list */
TABLE.d2h-table {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    margin: 5px 15px;
    color: black;
}

TABLE.d2h-table TR {
    font-family: sans-serif;
}

TABLE.d2h-table TR.blk-hdr {
    font-size: 11pt;
    font-weight: bold;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: black;
    background-color: #eeeeee;
}

TABLE.d2h-table TR.blk-hdr TH {
    border-style: dashed;
    border-width: 0px 0px 0px 1px;
    border-color: black;
    padding: 0px 2px;
}

TABLE.d2h-table TR.blk-text {
    font-size: 11pt;
}

TABLE.d2h-table TR.blk-text TD {
    border-style: dashed;
    border-width: 0px 0px 0px 1px;
    border-color: white;
    padding: 0px 5px;
}

TABLE.d2h-table TR.blk-text TD.right-newfile, TABLE.d2h-table TR.blk-text TD.left-newfile {
    margin-top:20px;
    padding-top:3px;
    background-color: #000000;
    color:#ffffff;
    border-top:2px double black;
}

TABLE.d2h-table TR.blk-text TD.right-changed, TABLE.d2h-table TR.blk-text TD.left-changed {
    background-color: #22dd22;
}

TABLE.d2h-table TR.blk-text TD.right-added, TABLE.d2h-table TR.ver-hdr TH.newver {
    background-color: blue;
}

TABLE.d2h-table TR.blk-text TD.left-removed, TABLE.d2h-table TR.ver-hdr TH.oldver {
    background-color: red;
}