translateelement.css 21 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025
  1. /* Copyright 2020 Google Inc. All Rights Reserved. */
  2. .goog-te-menu2-item-selected .indicator{
  3. display: none !important;
  4. }
  5. .goog-te-menu2-item-selected .text,.goog-te-menu2-item .text{
  6. color: #000 ;
  7. }
  8. .goog-te-menu2{
  9. padding: 0 !important;
  10. }
  11. .goog-te-banner-frame {
  12. left: 0px;
  13. top: 0px;
  14. height: 39px;
  15. width: 100%;
  16. z-index: 10000001;
  17. position: fixed;
  18. border: none;
  19. border-bottom: 1px solid #6b90da;
  20. margin: 0;
  21. -moz-box-shadow: 0 0 8px 1px #999999;
  22. -webkit-box-shadow: 0 0 8px 1px #999999;
  23. box-shadow: 0 0 8px 1px #999999;
  24. _position: absolute
  25. }
  26. .goog-te-menu-frame {
  27. z-index: 10000002;
  28. position: fixed;
  29. border: none;
  30. -moz-box-shadow: 0 3px 8px 2px #999999;
  31. -webkit-box-shadow: 0 3px 8px 2px #999999;
  32. box-shadow: 0 3px 8px 2px #999999;
  33. _position: absolute
  34. }
  35. .goog-te-ftab-frame {
  36. z-index: 10000000;
  37. border: none;
  38. margin: 0
  39. }
  40. .goog-te-gadget {
  41. font-family: arial;
  42. font-size: 11px;
  43. color: #666;
  44. white-space: nowrap
  45. }
  46. .goog-te-gadget img {
  47. vertical-align: middle;
  48. border: none
  49. }
  50. .goog-te-gadget-simple {
  51. background-color: #fff;
  52. border-left: 1px solid #d5d5d5;
  53. border-top: 1px solid #9b9b9b;
  54. border-bottom: 1px solid #e8e8e8;
  55. border-right: 1px solid #d5d5d5;
  56. font-size: 10pt;
  57. display: inline-block;
  58. padding-top: 1px;
  59. padding-bottom: 2px;
  60. cursor: pointer;
  61. zoom: 1;
  62. *display: inline
  63. }
  64. .goog-te-gadget-icon {
  65. margin-left: 2px;
  66. margin-right: 2px;
  67. width: 19px;
  68. height: 19px;
  69. border: none;
  70. vertical-align: middle
  71. }
  72. .goog-te-combo {
  73. margin-left: 4px;
  74. margin-right: 4px;
  75. vertical-align: baseline;
  76. *vertical-align: middle
  77. }
  78. .goog-te-gadget .goog-te-combo {
  79. margin: 4px 0
  80. }
  81. .goog-logo-link,
  82. .goog-logo-link:link,
  83. .goog-logo-link:visited,
  84. .goog-logo-link:hover,
  85. .goog-logo-link:active {
  86. font-size: 12px;
  87. font-weight: bold;
  88. color: #444;
  89. text-decoration: none
  90. }
  91. .goog-te-banner .goog-logo-link,
  92. .goog-close-link {
  93. display: block;
  94. margin: 0px 10px
  95. }
  96. .goog-te-banner .goog-logo-link {
  97. padding-top: 2px;
  98. padding-left: 4px
  99. }
  100. .goog-te-combo,
  101. .goog-te-banner *,
  102. .goog-te-ftab *,
  103. .goog-te-menu *,
  104. .goog-te-menu2 *,
  105. .goog-te-balloon * {
  106. font-family: arial;
  107. font-size: 10pt
  108. }
  109. .goog-te-banner {
  110. margin: 0;
  111. background-color: #e4effb;
  112. overflow: hidden
  113. }
  114. .goog-te-banner img {
  115. border: none
  116. }
  117. .goog-te-banner-content {
  118. color: #000
  119. }
  120. .goog-te-banner-content img {
  121. vertical-align: middle
  122. }
  123. .goog-te-banner-info {
  124. color: #666;
  125. vertical-align: top;
  126. margin-top: 0px;
  127. font-size: 7pt
  128. }
  129. .goog-te-banner-margin {
  130. width: 8px
  131. }
  132. .goog-te-button {
  133. border-color: #e7e7e7;
  134. border-style: none solid solid none;
  135. border-width: 0 1px 1px 0
  136. }
  137. .goog-te-button div {
  138. border-color: #cccccc #999999 #999999 #cccccc;
  139. border-right: 1px solid #999999;
  140. border-style: solid;
  141. border-width: 1px;
  142. height: 20px
  143. }
  144. .goog-te-button button {
  145. background: transparent;
  146. border: none;
  147. cursor: pointer;
  148. height: 20px;
  149. overflow: hidden;
  150. margin: 0;
  151. vertical-align: top;
  152. white-space: nowrap
  153. }
  154. .goog-te-button button:active {
  155. background: none repeat scroll 0 0 #cccccc
  156. }
  157. .goog-te-ftab {
  158. margin: 0px;
  159. background-color: #fff;
  160. white-space: nowrap
  161. }
  162. .goog-te-ftab-link {
  163. text-decoration: none;
  164. font-weight: bold;
  165. font-size: 10pt;
  166. border: 1px outset #888;
  167. padding: 6px 10px;
  168. white-space: nowrap;
  169. position: absolute;
  170. left: 0px;
  171. top: 0px
  172. }
  173. .goog-te-ftab-link img {
  174. margin-left: 2px;
  175. margin-right: 2px;
  176. width: 19px;
  177. height: 19px;
  178. border: none;
  179. vertical-align: middle
  180. }
  181. .goog-te-ftab-link span {
  182. text-decoration: underline;
  183. margin-left: 2px;
  184. margin-right: 2px;
  185. vertical-align: middle
  186. }
  187. .goog-float-top .goog-te-ftab-link {
  188. padding: 2px 2px;
  189. border-top-width: 0px
  190. }
  191. .goog-float-bottom .goog-te-ftab-link {
  192. padding: 2px 2px;
  193. border-bottom-width: 0px
  194. }
  195. .goog-te-menu-value {
  196. text-decoration: none;
  197. color: #0000cc;
  198. white-space: nowrap;
  199. margin-left: 4px;
  200. margin-right: 4px
  201. }
  202. .goog-te-menu-value span {
  203. text-decoration: underline
  204. }
  205. .goog-te-menu-value img {
  206. margin-left: 2px;
  207. margin-right: 2px
  208. }
  209. .goog-te-gadget-simple .goog-te-menu-value {
  210. color: #000
  211. }
  212. .goog-te-gadget-simple .goog-te-menu-value span {
  213. text-decoration: none
  214. }
  215. .goog-te-menu {
  216. background-color: #ffffff;
  217. text-decoration: none;
  218. border: 2px solid #c3d9ff;
  219. overflow-y: scroll;
  220. overflow-x: hidden;
  221. position: absolute;
  222. left: 0;
  223. top: 0
  224. }
  225. .goog-te-menu-item {
  226. padding: 3px;
  227. text-decoration: none
  228. }
  229. .goog-te-menu-item,
  230. .goog-te-menu-item:link {
  231. color: #0000cc;
  232. background: #ffffff
  233. }
  234. .goog-te-menu-item:visited {
  235. color: #551a8b
  236. }
  237. .goog-te-menu-item:hover {
  238. background: #c3d9ff
  239. }
  240. .goog-te-menu-item:active {
  241. color: #0000cc
  242. }
  243. .goog-te-menu2 {
  244. background-color: #ffffff;
  245. text-decoration: none;
  246. overflow: hidden;
  247. padding: 4px
  248. }
  249. .goog-te-menu2-colpad {
  250. width: 16px
  251. }
  252. .goog-te-menu2-separator {
  253. margin: 6px 0;
  254. height: 1px;
  255. background-color: #aaa;
  256. overflow: hidden
  257. }
  258. .goog-te-menu2-item div,
  259. .goog-te-menu2-item-selected div {
  260. padding: 4px
  261. }
  262. .goog-te-menu2-item .indicator {
  263. display: none
  264. }
  265. .goog-te-menu2-item-selected .indicator {
  266. display: auto
  267. }
  268. .goog-te-menu2-item-selected .text {
  269. padding-left: 4px;
  270. padding-right: 4px
  271. }
  272. .goog-te-menu2-item,
  273. .goog-te-menu2-item-selected {
  274. text-decoration: none
  275. }
  276. .goog-te-menu2-item div,
  277. .goog-te-menu2-item:link div,
  278. .goog-te-menu2-item:visited div,
  279. .goog-te-menu2-item:active div {
  280. color: #0000cc;
  281. background: #ffffff
  282. }
  283. .goog-te-menu2-item:hover div {
  284. color: rgb(102, 177, 255) !important;
  285. background: rgb(210, 232, 255);
  286. }
  287. .goog-te-menu2-item:after{
  288. width: 20px;
  289. height: 20px;
  290. position: absolute;
  291. display: block;
  292. width: 0;
  293. height: 0;
  294. border-color: transparent;
  295. border-style: solid;
  296. border-top-width: 0;
  297. border-bottom-color: #FFF;
  298. }
  299. .goog-te-menu2{
  300. width: 100% !important;
  301. }
  302. .top::after{
  303. }
  304. .goog-te-menu2 div{
  305. width: 100% !important;
  306. }
  307. .goog-te-menu2-item:hover .text{
  308. color: rgb(102, 177, 255) !important;
  309. }
  310. .goog-te-menu2-item-selected div,
  311. .goog-te-menu2-item-selected:link div,
  312. .goog-te-menu2-item-selected:visited div,
  313. .goog-te-menu2-item-selected:hover div,
  314. .goog-te-menu2-item-selected:active div {
  315. color: #000;
  316. font-weight: bold
  317. }
  318. .goog-te-balloon {
  319. background-color: #ffffff;
  320. overflow: hidden;
  321. padding: 8px;
  322. border: none;
  323. -moz-border-radius: 10px;
  324. border-radius: 10px
  325. }
  326. .goog-te-balloon-frame {
  327. background-color: #ffffff;
  328. border: 1px solid #6b90da;
  329. -moz-box-shadow: 0 3px 8px 2px #999999;
  330. -webkit-box-shadow: 0 3px 8px 2px #999999;
  331. box-shadow: 0 3px 8px 2px #999999;
  332. -moz-border-radius: 8px;
  333. border-radius: 8px
  334. }
  335. .goog-te-balloon img {
  336. border: none
  337. }
  338. .goog-te-balloon-text {
  339. margin-top: 6px
  340. }
  341. .goog-te-balloon-zippy {
  342. margin-top: 6px;
  343. white-space: nowrap
  344. }
  345. .goog-te-balloon-zippy * {
  346. vertical-align: middle
  347. }
  348. .goog-te-balloon-zippy .minus {
  349. background-image: url(//www.google.com/images/zippy_minus_sm.gif)
  350. }
  351. .goog-te-balloon-zippy .plus {
  352. background-image: url(//www.google.com/images/zippy_plus_sm.gif)
  353. }
  354. .goog-te-balloon-zippy span {
  355. color: #00c;
  356. text-decoration: underline;
  357. cursor: pointer;
  358. margin: 0 4px
  359. }
  360. .goog-te-balloon-form {
  361. margin: 6px 0 0 0
  362. }
  363. .goog-te-balloon-form form {
  364. margin: 0
  365. }
  366. .goog-te-balloon-form form textarea {
  367. margin-bottom: 4px;
  368. width: 100%
  369. }
  370. .goog-te-balloon-footer {
  371. margin: 6px 0 4px 0
  372. }
  373. .goog-te-spinner-pos {
  374. z-index: 1000;
  375. position: fixed;
  376. transition-delay: 0.6s;
  377. left: -1000px;
  378. top: -1000px
  379. }
  380. .goog-te-spinner-animation {
  381. background: #ccc;
  382. display: flex;
  383. align-items: center;
  384. justify-content: center;
  385. width: 104px;
  386. height: 104px;
  387. border-radius: 50px;
  388. background: #fff url(//www.gstatic.com/images/branding/product/2x/translate_24dp.png) 50% 50% no-repeat;
  389. transition: all 0.6s ease-in-out;
  390. transform: scale(0.4);
  391. opacity: 0
  392. }
  393. .goog-te-spinner-animation-show {
  394. transform: scale(0.5);
  395. opacity: 1
  396. }
  397. .goog-te-spinner {
  398. margin: 2px 0 0 2px;
  399. animation: goog-te-spinner-rotator 1.4s linear infinite
  400. }
  401. @keyframes goog-te-spinner-rotator {
  402. 0% {
  403. transform: rotate(0deg)
  404. }
  405. 100% {
  406. transform: rotate(270deg)
  407. }
  408. }
  409. .goog-te-spinner-path {
  410. stroke-dasharray: 187;
  411. stroke-dashoffset: 0;
  412. stroke: #4285f4;
  413. transform-origin: center;
  414. animation: goog-te-spinner-dash 1.4s ease-in-out infinite
  415. }
  416. @keyframes goog-te-spinner-dash {
  417. 0% {
  418. stroke-dashoffset: 187
  419. }
  420. 50% {
  421. stroke-dashoffset: 46.75;
  422. transform: rotate(135deg)
  423. }
  424. 100% {
  425. stroke-dashoffset: 187;
  426. transform: rotate(450deg)
  427. }
  428. }
  429. #goog-gt-tt html,
  430. #goog-gt-tt body,
  431. #goog-gt-tt div,
  432. #goog-gt-tt span,
  433. #goog-gt-tt iframe,
  434. #goog-gt-tt h1,
  435. #goog-gt-tt h2,
  436. #goog-gt-tt h3,
  437. #goog-gt-tt h4,
  438. #goog-gt-tt h5,
  439. #goog-gt-tt h6,
  440. #goog-gt-tt p,
  441. #goog-gt-tt a,
  442. #goog-gt-tt img,
  443. #goog-gt-tt ol,
  444. #goog-gt-tt ul,
  445. #goog-gt-tt li,
  446. #goog-gt-tt table,
  447. #goog-gt-tt form,
  448. #goog-gt-tt tbody,
  449. #goog-gt-tt tr,
  450. #goog-gt-tt td {
  451. margin: 0;
  452. padding: 0;
  453. border: 0;
  454. font-size: 100%;
  455. font: inherit;
  456. vertical-align: baseline;
  457. text-align: left;
  458. line-height: normal
  459. }
  460. #goog-gt-tt ol,
  461. #goog-gt-tt ul {
  462. list-style: none
  463. }
  464. #goog-gt-tt table {
  465. border-collapse: collapse;
  466. border-spacing: 0
  467. }
  468. #goog-gt-tt caption,
  469. #goog-gt-tt th,
  470. #goog-gt-tt td {
  471. text-align: left;
  472. font-weight: normal
  473. }
  474. #goog-gt-tt input::-moz-focus-inner {
  475. border: 0
  476. }
  477. div#goog-gt-tt {
  478. padding: 10px 14px
  479. }
  480. #goog-gt-tt {
  481. color: #222;
  482. background-color: #ffffff;
  483. border: 1px solid #eee;
  484. box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  485. -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  486. -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  487. display: none;
  488. font-family: arial;
  489. font-size: 10pt;
  490. width: 420px;
  491. padding: 12px;
  492. position: absolute;
  493. z-index: 10000
  494. }
  495. #goog-gt-tt .original-text,
  496. .gt-hl-layer {
  497. clear: both;
  498. font-size: 10pt;
  499. position: relative;
  500. text-align: justify;
  501. width: 100%
  502. }
  503. #goog-gt-tt .title {
  504. color: #999;
  505. font-family: arial, sans-serif;
  506. margin: 4px 0;
  507. text-align: left
  508. }
  509. #goog-gt-tt .close-button {
  510. display: none
  511. }
  512. #goog-gt-tt .logo {
  513. float: left;
  514. margin: 0px
  515. }
  516. #goog-gt-tt .activity-links {
  517. display: inline-block
  518. }
  519. #goog-gt-tt .started-activity-container {
  520. display: none;
  521. width: 100%
  522. }
  523. #goog-gt-tt .activity-root {
  524. margin-top: 20px
  525. }
  526. #goog-gt-tt .left {
  527. float: left
  528. }
  529. #goog-gt-tt .right {
  530. float: right
  531. }
  532. #goog-gt-tt .bottom {
  533. min-height: 15px;
  534. position: relative;
  535. height: 1%
  536. }
  537. #goog-gt-tt .status-message {
  538. background: -moz-linear-gradient(top, #29910d 0%, #20af0e 100%);
  539. background: -webkit-linear-gradient(top, #29910d 0%, #20af0e 100%);
  540. background: -o-linear-gradient(top, #29910d 0%, #20af0e 100%);
  541. background: -ms-linear-gradient(top, #29910d 0%, #20af0e 100%);
  542. background: linear-gradient(top, #29910d 0%, #20af0e 100%);
  543. background: #29910d;
  544. border-radius: 4px;
  545. -moz-border-radius: 4px;
  546. -webkit-border-radius: 4px;
  547. box-shadow: inset 0px 2px 2px #1e6609;
  548. -moz-box-shadow: inset 0px 2px 2px #1e6609;
  549. -webkit-box-shadow: inset 0px 2px 2px #1e6609;
  550. color: white;
  551. font-size: 9pt;
  552. font-weight: bolder;
  553. margin-top: 12px;
  554. padding: 6px;
  555. text-shadow: 1px 1px 1px #1e6609
  556. }
  557. #goog-gt-tt .activity-link {
  558. color: #1155cc;
  559. cursor: pointer;
  560. font-family: arial;
  561. font-size: 11px;
  562. margin-right: 15px;
  563. text-decoration: none
  564. }
  565. #goog-gt-tt textarea {
  566. font-family: arial;
  567. resize: vertical;
  568. width: 100%;
  569. margin-bottom: 10px;
  570. -webkit-border-radius: 1px;
  571. -moz-border-radius: 1px;
  572. border-radius: 1px;
  573. border: 1px solid #d9d9d9;
  574. border-top: 1px solid silver;
  575. font-size: 13px;
  576. height: auto;
  577. overflow-y: auto;
  578. padding: 1px
  579. }
  580. #goog-gt-tt textarea:focus {
  581. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  582. -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  583. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  584. border: 1px solid #4d90fe;
  585. outline: none
  586. }
  587. #goog-gt-tt .activity-cancel {
  588. margin-right: 10px
  589. }
  590. #goog-gt-tt .translate-form {
  591. min-height: 25px;
  592. vertical-align: middle;
  593. padding-top: 8px
  594. }
  595. #goog-gt-tt .translate-form .activity-form {
  596. margin-bottom: 5px;
  597. margin-bottom: 0px
  598. }
  599. #goog-gt-tt .translate-form .activity-form input {
  600. display: inline-block;
  601. min-width: 54px;
  602. *min-width: 70px;
  603. border: 1px solid #dcdcdc;
  604. border: 1px solid rgba(0, 0, 0, 0.1);
  605. text-align: center;
  606. color: #444;
  607. font-size: 11px;
  608. font-weight: bold;
  609. height: 27px;
  610. outline: 0;
  611. padding: 0 8px;
  612. vertical-align: middle;
  613. line-height: 27px;
  614. margin: 0 16px 0 0;
  615. box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  616. -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  617. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  618. -webkit-border-radius: 2px;
  619. -moz-border-radius: 2px;
  620. border-radius: 2px;
  621. -webkit-transition: all 0.218s;
  622. -moz-transition: all 0.218s;
  623. -o-transition: all 0.218s;
  624. transition: all 0.218s;
  625. background-color: #f5f5f5;
  626. background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
  627. background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  628. background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
  629. background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
  630. background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
  631. background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  632. -webkit-user-select: none;
  633. -moz-user-select: none;
  634. cursor: default
  635. }
  636. #goog-gt-tt .translate-form .activity-form input:hover {
  637. border: 1px solid #c6c6c6;
  638. color: #222;
  639. -webkit-transition: all 0.0s;
  640. -moz-transition: all 0.0s;
  641. -o-transition: all 0.0s;
  642. transition: all 0.0s;
  643. background-color: #f8f8f8;
  644. background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
  645. background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  646. background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  647. background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  648. background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  649. background-image: linear-gradient(top, #f8f8f8, #f1f1f1)
  650. }
  651. #goog-gt-tt .translate-form .activity-form input:active {
  652. border: 1px solid #c6c6c6;
  653. color: #333;
  654. background-color: #f6f6f6;
  655. background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
  656. background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1);
  657. background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
  658. background-image: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
  659. background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
  660. background-image: linear-gradient(top, #f6f6f6, #f1f1f1)
  661. }
  662. #goog-gt-tt .translate-form .activity-form input:focus #goog-gt-tt .translate-form .activity-form input.focus #goog-gt-tt .translate-form .activity-form input:active,
  663. #goog-gt-tt .translate-form .activity-form input:focus:active,
  664. #goog-gt-tt .translate-form .activity-form input:.focus:active {
  665. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  666. -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  667. -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5)
  668. }
  669. #goog-gt-tt .translate-form .activity-form input:focus,
  670. #goog-gt-tt .translate-form .activity-form input.focus {
  671. outline: none;
  672. border: 1px solid #4d90fe;
  673. z-index: 4 !important
  674. }
  675. #goog-gt-tt .translate-form .activity-form input.selected {
  676. background-color: #eeeeee;
  677. background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e0e0e0));
  678. background-image: -webkit-linear-gradient(top, #eeeeee, #e0e0e0);
  679. background-image: -moz-linear-gradient(top, #eeeeee, #e0e0e0);
  680. background-image: -ms-linear-gradient(top, #eeeeee, #e0e0e0);
  681. background-image: -o-linear-gradient(top, #eeeeee, #e0e0e0);
  682. background-image: linear-gradient(top, #eeeeee, #e0e0e0);
  683. -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  684. -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  685. box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  686. border: 1px solid #ccc;
  687. color: #333
  688. }
  689. #goog-gt-tt .translate-form .activity-form input.activity-submit {
  690. color: white;
  691. border-color: #3079ed;
  692. background-color: #4d90fe;
  693. background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
  694. background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  695. background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
  696. background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
  697. background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
  698. background-image: linear-gradient(top, #4d90fe, #4787ed)
  699. }
  700. #goog-gt-tt .translate-form .activity-form input.activity-submit:hover #goog-gt-tt .translate-form .activity-form input.activity-submit:focus,
  701. #goog-gt-tt .translate-form .activity-form input.activity-submit.focus #goog-gt-tt .translate-form .activity-form input.activity-submit:active {
  702. border-color: #3079ed;
  703. background-color: #357ae8;
  704. background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));
  705. background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
  706. background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
  707. background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
  708. background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
  709. background-image: linear-gradient(top, #4d90fe, #357ae8)
  710. }
  711. #goog-gt-tt .translate-form .activity-form input.activity-submit:hover {
  712. box-shadow: inset 0 0 0 1px #fff, 0px 1px 1px rgba(0, 0, 0, 0.1);
  713. -webkit-box-shadow: inset 0 0 0 1px #fff, 0px 1px 1px rgba(0, 0, 0, 0.1);
  714. -moz-box-shadow: inset 0 0 0 1px #fff, 0px 1px 1px rgba(0, 0, 0, 0.1)
  715. }
  716. #goog-gt-tt .translate-form .activity-form input:focus,
  717. #goog-gt-tt .translate-form .activity-form input.focus,
  718. #goog-gt-tt .translate-form .activity-form input:active,
  719. #goog-gt-tt .translate-form .activity-form input:hover,
  720. #goog-gt-tt .translate-form .activity-form input.activity-submit:focus,
  721. #goog-gt-tt .translate-form .activity-form input.activity-submit.focus,
  722. #goog-gt-tt .translate-form .activity-form input.activity-submit:active,
  723. #goog-gt-tt .translate-form .activity-form input.activity-submit:hover {
  724. border-color: #3079ed
  725. }
  726. #goog-gt-tt .gray {
  727. color: #999;
  728. font-family: arial, sans-serif
  729. }
  730. #goog-gt-tt .alt-helper-text {
  731. color: #999;
  732. font-size: 11px;
  733. font-family: arial, sans-serif;
  734. margin: 15px 0px 5px 0px
  735. }
  736. #goog-gt-tt .alt-error-text {
  737. color: #800;
  738. display: none;
  739. font-size: 9pt
  740. }
  741. .goog-text-highlight {
  742. background-color: #c9d7f1;
  743. -webkit-box-shadow: 2px 2px 4px #9999aa;
  744. -moz-box-shadow: 2px 2px 4px #9999aa;
  745. box-shadow: 2px 2px 4px #9999aa;
  746. box-sizing: border-box;
  747. -webkit-box-sizing: border-box;
  748. -moz-box-sizing: border-box;
  749. position: relative
  750. }
  751. #goog-gt-tt .alt-menu.goog-menu {
  752. background: #ffffff;
  753. border: 1px solid #dddddd;
  754. -webkit-box-shadow: 0px 3px 3px #888;
  755. -moz-box-shadow: 0px 2px 20px #888;
  756. box-shadow: 0px 2px 4px #99a;
  757. min-width: 0;
  758. outline: none;
  759. padding: 0;
  760. position: absolute;
  761. z-index: 2000
  762. }
  763. #goog-gt-tt .alt-menu .goog-menuitem {
  764. cursor: pointer;
  765. padding: 2px 5px 5px;
  766. margin-right: 0px;
  767. border-style: none
  768. }
  769. #goog-gt-tt .alt-menu div.goog-menuitem:hover {
  770. background: #ddd
  771. }
  772. #goog-gt-tt .alt-menu .goog-menuitem h1 {
  773. font-size: 100%;
  774. font-weight: bold;
  775. margin: 4px 0px
  776. }
  777. #goog-gt-tt .alt-menu .goog-menuitem strong {
  778. color: #345aad
  779. }
  780. #goog-gt-tt .goog-submenu-arrow {
  781. text-align: right;
  782. position: absolute;
  783. right: 0;
  784. left: auto
  785. }
  786. #goog-gt-tt .goog-menuitem-rtl .goog-submenu-arrow {
  787. text-align: left;
  788. position: absolute;
  789. left: 0;
  790. right: auto
  791. }
  792. #goog-gt-tt .gt-hl-text,
  793. #goog-gt-tt .trans-target-highlight {
  794. background-color: #f1ea00;
  795. border-radius: 4px;
  796. -webkit-border-radius: 4px;
  797. -moz-border-radius: 4px;
  798. -moz-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  799. -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  800. box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  801. box-sizing: border-box;
  802. -webkit-box-sizing: border-box;
  803. -moz-box-sizing: border-box;
  804. color: #f1ea00;
  805. cursor: pointer;
  806. margin: -2px -2px -2px -3px;
  807. padding: 2px 2px 2px 3px;
  808. position: relative
  809. }
  810. #goog-gt-tt .trans-target-highlight {
  811. color: #222
  812. }
  813. #goog-gt-tt .gt-hl-layer {
  814. color: white;
  815. position: absolute !important
  816. }
  817. #goog-gt-tt .trans-target,
  818. #goog-gt-tt .trans-target .trans-target-highlight {
  819. background-color: #c9d7f1;
  820. border-radius: 4px 4px 0px 0px;
  821. -webkit-border-radius: 4px 4px 0px 0px;
  822. -moz-border-radius: 4px 4px 0px 0px;
  823. -moz-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  824. -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  825. box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  826. box-sizing: border-box;
  827. -webkit-box-sizing: border-box;
  828. -moz-box-sizing: border-box;
  829. cursor: pointer;
  830. margin: -2px -2px -2px -3px;
  831. padding: 2px 2px 3px 3px;
  832. position: relative
  833. }
  834. #goog-gt-tt span:focus {
  835. outline: none
  836. }
  837. #goog-gt-tt .trans-edit {
  838. background-color: transparent;
  839. border: 1px solid #4d90fe;
  840. border-radius: 0em;
  841. -webkit-border-radius: 0em;
  842. -moz-border-radius: 0em;
  843. margin: -2px;
  844. padding: 1px
  845. }
  846. #goog-gt-tt .gt-trans-highlight-l {
  847. border-left: 2px solid red;
  848. margin-left: -2px
  849. }
  850. #goog-gt-tt .gt-trans-highlight-r {
  851. border-right: 2px solid red;
  852. margin-right: -2px
  853. }
  854. #goog-gt-tt #alt-input {
  855. padding: 2px
  856. }
  857. #goog-gt-tt #alt-input-text {
  858. font-size: 11px;
  859. padding: 2px 2px 3px;
  860. margin: 0;
  861. background-color: #fff;
  862. color: #333;
  863. border: 1px solid #d9d9d9;
  864. border-top: 1px solid #c0c0c0;
  865. display: inline-block;
  866. vertical-align: top;
  867. height: 21px;
  868. box-sizing: border-box;
  869. -webkit-box-sizing: border-box;
  870. -moz-box-sizing: border-box;
  871. -webkit-border-radius: 1px
  872. }
  873. #goog-gt-tt #alt-input-text:hover {
  874. border: 1px solid #b9b9b9;
  875. border-top: 1px solid #a0a0a0;
  876. -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  877. -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  878. box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1)
  879. }
  880. #goog-gt-tt #alt-input-text:focus {
  881. -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
  882. -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
  883. box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
  884. outline: none;
  885. border: 1px solid #4d90fe
  886. }
  887. #goog-gt-tt #alt-input-submit {
  888. font-size: 11px;
  889. padding: 2px 6px 3px;
  890. margin: 0 0 0 2px;
  891. height: 21px
  892. }