theme/orangewhite/styles_tabs.css

   1 /*******************************************************************
   2 *** Tabs
   3 *******************************************************************/
   4
   5 .userinfobox {
   6   border-top:0 none;
   7   padding-top:0;
   8   margin-top:0;
   9 }
  10
  11 #mod-forum-user .forumpost,
  12 #course-user .section .content {
  13   border-top:0 none;
  14 }
  15
  16 #course-user .section {
  17   background-color:#fff;
  18   padding:1em;
  19 }
  20
  21 #course-user .section h2 {
  22   margin-top:0;
  23 }
  24
  25 #user-view .tabs td,
  26 #user-edit .tabs td,
  27 #mod-forum-user .tabs td {
  28   padding-bottom:0;
  29 }
  30
  31 #user-edit .generalbox {
  32   width:100%
  33 }
  34
  35 .mod-glossary .glossarydisplay tr,
  36 .mod-glossary .glossarydisplay td {
  37   border:0 none !important;
  38   padding-bottom:0;
  39 }
  40
  41 .mod-glossary td.entryboxheader {
  42   height:0 !important;
  43   background-color:#fff;
  44 }
  45
  46 .mod-glossary .entrybox {
  47   padding:0;
  48 }
  49
  50 .tabs {
  51   width:auto;
  52   margin-left:auto;
  53   margin-right:auto;
  54   margin-bottom:0;
  55   padding-bottom:0;
  56   border-bottom:0 none;
  57 }
  58
  59 #user-view .tabs {
  60   width:80%;
  61 }
  62
  63 .tabs tr,
  64 .tabs .left,
  65 .tabs .right {
  66   background:url(pix/tab/tabsbg_x2.gif) bottom left repeat-x
  67 }
  68
  69 .tabs .side {
  70   border-bottom:0 none
  71 }
  72
  73 .tabs td {
  74   padding:0
  75 }
  76
  77 .tabs .left {
  78   width:0
  79 }
  80
  81 .tabs .right {
  82   width:75%
  83 }
  84
  85 .tabrow {
  86   width:100%;
  87   margin:0;
  88   border-collapse:collapse
  89 }
  90
  91 .tabrow td {
  92   padding:0 0 0 14px;
  93   height:34px;
  94   border-width:0
  95 }
  96
  97 .tabs .r1 {
  98   margin-bottom:1px
  99 }
 100 .tabrow td.selected {
 101   border-width: 0px
 102 }
 103
 104 .tabs .r0 .active {
 105   background:url(pix/tab/left.gif) bottom left no-repeat
 106 }
 107
 108 .tabs .r1 .active {
 109   background:url(pix/tab/left2.gif) bottom left no-repeat
 110 }
 111
 112 .tabs .r0 .inactive {
 113   background:url(pix/tab/left_inactive.gif) bottom left no-repeat
 114 }
 115
 116 .tabs .r1 .inactive {
 117   background:url(pix/tab/left_inactive2.gif) bottom left no-repeat
 118 }
 119
 120 .tabs .r0 .activetwo {
 121   background:url(pix/tab/left_active2.gif) bottom left no-repeat
 122 }
 123
 124 .tabs .r1 .activetwo {
 125   background:url(pix/tab/left_active2.gif) bottom left no-repeat
 126 }
 127
 128 .tabs,
 129 .tabs tr,
 130 .tabs .td,
 131 .tabrow,
 132 .tabrow tbody,
 133 .tabrow tr,
 134 .tabrow td {
 135   background-color:transparent
 136 }
 137
 138 .tabrow th {
 139   display:none
 140 }
 141
 142 .tabrow td .tablink {
 143   padding:0 14px 0 0;
 144   /*display:block;*/
 145   white-space:nowrap;
 146   line-height:32px;
 147   text-align:center;
 148   text-decoration:none;
 149   height:34px;
 150   width:auto
 151 }
 152
 153 .tabs .r0 .active .tablink {
 154   background:url(pix/tab/right.gif) bottom right no-repeat
 155 }
 156
 157 .tabs .r1 .active .tablink {
 158   background:url(pix/tab/right2.gif) bottom right no-repeat
 159 }
 160
 161 .tabs .r0 .inactive .tablink {
 162   background:url(pix/tab/right_inactive.gif) bottom right no-repeat
 163 }
 164
 165 .tabs .r1 .inactive .tablink {
 166   background:url(pix/tab/right_inactive2.gif) bottom right no-repeat
 167 }
 168
 169 .tabs .r0 .activetwo .tablink {
 170   background:url(pix/tab/right_active2.gif) bottom right no-repeat
 171 }
 172
 173 .tabs .r1 .activetwo .tablink {
 174   background:url(pix/tab/right_active2.gif) bottom right no-repeat
 175 }
 176
 177 .tabrow td .tablink a {
 178   width:auto;
 179   line-height:32px
 180 }
 181
 182 .tabs .r0 .active:hover {
 183   background:url(pix/tab/left_hover.gif) bottom left no-repeat
 184 }
 185
 186 .tabs .r0 .active:hover .tablink {
 187   background:url(pix/tab/right_hover.gif) bottom right no-repeat;
 188   line-height:32px
 189 }
 190
 191 .tabs .r0 .inactive:hover {
 192   background:url(pix/tab/left_inactive.gif) bottom left no-repeat
 193 }
 194
 195 .tabs .r0 .inactive:hover .tablink {
 196   background:url(pix/tab/right_inactive.gif) bottom right no-repeat;
 197   line-height:32px
 198 }
 199
 200 .tabs .r1 .active:hover {
 201   background:url(pix/tab/left_hover2.gif) bottom left no-repeat
 202 }
 203
 204 .tabs .r1 .active:hover .tablink {
 205   background:url(pix/tab/right_hover2.gif) bottom right no-repeat;
 206   line-height:32px
 207 }
 208
 209 .tabrow .last span {
 210   padding:0 1px 0 0;
 211   display:block;
 212   background:url(pix/tab/right_end.gif) bottom right no-repeat
 213 }
 214
 215 .tabs .r0 .selected {
 216   background:url(pix/tab/left_active.gif) bottom left no-repeat
 217 }
 218
 219 .tabs .r1 .selected {
 220   background:url(pix/tab/left_active2.gif) bottom left no-repeat
 221 }
 222
 223 .tabs .r0 .selected .tablink {
 224   background:url(pix/tab/right_active.gif) bottom right no-repeat;
 225   line-height:32px
 226 }
 227
 228 .tabs .r1 .selected .tablink {
 229   background:url(pix/tab/right_active2.gif) bottom right no-repeat;
 230   line-height:32px
 231 }
 232
 233 /*.tabrow td.selected:hover  {
 234   background:url(pix/tab/left_active.gif) bottom left no-repeat;
 235 }
 236
 237 .tabrow td.selected .tablink:hover {
 238   background:url(pix/tab/right_active.gif) bottom right no-repeat;
 239 }*/
 240
 241 .user-content h2 {
 242   margin:0;
 243   padding:0 1em
 244 }
 245
 246 .user-content {
 247   background-color:#FFFFFF;
 248   border:1px solid #D1D7DC;
 249   border-top-width:0;
 250   padding:0.5em
 251 }
 252
 253
 254 /*******************************************************************
 255 *** Tabs
 256 *******************************************************************/
 257 .tabs {
 258   font-size:0.8em
 259 }
 260 .tablink a:link,
 261 .tablink a:visited {
 262     color:#000066;
 263 }
 264
 265 .tablink a:hover {
 266     text-decoration: none;
 267 }
 268
 269 .selected .tablink a:link,
 270 .selected .tablink a:visited {
 271     color:#000000;
 272 }