|
@@ -133,8 +133,12 @@ body {
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+#leftWindow {
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+
|
|
#centerWindow {
|
|
#centerWindow {
|
|
- max-width: 60%;
|
|
|
|
|
|
+ max-width: 75%;
|
|
flex: 1 1 auto;
|
|
flex: 1 1 auto;
|
|
flex-grow: 4;
|
|
flex-grow: 4;
|
|
}
|
|
}
|
|
@@ -166,8 +170,8 @@ body {
|
|
to { opacity: 1; }
|
|
to { opacity: 1; }
|
|
}
|
|
}
|
|
|
|
|
|
-#leftWindow {
|
|
|
|
- background: linear-gradient(to right, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
|
|
|
|
+#rightWindow {
|
|
|
|
+ background: linear-gradient(to bottom left, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
}
|
|
}
|
|
|
|
|
|
#appearanceTab {
|
|
#appearanceTab {
|
|
@@ -180,18 +184,19 @@ body {
|
|
#inventoryTab {
|
|
#inventoryTab {
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
flex-shrink: 1;
|
|
flex-shrink: 1;
|
|
|
|
+ min-height: 12rem;
|
|
//overflow: hidden;
|
|
//overflow: hidden;
|
|
//background: linear-gradient(to left, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
//background: linear-gradient(to left, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
}
|
|
}
|
|
|
|
|
|
#currentRoomTab {
|
|
#currentRoomTab {
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- background: linear-gradient(to bottom, rgba(0,0,0, $dark3) 75%,rgba(0,0,0, $dark4) 100%);
|
|
|
|
|
|
+ //background: linear-gradient(to bottom, rgba(0,0,0, $dark3) 75%,rgba(0,0,0, $dark4) 100%);
|
|
padding: 0.8rem;
|
|
padding: 0.8rem;
|
|
}
|
|
}
|
|
|
|
|
|
#hyperlinksTab {
|
|
#hyperlinksTab {
|
|
- background: rgba(0,0,0, $dark4);
|
|
|
|
|
|
+ //background: rgba(0,0,0, $dark4);
|
|
text-indent: 1em;
|
|
text-indent: 1em;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -201,7 +206,7 @@ body {
|
|
|
|
|
|
#fakeparserTab {
|
|
#fakeparserTab {
|
|
overflow: visible;
|
|
overflow: visible;
|
|
- background: rgba(0,0,0, $dark4);
|
|
|
|
|
|
+ //background: rgba(0,0,0, $dark4);
|
|
padding: 0.8rem;
|
|
padding: 0.8rem;
|
|
font-family: $fixedWidthFont;
|
|
font-family: $fixedWidthFont;
|
|
|
|
|
|
@@ -222,20 +227,30 @@ body {
|
|
|
|
|
|
#rememberedRoomsTab, #mapTab {
|
|
#rememberedRoomsTab, #mapTab {
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
- background: linear-gradient(to bottom left, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
|
|
|
|
+ //background: linear-gradient(to bottom left, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
padding: 0.8rem;
|
|
padding: 0.8rem;
|
|
|
|
+ position: relative;
|
|
}
|
|
}
|
|
|
|
|
|
// #mainPage.mobile
|
|
// #mainPage.mobile
|
|
#roomExitsHolder {
|
|
#roomExitsHolder {
|
|
@extend .noshrinkFlex;
|
|
@extend .noshrinkFlex;
|
|
- background: linear-gradient(to top left, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
|
|
- padding: 2ex;
|
|
|
|
- padding-top: 0px;
|
|
|
|
|
|
+ width: 30%;
|
|
|
|
+ //background: linear-gradient(to top left, rgba(0,0,0, $dark1) 0%, rgba(0,0,0, $dark2) 50%,rgba(0,0,0, $dark3) 100%);
|
|
|
|
+ padding: 0px 2ex;
|
|
}
|
|
}
|
|
|
|
|
|
#exitsTab {
|
|
#exitsTab {
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- background-color: rgba(0,0,0, $dark4);
|
|
|
|
|
|
+ //background-color: rgba(0,0,0, $dark4);
|
|
padding: 0.8rem;
|
|
padding: 0.8rem;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+#leftBottom {
|
|
|
|
+ position: relative;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+#bottomNoTurn {
|
|
|
|
+ background: linear-gradient(to bottom, rgba(0,0,0, $dark3) 75%,rgba(0,0,0, $dark4) 100%);
|
|
|
|
+}
|