moodle/theme/orangewhite/styles_tabs.css

/*******************************************************************
*** Tabs
*******************************************************************/

.userinfobox {
  border-top:0 none;
  padding-top:0;
  margin-top:0;
}

#mod-forum-user .forumpost,
#course-user .section .content {
  border-top:0 none;
}

#user-view .tabs td,
#user-edit .tabs td,
#mod-forum-user .tabs td {
  padding-bottom:0;
}

#user-edit .generalbox {
  width:100%
}

#mod-glossary-view .glossarydisplay tr,
#mod-glossary-view .glossarydisplay td {
  border:0 none !important;
}

#mod-glossary-view .entryboxheader {
  display:none;
}

.tabs {
  width:auto;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
}

#user-view .tabs {
  width:80%;
}

.tabs tr {
  border:1px none #FF0000;
  background:url(pix/tab/tabsbg_x2.gif) bottom left repeat-x;
}

.tabs .left {
  width:0;
}

.tabs .right {
  width:75%;
}

.tabrow {
  width:100%;
  margin:0;
  border-collapse:collapse;
}

.tabrow td {
  padding:0 0 0 14px;
  height:34px;
}

.tabs .r1 {
  margin-bottom:1px;
}

.tabs .r0 .active {
  background:url(pix/tab/left.gif) bottom left no-repeat;
}

.tabs .r1 .active {
  background:url(pix/tab/left2.gif) bottom left no-repeat;
}

.tabs .r0 .inactive {
  background:url(pix/tab/left_inactive.gif) bottom left no-repeat;
}

.tabs .r1 .inactive {
  background:url(pix/tab/left_inactive2.gif) bottom left no-repeat;
}

.tabs,
.tabs tr,
.tabs .td,
.tabrow,
.tabrow tbody,
.tabrow tr,
.tabrow td {
  background-color:transparent;
}

.tabrow th {
  display:none;
}

.tabrow td .tablink {
  padding:0 14px 0 0;
  /*display:block;*/
  white-space:nowrap;
  line-height:32px;
  text-align:center;
  text-decoration:none;
  height:34px;
  width:auto;
}

.tabs .r0 .active .tablink {
  background:url(pix/tab/right.gif) bottom right no-repeat;
}

.tabs .r1 .active .tablink {
  background:url(pix/tab/right2.gif) bottom right no-repeat;
}

.tabs .r0 .inactive .tablink {
  background:url(pix/tab/right_inactive.gif) bottom right no-repeat;
}

.tabs .r1 .inactive .tablink {
  background:url(pix/tab/right_inactive2.gif) bottom right no-repeat;
}

.tabrow td .tablink a {
  width:auto;
  line-height:32px;
}

.tabs .r0 .active:hover {
  background:url(pix/tab/left_hover.gif) bottom left no-repeat;
}

.tabs .r0 .active:hover .tablink {
  background:url(pix/tab/right_hover.gif) bottom right no-repeat;
  line-height:32px;
}

.tabs .r0 .inactive:hover {
  background:url(pix/tab/left_inactive.gif) bottom left no-repeat;
}

.tabs .r0 .inactive:hover .tablink {
  background:url(pix/tab/right_inactive.gif) bottom right no-repeat;
  line-height:32px;
}

.tabs .r1 .active:hover {
  background:url(pix/tab/left_hover2.gif) bottom left no-repeat;
}

.tabs .r1 .active:hover .tablink {
  background:url(pix/tab/right_hover2.gif) bottom right no-repeat;
  line-height:32px;
}

.tabrow .last span {
  padding:0 1px 0 0;
  display:block;
  background:url(pix/tab/right_end.gif) bottom right no-repeat;
}

.tabs .r0 .selected {
  background:url(pix/tab/left_active.gif) bottom left no-repeat;
}

.tabs .r1 .selected {
  background:url(pix/tab/left_active2.gif) bottom left no-repeat;
}

.tabs .r0 .selected .tablink {
  background:url(pix/tab/right_active.gif) bottom right no-repeat;
  line-height:32px;
}

.tabs .r1 .selected .tablink {
  background:url(pix/tab/right_active2.gif) bottom right no-repeat;
  line-height:32px;
}

.tabrow td.selected:hover  {
  background:url(pix/tab/left_active.gif) bottom left no-repeat;
}

.tabrow td.selected .tablink:hover {
  background:url(pix/tab/right_active.gif) bottom right no-repeat;
}



.tabs {
  border:0 none
}


/*******************************************************************
*** Tabs
*******************************************************************/
.tabs {
  font-size:90%
}
.tablink a:link,
.tablink a:visited {
    color:#000066;
}

.tablink a:hover {
    text-decoration: none;
}

.selected .tablink a:link,
.selected .tablink a:visited {
    color:#000000;
}