Advertisement
zbowweiman

layout-styles.css oops

Nov 16th, 2016
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.34 KB | None | 0 0
  1. html,body {
  2. height: 100%;
  3. }
  4.  
  5. * {
  6. -moz-box-sizing: border-box;
  7. }
  8.  
  9. body {
  10. background-color: #ededed;
  11. color: #424242;
  12. margin: 0;
  13. font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  14. font-size:14px;
  15. line-height:1.428571429;
  16. }
  17.  
  18. h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1}
  19. h1,.h1{font-size:45px;line-height:48px}
  20. h2,.h2{font-size:36px;line-height:42px}
  21. h3,.h3{font-size:28px;line-height:36px}
  22. h4,.h4{font-size:24px;line-height:25px}
  23. h5,.h5{font-size:20px;line-height:24px}
  24. h6,.h6{font-size:18px;line-height:24px}
  25.  
  26. a{color:#3282e6;}
  27. a:hover,a:focus{color:#165db5;text-decoration:underline}
  28.  
  29. .text-center{text-align:center}
  30.  
  31. .wrap {
  32. min-height: 100%;
  33. .display: table;
  34. .height: 100%;
  35. }
  36.  
  37. .top-bar {
  38. height: 20px;
  39. background: #71a100;
  40. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZmExMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  41. background: -moz-linear-gradient(top, #71a100 0%, #6fa100 100%);
  42. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a100), color-stop(100%,#6fa100));
  43. background: -webkit-linear-gradient(top, #71a100 0%,#6fa100 100%);
  44. background: -o-linear-gradient(top, #71a100 0%,#6fa100 100%);
  45. background: -ms-linear-gradient(top, #71a100 0%,#6fa100 100%);
  46. background: linear-gradient(to bottom, #71a100 0%,#6fa100 100%);
  47. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a100', endColorstr='#6fa100',GradientType=0 );
  48. }
  49.  
  50. :root .top-bar {
  51. filter: none \0/IE9;
  52. }
  53.  
  54. .welcome-container {
  55. width: 500px;
  56. margin: 0 auto;
  57. overflow: auto;
  58. padding-bottom: 60px;
  59. }
  60.  
  61. .coming-soon-wrap {
  62. margin-top: 90px;
  63. }
  64.  
  65. .frowny-face {
  66. text-align: center;
  67. font-size: 130px;
  68. color: #919191;
  69. line-height: 1.1;
  70. margin-top: 90px;
  71. margin-bottom: 70px;
  72. }
  73.  
  74. .welcome-container h1 {
  75. margin-bottom: 1em;
  76. }
  77.  
  78. .btn-primary {
  79. background-color: #7FB141;
  80. border-color: #648C33;
  81. color: #FFFFFF;
  82. }
  83.  
  84. input, button, select, textarea {
  85. font-family: inherit;
  86. font-size: inherit;
  87. line-height: inherit;
  88. }
  89. button, html input[type="button"], input[type="reset"], input[type="submit"] {
  90. cursor: pointer;
  91. }
  92. button, select {
  93. text-transform: none;
  94. }
  95. button, input {
  96. line-height: normal;
  97. }
  98. button, input, select, textarea {
  99. font-family: inherit;
  100. font-size: 100%;
  101. margin: 0;
  102. }
  103.  
  104. .btn {
  105. -moz-border-bottom-colors: none;
  106. -moz-border-left-colors: none;
  107. -moz-border-right-colors: none;
  108. -moz-border-top-colors: none;
  109. border-color: transparent;
  110. border-image: none;
  111. border-radius: 0 0 0 0;
  112. border-style: solid;
  113. border-width: 0 0 3px;
  114. cursor: pointer;
  115. display: inline-block;
  116. font-size: 14px;
  117. font-weight: 300;
  118. line-height: 1.42857;
  119. margin-bottom: 0;
  120. padding: 8px 20px;
  121. text-align: center;
  122. vertical-align: middle;
  123. white-space: nowrap;
  124. text-decoration: none;
  125. }
  126.  
  127. .btn-primary {
  128. background-color: #7FB141;
  129. border-color: #648C33;
  130. color: #FFFFFF;
  131. }
  132.  
  133.  
  134. .btn-primary:hover,
  135. .btn-primary:focus,
  136. .btn-primary:active,
  137. .btn-primary.active {
  138. background-color: #729E3A;
  139. border-color: #496626;
  140. color: #fff;
  141. }
  142.  
  143. .btn:hover,
  144. .btn:focus {
  145. text-decoration: none;
  146. }
  147.  
  148. .login-container {
  149. text-align: right;
  150. margin: 20px;
  151. }
  152.  
  153. .footer {
  154. position: relative;
  155. margin-top: -60px; /* negative value of footer height */
  156. height: 60px;
  157. clear:both;
  158. text-align: center;
  159. font-size: 14px;
  160. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement