| 1 |
#wpadminbar{ |
| 2 |
padding:0; |
| 3 |
} |
| 4 |
|
| 5 |
.wrap-main *, |
| 6 |
.wrap-main *:before, |
| 7 |
.wrap-main *:after { |
| 8 |
box-sizing: border-box; |
| 9 |
} |
| 10 |
|
| 11 |
.wrap-main, |
| 12 |
.wrap-imp-exp-nav, |
| 13 |
.wrap-imp-exp-content{ |
| 14 |
position:relative; |
| 15 |
display:inline-block; |
| 16 |
width:100%; |
| 17 |
} |
| 18 |
|
| 19 |
.wrap-imp-exp-nav, |
| 20 |
.wrap-imp-exp-nav li{ |
| 21 |
margin:0; |
| 22 |
padding:0; |
| 23 |
} |
| 24 |
|
| 25 |
.wrap-imp-exp-nav{ |
| 26 |
float:left; |
| 27 |
margin-bottom:-1px; |
| 28 |
z-index:+1; |
| 29 |
} |
| 30 |
|
| 31 |
.wrap-imp-exp-nav li{ |
| 32 |
float:left; |
| 33 |
max-width:50%; |
| 34 |
display:inline-block; |
| 35 |
font-size: 1.1em; |
| 36 |
font-weight:500; |
| 37 |
border-width:1px; |
| 38 |
border-style:solid; |
| 39 |
border-color:#e5e5e5; |
| 40 |
border-color:transparent; |
| 41 |
} |
| 42 |
|
| 43 |
.wrap-imp-exp-nav li a{ |
| 44 |
display:block; |
| 45 |
padding:12px 20px; |
| 46 |
text-decoration: none; |
| 47 |
color:#858585; |
| 48 |
|
| 49 |
} |
| 50 |
|
| 51 |
.wrap-imp-exp-nav li a:focus{ |
| 52 |
-webkit-box-shadow:none; |
| 53 |
box-shadow:none; |
| 54 |
} |
| 55 |
|
| 56 |
.wrap-imp-exp-nav li:hover{ |
| 57 |
background:#e5e5e5; |
| 58 |
} |
| 59 |
|
| 60 |
.wrap-imp-exp-nav li:hover a{ |
| 61 |
color:#555; |
| 62 |
} |
| 63 |
|
| 64 |
.wrap-imp-exp-nav li.active{ |
| 65 |
border-color:#e5e5e5; |
| 66 |
border-bottom-color:#fff; |
| 67 |
background:#fff; |
| 68 |
-webkit-box-shadow: 0 0px 1px rgba(0,0,0,.04); |
| 69 |
box-shadow: 0 0px 1px rgba(0,0,0,.04); |
| 70 |
} |
| 71 |
|
| 72 |
.wrap-imp-exp-nav li.active a{ |
| 73 |
color:#23282d; |
| 74 |
} |
| 75 |
|
| 76 |
.wrap-imp-exp-content{ |
| 77 |
width:100%; |
| 78 |
display:inline-block; |
| 79 |
margin-bottom:5px; |
| 80 |
border:1px solid #e5e5e5; |
| 81 |
background:#fff; |
| 82 |
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); |
| 83 |
box-shadow: 0 1px 1px rgba(0,0,0,.04); |
| 84 |
} |
| 85 |
|
| 86 |
.wrap-imp-exp-inner{ |
| 87 |
padding:10px; |
| 88 |
} |
| 89 |
|
| 90 |
|
| 91 |
.wrap-imp-exp-main{ |
| 92 |
display:none; |
| 93 |
width:100%; |
| 94 |
} |
| 95 |
|
| 96 |
.wrap-imp-exp-main .imp-exp-options{ |
| 97 |
float:left; |
| 98 |
width:35%; |
| 99 |
padding:10px; |
| 100 |
} |
| 101 |
|
| 102 |
.wrap-imp-exp-main .imp-exp-options label{ |
| 103 |
display:inline-block; |
| 104 |
width:100%; |
| 105 |
padding:15px 0; |
| 106 |
font-size:1.1em; |
| 107 |
font-weight: 500; |
| 108 |
line-height:1.5em; |
| 109 |
border-bottom:1px solid #e5e5e5; |
| 110 |
} |
| 111 |
|
| 112 |
.wrap-imp-exp-main .imp-exp-options label:last-child{ |
| 113 |
padding-bottom:0; |
| 114 |
border-bottom-width: 0; |
| 115 |
} |
| 116 |
|
| 117 |
.wrap-imp-exp-main .imp-exp-options label input{ |
| 118 |
margin:0 10px 0 0; |
| 119 |
} |
| 120 |
|
| 121 |
.wrap-imp-exp-main .textarea-wrap{ |
| 122 |
float:left; |
| 123 |
width:65%; |
| 124 |
padding:10px; |
| 125 |
} |
| 126 |
|
| 127 |
.wrap-imp-exp-main.c-export .textarea-wrap{ |
| 128 |
|
| 129 |
} |
| 130 |
|
| 131 |
.wrap-imp-exp-main .textarea-wrap textarea{ |
| 132 |
width:100%; |
| 133 |
padding:10px 15px; |
| 134 |
min-height:250px; |
| 135 |
display:block; |
| 136 |
margin:0; |
| 137 |
} |
| 138 |
|
| 139 |
.wrap-imp-exp-main .textarea-wrap textarea[readonly]{ |
| 140 |
color:#32373c; |
| 141 |
background:#f5f5f5; |
| 142 |
} |
| 143 |
|
| 144 |
.button.import-btn, |
| 145 |
.button.export-btn{ |
| 146 |
float:left; |
| 147 |
display:none; |
| 148 |
margin:15px 5px 0 0; |
| 149 |
} |
| 150 |
|
| 151 |
.button.copy-export-btn, |
| 152 |
.button.clear-import-btn{ |
| 153 |
float:right; |
| 154 |
display:none; |
| 155 |
margin:15px 0 0 5px; |
| 156 |
} |
| 157 |
|
| 158 |
.import-btn{ |
| 159 |
|
| 160 |
} |
| 161 |
|
| 162 |
.export-btn{ |
| 163 |
|
| 164 |
} |
| 165 |
|
| 166 |
.copy-export-btn{ |
| 167 |
|
| 168 |
} |
| 169 |
|
| 170 |
.clear-import-btn{ |
| 171 |
|
| 172 |
} |
| 173 |
|
| 174 |
.view-import .wrap-imp-exp-main.c-import, |
| 175 |
.view-import .button.clear-import-btn, |
| 176 |
.view-import .button.import-btn, |
| 177 |
.view-export .wrap-imp-exp-main.c-export, |
| 178 |
.view-export .button.copy-export-btn, |
| 179 |
.view-export .button.export-btn{ |
| 180 |
display:inline-block; |
| 181 |
} |
| 182 |
|
| 183 |
.button.copy-export-btn.hidden, |
| 184 |
.button.clear-import-btn.hidden{ |
| 185 |
display:none; |
| 186 |
} |
| 187 |
|
| 188 |
@media (max-width: 991px) { |
| 189 |
|
| 190 |
.wrap-imp-exp-main .imp-exp-options{ |
| 191 |
width:100%; |
| 192 |
} |
| 193 |
|
| 194 |
.wrap-imp-exp-main .textarea-wrap{ |
| 195 |
width:100%; |
| 196 |
} |
| 197 |
|
| 198 |
.wrap-imp-exp-main .imp-exp-options label{ |
| 199 |
line-height:2em; |
| 200 |
} |
| 201 |
} |
