archlinux_conf/home/.deplate/css/tabbar-right.css

   1 @import url(deplate.css);
   2
   3 body {
   4     /* background-color: #d9e0f0; */
   5     /* background-color: #e4e8f0; */
   6     background-color: #eeeef5;
   7     /* background-image: url(grad_blue.jpg); */
   8     background-repeat: repeat-x;
   9 }
  10
  11 #tabFrame {
  12     /* display: table; */
  13     /* border-spacing: 0; */
  14     /* background-color: #d9e0f0; */
  15     background-color: transparent;
  16     border-spacing: 0;
  17     border-collapse: collapse;
  18     border: 0;
  19     margin-left: 20px;
  20 }
  21 #tabBar {
  22     /* display: table-cell; */
  23     /* position: absolute; */
  24     /* top: 0; */
  25     position: fixed;
  26     left: 780px;
  27     text-align: left;
  28     vertical-align: top;
  29     width: 170px;
  30     border: 0;
  31     padding: 10px 0 0 0;
  32     margin: 0;
  33     /* background-color: #d9e0f0; */
  34     background-color: transparent;
  35 }
  36 #tabBodyFrame {
  37     /* display: table-cell; */
  38     /* position: absolute; */
  39     /* top: 0; */
  40     /* left: 0; */
  41     float: left;
  42     text-align: left;
  43     vertical-align: top;
  44     /* background-color: #d9e0f0; */
  45     background-color: transparent;
  46     width: 750px;
  47     padding: 0;
  48     margin: 0;
  49     border: 0;
  50 }
  51 #tabBody {
  52     background-color: #ffffff;
  53     text-align: left;
  54     vertical-align: top;
  55     border: 0;
  56     /* border: 1px dashed #cae0ea; */
  57     /* border: 1px solid #cae0ea; */
  58     padding: 10px;
  59     /* margin: 10px 0 10px 10px; */
  60     margin: 10px;
  61     /* width: 700px; */
  62     -webkit-border-radius: 15px;
  63     -moz-border-radius: 15px;
  64     -khtml-border-top: 15px;
  65     border-radius: 15px;
  66 }
  67
  68 .tabFrameRow {
  69     /* display: table-row; */
  70     /* background-color: #d9e0f0; */
  71     background-color: transparent;
  72     border: 0;
  73 }
  74 .tabFrameCell {
  75     /* display: table-cell; */
  76     /* background-color: #d9e0f0; */
  77     background-color: transparent;
  78     border: 0;
  79 }
  80
  81 .tabBarRight {
  82     background-color: #eeeef5;
  83 }
  84 table.tabBarRight {
  85     border: 10px solid #eeeef5;
  86     color: #eeeef5;
  87     margin: 0;
  88     /* padding: 10px; */
  89     border-spacing: 0;
  90     border-collapse: collapse;
  91     /* max-width: 160px; */
  92     width: 160px;
  93     /* min-width: 140px; */
  94     -webkit-border-radius: 15px;
  95     -moz-border-radius: 15px;
  96     -khtml-border-top: 15px;
  97     border-radius: 15px;
  98 }
  99 tr.tabBarRight {
 100 }
 101 td.tabBarRight {
 102 }
 103
 104 *[class|=tabBarRightActive] {
 105     background-color: #fafafa;
 106 }
 107 tr[class|=tabBarRightActive] {
 108 }
 109 td[class|=tabBarRightActive] {
 110     border-top: 0;
 111     border-bottom: 0;
 112     padding: 2px;
 113 }
 114
 115 tr.tabBarRightActive-Level1 {
 116     border-top: 0;
 117     border-bottom: 0;
 118 }
 119 tr.tabBarRightActive-Level2 {
 120     border-top: 0;
 121     border-bottom: 0;
 122 }
 123 tr.tabBarRightActive-Level3 {
 124     border-top: 0;
 125     border-bottom: 0;
 126 }
 127 tr.tabBarRightActive-Level4 {
 128     border-top: 0;
 129     border-bottom: 0;
 130 }
 131
 132 td.tabBarRightActive-Level1 {
 133     /* border-top: 1px solid #555555; */
 134     /* border-left: 1px solid #555555; */
 135     border-bottom: 0 none;
 136     background-color: #fff3d0;
 137     margin: 5px;
 138 }
 139 td.tabBarRightActive-Level2 {
 140     border-left: 1px solid #555555;
 141     border-top: 0 none;
 142     border-bottom: 0 none;
 143     background-color: #ffffff;
 144     margin: 5px;
 145 }
 146 td.tabBarRightActive-Level3 {
 147     border-left: 1px solid #555555;
 148     border-top: 0 none;
 149     border-bottom: 0 none;
 150     background-color: #ffffff;
 151     margin: 5px;
 152     padding-left: 10px;
 153 }
 154 td.tabBarRightActive-Level4 {
 155     border-left: 1px solid #555555;
 156     border-top: 0 none;
 157     border-bottom: 0 none;
 158     background-color: #ffffff;
 159     margin: 5px;
 160     padding-left: 20px;
 161 }
 162
 163 *[class|=tabBarRightInactive] {
 164     background-color: #eeeef5;
 165 }
 166 tr[class|=tabBarRightInactive] {
 167 }
 168 td[class|=tabBarRightInactive] {
 169     /* border: 1px solid #fafafa; */
 170     padding: 2px;
 171 }
 172 td.tabBarRightInactive-Level1 {
 173     border-top: 0 none;
 174     border-bottom: 0 none;
 175     background-color: #eeeef5;
 176     margin: 5px;
 177 }
 178
 179 .tabBarRightButtons {
 180 }
 181 tr.tabBarRightButtons {
 182     border: 0;
 183 }
 184 td.tabBarRightButtons {
 185     background-color: #eeeef5;
 186     /* border: 1px solid #fafafa; */
 187     padding: 2px;
 188     text-align: center;
 189 }
 190
 191 tr.tabBarRightAbout {
 192 }
 193 td.tabBarRightAbout {
 194     border-top: 10px solid #eeeef5;
 195     background-color: #eeeef5;
 196     text-align: center;
 197 }
 198
 199 table.comment_form, td.comment_form {
 200     /* background-color: #d9e0f0; */
 201     background-color: transparent;
 202 }
 203