_configuration.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /*=== Configuration pages */
  2. .post {
  3. padding: 1rem 2rem;
  4. font-size: 1rem;
  5. form {
  6. margin: 1rem 0;
  7. // Gestion des extensions
  8. .horizontal-list {
  9. margin-bottom: 0.5rem;
  10. .item {
  11. .stick {
  12. // width: 65%;
  13. // margin-right: 1rem;
  14. // display:flex;
  15. }
  16. .btn {
  17. // width: 8rem;
  18. // flex-grow: 1;
  19. }
  20. }
  21. }
  22. }
  23. &.content {
  24. max-width: 550px;
  25. }
  26. h1, h2 { // pages titles
  27. // font-family: "spectral";
  28. color: $main-font-color;
  29. font-size: 3rem;
  30. margin-top: 1.75rem;
  31. font-weight: 300;
  32. line-height: 1.2em;
  33. }
  34. a[href="./"] { // C'est le bouton "Retour à vos flux"
  35. margin: 0;
  36. padding: 0.75rem 1.5rem;
  37. background: $grey-lighter;
  38. display: inline-block;
  39. // border: none;
  40. color: $grey-dark;
  41. font-size: 1rem;
  42. border: 1px solid $grey-medium-light;
  43. border-radius: 5px;
  44. // min-height: 38px;
  45. min-width: 15px;
  46. line-height: 25px;
  47. vertical-align: middle;
  48. cursor: pointer;
  49. overflow: hidden;
  50. &:hover {
  51. background: $main-first;
  52. color: white;
  53. border: 1px solid $main-first;
  54. text-decoration: none;
  55. }
  56. }
  57. }
  58. #slider {
  59. border-left: none;
  60. box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.35);
  61. }
  62. .slide-container {
  63. .properties {
  64. padding: 1rem;
  65. background: rgba(0, 0, 0, 0.75);
  66. color: white;
  67. border: 0;
  68. .page-number {
  69. right: 1rem;
  70. top: 1rem;
  71. }
  72. }
  73. }