Advertisement
tabvn

Untitled

Jul 26th, 2016
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.86 KB | None | 0 0
  1.  
  2. .table-contents {
  3.     color: #322f31;
  4. }
  5.  
  6. .table-contents p {
  7.     margin: 0 0 8px 0;
  8.     padding: 0;
  9.     line-height: 1.5;
  10. }
  11.  
  12. .table-contents ul {
  13.     margin: 0;
  14.     padding: 0;
  15.     list-style: disc;
  16. }
  17.  
  18. .table-contents ul li {
  19.     padding: 0 0 5px 0;
  20.     list-style-position: inside;
  21. }
  22.  
  23. .table-section {
  24.     border: 1px solid #3DA9CF;
  25.     padding: 10px;
  26.     margin: 4px 0 0 0;
  27.     background-color: #3DA9CF;
  28.     cursor: pointer;
  29. }
  30.  
  31. .table-section .table-section-tabs {
  32.     display: none;
  33.     margin-top: 20px;
  34. }
  35.  
  36. .table-section .table-section-tabs .description {
  37.     margin-top: 10px;
  38.     margin-bottom: 10px;
  39. }
  40.  
  41. .table-section .table-section-heading {
  42.     margin: 0;
  43. }
  44.  
  45. .table-section .table-section-heading h3 {
  46.     text-transform: uppercase;
  47.     font-weight: 700;
  48.     color: #FFF;
  49.     margin: 0;
  50.     padding: 0;
  51. }
  52.  
  53. .table-section .table-section-tab {
  54.     border: 1px solid #ecebe7;
  55.     border-bottom: 0 none;
  56.     background-color: #ecebe7;
  57.     padding: 8px;
  58.     cursor: pointer;
  59. }
  60.  
  61. .table-section .table-section-tab h3 {
  62.     margin: 0;
  63.     padding: 0 0 10px 0;
  64.     color: #003359;
  65.     font-weight: 400;
  66. }
  67.  
  68. .table-section .table-section-tab .table-section-tab-description {
  69.     display: none;
  70. }
  71.  
  72. .table-section .table-section-tab .table-section-tab-description p {
  73.     line-height: 1.5em;
  74.     margin: 0 0 8px 0;
  75.     padding: 0;
  76.     color: #222222;
  77. }
  78.  
  79. .table-section .table-section-tab:last-child {
  80.     border-bottom: 1px solid #ecebe7;
  81. }
  82.  
  83. .table-section .table-section-tab.selected {
  84.     background: none;
  85. }
  86.  
  87. .table-section .table-section-tab.selected .table-section-tab-description {
  88.     display: block;
  89. }
  90.  
  91. .table-section.selected {
  92.     background: none;
  93. }
  94.  
  95. .table-section.selected .table-section-tabs {
  96.     display: block;
  97. }
  98.  
  99. .table-section.selected .table-section-heading h3 {
  100.     color: #000;
  101. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement