404_500_errors.less 702 B

123456789101112131415161718192021222324252627282930313233343536
  1. /*
  2. * Page: 400 and 500 error pages
  3. * ------------------------------
  4. */
  5. .error-page {
  6. width: 600px;
  7. margin: 20px auto 0 auto;
  8. @media (max-width: @screen-sm-max) {
  9. width: 100%;
  10. }
  11. //For the error number e.g: 404
  12. > .headline {
  13. float: left;
  14. font-size: 100px;
  15. font-weight: 300;
  16. @media (max-width: @screen-sm-max) {
  17. float: none;
  18. text-align: center;
  19. }
  20. }
  21. //For the message
  22. > .error-content {
  23. margin-left: 190px;
  24. @media (max-width: @screen-sm-max) {
  25. margin-left: 0;
  26. }
  27. > h3 {
  28. font-weight: 300;
  29. font-size: 25px;
  30. @media (max-width: @screen-sm-max) {
  31. text-align: center;
  32. }
  33. }
  34. display: block;
  35. }
  36. }