commit
This commit is contained in:
alexandre-pereira
parent
ca50de606d
commit
2991405b30
File diff suppressed because one or more lines are too long
|
|
@ -136,56 +136,95 @@ button:active {
|
|||
}
|
||||
|
||||
/* FIL D'ARIANE */
|
||||
#breadcrumb img {
|
||||
height: 26px;
|
||||
display: inline-block;
|
||||
margin: 2px 0;
|
||||
}
|
||||
#breadcrumb {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
}
|
||||
#breadcrumb li {
|
||||
float: left;
|
||||
line-height: 40px;
|
||||
|
||||
#back_ref{
|
||||
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
|
||||
width:500px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
/*Reset sur la liste*/
|
||||
#back_ref ul, #back_ref li {
|
||||
list-style-type:none;
|
||||
padding:0;margin:0;
|
||||
}
|
||||
/*Styles sur la liste*/
|
||||
#back_ref ul{
|
||||
height:33px;
|
||||
margin:10px auto;
|
||||
padding:30px 0;
|
||||
}
|
||||
/*Premier ÈlÈment de la liste*/
|
||||
#back_ref li.first {
|
||||
background:url(../imgs/ariane/first-left.png) 0 0 no-repeat;
|
||||
height:33px;
|
||||
}
|
||||
/*Tous les ÈlÈments de la liste sauf premier et dernier*/
|
||||
#back_ref li {
|
||||
float:left;
|
||||
background:url(../imgs/ariane/general-left.png) 0 0 no-repeat;
|
||||
line-height:33px;
|
||||
margin:5px 0 0 0;
|
||||
padding-left:13px;
|
||||
#breadcrumb li a {
|
||||
color: #FFF;
|
||||
display: block;
|
||||
background: #3498db;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
height: 30px;
|
||||
line-height:30px;
|
||||
vertical-align:middle;
|
||||
text-align: center;
|
||||
margin-right: 23px;
|
||||
}
|
||||
/*Style sur les ÈlÈments a et span*/
|
||||
#back_ref li a,
|
||||
#back_ref li span {
|
||||
float:left;
|
||||
background:url(../imgs/ariane/bg-gradient.jpg) 0 0 repeat-x;
|
||||
height:33px;
|
||||
margin:0;
|
||||
padding:0 0 0 5px;
|
||||
font-size:11px;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:0.02em;
|
||||
}
|
||||
/*Style du dernier span de la liste*/
|
||||
#back_ref li span.end {
|
||||
float:left;
|
||||
background:url(../imgs/ariane/general-right.png) 0 0 no-repeat;
|
||||
width:20px;
|
||||
height:33px;
|
||||
}
|
||||
#back_ref img {
|
||||
vertical-align:middle;
|
||||
#breadcrumb li:nth-child(even) a {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
|
||||
#breadcrumb li:nth-child(even) a:before {
|
||||
border-color: #2980b9;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
#breadcrumb li:nth-child(even) a:after {
|
||||
border-left-color: #2980b9;
|
||||
}
|
||||
#breadcrumb li:first-child a {
|
||||
padding-left: 5px;
|
||||
-moz-border-radius: 4px 0 0 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
#breadcrumb li:first-child a:before {
|
||||
border: none;
|
||||
}
|
||||
#breadcrumb li:last-child a {
|
||||
padding-right: 15px;
|
||||
-moz-border-radius: 0 4px 4px 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
#breadcrumb li:last-child a:after {
|
||||
border: none;
|
||||
}
|
||||
#breadcrumb li a:before, #breadcrumb li a:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border: 0 solid #3498db;
|
||||
border-width: 15px 10px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
#breadcrumb li a:before {
|
||||
left: -15px;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
#breadcrumb li a:after {
|
||||
left: 100%;
|
||||
border-color: transparent;
|
||||
border-left-color: #3498db;
|
||||
}
|
||||
#breadcrumb li a:hover {
|
||||
background-color: #1abc9c;
|
||||
}
|
||||
#breadcrumb li a:hover:before {
|
||||
border-color: #1abc9c;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
#breadcrumb li a:hover:after {
|
||||
border-left-color: #1abc9c;
|
||||
}
|
||||
#breadcrumb li a:active {
|
||||
background-color: #16a085;
|
||||
}
|
||||
#breadcrumb li a:active:before {
|
||||
border-color: #16a085;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
#breadcrumb li a:active:after {
|
||||
border-left-color: #16a085;
|
||||
}
|
||||
|
|
@ -1,5 +1,11 @@
|
|||
@extends('backend/template')
|
||||
|
||||
@section('page-css')
|
||||
<style>
|
||||
html, body {
|
||||
background: url('{{URL::to('imgs/adminbg.jpg')}}');
|
||||
background-size: cover;
|
||||
}</style>
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row"><div class="col-md-12">
|
||||
|
|
|
|||
|
|
@ -1,26 +1,17 @@
|
|||
|
||||
@extends('frontend/template')
|
||||
|
||||
@section('content')
|
||||
<div class="titreIcon">
|
||||
<img src="imgs/games.png" />
|
||||
</div>
|
||||
<div id="back_ref">
|
||||
<ul>
|
||||
<li class="first">
|
||||
<a href="/choisirref"><img src="{{ $ref -> image}}" style="border:1px solid silver;"/></a>
|
||||
<span class="end"> </span>
|
||||
|
||||
<ul id="breadcrumb">
|
||||
<li>
|
||||
<a href=""><img src="imgs/puzzle/iconPuzzle.png" alt="puzzle"/></a>
|
||||
</li>
|
||||
<li>
|
||||
<span><img src="imgs/games.png" alt="game"/></span>
|
||||
<span class="end"> </span>
|
||||
<a href="#">Test</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<a href="{{ URL::to('puzzle') }}" ><img src="imgs/puzzle/iconPuzzle.png" alt="puzzle"/></a>
|
||||
<a href="{{ URL::to('memo') }}" ><img src="imgs/memo/memo2.png" alt="memo"/></a>
|
||||
</div>
|
||||
<footer>
|
||||
<p style="text-align:center; color:black; font-size:12px; position:absolute; bottom: 0; "> Application du musée Augustin </p>
|
||||
</footer>
|
||||
@endsection
|
||||
|
|
|
|||
|
|
@ -9,10 +9,7 @@
|
|||
@yield('page-css')
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@yield('content')
|
||||
|
||||
|
||||
@yield('page-scripts')
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Reference in New Issue