templates/headerlogin.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>
  6.             
  7.         {% block title %}  MLC App {% endblock %}
  9.         </title>
  10.         <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  11.  
  13.         {% block stylesheets %}
  15.         <link href="{{ asset('vendors/mdi/css/materialdesignicons.min.css') }}" type="text/css" rel="stylesheet" />
  16.         <link href="{{ asset('vendors/css/vendor.bundle.base.css') }}" type="text/css" rel="stylesheet" />
  18.         <link href="{{ asset('css/style.css') }}" type="text/css" rel="stylesheet" />
  19.         
  20.         
  21.         {% endblock %}
  22.     
  23.         <style>
  25.             .fac-btn{
  26.         
  27.               margin-right : .1em; margin-left : .1em;
  28.         
  29.             }
  30.         
  31.             .fac-button1{
  32.         
  33.               margin-right : .1em; 
  34.               margin-left : .1em; padding : 2px; width : 88px; height : 30px;
  35.             }
  36.         
  37.             .fac-button2{
  38.         
  39.               margin-right : .1em; padding : 5px; width : 88px; height : 30px;
  40.             }
  41.         
  42.             .fac{
  43.         
  44.               margin : 0%;
  45.         
  46.             }
  47.     
  48.             .fac-card{
  49.             
  50.             
  51.                   height : 150px;
  52.             
  53.             
  54.                 }
  56.           .profile-name{
  58.               font-weight:  bold;
  59.               margin : 2%;
  61.           }
  63.           td a{
  65.             font-size : 1.2em;
  66.             font-weight : bold;
  67.             color : #163D43;
  69.           }
  71.           .image_ronde_grande{
  72.     
  73.             overflow:hidden;
  74.               -webkit-border-radius:170px;
  75.               -moz-border-radius:170px;
  76.               border-radius:170px;
  77.               width:170px;
  78.               height:170px;
  79.             
  80.             
  81.             
  82.           }
  85. .pagination .page-item .page-link {
  86.   border-radius: 50%;
  87.   margin: 0 2px;
  88.   color: #797979;
  89.   padding: 6px 12px;
  90. }
  92. .pagination .page-item .page-link:hover {
  93.   background-color: #eee;
  94.   border-color: #ddd;
  95. }
  97. .pagination .page-item.active .page-link {
  98.   background-color: #23CCEF;
  99.   border: 0;
  100.   color: #FFFFFF !important;
  101.   padding: 7px 13px;
  102. }
  104. .pagination .page-item:first-child .page-link,
  105. .pagination .page-item:last-child .page-link {
  106.   border-radius: 50%;
  107. }
  109. .pagination>li.disabled {
  110.   opacity: .4;
  111. }
  113. .pagination.pagination-no-border>li>a,
  114. .pagination.pagination-no-border>li>span {
  115.   border: 0;
  116. }
  118. .pagination>li>a,
  119. .pagination>li>span,
  120. .pagination>li:first-child>a,
  121. .pagination>li:first-child>span,
  122. .pagination>li:last-child>a,
  123. .pagination>li:last-child>span {
  124.   border-radius: 50%;
  125.   margin: 0 2px;
  126.   color: #797979;
  127. }
  129. .pagination>li.active>a,
  130. .pagination>li.active>span,
  131. .pagination>li.active>a:hover,
  132. .pagination>li.active>span:hover,
  133. .pagination>li.active>a:focus,
  134. .pagination>li.active>span:focus {
  135.   background-color: #23CCEF;
  136.   border: 0;
  137.   color: #FFFFFF;
  138.   padding: 7px 13px;
  139. }
  141. .nav-pills-blue>li.active>a,
  142. .nav-pills-blue>li.active>a:hover,
  143. .nav-pills-blue>li.active>a:focus {
  144.   background-color: #447DF7;
  145. }
  147. .pagination-blue>li.active a,
  148. .pagination-blue>li.active a:hover,
  149. .pagination-blue>li.active a:focus,
  150. .pagination-blue>li.active span,
  151. .pagination-blue>li.active span:hover,
  152. .pagination-blue>li.active span:focus {
  153.   background-color: #447DF7 !important;
  154. }
  156. .nav-pills-azure>li.active>a,
  157. .nav-pills-azure>li.active>a:hover,
  158. .nav-pills-azure>li.active>a:focus {
  159.   background-color: #23CCEF;
  160. }
  162. .pagination-azure li.active a,
  163. .pagination-azure li.active a:hover,
  164. .pagination-azure li.active a:focus,
  165. .pagination-azure li.active span,
  166. .pagination-azure li.active span:hover,
  167. .pagination-azure li.active span:focus {
  168.   background-color: #23CCEF !important;
  169. }
  171. .nav-pills-green>li.active>a,
  172. .nav-pills-green>li.active>a:hover,
  173. .nav-pills-green>li.active>a:focus {
  174.   background-color: #87CB16;
  175. }
  177. .pagination-green>li.active a,
  178. .pagination-green>li.active a:hover,
  179. .pagination-green>li.active a:focus,
  180. .pagination-green>li.active span,
  181. .pagination-green>li.active span:hover,
  182. .pagination-green>li.active span:focus {
  183.   background-color: #87CB16 !important;
  184. }
  186. .nav-pills-orange>li.active>a,
  187. .nav-pills-orange>li.active>a:hover,
  188. .nav-pills-orange>li.active>a:focus {
  189.   background-color: #FFA534;
  190. }
  192. .pagination-orange>li.active a,
  193. .pagination-orange>li.active a:hover,
  194. .pagination-orange>li.active a:focus,
  195. .pagination-orange>li.active span,
  196. .pagination-orange>li.active span:hover,
  197. .pagination-orange>li.active span:focus {
  198.   background-color: #FFA534 !important;
  199. }
  201. .nav-pills-red>li.active>a,
  202. .nav-pills-red>li.active>a:hover,
  203. .nav-pills-red>li.active>a:focus {
  204.   background-color: #FB404B;
  205. }
  207. .pagination-red>li.active a,
  208. .pagination-red>li.active a:hover,
  209. .pagination-red>li.active a:focus,
  210. .pagination-red>li.active span,
  211. .pagination-red>li.active span:hover,
  212. .pagination-red>li.active span:focus {
  213.   background-color: #FB404B !important;
  214. }
  216. .bootstrap-table .pagination .page-number a {
  217.   padding: 7px 12px;
  218. }
  220. .pagniation-detail{
  222.   background-color:  red;
  223. }
  225. .keep-open{
  226.     
  227. }
  229. .show{
  231. }
  233. .search{
  235.   width : 41%;
  236.   border : 2px solid blue;
  237. }
  239. .pull-left{
  241.   margin-top : 3%;
  243. }
  245. li {
  246.   display: list-item;
  247.   text-align: -webkit-match-parent;
  248. }
  250. .bootstrap-table .fixed-table-pagination .page-list .btn-group {
  251.   margin-right: 5px;
  252. }
  254. .btn.btn-outline {
  255.   color: #888888;
  256.   background-color: transparent;
  257.   border: 1px solid #888888;
  258.   opacity: 1;
  259.   border-radius: 30px;
  261. }
  263. .fixed-table-toolbar .columns .btn {
  264.   margin: 0 2px;
  265.   border-radius: 30px;
  267. }
  269. .glyphicon {
  272. }
  274. .show .dropdown-menu {
  275.   opacity: 1;
  276.   filter: alpha(opacity=100);
  277.   visibility: visible;
  278. }
  280. .dropdown-menu.show {
  281.   display: block;
  282. }
  284. .dropup .dropdown-menu {
  285.   margin-top: 0;
  286.   margin-bottom: .125rem;
  287. }
  289. .dropdown-menu {
  290.   visibility: hidden;
  291.   margin: 0;
  292.   padding: 0;
  293.   border-radius: 10px;
  294.   display: block;
  295.   z-index: 9000;
  296.   position: absolute;
  297.   opacity: 0;
  298.   filter: alpha(opacity=0);
  299.   -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
  300.   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
  301. }
  303. .dropdown-menu {
  304.   position: absolute;
  305.   top: 100%;
  306.   left: 0;
  307.   z-index: 1000;
  308.   display: none;
  309.   float: left;
  310.   min-width: 10rem;
  311.   padding: .5rem 0;
  312.   margin: .125rem 0 0;
  313.   font-size: 1rem;
  314.   color: #212529;
  315.   text-align: left;
  316.   list-style: none;
  317.   background-color: #fff;
  318.   background-clip: padding-box;
  319.   border: 1px solid rgba(0,0,0,.15);
  320.   border-radius: .25rem;
  321. }
  323. .fa {
  325.   width: 18px;
  326.   text-align: center;
  327.   display: inline-block;
  328.   font: normal normal normal 14px/1 FontAwesome;
  329.   font-size: inherit;
  330.   text-rendering: auto;
  331.   -webkit-font-smoothing: antialiased;
  333. }
  335. .fa-columns{}
  336.           
  337.         
  338.          </style>
  340.     </head>
  341.     <body>
  342.