CSS   65

tabs.css

Guest on 21st July 2021 06:16:10 PM

  1. @charset "UTF-8";
  2. /*
  3.  * By: Jacob Taylor
  4.  * License: ISC || http://c.explodie.org/LICENSE
  5.  * Twitter: @aranjedeath
  6.  * Website: explodie.org
  7.  */
  8. .tabs {
  9.         list-style: none;
  10.         display: block;
  11.         text-align: center;
  12.         margin: 0 auto 1em;
  13.         padding: 0;
  14.         height: 2em;
  15.         width: 100%;
  16. }
  17.  
  18. .tabs li {
  19.         float: left;
  20. }
  21.  
  22. .tabs li a {
  23.         text-decoration: none;
  24.         display: inline-block;
  25.         vertical-align: middle;
  26.         padding: 0 1em;
  27.         line-height: 2em;
  28.         border: 1px solid #fdfdfd;
  29. }
  30.  
  31. .tabs li a:hover {
  32.         background-color: #f2f2f2;
  33.         border: 1px solid #c2c2c2;
  34. }
  35.  
  36. .tabs li .active {
  37.         background-color: #f2f2f2;
  38.         border: 1px solid #c2c2c2;
  39. }
  40.  
  41. ul.tabs-content {
  42.         list-style-type: none;
  43.         margin: 0;
  44.         padding-left: 0;
  45.         display: inline-block;
  46. }
  47.  
  48. ul li ul li {
  49.         list-style-type: disc;
  50. }
  51.  
  52. .tabs-content>li {
  53.         display: inline-block;
  54. }
  55.  
  56. .tabs-content>li:nth-child(n+2) {
  57.         display: none;
  58. }

Raw Paste


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