Advertisement
shazichan

Fully Defined - Tabbed Interface

Jul 20th, 2022
9
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.88 KB | None | 0 0
  1. Plain but everything defined tabbed interface code.
  2.  
  3. [sc=horizontal tabbed_interface][
  4.     TAB LIST
  5. ][ul]
  6.     [li][b]TAB 1[/b][/li]
  7.     [li][b]TAB 2[/b][/li]
  8. [/ul][sc=tab-active][url=/user/shazi]Link[/url]
  9. tab 1 contents[/sc][
  10. ][sc=tab]Tab 2 contents[/sc][
  11. ][/sc]
  12. [style]
  13.  
  14.  .panel {
  15.     background:black;
  16.     border: white;
  17.     color: white;
  18.     >h3 {
  19.             >a { color: white;}
  20.             border: white;
  21.             background:grey;
  22.             color: white;
  23.             }
  24.             >div {
  25.             .page;
  26.             color: white;
  27.         }
  28. }
  29.  
  30. a:link,a:visited {
  31.     color: pink;}
  32.  
  33. .tabbed_interface{
  34.     margin:0;
  35.     >div{
  36.         background: black;
  37.         border: solid 1px white;
  38.     }
  39.     }
  40.     .tabbed_interface>ul{
  41.     background:grey;
  42.     }
  43. .tabbed_interface>ul>li{
  44.     background:grey;
  45.     color: white;
  46.    border: solid 1px white;
  47. }
  48. .tabbed_interface>div{
  49. background:black;
  50. color: white;
  51. }
  52. [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement