123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189 |
- * {
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- html,body {
- font-family: 'Open Sans';
- position:Relative;
-
- width:100%;
- height:100%;
- padding:0px;
- margin:0px;
- }
- input {
- padding:8px;
- }
- .flex-column {
- width:100%;
- height:100%;
- display:flex;
- flex-direction:column;
- }
- .flex-column > *:not(:first-child){
- margin-top: 20px;
- }
- .flex-row > *:not(:first-child){
- margin-left: 10px;
- }
- .flex-row {
- width:100%;
-
- display:flex;
- flex-direction:row;
- align-items:center;
- justify-content:center;
- padding:0px;
- margin:0px;
- }
- .flex-row > *{
- flex-grow:1;
- }
- .output {
- height:100%;
- border: solid 1px rgba(0,0,0,0.1);
- overflow-y:auto;
- padding:10px;
-
- }
- .output p {
- margin: 2px 2px 2px 2px;
- }
- .output p.error {
- color: #F55;
- }
- button {
- /*margin: 10px 10px 10px 10px;*/
- padding: 10px 20px 10px 20px;
- background: #555;
- color: #FFF;
- border:none;
- font-size: 16px;
- font-weight:bold;
- }
- button:hover {
- background: #888;
- }
- .request {
-
- }
- .layout-container {
- background: #EEE;
- }
- .hpane {
- background: #FFF;
- box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
- }
- .hpane >header {
- background: #EEE;
- color:#333;
- text-align:center;
-
- }
- .hpane .hcontent {
- background: #FFF;
- }
- section.horizontal > *:first-child {
- margin-bottom:5px;
- }
- section.vertical > *:first-child {
- margin-right:5px;
- }
- ul.entry-list {
- list-style-type: none;
- display:flex;
- padding:0px;
- margin:0px;
- flex-direction: column;
- }
- .entry-list > li {
- rborder: solid 1px #F00;
- display:flex;
- flex-direction:row;
-
-
- height:48px;
-
- align-items: center;
- justify-content: center;
- margin:10px;
-
-
- }
- .entry-list > li > * {
- margin:0px;
- padding:0px;
- display:flex;
- align-items:center;
- justify-content:center;
- width:100%;
- height:100%;
-
- }
- .entry-list > li > input[type=text] {
-
- /*border:none;
- border-bottom: solid 1px #555;*/
- }
- .entry-list > li > .entry-name {
-
- font-weight: bold;
-
- align-items:right;
- padding:10px;
- margin-right:10px;
- flex:auto;
- text-align:right;
- }
- .entry-list > li> .entry-content {
-
- text-align:center;
- padding:10px;
- margin-right:10px;
-
-
-
- }
- .entry-list > li > .entry-remove
- {
- padding:0px;
- margin:0px;
- width:47px;
- min-width:47px;
-
-
-
- }
- .requester {
- flex-grow:0.2;
- /*min-height: 160px;*/
-
- }
- .output-clear {
- background:Transparent;
- color:#333;
- margin:0px;
- padding:2px;
- float:right;
- }
- .output-clear:hover {
- background:Transparent;
- color:#777;
- }
- }
|