app.blade.php 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="csrf-token" content="{{ csrf_token() }}">
  8. <title>Bisame</title>
  9. <!-- Fonts -->
  10. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel='stylesheet' type='text/css'>
  11. <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700" rel='stylesheet' type='text/css'>
  12. <!-- Styles -->
  13. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  14. {{-- <link href="{{ elixir('css/app.css') }}" rel="stylesheet"> --}}
  15. <link rel="shortcut icon" href="{{ asset('images/favicon.ico') }}" >
  16. <style>
  17. @font-face {font-family: "Ostrich-Rounded"; src: url('/images/ostrich-rounded.ttf') ;}
  18. @font-face {font-family: "Cicle-Fina"; src: url('/images/cicle/Cicle_Semi.ttf') ;}
  19. .custom-fonts {font-family: "Cicle-Fina" }
  20. body {
  21. font-family: 'Cicle-Fina';
  22. background-color: #86b8b9;
  23. }
  24. .background-colored{
  25. background-color: #86b8b9;
  26. }
  27. .footer {
  28. position: absolute;
  29. bottom: 0;
  30. margin-top: 15px;
  31. font-family: 'Ostrich-Rounded';
  32. }
  33. .fa-btn {
  34. margin-right: 6px;
  35. }
  36. .ostrich{
  37. font-family: 'Ostrich-Rounded';
  38. }
  39. .fina{
  40. font-family: 'Cicle-Fina';
  41. }
  42. .foreground {
  43. z-index:1 !important;
  44. }
  45. .light-background-colored{
  46. background-color: #545454;
  47. margin-bottom: 0;
  48. border-color: #545454;
  49. /*background-color: rgb(249, 242, 236);*/
  50. }
  51. .title-app-navbar {
  52. font-size: 180%;
  53. }
  54. .my-navbar-hover:hover {
  55. color: #87b8b8 !important;
  56. }
  57. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  58. background-color: #CECECE !important;
  59. color: black !important;
  60. }
  61. .dropdown-menu {
  62. background-color: #545454 !important;
  63. color: white !important;
  64. }
  65. .navbar-default .navbar-nav .open .dropdown-menu {
  66. background-color:#545454 !important;
  67. color: #FCF8E3 !important;
  68. }
  69. .dropdown-menu>li>a{
  70. background-color:#545454 !important;
  71. color: #FCF8E3 !important;
  72. }
  73. .navbar-button-text {
  74. font-size: 130%;
  75. }
  76. .white{
  77. color: white;
  78. }
  79. .navbar-default .navbar-nav > li > a {
  80. color: #CECECE;
  81. }
  82. .navbar-default .navbar-brand {
  83. color: #CECECE;
  84. }
  85. .fill {
  86. margin:0;
  87. padding:0;
  88. background: url('/images/background.png') no-repeat center fixed;
  89. -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  90. background-size: cover; /* version standardisée */
  91. /*background-size: contain;*/
  92. /* background-size: auto 100%;*/
  93. /*background-repeat: no-repeat;*/
  94. background-position: left top;
  95. }
  96. .fancy-border{
  97. border: 1px solid white;
  98. -moz-border-radius: 10px;
  99. -webkit-border-radius: 10px;
  100. }
  101. .footer-container {
  102. vertical-align: middle;
  103. overflow-y : auto;
  104. position : relative;
  105. margin: 0 auto;
  106. max-width: 400px;
  107. }
  108. /* @media screen and (max-width: 1280px) {
  109. .footer-container {
  110. max-width: 40%;
  111. }
  112. }*/
  113. </style>
  114. @yield('style')
  115. @section('page-header')
  116. @stop
  117. </head>
  118. <!--<div class="fill">-->
  119. @yield('content')
  120. <body class="fill" id="app-layout"/>
  121. <!-- @include('partials.footer')-->
  122. <!-- JavaScripts -->
  123. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  124. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  125. {{-- <script src="{{ elixir('js/app.js') }}"></script> --}}
  126. <script type="text/javascript" src="{{ asset('js/navbar.js') }}"></script>
  127. @yield('script')
  128. </body>
  129. <!--</div>-->
  130. </html>