Advanced Search

CSS - Page Component - Tabbed

/ Published in: CSS
Save to your folder(s)
CSS - Page Component - Tabbed

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .tabbed {
  2. 	}
  3. .tabbed nav {
  4. 	}
  5. .tabbed nav ul {
  6. 	height:40px;
  7. 	border-bottom-width:1px;
  8. 	border-bottom-style:solid;
  9. 	}
  10. .tabbed nav ul li {
  11. 	display:inline;
  12. 	float:left;
  13. 	margin-bottom:0;
  14. 	}
  15. .tabbed nav ul li a {
  16. 	display:block;
  17. 	float:left;
  18. 	height:29px;
  19. 	padding:10px 20px 0;
  20. 	border-top-width:1px;
  21. 	border-top-style:solid;
  22. 	border-left-width:1px;
  23. 	border-left-style:solid;
  24. 	}
  25. .tabbed nav ul li.last a {
  26. 	border-right-width:1px;
  27. 	border-right-style:solid;
  28. 	}
  29. .tabbed nav ul li a:hover {
  30. 	}
  31. .tabbed nav ul li a.active {
  32. 	height:30px;
  33. 	position:relative;
  34. 	bottom:0;
  35. 	}
  36. .tabbed .panes {
  37. 	padding:15px 15px 5px;
  38. 	border-width:1px;
  39. 	border-style:solid;
  40. 	border-top:0 none;
  41. 	}
  42. .tabbed .panes .pane {
  43. 	}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.