Advertisement
tabvn

Untitled

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