}
-#other-text {
- display: none;
-}
+#other {
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 1em 0;
-#main-pane.with-other-text {
+ li {
+ display: inline-block;
- #main-text {
- display: table-cell;
- padding-left: 40px;
- @include min-screen(1px) {
- width: 300px;
+ a {
+ display: block;
+ }
}
+ }
+}
- @include min-screen(1000px) {
- width: 400px;
- }
+
+.other-text-close {
+ background: #000;
+ color: #ddd;
+ opacity: .5;
+ text-align: center;
+ padding: .5em;
+ font-weight: bold;
+}
+
+
+#other-text {
+ position: relative;
+ display: none;
+
+ .other-text-close {
+ position: absolute;
+ top: 0;
+ right: 0;
}
+}
- #other-text {
- display: table-cell;
- padding-left: 40px;
- @include min-screen(1px) {
- width: 300px;
- }
+.other-text-close {
+ display: none;
+}
- @include min-screen(1000px) {
- width: 400px;
- }
+.with-other-text {
+ .other-text-close {
+ display: block;
}
}