AbdulMuttaqin

mobile

Apr 30th, 2020
454
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.25 KB | None | 0 0
  1. /* Hiding Styles for Computer Screen */
  2. .computer {
  3.     display: none;
  4. }
  5.  
  6. /* Styles for whole web page */
  7. * {
  8.   box-sizing: border-box;
  9. }
  10. body {
  11.     margin: 0;
  12.     padding: 0;
  13.     font-family: 'Roboto', Helvetica, Sans-serif;
  14. }
  15. .clearfix::after {
  16.     content: "";
  17.     clear: both;
  18.     display: table;
  19. }
  20. a {
  21.   color: #365899;
  22.   text-decoration: none;
  23. }
  24. a:hover {
  25.   text-decoration: underline;
  26. }
  27.  
  28.  
  29. /* Styles for header */
  30. .mobheader {
  31.     height: 44px;
  32.     min-width: 320px;
  33.     width: 100%;
  34.     background-color: #3B5998;
  35.     display: flex;
  36. }
  37. .mobfblogo {
  38.     height: 21px;
  39.     width: 104px;
  40.     margin: auto auto;
  41. }
  42.  
  43. #mobapplink {
  44.     background-color: #fffbe2;
  45.     height: 48px;
  46.     min-width: 360px;
  47. }
  48. #mobandroidpic {
  49.     height: 32px;
  50.     width: 18px;
  51.     margin: 9px 11px 9px 16px;
  52.     float: left;
  53. }
  54. #getfbandroid {
  55.     float: left;
  56.     padding: 17px 0 17px 0;
  57.     font-size: 14px;
  58. }
  59.  
  60.  
  61. /* Styles for mid-section */
  62. .mobmaindiv {
  63.     background-color: #ECEFF5;
  64.     min-width: 320px;
  65.     width: 100%;
  66.     height: 294px;
  67.     padding-left: 16px;
  68.     padding-right: 16px;
  69. }
  70. #mobtextdiv {
  71.     max-width: 420px;
  72.     margin: auto;
  73.     margin-bottom: 11px;
  74.     padding-top: 16px;
  75. }
  76. .mobtextbox {
  77.     width: 100%;
  78.     padding: 12px;
  79.     border: 1px solid #DBDEE4;
  80. }
  81. .mobtextbox::-webkit-input-placeholder {
  82.     font-size: 14px;
  83. }
  84. .mobtextbox1 {
  85.     height: 44px;
  86.     border-bottom: .5px solid #E5E5E5;
  87.     border-top-left-radius: 5px;
  88.     border-top-right-radius: 5px;
  89. }
  90. .mobtextbox2 {
  91.     height: 46px;
  92.     border-top: .5px solid #E5E5E5;
  93.     border-bottom-left-radius: 5px;
  94.     border-bottom-right-radius: 5px;
  95. }
  96. .mobloginbuttondiv {
  97.     max-width: 420px;
  98.     margin: auto;
  99. }
  100. .mobloginbutton {
  101.     font-size: 14px;
  102.     font-weight: bold;
  103.     color: white;
  104.     background-color: #3578E5;
  105.     width: 100%;
  106.     height: 36px;
  107.     border-radius: 5px;
  108.     border: 1px solid #3578E5;
  109. }
  110.  
  111. #ordiv {
  112.     text-align: center;
  113.     margin: 4px 0 12px 0;
  114. }
  115. #or {
  116.     font-size: 14px;
  117.     color: #4B4F56;
  118.     position: relative;
  119. }
  120. #or::before, #or::after {
  121.     content: "";
  122.     position: absolute;
  123.     width: 110px;
  124.     height: 1px;
  125.     background-color: #ccd0d5;
  126.     top: 50%;
  127. }
  128. #or::before {
  129.     right: 100%;
  130.     margin-right: 15px;
  131. }
  132. #or::after {
  133.     left: 100%;
  134.     margin-left: 15px;
  135. }
  136.  
  137. #mobcreatediv {
  138.     text-align: center;
  139. }
  140. #mobcreate {
  141.     height: 36px;
  142.     width: 169px;
  143.     color: white;
  144.     background-color: #00a400;
  145.     border: 1px solid #00a400;
  146.     border-radius: 5px;
  147.     font-size: 14px;
  148.     font-weight: bold;
  149. }
  150.  
  151. .mobforgotpw {
  152.     margin-top: 15px;
  153.     font-size: 12px;
  154.     text-align: center;
  155. }
  156. .mobforgotpw a {
  157.     color: #7596c8;
  158. }
  159.  
  160.  
  161. /* Styles for footer */
  162. .mobfooter {
  163.     min-width: 320px;
  164.     width: 100%;
  165.     background-color: #FFF;
  166. }
  167. #moblangs {
  168.     display: flex;
  169.     margin-top: 20px;
  170. }
  171. .item1, .item2 {
  172.     flex-grow: 1;
  173. }
  174. .mobfooter #moblangs li {
  175.     list-style-type: none;
  176.     font-size: 12px;
  177.     text-align: center;
  178.     margin-bottom: 2px;
  179. }
  180. .mobfooter #moblangs li a {
  181.     color: #576b95;
  182. }
  183. #mobcurrentlang {
  184.     color: #90949c !important;
  185.     font-weight: 500;
  186.     letter-spacing: 0.5px;
  187. }
  188. .mobfooter #moblangs li a .fa {
  189.     font-size: 24px;
  190.     color: #576b95;
  191. }
  192.  
  193. .mobcopyright {
  194.     text-align: center;
  195. }
  196. .mobfbcopyright, #mobdisclaimer, #mobcopyrightfblink {
  197.     font-size: 12px;
  198.     color: #808080;
  199.     margin: auto;
  200. }
  201. .mobcopyright span .fa {
  202.     color: #0274b3;
  203.     font-size: 14px;
  204. }
  205. #mobpranavks {
  206.     color: #0274b3;
  207. }
Add Comment
Please, Sign In to add comment