tips.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import "bootstrap/mixins.less";
  2. @import "bootstrap/variables.less";
  3. @import "bootstrap-less/variables.less";
  4. body {
  5. background:#ecf0f5;
  6. }
  7. .info-box {
  8. z-index:2;
  9. }
  10. .tips .col-xs-12 {
  11. position:relative;
  12. }
  13. .headline {
  14. color:#fff;
  15. position:absolute;
  16. top:-115px;
  17. right:10px;
  18. z-index:-1;
  19. font-size: 120px;
  20. font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  21. /* transform: rotate(90deg);
  22. -webkit-transform: rotate(90deg);*/
  23. }
  24. .error-content p {
  25. margin-bottom:0;
  26. }
  27. h3 {
  28. margin-top:10px;
  29. }
  30. .tips {
  31. float: none;display: block;margin:150px auto;max-width:500px;
  32. .box {
  33. padding:19px 25px;-webkit-box-shadow:none;box-shadow:none;
  34. }
  35. .media-left {
  36. > span {line-height:1.72222;}
  37. span {
  38. font-size: 80px;margin:0 10px 0 0;
  39. &.fa-info-circle {color:#5dade2}
  40. &.fa-times-circle {color:#ec7063}
  41. &.fa-check-circle {color:#1abc9c}
  42. }
  43. }
  44. .media-body {
  45. margin-top:25px;
  46. p {
  47. margin-bottom:10px;
  48. }
  49. }
  50. .media-heading {
  51. margin: 15px 0 15px 0;line-height:30px;font-weight: 400
  52. }
  53. }