CSS   61

tabslide css

Guest on 23rd July 2022 03:30:53 AM

  1. /* ------------------------- WSU LINKS TAB SLIDE ------------------------- */
  2.  
  3. a:focus {
  4.         outline: none;
  5. }
  6. #panel {
  7.         background: #75031a;
  8. /*      height: 100px;
  9. */      display: none;
  10. }
  11. #globalbar {
  12.         width: 960px;
  13.         height: 25px;
  14. /*      height: 65px;
  15. */      margin-right: auto;
  16.         margin-left: auto;
  17.         padding: 5px 0px 10px;
  18. /*      padding: 25px 0px 10px;
  19.         text-align: left;
  20. */      text-align: right;
  21. }
  22. #globalbar ul {
  23.         margin: 0;
  24.         padding: 0;
  25. }
  26. #globalbar li {
  27.         display: inline;
  28.         list-style-type: none;
  29.         margin: 0px;
  30.         padding: 0px 0px 0px 20px;
  31. }
  32. #globalbar.custom {
  33.         border: none;
  34.         font: #981e32 bold 10px/12px Arial, Helvetica, sans-serif;
  35.         background: none;
  36. }
  37.  
  38. #globalbar a:link {
  39.         color: #ffffff;
  40.         text-decoration:none;
  41. }
  42. #globalbar a:hover {
  43.         color: #d7d7d7 !important;
  44.         text-decoration:none;
  45. }
  46. #globalbar a:visited {
  47.         color: #ffffff;
  48. }
  49.  
  50.  
  51. .right {
  52.         float: right;
  53. }
  54. .left {
  55.         float: left;
  56. }
  57. .slide {
  58.         margin: 0;
  59.         padding: 0;
  60.         border-top: solid 4px #981e32;
  61. }
  62. .tab-slide {
  63.         background: url(/psportal/port-img/ico-down-arrow.png) no-repeat 95px center #981e32;
  64.         text-align: center;
  65.         padding: 7px 10px 7px 7px;
  66.         margin: 0 auto;
  67.         display: block;
  68.         font: bold 11px/12px Arial, Helvetica, sans-serif;
  69.         color: #fff;
  70.         text-decoration: none;
  71.         width: 100px;
  72.         position: absolute;
  73.         z-index: 100;
  74.         right: 60px;
  75. }
  76. .tab-slide:hover {
  77.         color: #fff;
  78.         background: url(/psportal/port-img/ico-down-arrow.png) no-repeat 95px center #75031a;
  79. }
  80. .active {
  81.         background: url(/psportal/port-img/ico-up-arrow.png) no-repeat 95px center #981e32;
  82. }
  83. .active:hover {
  84.         background: url(/psportal/port-img/ico-up-arrow.png) no-repeat 95px center #75031a;
  85. }
  86.  
  87.  
  88. /* ------------------------- SEARCH ------------------------- */
  89.  
  90. .searchform {
  91.         display: inline-block;
  92.         zoom: 1; /* ie7 hack for display:inline-block */
  93.         *display: inline;
  94.         padding: 3px 5px;
  95. }
  96. .searchform input {
  97.         color: #b6bcbf;
  98.         font: normal 10px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, san-serif;
  99.         text-align: center;
  100. }
  101. .searchform .searchfield {
  102.         background: #fff;
  103. /*      padding: 3px 3px 3px 5px;
  104. */      padding: 0px;
  105.         width: 175px;
  106. /*      width: 202px;
  107. */      border: solid 1px #b6bcbf;
  108.         outline: none;
  109.  
  110.         -webkit-border-radius: 2em;
  111.         -moz-border-radius: 2em;
  112.         border-radius: 2em;
  113.  
  114.         /*-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  115.         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  116.         box-shadow: inset 0 1px 2px rgba(0,0,0,.1);*/
  117. }
  118. .searchform .searchbutton {
  119.         color: #fff;
  120.         border: solid 1px #494949;
  121. /*      font-size: 11px;
  122. */      font-size: 9px;
  123.         height: 24px;
  124.         width: 24px;
  125.         /*height: 28px;
  126.         width: 28px;*/
  127.         text-shadow: 0 1px 1px rgba(0,0,0,.6);
  128.  
  129.         -webkit-border-radius: 2em;
  130.         -moz-border-radius: 2em;
  131.         border-radius: 2em;
  132.  
  133.         background: #5f5f5f;
  134.         background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
  135.         background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
  136.         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
  137.         -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
  138. }

Raw Paste


Login or Register to edit or fork this paste. It's free.