Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

style.less 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. @color: #0046a0;
  2. //header
  3. .om-header-container{
  4. position: fixed;
  5. top: 0px;
  6. z-index: 1;
  7. width: 100%;
  8. display: block;
  9. }
  10. .om-header{
  11. justify-content:space-between;
  12. display: flex;
  13. padding-left: 2%;
  14. padding-right: 2%;
  15. height: 8%;
  16. background-color: @color;
  17. }
  18. .om-searchbar{
  19. display: inline-block;
  20. padding-bottom: 0%;
  21. margin: 3%;
  22. }
  23. //content
  24. .om-content{
  25. margin: 10px;
  26. margin-top: 75px;
  27. margin-bottom: 70px;
  28. a{
  29. color: @color;
  30. &:hover{color:@color;}
  31. }
  32. }
  33. .om-card{
  34. margin: 10px;
  35. margin-bottom: 20px;
  36. padding: 20px;
  37. }
  38. .om-btn{
  39. background-color: @color;
  40. color: white;
  41. }
  42. .msg-head{
  43. margin-top: 10px;
  44. margin-bottom: 10px;
  45. img{
  46. float: right
  47. }
  48. }
  49. .om-user-line{
  50. display: flex;
  51. i{
  52. margin-right: 2%;
  53. }
  54. }
  55. //footer
  56. .om-nav{
  57. position:fixed;
  58. bottom: 0;
  59. height: 8%;
  60. width: 100%;
  61. background-color: @color;
  62. i{
  63. color: white;
  64. }
  65. }
  66. //bmd changes
  67. .form-group.is-focused .form-control {
  68. background-image: linear-gradient(0deg,@color 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0);
  69. }
  70. .form-group .bmd-form-group .is-focused .bmd-label-floating{
  71. color: @color;
  72. }