Difference between revisions of "Team:Oxford/Basic Part"
| Line 1: | Line 1: | ||
{{:Team:Oxford/Templates/Navi}} | {{:Team:Oxford/Templates/Navi}} | ||
| + | <style> | ||
| + | .group { | ||
| + | background: yellow; | ||
| + | width: 200px; | ||
| + | height: 500px; | ||
| + | } | ||
| + | .group .subgroup { | ||
| + | background: orange; | ||
| + | width: 150px; | ||
| + | height: 200px; | ||
| + | } | ||
| + | .fixed { | ||
| + | position: fixed; | ||
| + | } | ||
| + | /* sidebar */ | ||
| + | .bs-docs-sidebar { | ||
| + | padding-left: 20px; | ||
| + | margin-top: 20px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | |||
| + | /* all links */ | ||
| + | .bs-docs-sidebar .nav>li>a { | ||
| + | color: #999; | ||
| + | border-left: 2px solid transparent; | ||
| + | padding: 4px 20px; | ||
| + | font-size: 13px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | |||
| + | /* nested links */ | ||
| + | .bs-docs-sidebar .nav .nav>li>a { | ||
| + | padding-top: 1px; | ||
| + | padding-bottom: 1px; | ||
| + | padding-left: 30px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | |||
| + | /* active & hover links */ | ||
| + | .bs-docs-sidebar .nav>.active>a, | ||
| + | .bs-docs-sidebar .nav>li>a:hover, | ||
| + | .bs-docs-sidebar .nav>li>a:focus { | ||
| + | color: #563d7c; | ||
| + | text-decoration: none; | ||
| + | background-color: transparent; | ||
| + | border-left-color: #563d7c; | ||
| + | } | ||
| + | /* all active links */ | ||
| + | .bs-docs-sidebar .nav>.active>a, | ||
| + | .bs-docs-sidebar .nav>.active:hover>a, | ||
| + | .bs-docs-sidebar .nav>.active:focus>a { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | /* nested active links */ | ||
| + | .bs-docs-sidebar .nav .nav>.active>a, | ||
| + | .bs-docs-sidebar .nav .nav>.active:hover>a, | ||
| + | .bs-docs-sidebar .nav .nav>.active:focus>a { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | |||
| + | /* hide inactive nested list */ | ||
| + | .bs-docs-sidebar .nav ul.nav { | ||
| + | display: none; | ||
| + | } | ||
| + | /* show active nested list */ | ||
| + | .bs-docs-sidebar .nav>.active>ul.nav { | ||
| + | display: block; | ||
| + | } | ||
| + | </style> | ||
<html> | <html> | ||
Revision as of 15:09, 23 August 2016
background: yellow; width: 200px; height: 500px;
} .group .subgroup {
background: orange; width: 150px; height: 200px;
} .fixed {
position: fixed;
}
/* sidebar */ .bs-docs-sidebar {
padding-left: 20px; margin-top: 20px; margin-bottom: 20px;
}
/* all links */ .bs-docs-sidebar .nav>li>a {
color: #999; border-left: 2px solid transparent; padding: 4px 20px; font-size: 13px; font-weight: 400;
}
/* nested links */ .bs-docs-sidebar .nav .nav>li>a {
padding-top: 1px; padding-bottom: 1px; padding-left: 30px; font-size: 12px;
}
/* active & hover links */ .bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>li>a:hover, .bs-docs-sidebar .nav>li>a:focus {
color: #563d7c; text-decoration: none; background-color: transparent; border-left-color: #563d7c;
} /* all active links */ .bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active:focus>a {
font-weight: 700;
} /* nested active links */ .bs-docs-sidebar .nav .nav>.active>a, .bs-docs-sidebar .nav .nav>.active:hover>a, .bs-docs-sidebar .nav .nav>.active:focus>a {
font-weight: 500;
}
/* hide inactive nested list */ .bs-docs-sidebar .nav ul.nav {
display: none;
} /* show active nested list */ .bs-docs-sidebar .nav>.active>ul.nav {
display: block;
} </style>
Basic Parts
