* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html { height: 100%; } #visualthesaurus div { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } #visualthesaurus input, #visualthesaurus select { -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: text; -o-user-select: auto; user-select: auto; } body { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; } #stage { position: absolute; top: 46px; left: 0; right: 200px; bottom: 0; } .tree#stage { background-image: url('/js/thinkmap/vt/compass-1fnc5vq.gif'); background-position: 99% 98%; background-repeat: no-repeat; } #sidebar .header { position: relative; color: white; line-height: 12px; height: 18px; font-size: 10px; padding: 2px 0px 2px 20px; border-top: 1px solid; border-bottom: 1px solid; } #sidebar .noun.header { background-color: #e3412f; border-top-color: #ff6b55; border-bottom-color: #9e2d21; } #sidebar .verb.header { background-color: #a3b34e; border-top-color: #e0f27d; border-bottom-color: #717c36; } #sidebar .adjective.header { background-color: #d8ab31; border-top-color: #fff346; border-bottom-color: #a57d44; } #sidebar .adverb.header { background-color: #674383; border-top-color: #916dbb; border-bottom-color: #48375b; } #verbList, #nounList, #adjectiveList, #adverbList { position: absolute; top: 20px; left: 0px; right: 0px; bottom: 0px; overflow: auto; } .expander { position: relative; height: 25%; } .windowShade .dragnub { position: absolute; left: 5px; bottom: 4px; width: 18px; height: 8px; background-image: url('/js/thinkmap/vt/collage-1i519ap.gif'); background-repeat: no-repeat; background-position: -286px 0px; display: block; cursor: s-resize; } .expander .dragnub { position: absolute; left: 5px; top: 6px; width: 7px; height: 5px; background-image: url('/js/thinkmap/vt/collage-1i519ap.gif'); background-repeat: no-repeat; background-position: 0 -14px; display: block; } .adjective.header .dragnub { background-position: -7px -14px; } .verb.header .dragnub { background-position: -14px -14px; } .adverb.header .dragnub { background-position: -21px -14px; } .posToggle { position: absolute; right: 5px; top: 5px; width: 59px; height: 7px; background-image: url('/js/thinkmap/vt/collage-1i519ap.gif'); background-repeat: no-repeat; background-position: -87px 0px; display: block; } .posToggle.off { background-position: -28px 0px; } #sidebar { position: absolute; top: 46px; right: 0; width: 200px; bottom: 0; background-color: #e7edf3; font-family: arial, helvetica, sans-serif; border-left: 1px solid #a1a5a4; } .entitylist ol { list-style: none; margin: 0; padding: 0; } .entitylist ol li { margin: 0; padding: 5px; color: #243342; font-size: 12px; border-bottom: 1px solid #a1a5a4; cursor: pointer; } .entitylist li:hover { background-color: #f9fafc; } .tooltip { position: absolute; top: 0px; left: 0px; width: 180px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 5px; background-color: rgba(255,255,255,.9); font-size: 12px; color: #444; z-index: 1000; } .tooltip .examples { padding-top: 8px; margin-top: 8px; border-top: 1px #ccc dashed; } .tooltip .ltype { font-weight: bold; } .contextMenu { z-index: 100; position: absolute; background-color: #808c99; } .contextMenu div:hover { background-color: #b6c8da; } .contextMenu div { border: 1px solid; border-top-color: #b6c8da; border-left-color: #b6c8da; border-right-color: #59626b; border-bottom-color: #59626b; color: white; font-size: 11px; background-color: #808c99; cursor: pointer; padding: 3px 8px; } .toolbar { border-bottom: 1px solid #647382; background-color: #647382; position: absolute; top: 0px; left: 0px; right: 0px; height: 32px; overflow: hidden; z-index: 12; white-space: nowrap; } .toolbar .buttonholder { border-top: 1px solid #8f9ba6; border-bottom: 1px solid #364759; height: 31px; } .toolbar button { cursor: pointer; float: left; background: url('/js/thinkmap/vt/buttons-11zhboa.gif'); background-repeat: no-repeat; height: 29px; width: 87px; border: none; font-size: 0px; text-indent: -1000px; } .toolbar #forwardButton { background-position: -87px 0; } .toolbar #printButton { background-position: -174px 0; width: 82px; } .toolbar #shareButton { background-position: -255px 0; width: 83px; } .toolbar #helpButton { background-position: -338px 0; width: 89px; } .toolbar .enabled#helpButton { background-position: -427px 0; } #searchform { float: left; width: 212px; height: 29px; position: relative; } input.search { width: 127px; height: 22px; border: 1px solid #3d4650; font-size: 13px; position: absolute; top: 4px; left: 2px; } .toolbar .panel { border-left: 1px solid #af9ba6; border-right: 1px solid #364759; height: 100%; } .toolbar button.submit { width: 78px; height: 22px; color: white; background-image: none; background-color: #d64b36; border: 1px solid #ff6b55; border-bottom-color: #95342a; border-right-color: #95342a; font-size: 10px; position: absolute; top: 4px; left: 131px; line-height: 18px; padding: 2px 0; font-family: arial, helvetica, sans-serif; text-indent: 0; } .langtools { height: 22px; width: 175px; float: left; position: relative; font-size: 9px; color: #c4ccd5; padding: 2px 6px; overflow: hidden; } .langtools .searchLangs, .langtools .displayLangs { float: left; margin-bottom: 1px; clear: left; width: 125px; } .langtools label { float: left; } .langtools .display { float: right; width: 75px; padding: 0 3px; background-color: #74818f; } .langtools .button.edit { background-color: #6D7F91; background-image: none; border: 1px outset #4C5865; color: #C4CCD5; display: block; font-size: 9px; height: 18px; line-height: 17px; position: absolute; right: 6px; text-align: center; text-decoration: none; text-indent: 0; top: 6px; width: 30px; } @media print { #sidebar { display: none; } .toolbar { display: none; } #stage { top: 0px; left: 0px; right: 0px; bottom: 0px; } } .windowShade { background-color: #e7edf3; position: absolute; left: 0; top: 31px; /*width: 175px;*/ height: 15px; z-index: 10; } #historyPane { left: 0; top: 31px; width: 174px; } #suggestionPane { left: 174px; top: 31px; width: 212px; } #wordlistPane { left: 386px; top: 31px; width: 175px; } .windowShade .pane { position: absolute; bottom: 15px; left: 0px; right: 0px; top: 0px; overflow: auto; border-left: 1px solid #a1a5a4; border-right: 1px solid #a1a5a4; } .windowShade label { background-color: #364759; color: white; font-size: 9px; line-height: 13px; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 15px; color: #ced5dc; padding-left: 36px; border-right: 1px #141d27; border-left: 1px solid #af9ba6; border-top: 1px solid #647382; border-bottom: 1px solid #647382; display: block; cursor: s-resize; } .glasspane { top:0; bottom:0; left:0; right:0; background-color: rgba(0,0,0,.5); position: absolute; z-index: 1000; } .dialog { width: 280px; background-color: #e7edf3; border: 1px solid black; } .dialog h1 { margin: 0; padding: 3px 5px; font-size: 12px; color: white; background-color: #364759; } .dialog .content { padding: 10px; font-size: 12px; } .dialog p { margin: 0 0 .5em 0; } .dialog .buttons { text-align: center; margin: 15px auto 5px auto; } .dialog a.button { text-decoration: none; margin: 0 2px; border: 1px outset #757d84; background-color: #a8b3bd; padding: 2px 5px; color: black; font-size: 11px; }