Guest User

Untitled

a guest
Dec 11th, 2018
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.57 KB | None | 0 0
  1. /*--------------------------------------------------------------------------------------------------
  2. SPACING AND SIZE ADJUSTMENTS
  3. ----------------------------------------------------------------*/
  4.  
  5. /*--------------------------------
  6. GLOBAL ELEMENTS & VARIABLES
  7. ----------------------------------
  8. [no class] = comfortable
  9. .gbes = compact
  10. .gbem = cozy
  11. */
  12.  
  13. /* SCREEN'S RIGHT PADDING */
  14.  
  15. .aeJ,
  16. .age {
  17. padding-right: 0 !important;
  18. }
  19.  
  20. /* SPACING RESETS */
  21.  
  22. #gbqlw, #gbq1, #gbu, .akh, .pp, .aki {
  23. margin: 0 !important;
  24. padding: 0 !important;
  25. }
  26.  
  27. /* HIDING ELEMENTS */
  28.  
  29. /* Chat box */
  30.  
  31. .aj5.J-KU-Jg {
  32. display: none !important;
  33. }
  34.  
  35. /* Google links in footer */
  36.  
  37. .aeU {
  38. display: none !important;
  39. }
  40.  
  41. .aeV, .ae3 {
  42. width: 50% !important;
  43. }
  44.  
  45. /* Compose button in sidebar */
  46.  
  47. .aic {
  48. display: none !important;
  49. }
  50.  
  51. /* Hide logo */
  52.  
  53. #gbqld, #gbqlw {
  54. display: none !important;
  55. }
  56.  
  57. /* Hide search button */
  58.  
  59. #gbqfbw {
  60. display: none !important;
  61. }
  62.  
  63. /* SHARE & LIGHT BUTTONS */
  64.  
  65. /* Light buttons */
  66.  
  67. .T-I {
  68. height: 25px !important;
  69. line-height: 25px !important;
  70. margin-right: 12px !important;
  71. /*padding-right:
  72.  
  73. 0 !important;
  74. padding-left: 0 !important;*/
  75. }
  76.  
  77. .T-I-awG {
  78. padding: 0 !important;
  79. min-width: 26px !important;
  80. }
  81.  
  82. .T-I-KE {
  83. padding-right: 6px !important;
  84. padding-left: 6px !important;
  85. }
  86.  
  87. .T-I-Js-IF {
  88. margin-right: 0 !important;
  89. }
  90.  
  91. .ash.T-I {
  92. margin-left: 12px !important;
  93. }
  94.  
  95. /* Share buttons */
  96.  
  97. .gbt, #gbi1a {
  98. height: 18px !important;
  99. line-height: 18px !important;
  100. }
  101.  
  102. /* Share btn tail */
  103.  
  104. #gbgsa {
  105. margin-top: -4px !important;
  106. }
  107.  
  108. /* Share btn plus icon */
  109.  
  110. #gbgsi {
  111. top: 4px !important;
  112. }
  113.  
  114. /* Share photo */
  115.  
  116. #gbi4i, #gbgs4 {
  117. height: 19px !important;
  118. width: 19px !important;
  119. }
  120.  
  121. #gbgs4 .gbmai {
  122. left: 30px !important;
  123. }
  124.  
  125. /*--------------------------------
  126. TOP HEADER (BLACK GOOGLE BAR & SEARCH BAR)
  127. --------------------------------*/
  128.  
  129. /* HEADER CONTAINER */
  130.  
  131. /* Header container heights */
  132.  
  133. .aiw,
  134. .aiw .qp,
  135. #gb,
  136. #gbw {
  137. height: 24px !important;
  138. margin: 0 !important;
  139. }
  140.  
  141. .aiw .qp {
  142. height: auto !important;
  143. margin: 0 0 -18px 0 !important;
  144. }
  145.  
  146. /* Hide header backgrounds to style separately */
  147.  
  148. #gbx1, #gbx3 {
  149. left: -9999px !important;
  150. }
  151.  
  152. /* BLACK GOOGLE BAR */
  153.  
  154. /* Google bar heights */
  155.  
  156. #gbz, #gbzw, #gbx3, #gbzc {
  157. height: 24px !important;
  158. }
  159.  
  160. #gbzw {
  161. margin-left: 0 !important;
  162. width: 100% !important;
  163. }
  164.  
  165. #gbzw .gbt {
  166. height: 24px !important;
  167. line-height: 21px !important;
  168. }
  169.  
  170. #gbz {
  171. margin-left: 12px !important;
  172. }
  173.  
  174. /* SEARCH BAR CONTAINER */
  175.  
  176. #gbq {
  177. height: 32px !important;
  178. padding-top: 8px !important;
  179. top: 0 !important;
  180. left: -25px !important;
  181. width: auto !important;
  182. }
  183.  
  184. /* LOGO */
  185.  
  186. #gbqld, #gbqlw {
  187. height: 28px !important;
  188. margin-left: 22px !important;
  189. margin-top: -2px !important;
  190. width: auto !important;
  191. }
  192.  
  193. #gbq1 {
  194. margin-top: 0 !important;
  195. }
  196.  
  197. #gbq2 {
  198. margin-left: 0 !important;
  199. padding-top: 0 !important;
  200. }
  201.  
  202. /* SEARCH FIELD */
  203.  
  204. /* search field */
  205.  
  206. #gbqfq {
  207. font-size: 14px !important;
  208. line-height: 16px !important;
  209. margin-top: 2px !important;
  210. }
  211.  
  212. .gbqfqw {
  213. height: 23px !important;
  214. margin-left: -15px !important;
  215. }
  216.  
  217. /* Search results */
  218.  
  219. .ah {
  220. z-index: 15 !important;
  221. }
  222.  
  223. /* arrow icon */
  224.  
  225. .aiw .aoq {
  226. padding: 9px 6px !important;
  227. }
  228.  
  229. /* search button */
  230.  
  231. .gbqfb, .gbqfba, .gbqfbb {
  232. height: 25px !important;
  233. line-height: 25px !important;
  234. }
  235.  
  236. /* search button icon */
  237.  
  238. .gbqfi {
  239. margin: 5px 19px !important;
  240. }
  241.  
  242. /* LOGIN DROP DOWN */
  243.  
  244. /* Login container */
  245.  
  246. #gbu {
  247. margin-right: 15px !important;
  248. top: 2px !important;
  249. }
  250.  
  251. /* Login drop down box */
  252.  
  253. #gbu .gbm, #gbu #gbs {
  254. top: 36px !important;
  255. }
  256.  
  257. #gbs {
  258. background: transparent !important;
  259. }
  260.  
  261. /* Login drop down tails */
  262.  
  263. .gbmac {
  264. margin-top: 27px !important;
  265. }
  266.  
  267. .gbmab {
  268. margin-top: 26px !important;
  269. }
  270.  
  271. /* NOTIFICATIONS */
  272.  
  273. .w-asV .b8 .vh, .w-asV .cc .vh, .w-asV .cd .vh {
  274. padding: 2px 10px !important;
  275. top: 0 !important;
  276. z-index: 1000 !important;
  277. }
  278.  
  279. /* LINKS DROP DOWN */
  280.  
  281. #gbd {
  282. top: 23px !important;
  283. }
  284.  
  285. /*--------------------------------
  286. BUTTON BAR
  287. --------------------------------*/
  288.  
  289. /* BUTTON BAR CONTAINER */
  290.  
  291. .G-atb, .G-as7-atb, .G-MI {
  292. border-bottom: 0 none !important;
  293. height: 33px !important;
  294. margin-left: 0 !important;
  295. margin-top: 0 !important;
  296. padding: 7px 18px 0 0 !important;
  297. }
  298.  
  299. .agf .G-atb, .aeI .G-atb {
  300. -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  301. -moz-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  302. box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  303. }
  304.  
  305. /* BUTTONS */
  306.  
  307. /* Archive button */
  308.  
  309. .iH .J-J5-Ji:nth-child(2) .T-I:first-child {
  310. display: none !important;
  311. }
  312.  
  313. .iH .J-J5-Ji:nth-child(2) .T-I:nth-child(2) {
  314. -webkit-border-radius: 2px 0px 0px 2px !important;
  315. border-radius: 2px 0px 0px 2px !important;
  316. }
  317.  
  318. /*--------------------------------
  319. SIDEBAR / LABELS
  320. --------------------------------*/
  321.  
  322. /* LABEL CONTAINERS SPACING */
  323.  
  324. /* Outer label container */
  325.  
  326. .aj9 .r9gPwb {
  327. margin-top: 0 !important;
  328. }
  329.  
  330. .aj9.pp .r9gPwb {
  331. margin-top: 6px !important;
  332. }
  333.  
  334. /* Spacing to right of scrollbar */
  335.  
  336. .aeN .akc, .aeM, .oo {
  337. margin-right: 0 !important;
  338. }
  339.  
  340. /* Spacing to left of scrollbar */
  341.  
  342. .bQ {
  343. padding-right: 0 !important;
  344. }
  345.  
  346. /* Remove box shadow on label scroll */
  347.  
  348. .ajj.ajl::before {
  349. display: none !important;
  350. }
  351.  
  352. /* RESET DIVIDER BORDERS */
  353.  
  354. .aeN .CM {
  355. border: 0 none !important;
  356. height: 0 !important;
  357. }
  358.  
  359. /* LABEL BLOCKS */
  360.  
  361. /* Default spacing for label blocks */
  362.  
  363. .r9gPwb > .n3:first-child,
  364. .n6 + div > .n3 .LrBjie,
  365. .n6 + div > .n3 .zw {
  366. padding: 8px 0 !important;
  367. }
  368.  
  369. /* Padding at bottom of labels */
  370.  
  371. .n6 + div > .n3 .zw {
  372. margin-bottom: 40px !important;
  373. }
  374.  
  375. /* MAIL DROP DOWN */
  376.  
  377. .aki {
  378. height: 30px !important;
  379. margin-top: 8px !important;
  380. padding: 0 0 0 22px !important;
  381. }
  382.  
  383. /* COMPOSE BUTTON */
  384.  
  385. .z0, .AM {
  386. padding: 0 !important;
  387. }
  388.  
  389. /* INDIVIDUAL LABELS */
  390.  
  391. .aim {
  392. margin-right: 10px !important;
  393. padding-left: 5px !important;
  394. }
  395.  
  396. .aio {
  397. margin-left: 17px !important;
  398. }
  399.  
  400. /* Label square */
  401.  
  402. .aig {
  403. right: 4px !important;
  404. }
  405.  
  406. .p6 {
  407. border: 1px solid rgba(0,0,0,.3) !important;
  408. }
  409.  
  410. /* NON LABEL LINKS (COMPOSE, MORE/LESS, MANAGE LABELS */
  411.  
  412. /* Defaults */
  413.  
  414. .aic, .n6, .CL {
  415. padding-left: 0 !important;
  416. margin-left: 14px !important;
  417. }
  418.  
  419. .n6, .CL {
  420. margin-left: 20px !important;
  421. margin-top: 8px !important;
  422. }
  423.  
  424. /* Compose button */
  425.  
  426. .aic {
  427. padding-top: 10px !important;
  428. }
  429.  
  430. /* More/less link */
  431.  
  432. .n6 {
  433. margin-left: 0 !important;
  434. padding-bottom: 0 !important;
  435. }
  436.  
  437. .n6 > .n4 {
  438. margin-left: 0 !important;
  439. padding-left: 22px !important;
  440. padding-right: 0 !important;
  441. }
  442.  
  443. /* Create new label link */
  444.  
  445. .CL.Wj {
  446. margin-top: 0 !important;
  447. margin-bottom: 40px !important;
  448. }
  449.  
  450. /* SCROLLBAR */
  451.  
  452. .aj9 .Tm::-webkit-scrollbar,
  453. .aj9 .lKgBkb::-webkit-scrollbar,
  454. .aj9 .aXjCH::-webkit-scrollbar,
  455. .aj9 .J-M::-webkit-scrollbar {
  456. width: 10px !important;
  457. }
  458.  
  459. /*--------------------------------
  460. FOOTER
  461. --------------------------------*/
  462.  
  463. /* footer container */
  464.  
  465. .l2 {
  466. padding-bottom: 80px !important;
  467. }
  468.  
  469. /* left column */
  470.  
  471. .aeV .md {
  472. margin-left: 8px !important;
  473. }
  474.  
  475. /* right column */
  476.  
  477. .ae3 .l6 {
  478. margin-right: 8px !important;
  479. }
  480.  
  481. /*--------------------------------
  482. CONVERSATIONS LIST SCREEN
  483. --------------------------------*/
  484.  
  485. /* INBOX HEADINGS */
  486.  
  487. .Wg {
  488. padding-top: 14px !important;
  489. }
  490.  
  491. /* MESSAGE LIST LABELS */
  492.  
  493. .au, .at {
  494. border: 0 !important;
  495. padding: 1px 2px !important;
  496. border-radius: 8px;
  497. background-color: #666 !important;
  498. }
  499.  
  500. .ar {
  501. margin: 0 !important;
  502. }
  503.  
  504. .av {
  505. border: 0 none !important;
  506. color: #fff !important;
  507. }
  508.  
  509. /* ACTIVE CONVERSATION INDICTATOR */
  510.  
  511. .PF {
  512. width: 4px !important;
  513. }
  514.  
  515. /* REPLY BOX */
  516.  
  517. .hx .h7 .ac5 .gB, .hx .h7 .acO {
  518. padding-left: 15px !important;
  519. }
  520.  
  521. /* PEOPLE SEARCH */
  522.  
  523. .bX {
  524. padding: 14px !important;
  525. }
  526.  
  527. /*--------------------------------
  528. CONTACTS SCREEN
  529. --------------------------------*/
  530.  
  531. /* NEW CONTACT BUTTON */
  532.  
  533. .z0, .MX, .AM {
  534. margin-left: 22px !important;
  535. padding: 10px 0 !important;
  536. }
  537.  
  538. /* NON LABEL LINKS */
  539.  
  540. .RM {
  541. margin-left: 22px !important;
  542. }
  543.  
  544. .CM + .RM {
  545. margin-top: 16px !important;
  546. }
  547.  
  548. /* CONTACT LIST LABELS */
  549.  
  550. .cM + .nH .Mj {
  551. border: 1px solid rgba(0,0,0,.2) !important;
  552. }
  553.  
  554. /*--------------------------------------------------------------------------------------------------
  555. FUNCTIONALITY TWEAKS
  556. ----------------------------------------------------------------*/
  557.  
  558. /*--------------------------------
  559. ADAPTIVE SEARCH FIELD
  560. --------------------------------*/
  561.  
  562. /*
  563. .cS + .nH = CONVERSATIONS LIST
  564. .cN + .nH = OPEN CONVERSATION
  565. .cL + .nH = COMPOSE
  566. .cR + .nH = SETTINGS
  567. .cM + .nH = CONTACTS
  568. */
  569.  
  570. /* DEFAULT SEARCH BAR */
  571.  
  572. #gbq {
  573. left: 10px !important;
  574. display: inline !important;
  575. }
  576.  
  577. /* SEARCH BAR ON CONVERSATION LIST SCREEN */
  578.  
  579. @media only screen and (min-width: 0) {
  580.  
  581. .cS + .nH #gbq {
  582. left: auto !important;
  583. right: 266px !important;
  584. width: 20% !important;
  585. }
  586.  
  587. .cS + .nH #gbqf {
  588. text-align: right !important;
  589. min-width: 165px !important;
  590. max-width: 500px !important;
  591. width: 100% !important;
  592. position: absolute !important;
  593. right: 0 !important;
  594. }
  595.  
  596. .cS + .nH .aki {
  597. margin-top: 8px !important;
  598. }
  599.  
  600. }
  601.  
  602. @media only screen and (min-width: 840px) {
  603.  
  604. .cS + .nH #gbq {
  605. width: 26% !important;
  606. }
  607.  
  608. }
  609.  
  610. @media only screen and (min-width: 960px) {
  611.  
  612. .cS + .nH #gbq {
  613. width: 35% !important;
  614. }
  615.  
  616. }
  617.  
  618. /* SEARCH BAR ON OPEN CONVERSATION SCREEN */
  619.  
  620. @media only screen and (min-width: 960px) {
  621.  
  622. .cN + .nH #gbq {
  623. left: auto !important;
  624. right: 266px !important;
  625. width: 15% !important;
  626. }
  627.  
  628. .cN + .nH #gbqf {
  629. text-align: right !important;
  630. min-width: 160px !important;
  631. max-width: 500px !important;
  632. width: 100% !important;
  633. position: absolute !important;
  634. right: 0 !important;
  635. }
  636.  
  637. .cN + .nH .aki {
  638. margin-top: 8px !important;
  639. }
  640.  
  641. }
  642.  
  643. @media only screen and (min-width: 1100px) {
  644.  
  645. .cN + .nH #gbq {
  646. width: 24% !important;
  647. }
  648.  
  649. }
  650.  
  651. @media only screen and (min-width: 1260px) {
  652.  
  653. .cN + .nH #gbq {
  654. width: 32% !important;
  655. }
  656.  
  657. }
  658.  
  659. /* SEARCH BAR ON COMPOSE SCREEN */
  660.  
  661. @media only screen and (min-width: 0) {
  662.  
  663. .cL + .nH #gbq {
  664. left: auto !important;
  665. right: 266px !important;
  666. width: 10% !important;
  667. }
  668.  
  669. .cL + .nH #gbqf {
  670. text-align: right !important;
  671. min-width: 175px !important;
  672. max-width: 500px !important;
  673. width: 100% !important;
  674. position: absolute !important;
  675. right: 0 !important;
  676. }
  677.  
  678. .cL + .nH .aki {
  679. margin-top: 8px !important;
  680. }
  681.  
  682. }
  683.  
  684. @media only screen and (min-width: 860px) {
  685.  
  686. .cL + .nH #gbq {
  687. width: 29% !important;
  688. }
  689.  
  690. }
  691.  
  692. @media only screen and (min-width: 960px) {
  693.  
  694. .cL + .nH #gbq {
  695. width: 35% !important;
  696. }
  697.  
  698. }
  699.  
  700. /* SEARCH BAR ON SETTINGS SCREEN */
  701.  
  702. @media only screen and (min-width: 0) {
  703.  
  704. .cR + .nH #gbq {
  705. left: auto !important;
  706. right: 103px !important;
  707. width: 55% !important;
  708. }
  709.  
  710. .cR + .nH #gbqf {
  711. text-align: right !important;
  712. min-width: 300px !important;
  713. max-width: 500px !important;
  714. width: 100% !important;
  715. position: absolute !important;
  716. right: 0 !important;
  717. }
  718.  
  719. .cR + .nH .aki {
  720. margin-top: 8px !important;
  721. }
  722.  
  723. }
  724.  
  725. /* SEARCH BAR ON CONTACTS SCREEN */
  726.  
  727. @media only screen and (min-width: 0) {
  728.  
  729. .cM + .nH #gbq {
  730. left: 435px !important;
  731. width: 230px !important;
  732. }
  733.  
  734. .cM + .nH #gbqf {
  735. text-align: right !important;
  736. min-width: 175px !important;
  737. max-width: 500px !important;
  738. width: 100% !important;
  739. position: absolute !important;
  740. }
  741.  
  742. .cM + .nH .aki {
  743. margin-top: 8px !important;
  744. }
  745.  
  746. }
  747.  
  748. @media only screen and (min-width: 945px) {
  749.  
  750. .cM + .nH #gbq {
  751. left: auto !important;
  752. right: 280px !important;
  753. width: 25% !important;
  754. }
  755.  
  756. }
  757.  
  758. @media only screen and (min-width: 1020px) {
  759.  
  760. .cM + .nH #gbq {
  761. width: 30% !important;
  762. }
  763.  
  764. }
  765.  
  766. @media only screen and (min-width: 1160px) {
  767.  
  768. .cM + .nH #gbq {
  769. width: 35% !important;
  770. }
  771.  
  772. }
  773.  
  774. #gbq2 {
  775. padding-top: 0 !important;
  776. margin-left: 0 !important;
  777. }
  778.  
  779. #gbqf {
  780. width: 175px !important;
  781. min-width: 100px !important;
  782. }
  783.  
  784. #gbqf.gbem {
  785. width: 183px !important;
  786. }
  787.  
  788. #gbqf.gbes {
  789. width: 156px !important;
  790. }
  791.  
  792. /* Bump labels down */
  793.  
  794. .aki {
  795. margin-top: 40px !important;
  796. }
  797.  
  798. /*--------------------------------
  799. SHOW ALL LABELS & MOVE MANAGE LABELS TO TOP
  800. --------------------------------*/
  801.  
  802. /* SHOW ALL LABELS */
  803.  
  804. .n6 + div {
  805. display: block !important;
  806. }
  807.  
  808. /* HIDE MORE / LESS LINK */
  809.  
  810. .n6 {
  811. display: none !important;
  812. }
  813.  
  814. /* Outer label container */
  815.  
  816. .aj9.pp {
  817. margin-top: 40px !important;
  818. color: 000 !important;
  819. }
  820.  
  821. /* Move links up */
  822.  
  823. .CL {
  824. color: #15C !important;
  825. margin-left: 0 !important;
  826. position: absolute !important;
  827. top: -25px !important;
  828. left: 22px !important;
  829. padding: 0 !important;
  830. margin: 0 !important;
  831. }
  832.  
  833. .CL.Wj {
  834. cursor: pointer !important;
  835. display: block !important;
  836. /* hide
  837.  
  838. s create new label link */
  839. text-indent: -9999px !important;
  840. margin-left: 100px !important;
  841. margin-top: 2px !important;
  842. height: 11px !important;
  843. width: 11px !important;
  844. color: rgba(255,255,255,.8) !important;
  845. background-color: rgba(17,85,204,.6) !important;
  846. border: 1px solid rgba(0,0,0,.2) !important;
  847. -webkit-transition: all .3s ease-in-out !important;
  848. -moz-transition: all .3s ease-in-out !important;
  849. -ms-transition: all .3s ease-in-out !important;
  850. -o-transition: all .3s ease-in-out !important;
  851. transition: all .3s ease-in-out !important;
  852. }
  853.  
  854. .CL.Wj:after {
  855. content: '+' !important;
  856. display: block !important;
  857. text-indent: 0 !important;
  858. line-height: 12px !important;
  859. opacity: 1 !important;
  860. overflow: hidden !important;
  861. padding: 0 1px !important;
  862. position: absolute !important;
  863. top: -1px !important;
  864. }
  865.  
  866. .CL.Wj:hover {
  867. background-color: rgba(17,85,204,1) !important;
  868. border: 1px solid rgba(0,0,0,.6) !important;
  869. color: rgba(255,255,255,1) !important;
  870. }
  871.  
  872. /*--------------------------------------------------------------------------------------------------
  873. THEME / SKIN
  874. ----------------------------------------------------------------*/
  875.  
  876. /*--------------------------------
  877. GLOBAL ELEMENTS
  878. --------------------------------*/
  879.  
  880. /* BACKGROUND & BORDER RESETS */
  881.  
  882. .G-atb, .G-as7-atb, .G-MI,
  883. #gbq {
  884. border: 0 none !important;
  885. }
  886.  
  887. /* PRIMARY BACKGROUND COLORS */
  888.  
  889. /* Primary color */
  890.  
  891. #gbzw,
  892. .w-asV.aiw + .nH,
  893. .G-as7-atb, .G-MI,
  894. .aeN,
  895. .nM,
  896. .v .f2 {
  897. background: #efefef;
  898. }
  899.  
  900. .G-atb {
  901.  
  902. }
  903.  
  904. /* Secondary color */
  905.  
  906. .qK, .Vb,
  907. .kv .Bk .G2, .kQ .Bk .G2,
  908. .si,
  909. .fN,
  910. .ej .eh .dW,
  911. .gA .mC,
  912. .ej .fN,
  913. .ej .aay .dW,
  914. .ej .eJ .cf,
  915. .eJ .cf,
  916. .J-Z,
  917. .Vf {
  918. background: #f6f6f6 !important;
  919. }
  920.  
  921. /* White bg color */
  922.  
  923. .AO {
  924. background: #ffffff !important;
  925. }
  926.  
  927. /* GOOGLE LINKS BAR */
  928.  
  929. #gbzw {
  930. background: #2d2d2d !important;
  931. }
  932.  
  933. /* links */
  934.  
  935. #gbu #gbzc, #gbi4t, .manage_menu,
  936. #gbgs4dn {
  937. color: #bbbbbb !important;
  938. }
  939.  
  940. #gbu #gbzc :hover, #gbi4t:hover, .manage_menu:hover,
  941. #gbgs4dn:hover {
  942. color: #ffffff !important;
  943. }
  944.  
  945. /* SHARE / LOGIN AREA */
  946.  
  947. #gbu #gbg1 span, #gbu #gbg3 span {
  948. color: #666666 !important;
  949. }
  950.  
  951. /* SEARCH FIELD */
  952.  
  953. .gbqfqw {
  954. background: #fafafa !important;
  955. border: 1px solid #aaaaaa !important;
  956. -webkit-transition: all .3s ease-in-out !important;
  957. -moz-transition: all .3s ease-in-out !important;
  958. -ms-transition: all .3s ease-in-out !important;
  959. -o-transition: all .3s ease-in-out !important;
  960. transition: all .3s ease-in-out !important;
  961. }
  962.  
  963. .gbqfqw-hvr {
  964. background: #ffffff !important;
  965. border-color: #999999 !important;
  966. -webkit-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  967. -moz-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  968. box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  969. }
  970.  
  971. .gbqfqwf, .gbqfqwf:active {
  972. background: #ffffff !important;
  973. border-color: #4d90fe !important;
  974. -webkit-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  975. -moz-box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  976. box-shadow: 0 0 8px rgba(0,0,0,.4) !important;
  977. }
  978.  
  979. /* SIDEBAR / LABEL AREA */
  980.  
  981. /* Sidebar borders */
  982.  
  983. .r9gPwb > .n3:first-child {
  984. border-bottom: 1px solid rgba(255,255,255,.4) !important;
  985. }
  986.  
  987. .cM + .nH .r9gPwb > .n3:first-child {
  988. border-bottom: 0 none !important;
  989. }
  990.  
  991. .n6 + div > .n3 .LrBjie {
  992. border-top: 1px solid #aaaaaa !important;
  993. border-bottom: 1px solid rgba(255,255,255,.4) !important;
  994. }
  995.  
  996. .n6 + div > .n3 .zw {
  997. border-top: 1px solid #aaaaaa !important;
  998. }
  999.  
  1000. /* Default label hover */
  1001.  
  1002. .TO {
  1003. -webkit-transition: all .25s ease-in-out !important;
  1004. -moz-transition: all .25s ease-in-out !important;
  1005. -ms-transition: all .25s ease-in-out !important;
  1006. -o-transition: all .25s ease-in-out !important;
  1007. transition: all .25s ease-in-out !important;
  1008. }
  1009.  
  1010. .TO.NQ {
  1011. background-color: rgba(255,255,255,.6) !important;
  1012. }
  1013.  
  1014. /* Active label */
  1015.  
  1016. .aiq {
  1017. background-color: rgba(255,255,255,1) !important;
  1018. cursor: default !important;
  1019. /*border: 1p
  1020.  
  1021. x solid rgba(221,75,57,.5) !important;*/
  1022. border-left: none !important;
  1023. margin-left: -5px !important;
  1024. }
  1025.  
  1026. .ain {
  1027. border-width: 4px !important;
  1028. }
  1029.  
  1030. /* SETTINGS SCREEN */
  1031.  
  1032. .si {
  1033. border-color: #f0f0f0 !important;
  1034. }
  1035.  
  1036. .sl {
  1037. border-color: #d5d5d5 !important;
  1038. }
  1039.  
  1040. /* MAIN CONTENT BLOCK */
  1041.  
  1042. /* Main content block border */
  1043.  
  1044. .AO, .cM + .nH .AO .age {
  1045. border: 1px solid #ccc !important;
  1046. }
  1047.  
  1048. /*--------------------------------
  1049. MAIN CONTENT AREA
  1050. --------------------------------*/
  1051.  
  1052. /* CONVERSATIONS LIST */
  1053.  
  1054. /* Inbox hovers */
  1055.  
  1056. table.zt tr.yO,
  1057. table.zt tr.zE,
  1058. table.zt tr.x7 {
  1059. -webkit-transition: all .25s ease-in-out !important;
  1060. -moz-transition: all .25s ease-in-out !important;
  1061. -ms-transition: all .25s ease-in-out !important;
  1062. -o-transition: all .25s ease-in-out !important;
  1063. transition: all .25s ease-in-out !important;
  1064. }
  1065.  
  1066. table.zt tr.yO:hover,
  1067. table.zt tr.zE:hover {
  1068. background-color: #FDFFD9 !important;
  1069. }
  1070.  
  1071. /* Selected messages */
  1072.  
  1073. table.zt tr.x7 {
  1074. background-color: #E1FFD9 !important;
  1075. }
  1076.  
  1077. /* Selected message hover */
  1078.  
  1079. table.zt tr.x7:hover {
  1080. background-color: #F2FFD9 !important;
  1081. }
  1082.  
  1083. /* CONVERSATION LIST ITEMS */
  1084.  
  1085. /* Message borders */
  1086.  
  1087. .xY, .Wg {
  1088. border-bottom: 1px solid #e6e6e6 !important;
  1089. height: 3.2ex;
  1090. }
  1091.  
  1092. .xY:last-child, .Wg:last-child {
  1093. border-right: 1px solid #e6e6e6 !important;
  1094. }
  1095.  
  1096. /* Unread Message List bg */
  1097.  
  1098. .zA.zE {
  1099. background-color: #ffffff !important;
  1100. }
  1101.  
  1102. /* Read Message List */
  1103.  
  1104. .zA.yO {
  1105. background-color: #f9f9f9 !important;
  1106. }
  1107.  
  1108. /* OPEN CONVERSATION */
  1109.  
  1110. /* Active message indicator */
  1111.  
  1112. .ads.adt {
  1113. border-width: 4px !important;
  1114. padding-left: 5px !important;
  1115. }
  1116.  
  1117. /* label outline */
  1118.  
  1119. .hR {
  1120. border: 1px solid rgba(0,0,0,.3) !important;
  1121. }
  1122.  
  1123. /* COMPOSE WINDOW */
  1124.  
  1125. /* SETTINGS SCREEN */
  1126.  
  1127. /* Settings main block bg */
  1128.  
  1129. .v .r4, .v .alO {
  1130. background: #ffffff !important;
  1131. padding: 10px !important;
  1132. }
  1133.  
  1134. /* top tabs */
  1135.  
  1136. .v .fY {
  1137. border: 1px solid #999999 !important;
  1138. display: inline-block !important;
  1139. margin-right: 0 !important;
  1140. }
  1141.  
  1142. /* tabs */
  1143.  
  1144. .v .fY .f1,
  1145. .v .fY .fZ {
  1146. padding: 3px 14px !important;
  1147. }
  1148.  
  1149. /* tab hover */
  1150.  
  1151. .v .fY .f1:hover,
  1152. .v .fY .f1:focus {
  1153. background-color: #f6f6f6 !important;
  1154. }
  1155.  
  1156. /* active tab */
  1157.  
  1158. .v .fY .fZ {
  1159. background-color: #eeeeee !important;
  1160. }
  1161.  
  1162. /* Labels tab content */
  1163.  
  1164. .To {
  1165. border: 1px solid transparent !important;
  1166. }
  1167.  
  1168. .To.Ze td {
  1169. border-top: 1px solid #dddddd !important;
  1170. border-bottom: 1px solid #dddddd !important;
  1171. background: #eeeeee !important;
  1172. }
  1173.  
  1174. .To.Ze td:first-child {
  1175. border-left: 1px solid #dddddd !important;
  1176. }
  1177.  
  1178. .To.Ze td:last-child {
  1179. border-right: 1px solid #dddddd !important;
  1180. }
  1181.  
  1182. /* CONTACTS SCREEN */
  1183.  
  1184. /* Contacts list labels */
  1185.  
  1186. .MT {
  1187. -webkit-transition: all .2s !important;
  1188. -moz-transition: all .2s ease-in-out !important;
  1189. -ms-transition: all .2s ease-in-out !important;
  1190. -o-transition: all .2s ease-in-out !important;
  1191. transition: all .2s !important;
  1192. }
  1193.  
  1194. .MT:hover {
  1195. background-color: #f8f8f8 !important;
  1196. }
  1197.  
  1198. /* Main window */
  1199.  
  1200. .cM + .nH .AO {
  1201. border: none !important;
  1202. }
  1203.  
  1204. .akh {
  1205. color: #000;
  1206. }
  1207.  
  1208. #gbzw, #gbu {
  1209. display: none !important;
  1210. }
  1211.  
  1212. .w-asV {
  1213. height: 1px !important;
  1214. }
  1215.  
  1216. .no {
  1217. margin-top: -12px !important;
  1218. }
  1219.  
  1220. .gbqfwa {
  1221. width: 75% !important;
  1222. margin-right: 200px !important;
  1223. }
  1224.  
  1225. /* tweak sidebar */
  1226.  
  1227. .Ls77Lb .lKgBkb, .aeN {
  1228. background-color: #262b30 !important;
  1229. z-index: 500;
  1230. font-family: "helvetica" !important;
  1231. font-size: 11px;
  1232. }
  1233.  
  1234. .aeN {
  1235. box-shadow: inset 3px 0px 5px rgba(0, 0, 0, 0.75);
  1236. }
  1237.  
  1238. .nU a, .n0 {
  1239. color: #fff !important;
  1240. }
  1241.  
  1242. .r9gPwb > .n3:first-child, .n6 + div > .n3 .LrBjie {
  1243. border: 0 !important;
  1244. }
  1245.  
  1246. hr.aeS {
  1247. border-top: 1px dotted #aaa !important;
  1248. }
  1249.  
  1250. h2.pw {
  1251. color: #e0e2e4 !important;
  1252. }
  1253.  
  1254. .ain {
  1255. margin-right: 0 !important;
  1256. border: 0 !important;
  1257. }
  1258.  
  1259. .aim {
  1260. margin-bottom: 8px !important;
  1261. }
  1262.  
  1263. .akh, .CL a {
  1264. color: #fff !important;
  1265. font-weight: bold;
  1266. }
  1267.  
  1268. .n1 a {
  1269. color: #fff !important;
  1270. }
  1271.  
  1272. .NQ .nU a { color #fff Iimportant; }
Add Comment
Please, Sign In to add comment