client/client-editor/src/main/resources/webapp/css/showhideTextarea.css

   1 /*
   2  * ============LICENSE_START=======================================================
   3  *  Copyright (C) 2016-2018 Ericsson. All rights reserved.
   4  * ================================================================================
   5  * Licensed under the Apache License, Version 2.0 (the "License");
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *      http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an "AS IS" BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  *
  17  * SPDX-License-Identifier: Apache-2.0
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 /* the div */
  22 .showHideTextarea{
  23 }
  24
  25 /* the textarea */
  26 .showHideTextarea_hidden
  27 {
  28     display: none;
  29     width: 100%;
  30     font-size: 15px;
  31     height: 300px;
  32     box-sizing: border-box;
  33     -webkit-box-sizing: border-box;
  34     -moz-box-sizing: border-box;
  35     border: 1px solid #BEBEBE;
  36     padding: 7px;
  37     margin: 0px;
  38     -webkit-transition: all 0.30s ease-in-out;
  39     -moz-transition: all 0.30s ease-in-out;
  40     -ms-transition: all 0.30s ease-in-out;
  41     -o-transition: all 0.30s ease-in-out;
  42     outline: none;
  43 }
  44
  45 .showHideTextarea_displayed
  46 {
  47     display: block;
  48     width: 100%;
  49     font-size: 15px;
  50     height: 300px;
  51     box-sizing: border-box;
  52     -webkit-box-sizing: border-box;
  53     -moz-box-sizing: border-box;
  54     border: 1px solid #BEBEBE;
  55     padding: 7px;
  56     margin: 0px;
  57     -webkit-transition: all 0.30s ease-in-out;
  58     -moz-transition: all 0.30s ease-in-out;
  59     -ms-transition: all 0.30s ease-in-out;
  60     -o-transition: all 0.30s ease-in-out;
  61     outline: none;
  62 }
  63 /*
  64 .showHideTextarea_hidden textarea:focus
  65 {
  66     -moz-box-shadow: 0 0 8px #88D5E9;
  67     -webkit-box-shadow: 0 0 8px #88D5E9;
  68     box-shadow: 0 0 8px #88D5E9;
  69     border: 1px solid #88D5E9;
  70 }
  71
  72 .showHideTextarea_displayed textarea:focus
  73 {
  74     -moz-box-shadow: 0 0 8px #88D5E9;
  75     -webkit-box-shadow: 0 0 8px #88D5E9;
  76     box-shadow: 0 0 8px #88D5E9;
  77     border: 1px solid #88D5E9;
  78 }
  79 */
  80 /* the button - show mode */
  81 .showHideTextarea_show{
  82     display: block;
  83     width: 150px;
  84     font-size: 15px;
  85     background-color: #f6f6f6;
  86     font-family: Helvetica, Arial, sans-serif;
  87     font-weight: 300;
  88     list-style: none;
  89     cursor: pointer;
  90     box-sizing: border-box;
  91     -webkit-box-sizing: border-box;
  92     -moz-box-sizing: border-box;
  93     border: 1px solid #BEBEBE;
  94     padding: 7px;
  95     margin: 0px;
  96     -webkit-transition: all 0.30s ease-in-out;
  97     -moz-transition: all 0.30s ease-in-out;
  98     -ms-transition: all 0.30s ease-in-out;
  99     -o-transition: all 0.30s ease-in-out;
 100     outline: none;
 101 }
 102
 103 /* the button - hide mode */
 104 .showHideTextarea_hide{
 105     display: block;
 106     width: 150px;
 107     font-size: 15px;
 108     background-color: #f6f6f6;
 109     font-family: Helvetica, Arial, sans-serif;
 110     font-weight: 300;
 111     list-style: none;
 112     cursor: pointer;
 113     box-sizing: border-box;
 114     -webkit-box-sizing: border-box;
 115     -moz-box-sizing: border-box;
 116     border: 1px solid #BEBEBE;
 117     padding: 7px;
 118     margin: 0px;
 119     -webkit-transition: all 0.30s ease-in-out;
 120     -moz-transition: all 0.30s ease-in-out;
 121     -ms-transition: all 0.30s ease-in-out;
 122     -o-transition: all 0.30s ease-in-out;
 123     outline: none;
 124 }
 125
 126 /* the button - disabled */
 127 .showHideTextarea_show_disabled{
 128     display: none;
 129 }
 130
 131 .showHideTextarea_hide_disabled{
 132     display: none;
 133 }