Index: /trunk/src/cptms/cms_demo.html =================================================================== --- /trunk/src/cptms/cms_demo.html (revision 299) +++ /trunk/src/cptms/cms_demo.html (revision 300) @@ -19,35 +19,31 @@ width: 272px; resize: none; - overflow-wrap: break-word; font-family: Scoreboard; font-size: xx-large; background-color: black; - color: GoldenRod; - overflow-y: hidden; + color: yellow; + } + input { + border: thin solid #333; + padding: 2px; + font-family: monospace; + font-size: large; } #map { - height: 560px; + height: 550px; width: 100%; overflow: hidden; border: thin solid #333; } - #cms-name { - height: 30px; - width: 300px; + #cms-info-label { + height: 20px; + width: 540px; overflow: hidden; background-color: #ECECFB; - border: thin solid #333; - /* border-left: none; */ + border: thin solid #BDBDBD; + padding: 5px; } - input { - font-family: Scoreboard; - font-size: xx-large; - font-weight: bold; - background-color: black; - color: Yellow; - border: thin solid #333; -} - #cms-message { - height: 122px; + #message-display { + height: 172px; width: 300px; overflow: hidden; @@ -56,13 +52,33 @@ /* border-left: none;*/ } - #userinput { + #message-input { + height: 122px; + width: 135px; + background-color: #ECECFB; + float: left; + + } + #buttonPanel { height: 122px; width: 100px; - overflow: hidden; background-color: #ECECFB; - border: thin solid #333; border-left: none; float: left; - } + padding: 20px; + } + .wrapper { + position: relative;\ + } + #dialog { + position: absolute; + top: 10%; + right: 20%; + background-color: #ECECFB; + margin: auto; + padding: 20px; + border: 1px solid #888; + width: 52%; + display: none; + } #hideButton { font-size: 40px; @@ -71,10 +87,26 @@ color: #47476b; cursor: pointer; - } + } + + /* The Close Button */ + .close { + color: orange; + float: right; + font-size: 20px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: red; + text-decoration: none; + cursor: pointer; + } + - + + @@ -87,7 +119,33 @@ + -->

👁

+ +