rt/share/static/css/aileron/boxes.css

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