source: tmcsimulator/trunk/webapps/cptms/css/styles.css @ 404

Revision 404, 3.6 KB checked in by jdalbey, 7 years ago (diff)

Fine tune HAR dialog: move buttons closer to upper message area.

Line 
1        @font-face {
2          font-family: Scoreboard;
3          src: url('../js/scoreboard.ttf');
4        }
5      /* Set the size of the div element that contains the map */
6      #mapdiv {
7        height: 100%;
8        width: 100%; 
9       }
10        /* Makes the page fill the window. */
11      html, body {
12        height: 100%;
13        margin: 0;
14        padding: 0;
15      }
16        /* A line of the CMS message display */
17        .cms_sign {
18           height: 37px;
19           width: 272px;
20           resize: none;
21           font-family: Scoreboard;
22           font-size: xx-large;
23           background-color: #2F4F4F;
24           color: yellow;
25        }
26        /* Field for entering CMS Message line */
27       .cms-input {
28           border: thin solid #333;
29           padding: 2px;
30           font-family: "Lucida Console", Monaco, monospace;
31           font-size: medium;
32           width: 163px;
33        }
34        /* Field for entering HAR Message line */
35       .har-input {
36           border: thin solid #333;
37           padding: 2px;
38           font-size: medium;
39        }
40        #har-msg-display {
41          margin-right: 50%; /*  100px; */
42          margin-left: 25%;  /*  100px; */
43        }
44        #har-msgcontent1 {
45          margin-bottom: 10px;
46        }
47        #har-msg {
48          margin-top: 300px;
49          margin-bottom: 300px;
50        }
51      #search-input {
52        background-color: #17263c;  /* #CD853F;  /*#E6E6FA; /* lavender */
53        color: #E6E6FA;  /* #FFEFD5; */
54        font-family: Roboto;
55        font-size: 18px;
56        font-weight: 400;
57        margin-left: 12px;
58        padding: 0 11px 0 13px;
59        text-overflow: ellipsis;
60        border-color: #746855;   /* #4d90fe; */
61        width: 400px;
62      }
63      #search-input:focus {
64        border-color: #E6E6FA; 
65      }
66      #ctrButton {
67        cursor: pointer;
68        background-color: #fff;
69        margin-right: 7px;
70        border: thick solid white;
71      }
72      #cms-info-label {
73           height: 20px;
74           width: 590px;
75           overflow: hidden;
76           background-color: #A8C5FF;  /*#ECECFB; */
77           border: thin solid #BDBDBD;
78           padding: 5px;
79       }
80      #cms-message-display {
81           height: 390px;
82           width: 300px;
83           overflow: hidden;
84           float: left;
85       }
86      #har-message-display {
87        margin-top: 50px;
88        margin-bottom: 50px;
89      }
90      #har-msgdisplay1 {
91            background-color: darkgray;
92      }
93      #message-input {
94           height: 122px;
95           width: 170px;
96           background-color: #729FFF;
97           float: left;
98       }
99        /* CMS Dialog button panel */
100       #buttonPanel {
101           height: 122px;
102           width: 125px;
103           background-color: #729FFF;
104           float: left;
105           padding: 20px;
106        }
107       .wrapper {
108           position: relative;\
109        }
110        /* CMS Edit Message Dialog */
111       .dialog {
112          position: absolute;
113          top: 10%;
114          left: 25%;
115          background-color: #729FFF; /* #ECECFB; */
116          margin: auto;
117          padding: 20px;
118          border: 1px solid #888;
119          width: 680px;
120          height: 390px;
121          display: none;           
122        }
123      .unstyled-button {
124        border: 0 none;
125        padding: 0;
126        background: none;
127        cursor: pointer;
128      }   
129        /* The Close Button in the CMS Dialog */
130        .close {
131          color: #2E2E2E;
132          float: right;
133          font-size: 30px;
134          font-weight: bold;
135        }
136        .close:hover,
137        .close:focus {
138          color: black;
139          text-decoration: none;
140          cursor: pointer;
141        }
142
Note: See TracBrowser for help on using the repository browser.