Advertisement
almahmud

Facebook mobile css 2014

May 31st, 2014
402
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.67 KB | None | 0 0
  1. .ww { background-color: #fffbe2; color: #fffbe2; margin-top: 1px; margin-bottom: 1px; border-bottom: 1px solid #ffcc66; border-top: 1px solid #ffcc66; padding: 3px; margin-left: 1px; margin-right: 1px; }
  2.  
  3.  
  4. .nontouch .mobile-login-field .input{width:90%}
  5. /* @noflip */
  6. .mobile-login-field-email{direction:ltr}
  7. .touch .loginInner{margin:0 auto;max-width:416px;padding:9px 1px}
  8. #footer .acg{background:#fff}
  9. form{margin:0;border:0}
  10. .acw{background-color:#fff}
  11. .acbk{background-color:#000}
  12. .acb{background-color:#3b5998}
  13. .aclb{background-color:#eceff5}
  14. .acdb{background-color:#31394a}
  15. .acg{background-color:#f2f2f2}
  16. .acy{background-color:#fffbe2}
  17. .acr{background-color:#ffebe8}
  18. .aps{padding:2px 3px}
  19. .apm{padding:4px 3px}
  20. .apl{padding:6px 3px}
  21. .input{border:solid 1px #999;border-top-color:#888;margin:0;padding:3px}
  22. .nontouch .input{padding:3px 3px 4px 0}
  23. .btn{border:solid 2px;cursor:pointer;margin:0;padding:2px 6px 3px;text-align:center}
  24. .btn.largeBtn{display:block}
  25. button.largeBtn,
  26. input.largeBtn{width:100%}
  27. .btnForm{display:inline;border:none;padding:0}
  28. .btnD,
  29. .acb .btnC,
  30. .btnI,
  31. .nontouch a.btnD,
  32. .nontouch .acb a.btnC,
  33. .nontouch a.btnI{background:#f3f4f5;border-color:#ccc #aaa #999;color:#505c77}
  34. .acb .btnD,
  35. .btnC,
  36. .acb .btnI,
  37. .nontouch .acb a.btnD,
  38. .nontouch a.btnC,
  39. .nontouch .acb a.btnI{background:#5b74a8;border-color:#8a9ac5 #29447E #1a356e;color:#fff}
  40. .btnS,
  41. .nontouch a.btnS{background:#69a74e;border-color:#98c37d #3b6e22 #2c5115;color:#fff}
  42. .btnN,
  43. .nontouch a.btnN{background:#ee3f10;border-color:#f48365 #8d290e #762610;color:#fff}
  44. .btn,
  45. .btnForm{display:inline-block}
  46. .btn + .btn,
  47. .btnForm + .btnForm,
  48. .btn + .btnForm,
  49. .btnForm + .btn{margin-left:3px}
  50. .largeBtn + .largeBtn{margin-left:0;margin-top:6px}
  51. .btn input{background:none;border:none;margin:0;padding:0}
  52. .btnD input,
  53. .acb .btnC input,
  54. .btnI input{color:#505c77}
  55. .acb .btnD input,
  56. .btnC input,
  57. .acb .btnI input,
  58. .btnS input,
  59. .btnN input{color:#fff}
  60. .fcb{color:#000}
  61. .fcg{color:gray}
  62. .fcw{color:#fff}
  63. .fcl{color:#3b5998}
  64. .fcs{color:#6d84b4}
  65. .mfsxs{font-size:x-small}
  66. .mfss{font-size:small}
  67. body, tr, input, textarea, .mfsm{font-size:medium}
  68. .mfsl{font-size:large}
  69. .nontouch a,
  70. .nontouch a:visited{color:#3b5998;text-decoration:none}
  71. .nontouch .sub,
  72. .nontouch .sub:visited{color:gray}
  73. .nontouch .sec,
  74. .nontouch .sec:visited{color:#6d84b4}
  75. .nontouch .inv,
  76. .nontouch .inv:visited{color:#fff}
  77. .nontouch a:focus,
  78. .nontouch a:hover,
  79. .nontouch .sub:focus,
  80. .nontouch .sub:hover,
  81. .nontouch .sec:focus,
  82. .nontouch .sec:hover{background-color:#3b5998;color:#fff}
  83. .nontouch .inv:focus,
  84. .nontouch .inv:hover{background-color:#fff;color:#3b5998}
  85. .abt{border-top:1px solid}
  86. .abb{border-bottom:1px solid}
  87. .acw{border-color:#e9e9e9}
  88. .acb{border-color:#1d4088}
  89. .aclb{border-color:#d8dfea}
  90. .acg{border-color:#ccc}
  91. .acy{border-color:#e2c822}
  92. .acr{border-color:#dd3c10}
  93. .img{border:0;display:inline-block;vertical-align:top}
  94. i.img u{position:absolute;width:0;height:0;overflow:hidden}
  95. body{margin:0;padding:0;text-align:left;direction:ltr}
  96. body, tr, input, textarea, button{font-family:sans-serif}
  97. .sk{background-color: #fffbe2; color: #fffbe2; margin-top: 1px; margin-bottom: 1px; border-bottom: 1px solid #ffcc66; border-top: 1px solid #ffcc66; padding: 5px; margin-left: 1px; margin-right: 1px;} .sk2{padding-right: 20px; }
  98. .nontouch .mobile-login-field .input{width:90%}
  99. #footer .acg{background:#fff}._fco #header td{padding:2px;vertical-align:middle}
  100. ._fco .other-links{line-height:2em}
  101. ._fco .button_area .btnC{color:#fff}
  102. ._fco .button_area .btnR{background-color:#b9b9b9;color:#000}
  103. ._fco .button_area .btnR:hover{background-color:#999;color:#000}
  104. ._fcp div.button_area{width:89%}
  105. ._fcp #form_fields > div > div{padding:0 3px 0 0}
  106. ._fcp .button_area .largeBtn{padding:5px}
  107. ._4u99{color:#87898c;font-size:13px;font-weight:700;padding:5px 0 0 4px}
  108. ._4u9a #login_form hr{display:none}
  109. ._4u9a ._4u9b, ._4u9a ._4u9b .button_area, ._4u9a ._4u9b ._4u99{background-color:#fbfbfb}
  110. ._4u9a ._4u9b{border-bottom:1px solid #fff;border-top:1px solid #cacdd3;margin-top:7px;padding-bottom:10px;padding-top:7px}
  111. ._4u9a .other-links{border-bottom:1px solid #cacdd3}
  112. ._4u9a #footer{background-color:#eceff5;padding-top:6px}
  113. ._4u9a #footer div{background-color:#eceff5}
  114. ._4u9a._4u9c ._4u9b{border-bottom:0;padding-bottom:0}
  115. ._4u9a._4u9c #footer, ._4u9a._4u9c #footer div, ._4u9a._4u9c .other-links{background-color:#fbfbfb}.nontouch ._4g33{border:0;border-collapse:collapse;margin:0;padding:0;width:100%}
  116. .nontouch ._52wc td, .nontouch ._52wf td{vertical-align:top}
  117. .nontouch ._52wd td{vertical-align:bottom}
  118. .nontouch ._52we td{vertical-align:middle}
  119. .nontouch ._4g34{width:100%}form{margin:0;border:0}.acw{background-color:#fff}
  120. .acbk{background-color:#000}
  121. .acb{background-color:#3b5998}
  122. .aclb{background-color:#eceff5}
  123. .acdb{background-color:#31394a}
  124. .acg{background-color:#f2f2f2}
  125. .acy{background-color:#fffbe2;color:#7f7212}
  126. .acr{background-color:#ffebe8;color:#6d220d}.aps{padding:2px 3px}
  127. .apm{padding:4px 3px}
  128. .apl{padding:6px 3px}.input{border:solid 1px #999;border-top-color:#888;margin:0;padding:3px}
  129. .nontouch .input{padding:3px 3px 4px 0}.fcb{color:#000}
  130. .fcg{color:gray}
  131. .fcw{color:#fff}
  132. .fcl{color:#3b5998}
  133. .fcs{color:#6d84b4}.mfsxs{font-size:x-small}
  134. .mfss{font-size:small}
  135. body, tr, input, textarea, .mfsm{font-size:medium}
  136. .mfsl{font-size:large}.nontouch a,
  137. .nontouch a:visited{color:#3b5998;text-decoration:none}
  138. .nontouch .sub,
  139. .nontouch .sub:visited{color:gray}
  140. .nontouch .sec,
  141. .nontouch .sec:visited{color:#6d84b4}
  142. .nontouch .inv,
  143. .nontouch .inv:visited{color:#fff}.nontouch a:focus,
  144. .nontouch a:hover,
  145. .nontouch .sub:focus,
  146. .nontouch .sub:hover,
  147. .nontouch .sec:focus,
  148. .nontouch .sec:hover{background-color:#3b5998;color:#fff}
  149. .nontouch .inv:focus,
  150. .nontouch .inv:hover,
  151. .nontouch .inv:hover .fcy,
  152. .nontouch .inv:focus .fcy{background-color:#fff;color:#3b5998}.btn{border:solid 2px;cursor:pointer;margin:0;padding:2px 6px 3px;text-align:center}
  153. .btn.largeBtn{display:block}
  154. button.largeBtn,
  155. input.largeBtn{width:100%}
  156. .btnForm{display:inline;border:none;padding:0}
  157. .btnD,
  158. .acb .btnC,
  159. .btnI,
  160. .nontouch a.btnD,
  161. .nontouch .acb a.btnC,
  162. .nontouch a.btnI{background:#f3f4f5;border-color:#ccc #aaa #999;color:#505c77}
  163. .acb .btnD,
  164. .btnC,
  165. .acb .btnI,
  166. .nontouch .acb a.btnD,
  167. .nontouch a.btnC,
  168. .nontouch a.btnC:visited,
  169. .nontouch .acb a.btnI{background:#5b74a8;border-color:#8a9ac5 #29447E #1a356e;color:#fff}
  170. .nontouch .btnC.disabled{color:#9dabce}
  171. .btnS,
  172. .nontouch a.btnS,
  173. .nontouch a.btnS:visited{background:#69a74e;border-color:#98c37d #3b6e22 #2c5115;color:#fff}
  174. .btnN,
  175. .nontouch a.btnN,
  176. .nontouch a.btnN:visited{background:#ee3f10;border-color:#f48365 #8d290e #762610;color:#fff}
  177. .btn .img{pointer-events:none}.btn,
  178. .btnForm{display:inline-block}
  179. .btn + .btn,
  180. .btnForm + .btnForm,
  181. .btn + .btnForm,
  182. .btnForm + .btn{margin-left:3px}
  183. .largeBtn + .largeBtn{margin-left:0;margin-top:6px}
  184. .btn input{background:none;border:none;margin:0;padding:0}
  185. .btnD input,
  186. .acb .btnC input,
  187. .btnI input{color:#505c77}
  188. .acb .btnD input,
  189. .btnC input,
  190. .acb .btnI input,
  191. .btnS input,
  192. .btnN input{color:#fff}body{margin:0;padding:0;text-align:left;direction:ltr}
  193. body, tr, input, textarea, button{font-family:sans-serif}
  194. h1, h2, h3, h4, h5, h6{font-size:1em;font-weight:bold;margin:0;padding:0}#viewport{min-height:100%;overflow:hidden;position:relative;width:100%}
  195. #page{position:relative}
  196. .nontouch #viewport{min-height:auto;overflow:auto;position:static;width:auto}.lr{width:100%}
  197. .lr .r{text-align:right}.img{border:0;display:inline-block;vertical-align:top}
  198. i.img u{position:absolute;width:0;height:0;overflow:hidden}
  199. .nontouch ._56hq{padding:8px}._52j9{color:#adb2bb}
  200. ._52ja{color:#6a7180}
  201. ._52jb{color:#141823}
  202. .touched ._592p ._52j9, .touched ._592p._
  203. 52j9, .touched._592p ._52j9, .touched._592p._
  204. 52j9, .touched ._592p ._52ja, .touched ._592p._
  205. 52ja, .touched._592p ._52ja, .touched._592p._
  206. 52ja, .touched ._592p._52jb, .touched._592p ._
  207. 52jb, .touched ._592p ._52jb, .touched._592p._
  208. 52jb, .touched ._592p, .touched._592p{color:#fff}
  209. ._56bq{font-size:11px;line-height:16px;text-
  210. transform:uppercase}
  211. ._52jc{font-size:12px;line-height:16px}
  212. ._52jd{font-size:14px;line-height:20px}
  213. ._52je{font-size:16px;line-height:20px}
  214. ._52jf{font-size:18px;line-height:24px}
  215. ._52jg{font-weight:normal}
  216. ._52jh{font-weight:bold}
  217. ._52ji{text-align:left}
  218. ._52jj{text-align:center}
  219. ._52jk{text-align:right}.nontouch ._56bf{border:1px
  220. solid #adb2ba}._55x2 > *{border-bottom:1px solid #
  221. e5e5e5}
  222. ._55x2 > :last-child{border-bottom:none}._59e
  223. 9{background:#f6f7f8}
  224. ._55wm{background:#d3d6db}
  225. ._55wn{background:#5890ff}
  226. ._55wo{background:#fff}
  227. ._5epe{background:#e9eaed}.nontouch ._5b6o{border-
  228. collapse:collapse;margin:0;width:100%}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement