選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

_common.scss 1.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. @import "compass";
  2. .float-left {
  3. float: left;
  4. }
  5. .float-right {
  6. float: right;
  7. }
  8. /* Navigation utilisateur en haut du site */
  9. .nav-user-top {
  10. .navbar {
  11. @include border-radius(0px);
  12. border: 0px none;
  13. margin-bottom: 0px;
  14. ul {
  15. li {
  16. padding-left: 5px;
  17. a {
  18. padding-left: 10px;
  19. padding-right: 10px;
  20. &.navbar-btn {
  21. padding: 5px 10px;
  22. }
  23. }
  24. ul li a {
  25. padding: 2px 20px;
  26. }
  27. }
  28. }
  29. }
  30. .dropdown-menu {
  31. .divider.dropdown-header {
  32. padding: 0px;
  33. }
  34. }
  35. }
  36. @media screen and (max-width: 768px) {
  37. .nav-user-top {
  38. .navbar {
  39. ul {
  40. float: right;
  41. margin-right: 0px;
  42. }
  43. .link-text {
  44. display: none;
  45. }
  46. .dropdown-menu {
  47. position: absolute;
  48. right: 5%;
  49. left: auto;
  50. border: 1px solid #ddd;
  51. background: #fff;
  52. @include box-shadow(0px 0px 4px gray);
  53. li {
  54. a {
  55. padding-left: 15px;
  56. }
  57. }
  58. }
  59. }
  60. }
  61. }
  62. /* Block de date */
  63. .block-date {
  64. margin: 0px auto;
  65. padding-top: 0px;
  66. text-align: center;
  67. .day {
  68. text-transform: capitalize;
  69. line-height: 15px;
  70. font-size: 13px;
  71. text-transform: uppercase;
  72. }
  73. .num {
  74. font-size: 30px;
  75. line-height: 35px;
  76. font-weight: bold;
  77. }
  78. .month {
  79. text-transform: uppercase;
  80. line-height: 15px;
  81. font-size: 13px;
  82. color: darken($color1, 5);
  83. }
  84. }