$px: 0.0625em;
-.section-level {
- width: 600*$px;
- border-radius: 15*$px;
-}
-
-.section-depth {
- display: inline-block;
- width: 300*$px - 2 * 20*$px;
- vertical-align: top;
- padding: 20*$px;
+#level-chooser-place {
+ min-height: 4em;
+ margin-top: 2em;
- h1 {
+ ul#level-chooser {
+ margin: 0;
+ padding: 1em 0 1em 140*$px;
+ background-color: white;
+ width: 500*$px;
+ z-index: 300;
+ position: relative;
text-transform: uppercase;
- margin: 0 0 1em 0;
- font-size: 1em;
- }
+ text-align: right;
+
+ .home {
+ display: none;
+ position: absolute;
+ top: .5em;
+ left: 0;
+
+ a {
+ background: none;
+ padding: 0;
+ img {
+ width: 100*$px;
+ }
+ }
+ }
+
+ &.fixed {
+ position: fixed;
+ top: 0;
+ border-bottom: 1px solid #c9ccce;
+
+ .home {
+ display: block;
+ }
+ }
+
+ li {
+ display: inline-block;
+ list-style: none;
+
+ a {
+ padding: .5em 1em;
+ border-radius: 5*$px;
+ background: #eee;
- .section-lessons {
- padding: 0 0 0 1em;
+ &.active {
+ color: white;
+ background: #ED7831;
+ }
+ }
+ }
}
}
-.section-depth-1 {
- border-radius: 0 15*$px 15*$px 0;
-}
-.section-level-gimnazjum {
- background: #f4ae83;
- color: #67584f;
- a {
- color: #67584f;
+.level {
+ .link-list {
+ margin-left: 1em;
}
- .section-depth-0 {
- }
- .section-depth-1 {
- background: #ed7831;
- color: #fff;
- a {
- color: #fff;
+ .level-toc {
+ overflow: hidden; /* Because we're changing bg color lower. */
+
+ &.fixed {
+ position: fixed;
}
- }
-}
+ .link-list {
+ margin-left: 1em;
-.section-level-L {
- background: #f4ae83;
- color: #67584f;
- a {
- color: #67584f;
- }
+ li {
+ margin-bottom: 0;
- .section-depth-0 {
- }
- .section-depth-1 {
- background: #ed7831;
- color: #fff;
- a {
- color: #fff;
+ &.curriculumcourses {
+ margin: 10px -17px -17px;
+ padding: 10px 16px 16px;
+ background-color: #eee;
+ }
+ }
}
}
}
-
-