rt/share/static/css/ballard/boxes.css

   1 .titlebox {
   2  border-left: 1px solid #ccc;
   3  border-top: 1px solid #ccc;
   4  background-color: #efefef;
   5  padding-top: 1em;
   6  margin-top: 1em;
   7  margin-left: 1em;
   8  -moz-border-radius: 0.5em;
   9  -webkit-border-radius: 0.5em;
  10  border-radius: 0.5em;
  11  margin-bottom: 2em;
  12  border-bottom: 2px solid #aaa;
  13  border-right: 2px solid #aaa;
  14  padding-right: 1em;
  15 }
  16
  17 * html .titlebox {
  18  border-top: none;
  19  border-left: none;
  20 }
  21
  22 .titlebox .titlebox {
  23
  24  background-color: #ffffff;
  25  margin-top: 1em;
  26  -moz-border-radius: 0.5em;
  27  -webkit-border-radius: 0.5em;
  28  border-radius: 0.5em;
  29  margin-right: 0.25em;
  30
  31 }
  32
  33
  34 .titlebox {
  35  margin-left: 0em;
  36  margin-right: 0em;
  37  min-height: 1.25em;
  38
  39 }
  40
  41
  42
  43 .titlebox .titlebox-title {
  44  position: relative;
  45  margin-top: -1.5em;
  46  padding-bottom: 0.25em;
  47  padding-left: 1em;
  48  margin-right: -1em;
  49
  50 }
  51
  52 .titlebox .titlebox-title a {
  53  text-decoration: none;
  54  color: black;
  55
  56 }
  57
  58 .titlebox .titlebox-title a:hover {
  59  text-decoration: underline;
  60
  61 }
  62
  63 .titlebox .titlebox-title .left {
  64     font-weight: bold;
  65     background: #ccc;
  66     margin-left: 0.75em;
  67     padding:0.5em;
  68     padding-left: 0.75em;
  69     padding-right: 0.75em;
  70     -moz-border-radius: 0.5em;
  71     -webkit-border-radius: 0.5em;
  72     border-radius: 0.5em;
  73     border-bottom: 2px solid #aaa;
  74     border-right: 2px solid #aaa;
  75
  76
  77 }
  78
  79 .titlebox .titlebox-title .right-empty {
  80  display:none;
  81 }
  82
  83 .titlebox .titlebox-title .right {
  84   position: absolute;
  85    right: 0;
  86    top: 0.5em;
  87   font-size: 0.9em;
  88   background: #dedede;
  89   border-left: 1px solid #ccc;
  90  border-bottom: 1px solid #ccc;
  91  padding-right: 0.4em;
  92  padding-left: 0.4em;
  93  padding-bottom: 0.2em;
  94  padding-top: 0.5em;
  95  -moz-border-radius-bottomleft: 0.25em;
  96  -webkit-border-bottom-left-radius: 0.25em;
  97  border-bottom-left-radius: 0.25em;
  98
  99
 100  -moz-border-radius-topright: 0.25em;
 101  -webkit-border-top-right-radius: 0.25em;
 102  border-top-right-radius: 0.25em;
 103
 104 }
 105
 106 .titlebox .titlebox-title .right a,
 107 .titlebox .titlebox-title .right a:visited {
 108  color: #000;
 109 }
 110
 111 .titlebox .titlebox-content {
 112  padding-top: 0.5em;
 113  padding-left: 1em;
 114  padding-bottom: 1em;
 115
 116 }
 117
 118 .titlebox .titlebox-title .widget a {
 119   display: block;
 120   margin: 0;
 121   margin-top: 0.6em;
 122   width: 20px;
 123
 124   background: url(../../../static/images/css/rollup-arrow.gif) no-repeat center 0;
 125
 126   position: absolute;
 127   top: -1em;
 128   left: 0.15em;
 129   float: left;
 130
 131   padding: 7px 0 0 0;
 132   overflow: hidden;
 133 }
 134
 135 * html .titlebox .titlebox-title .widget a {
 136     top: 0em;
 137     left: -1.5em;
 138 }
 139
 140 .titlebox.rolled-up .titlebox-title .widget a {
 141     background-image: url(../../../static/images/css/rolldown-arrow.gif);
 142 }
 143
 144 .unread-messages .titlebox , .unread-messages .titlebox .titlebox-title .left {
 145   border: 1px solid #99a;
 146   border-right: 2px solid #aab;
 147   border-bottom: 2px solid #aab;
 148 }
 149
 150 .unread-messages .titlebox {
 151   background-color: #dde;
 152 }
 153
 154 .unread-messages .titlebox .titlebox-title .left {
 155   background-color: #cce;
 156 }