/lib/widgets/tabnav.css.erb

http://github.com/paolodona/rails-widgets · Ruby HTML · 60 lines · 51 code · 9 blank · 0 comment · 0 complexity · 60dd59c8811055fedca00d0ceab09a60 MD5 · raw file 

    

  1. <style>

    2. 

  2. .<%=@name%>_tabnav {

    3. 

  3. 	color: #000;

    4. 

  4. 	border-bottom: 2px solid black;

    5. 

  5. 	margin: 13px 0px 0px 0px;

    6. 

  6. 	padding: 0px;

    7. 

  7. 	z-index: 1;

    8. 

  8. 	padding-left: 10px }

    9. 

  9. 

    10. 

  10. .<%=@name%>_tabnav ul {

    11. 

  11. 	margin: 0px;

    12. 

  12. 	padding: 0px;

    13. 

  13. }

    14. 

  14. 

    15. 

  15. .<%=@name%>_tabnav li {

    16. 

  16. 	display: inline;

    17. 

  17. 	overflow: hidden;

    18. 

  18. 	list-style-type: none; }

    19. 

  19. 

    20. 

  20. .<%=@name%>_tabnav li span.disabled {

    21. 

  21.         color: #888888;

    22. 

  22.         background: #FAFAFA;

    23. 

  23.         border: 2px solid #DDDDDD;

    24. 

  24.         border-bottom: none;

    25. 

  25.         padding: 2px 5px 0px 5px;

    26. 

  26.         margin: 0;

    27. 

  27.         text-decoration: none;}

    28. 

  28. 

    29. 

  29. .<%=@name%>_tabnav a, <%=@name%>_tabnav a.active {

    30. 

  30. 	color: #000000;

    31. 

  31. 	background: #EEEEEE;

    32. 

  32. 	font-weight: bold;

    33. 

  33. 	border: 2px solid black;

    34. 

  34. 	padding: 2px 5px 0px 5px;

    35. 

  35. 	margin: 0;

    36. 

  36. 	text-decoration: none; }

    37. 

  37. 

    38. 

  38. .<%=@name%>_tabnav a.active {

    39. 

  39. 	background: #FFFFFF;

    40. 

  40. 	border-bottom: 3px solid #FFFFFF; }

    41. 

  41. 

    42. 

  42. .<%=@name%>_tabnav a:hover {

    43. 

  43. 	color: #FFFFFF;

    44. 

  44. 	background: #CCCCCC; }

    45. 

  45. 

    46. 

  46. .<%=@name%>_tabnav a:visited {

    47. 

  47. 	color: #000000; }

    48. 

  48. 

    49. 

  49. .<%=@name%>_tabnav a.active:hover {

    50. 

  50. 	background: #FFFFFF;

    51. 

  51. 	color: #000000; }

    52. 

  52. 

    53. 

  53. .<%=@name%>_tabnav_content {

    54. 

  54. 	background: #FFFFFF;

    55. 

  55. 	padding: 20px;

    56. 

  56. 	border: 2px solid black;

    57. 

  57. 	border-top: none;

    58. 

  58. 	z-index: 2;

    59. 

  59. }

    60. 

  60. </style>
    61.