$px: 0.0625em;
-.section-level {
- width: 640*$px;
- border-radius: 15*$px;
- margin: 1em 0;
- a:hover {
- text-decoration: underline;
- }
-}
-
-.section-type {
- display: inline-block;
- 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;
- }
-}
-.section-type-synthetic {
- width: 300*$px - 2 * 20*$px;
-}
-.section-type-course {
- border-radius: 0 15*$px 15*$px 0;
- width: 340*$px - 2 * 20*$px;
-}
+ text-align: right;
-.section-level-gimnazjum {
- background: #f4ae83;
- color: #67584f;
- a, a:hover {
- color: #67584f;
- }
+ .home {
+ display: none;
+ position: absolute;
+ top: .5em;
+ left: 0;
- .section-type-synthetic {
- }
- .section-type-course {
- background: #ed7831;
- color: #fff;
- a {
- color: #fff;
+ a {
+ background: none;
+ padding: 0;
+ img {
+ width: 100*$px;
+ }
+ }
}
- }
-}
+ &.fixed {
+ position: fixed;
+ top: 0;
+ border-bottom: 1px solid #c9ccce;
-.section-level-liceum {
- background: #44b69f;
- color: #363a3e;
- a, a:hover {
- color: #363a3e;
- }
+ .home {
+ display: block;
+ }
+ }
- .section-type-synthetic {
- }
- .section-type-course {
- background: #16a487;
- color: #fff;
- a {
- color: #fff;
+ li {
+ display: inline-block;
+ list-style: none;
+
+ a {
+ padding: .5em 1em;
+ border-radius: 5*$px;
+ background: #eee;
+
+ &.active {
+ color: white;
+ background: #ED7831;
+ }
+ }
}
}
}
+.level {
+ .link-list {
+ margin-left: 1em;
+ }
-.section-links {
- float: right;
-}
+ .level-toc {
+ overflow: hidden; /* Because we're changing bg color lower. */
-h2.section-header {
- margin: 0;
+ &.fixed {
+ position: fixed;
+ }
+
+ .link-list {
+ margin-left: 1em;
+
+ li {
+ margin-bottom: 0;
+
+ &.curriculumcourses {
+ margin: 10px -17px -17px;
+ padding: 10px 16px 16px;
+ background-color: #eee;
+ }
+ }
+ }
+ }
}