scaffolding.less 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. // Compact layout, used for sign-in and "processing" pages
  2. // -------------------------
  3. body.layout-compact {
  4. background-color: darken(@bodyBackground, 1%);
  5. margin-top: 100px;
  6. h1 {
  7. padding: 0px;
  8. color: @grayLight;
  9. font-size: 180%;
  10. strong {
  11. color: @grayDark;
  12. }
  13. }
  14. .block-bold {
  15. background: @white;
  16. border: 1px solid darken(@bodyBackground, 20%);
  17. .border-radius(3px);
  18. .box-shadow(0px 0px 0px 3px darken(@bodyBackground, 10%));
  19. margin: 0px -19px;
  20. .alert{
  21. border-width: 0px 0px 1px 0px;
  22. .border-radius(2px 2px 0px 0px);
  23. margin: 0px;
  24. padding: 12px;
  25. font-weight: bold;
  26. }
  27. form {
  28. margin: 0px;
  29. padding: 0px;
  30. .form-container {
  31. padding: 20px 18px;
  32. padding-bottom: 12px;
  33. }
  34. .form-actions {
  35. .border-radius(0px 0px 2px 2px);
  36. margin: 0px;
  37. }
  38. }
  39. }
  40. }
  41. // Footer
  42. footer {
  43. padding-top: 16px;
  44. padding-bottom: 32px;
  45. color: darken(@bodyBackground, 30%);
  46. a, a:link, a:active, a:visited {
  47. color: darken(@bodyBackground, 30%);
  48. text-decoration: underline;
  49. }
  50. a:hover {
  51. color: darken(@bodyBackground, 50%);
  52. }
  53. .go-to-top {
  54. float: right;
  55. &, &:link, &:active, &:visited {
  56. text-decoration: none;
  57. i {
  58. .opacity(40);
  59. }
  60. }
  61. &:hover {
  62. i {
  63. .opacity(65);
  64. }
  65. }
  66. }
  67. }
  68. // Side-panel
  69. .side-panel {
  70. padding-right: 30px;
  71. border-right: 1px solid darken(@bodyBackground, 15%);
  72. }
  73. .sidepanel-header {
  74. margin-top: 0px;
  75. }