screen.css 13 KB

1
  1. p{margin:0px;padding:0px}.error{padding:0.5em;background-color:#d6a3a7;color:#780100}.error:before{content:"ERROR: ";font-weight:bold}.unselectable,.textLink,.lineLink,.columnLink,.ccButton,.roomObject,.roomDirection,.rememberedRoomLink,.inventoryLink,.statusLink,.roundButton,p.choice,.combatChoice{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.unselectable:hover,.textLink:hover,.lineLink:hover,.columnLink:hover,.ccButton:hover,.roomObject:hover,.roomDirection:hover,.rememberedRoomLink:hover,.inventoryLink:hover,.statusLink:hover,.roundButton:hover,p.choice:hover,.combatChoice:hover{cursor:default}.scrollbar{overflow:auto}.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}.scrollbar::-webkit-scrollbar{width:6px;background-color:#F5F5F5}.scrollbar::-webkit-scrollbar-thumb{background-color:#000000}.header,.roomName,.roomExitsHeader,.inventoryHeader,.appearanceHeader{font-weight:bold;font-variant:small-caps;font-size:1.1rem}.alignRight{text-align:right}.alignCenter{text-align:center}body{background-color:#000}#mainPage{background-color:#fff}#mainPage,.topBottomFlex{position:absolute;left:0px;top:0px;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-start}.leftRightFlex{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-start}#mainPage{color:#000;font-family:"Source Sans Pro"}#statusLine,.noshrinkFlex,#roomExitsHolder{flex:0 0 auto;align-self:stretch;height:auto;overflow:visible;position:relative}#statusLine{background-color:#000;color:#FFF;font-family:"Cousine";white-space:nowrap;padding:0.4rem}.statusColumnRight{margin-left:auto}.statusColumnCenter{margin-left:auto;margin-right:auto}.statusColumnDivider{border-right:#fff solid 1px;margin-left:0.5rem;margin-right:0.5rem}#gameContainer,.growingFlex{flex:1 1 auto;align-self:stretch;position:relative}#leftWindow,#centerWindow,#rightWindow{flex:1 0 auto;align-self:auto;flex-grow:1;min-width:10rem;position:relative;background-color:#fff}#centerWindow{max-width:60%;flex:1 1 auto;flex-grow:4}#windowContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch;height:100%;width:100%;position:absolute}#currentTurn{overflow-x:hidden;overflow-y:scroll;min-height:100px;background:linear-gradient(to bottom, rgba(0,0,0,0.03) 75%, rgba(0,0,0,0.06) 100%)}#currentTurn>*{animation:fadein 1s}@keyframes fadein{from{opacity:0}to{opacity:1}}#leftWindow{background:linear-gradient(to right, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0.06) 100%)}#appearanceTab{overflow:auto;padding:0.8rem}#inventoryTab{overflow-y:auto;flex-shrink:1}#currentRoomTab{overflow:hidden;background:linear-gradient(to bottom, rgba(0,0,0,0.06) 75%, rgba(0,0,0,0.03) 100%);padding:0.8rem}#hyperlinksTab{background:rgba(0,0,0,0.03);text-indent:1em}#mainPage.mobile #fakeparserTab{display:none}#fakeparserTab{overflow:visible;background:rgba(0,0,0,0.03);padding:0.8rem;font-family:"Cousine"}#fakeparserTab:before{content:">"}#currentCommand,#fakeParserThingy{font-weight:bold}#fakeParserThingy{animation:blinker 0.9s cubic-bezier(0.5, 0, 1, 1) infinite alternate}@keyframes blinker{to{opacity:0}}#rememberedRoomsTab,#mapTab{overflow-y:auto;background:linear-gradient(to bottom left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0.06) 100%);padding:0.8rem}#sceneAnimation{display:none;width:200px;height:200px;position:fixed;bottom:0px;left:50%;margin-left:-100px;z-index:1;pointer-events:none}#mainPage.turn #sceneAnimation{display:block}.sceneAnimation{display:block;position:absolute;height:200px !important;width:200px !important}#roomExitsHolder{background:linear-gradient(to top left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0.06) 100%);padding:2ex;padding-top:0px}#exitsTab{overflow:hidden;background-color:rgba(0,0,0,0.03);padding:0.8rem}#modalWindow{opacity:0;pointer-events:none;z-index:10;position:absolute;left:0px;right:0px;top:0px;bottom:0px;transition:opacity .3s ease-in-out;display:flex;align-items:center;justify-content:center;overflow:hidden}*:not(#modalWindow){transition:filter .3s ease-in-out}body.modal>*:not(#modalWindow){filter:blur(3px)}body.modal #modalWindow{opacity:1;pointer-events:auto}#modalContent{width:auto;height:auto;max-height:85%;max-width:85%;background:rgba(230,240,255,0.4);border:2px dashed transparent;box-shadow:0px 0px 1px 1px rgba(0,0,0,0.15);border-radius:4px;overflow-x:hidden;overflow-y:auto;padding:1.6rem;padding-top:0px}#leftWindow,#rightWindow,#currentRoomTab,#hyperlinksTab,#fakeparserTab,#statusLine{transition:filter .3s ease-in-out}#mainPage.turn #leftWindow,#mainPage.turn #rightWindow,#mainPage.turn #currentRoomTab,#mainPage.turn #hyperlinksTab,#mainPage.turn #fakeparserTab,#mainPage.turn #statusLine{pointer-events:none;filter:blur(2px)}#mainPage.intro #leftWindow,#mainPage.intro #rightWindow,#mainPage.intro #statusLine{display:none}#mainPage.intro #centerWindow{max-width:100%}#loadingScreen{position:absolute;left:0px;top:0px;bottom:0px;right:0px;background:linear-gradient(1deg, #FFF, #EEE);background-size:400% 400%;z-index:99999}.lineLink{line-height:2em;padding-left:0.35em;padding-right:0.35em}.columnLink{line-height:2em;padding-left:0.35em;padding-right:0.35em}#linkTarget{font-weight:bold;display:inline;line-height:2em;margin-left:2ex}#linkActions{display:inline;white-space:nowrap}.mapRow{padding:0;margin:0;list-style:none;display:flex;flex-flow:row;justify-content:center;margin-top:1ex;z-index:1}.mapRoom{z-index:2;opacity:0.5;max-width:4.5ex;color:white;flex:1 0 auto;margin-left:1ex;height:auto;position:relative}.mapRoom:last-child{margin-right:1ex}.mapRoom.linked:hover{opacity:1;cursor:pointer}.mapRoom.current{opacity:1}.mapRoom.current:hover{cursor:auto}.mapRoom.current::after{display:block;position:absolute;content:'';border:solid 2px #000;box-sizing:border-box;height:100%;width:100%}.mapRoom.unknown{opacity:0;pointer-events:none}.mapRoom::before{content:'';float:left;padding-top:100%}.mapRoomConnection,.mapRoomConnectionEast,.mapRoomConnectionWest,.mapRoomConnectionNorth,.mapRoomConnectionSouth{pointer-events:none;display:block;background-color:black;position:absolute;z-index:3}.mapRoomConnectionEast{width:1ex;height:0.6ex;right:-1ex;top:50%;margin-top:-0.3ex}.mapRoomConnectionWest{width:1ex;height:0.6ex;left:-1ex;top:50%;margin-top:-0.3ex}.mapRoomConnectionNorth{width:0.6ex;height:1ex;left:50%;top:-1ex;margin-left:-0.3ex}.mapRoomConnectionSouth{width:0.6ex;height:1ex;left:50%;bottom:-1ex;margin-left:-0.3ex}.mapRoomName{display:none;position:absolute;text-align:center;bottom:105%;right:5%;padding:5%;white-space:nowrap;margin:auto;background-color:white;color:#000;font-weight:bold;border:solid 2px #000;z-index:4;pointer-events:none}.mapRoom.linked:hover>.mapRoomName{display:block}.tomato{background:tomato}.bloo{background:blue}.blocked{background-color:black}.blocked.unknown{opacity:1}#hoverInfo{z-index:100;position:fixed;top:10px;left:10px;background-color:#fff;border:solid 2px #000;padding:4px;font-weight:bold;pointer-events:none;max-width:100%;display:none;box-sizing:border-box}#forceTurnToTop{display:none}#mainPage.mainmenu #statusLine,#mainPage.mainmenu #statusLine,#mainPage.mainmenu #rightWindow,#mainPage.mainmenu #currentRoomTab,#mainPage.mainmenu #fakeparserTab,#mainPage.mainmenu #hyperlinksTab,#mainPage.mainmenu #leftWindow{display:none}#mainPage.mainmenu #forceTurnToTop{display:block}#mainPage.mainmenu #centerWindow{max-width:100%}#mainPage.mainmenu #currentTurnTab{padding-left:15%;padding-right:15%;padding-bottom:2%}#mainPage.mainmenu.mobile #currentTurnTab{padding-left:0%;padding-right:0%}#mainPage.mainmenu p.choice{border:none;background:none;color:#000;font-weight:bold;text-align:center;padding:0rem;margin:0rem;margin-bottom:0.1rem;margin-top:0.1rem}#mainPage.mainmenu p.choice::before{color:#000}#mainPage.mainmenu p.choice::after{content:" ";color:#000}#mainPage.mainmenu p.choice:hover::before{content:"< ";color:#000}#mainPage.mainmenu p.choice:hover::after{content:" >";color:#000}#mainPage.mainmenu p.choice[data-shortcut]:hover::before{content:"< " attr(data-shortcut) ") ";color:#000}#mainPage.mainmenu p.choice[data-shortcut]:hover::after{content:" >";color:#000}#characterCreation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:stretch;align-items:center}#ccLeft{flex:0 1 auto;width:50%;align-self:auto}#ccRight{flex:0 1 auto;width:50%;align-self:center}.ccOption{margin:auto;margin-bottom:2.25ex;text-align:center}.ccRange{vertical-align:top;margin-left:1.5ex;margin-right:1.5ex}.ccButton[data-shortcut]:before{content:" (" attr(data-shortcut) ") " !important}.ccOptionTopLabel{text-align:center;font-weight:bold;margin-bottom:-0.25ex}.ccHeader{text-align:center;font-weight:bold;margin-top:2ex;margin-bottom:0.5ex;font-size:1.1rem}.rangeValue{margin-top:-0.25ex}.textLink,.lineLink,.columnLink,.ccButton,.roomObject,.roomDirection,.rememberedRoomLink,.inventoryLink{font-weight:bold;color:#00a}.textLink:hover,.lineLink:hover,.columnLink:hover,.ccButton:hover,.roomObject:hover,.roomDirection:hover,.rememberedRoomLink:hover,.inventoryLink:hover{color:blue;cursor:pointer}.textLink:hover:active,.lineLink:hover:active,.columnLink:hover:active,.ccButton:hover:active,.roomObject:hover:active,.roomDirection:hover:active,.rememberedRoomLink:hover:active,.inventoryLink:hover:active{color:#009}.textLink[data-shortcut]:before,[data-shortcut].lineLink:before,[data-shortcut].columnLink:before,[data-shortcut].ccButton:before,[data-shortcut].roomObject:before,[data-shortcut].roomDirection:before,[data-shortcut].rememberedRoomLink:before,[data-shortcut].inventoryLink:before{content:attr(data-shortcut) ") "}.statusLink{font-weight:bold;color:#99f}.statusLink:hover{color:#ddf;cursor:pointer}.statusLink:hover:active{color:#66d}.roomName{font-size:1.2rem;margin-bottom:1ex}.roomDescription{text-indent:1rem;text-align:justify;margin-top:1ex}.roomExitsHeader{margin-top:2ex}.roomExit{text-indent:1.5rem;margin-top:1ex}.rememberedRoomRow{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-content:stretch;align-items:stretch}.rememberedRoomRow:hover{background-color:rgba(0,0,0,0.12)}.rememberedRoomRow.currentRoom>.rememberedRoomLink{color:#000;display:none}.rememberedRoomRow.currentRoom>.rememberedRoomLink:hover{cursor:auto}.rememberedRoomRow.currentRoom>.rememberedRoomLink.name{display:initial}.rememberedRoomLink{white-space:nowrap;overflow:hidden;order:2;flex:0 0 auto;align-self:auto;padding:0.6ex;padding-left:1ex;padding-right:1ex}.rememberedRoomLink.name{text-overflow:ellipsis;padding-left:1.5ex;order:1;flex:1 1 auto}.rememberedRoomLink.name:hover{overflow:visible;white-space:initial}p.contentOld{color:#888}p.contentOld:hover{color:#000}p.contentOld,p.content{text-indent:1rem;text-align:justify;padding:0.5rem;padding-left:1.6rem;padding-right:1.6rem}p.contentOld.centered,p.content.centered{text-indent:0px;text-align:center}.textIndenter{margin-right:1rem}div.choiceContainer{padding-bottom:0.8rem}div.choiceContainer:hover{background-color:rgba(10,10,80,0.05)}.roundButton,p.choice,.combatChoice{padding:0.3rem;margin:0.8rem;margin-bottom:0.3rem;margin-top:0.3rem;border:solid 1px #00a;border-radius:1rem;background-color:#fff}.roundButton[data-shortcut]:before,p[data-shortcut].choice:before,[data-shortcut].combatChoice:before{content:attr(data-shortcut) ") ";font-weight:bold;color:#00a}.roundButton:hover,p.choice:hover,.combatChoice:hover{cursor:pointer;background-color:#eeeeff;border-color:blue}.roundButton:hover[data-shortcut]:before,p.choice:hover[data-shortcut]:before,.combatChoice:hover[data-shortcut]:before{color:blue}.roundButton:active,p.choice:active,.combatChoice:active{background-color:#c8c8ff;border-color:#009}.roundButton:active[data-shortcut]:before,p.choice:active[data-shortcut]:before,.combatChoice:active[data-shortcut]:before{color:#009}p.choice{text-indent:0.5rem;text-align:justify}p.choice.picked{color:#888}.combatChoicesContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:stretch;align-items:stretch}.combatChoice{flex:0 0 auto;align-self:auto;overflow:hidden;padding:0.6em;margin:0.3em}p.turnStart{display:flex;flex-basis:100%;align-items:center;font-size:0.8rem;font-weight:bold;line-height:1em}p.turnStart::before{margin-right:10px}p.turnStart::after{margin-left:10px}p.turnStart::before,p.turnStart::after{content:"";flex-grow:1;border-bottom:solid 1px rgba(180,0,0,0.6)}.horFlex{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:stretch;align-items:center}.horFlexColumn{flex:0 1 auto;width:50%;align-self:auto}.inventoryHeader{margin-top:1em;margin-left:1ex}.inventoryRow{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-content:stretch;align-items:stretch}.inventoryRow:hover{background-color:rgba(0,0,0,0.12)}.inventoryLink{white-space:nowrap;overflow:hidden;order:2;flex:0 0 auto;align-self:auto;padding:0.6ex;padding-left:1ex;padding-right:1ex}.inventoryLink.name{text-overflow:ellipsis;padding-left:1.5ex;order:1;flex:1 1 auto}.inventoryLink.name:hover{overflow:visible;white-space:initial}.inventoryGold{text-align:center;font-size:1rem;font-weight:normal;padding-top:1ex}#inventoryTarget{padding-bottom:1ex}.appearanceDescription{padding:0.5ex;text-align:justify;text-indent:1em;line-height:1.5em}