$px: 0.0625em;
-.section-level {
- width: 640*$px;
- border-radius: 15*$px;
- margin: 1em 0;
- overflow: hidden;
-
- a:hover {
- text-decoration: underline;
- }
-}
-
-.sections-row {
- display: table;
-}
-
-.section-type {
- display: table-cell;
- vertical-align: top;
- padding: 20*$px;
-
- h1 {
+#level-chooser-place {
+ min-height: 95*$px;
+ margin-top: 2em;
+
+ ul#level-chooser {
+ margin: 0;
+ padding: 16*$px 0 16*$px 140*$px;
+ background-color: white;
+ width: 500*$px;
+ z-index: 300;
+ position: relative;
text-transform: uppercase;
- margin: 0 0 1em 0;
- font-size: 1em;
- }
-
- img {
- float: left;
- margin-right: 16*$px;
- margin-bottom: 16*$px;
- }
-}
-.section-type-synthetic {
- width: 340*$px - 2 * 20*$px;
-}
-.section-type-course {
- width: 300*$px - 2 * 20*$px;
-}
-
-.section-type-project {
- width: 640*$px - 2 * 20*$px;
-}
-
-.section-level-gimnazjum {
- background: #f4ae83;
- color: #67584f;
- a, a:hover {
- color: #67584f;
- }
-
- .section-type-synthetic {
- }
- .section-type-course {
- background: #ed7831;
- color: #fff;
- a {
- color: #fff;
+ text-align: right;
+
+ .home {
+ display: none;
+ position: absolute;
+ top: 1.5em;
+ left: 0;
+
+ a {
+ background: none;
+ padding: 0;
+ img {
+ width: 120*$px;
+ }
+ }
}
- }
- .section-type-project {
- background-color: lighten(#f4ae83, 10);
- }
-}
+ &.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;
+ max-width: 175px;
+
+ a {
+ display: table-cell;
+ padding: .5em 1em;
+ border-radius: 5*$px;
+ background: #eee;
+ height: 42*$px;
+ vertical-align: middle;
+
+ &.active {
+ color: white;
+ background: #ED7831;
+ }
+ }
}
}
- .section-type-project {
- background-color: lighten(#44b69f, 25);
- }
}
-
-.course-boxes {
- h1 {
- color: #363a3e;
+.level {
+ .link-list {
+ margin-left: 1em;
}
- .section-level {
- background: white;
- border: 1px solid #777;
- a, a:hover {
- color: #363a3e;
- }
- .section-type {
- background: white;
- }
- }
- .section-type-synthetic {
- width: 300*$px - 2 * 20*$px;
- }
- .section-type-course {
- width: 340*$px - 2 * 20*$px;
- }
-}
+ .level-toc {
+ overflow: hidden; /* Because we're changing bg color lower. */
-.section-links {
- float: right;
-}
+ &.fixed {
+ position: fixed;
+ }
-h2.section-header {
- margin: 0;
-}
+ .link-list {
+ margin-left: 1em;
+ li {
+ margin-bottom: 0;
-.section-list-toc {
- display: inline-block;
- vertical-align: top;
- width: 300*$px;
+ &.curriculumcourses {
+ margin: 10px -17px -17px;
+ padding: 10px 16px 16px;
+ background-color: #eee;
+ }
+ }
+ }
+ }
}