Subversion Repositories eFlore/Applications.cel

Rev

Rev 1462 | Rev 3829 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1462 Rev 3630
Line 1... Line 1...
1 
@charset "UTF-8";
 1 
@charset "UTF-8";
2 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
- 
 
 2 
 
- 
 
 3 
.grid {
- 
 
 4 
	max-width: 100vw;
- 
 
 5 
}
- 
 
 6 
 
3 
/* Widget */
 7 
/* clearfix */
- 
 
 8 
.grid:after {
- 
 
 9 
	content: '';
- 
 
 10 
	display: block;
- 
 
 11 
	clear: both;
- 
 
 12 
}
- 
 
 13 
 
- 
 
 14 
.grid-item {
- 
 
 15 
	float: left;
- 
 
 16 
	position: relative;
- 
 
 17 
	margin: 0.5vw;
- 
 
 18 
}
- 
 
 19 
 
4 
.cel-photo-contenu{
 20 
.cel-photo .cel-infos {
5 
	position:relative;
 21 
	position: absolute;
- 
 
 22 
	bottom: 0;
- 
 
 23 
	display: flex;
- 
 
 24 
	align-items: center;
- 
 
 25 
	justify-content: center;
- 
 
 26 
	width: 100%;
6 
	padding:0 5px;
 27 
	padding: 1rem;
- 
 
 28 
	background: rgba(255,255,255,0.5);
7 
	margin:5px auto;
 29 
	text-align: center;
8 
	font-family:Arial,verdana,sans-serif;
 30 
	font-weight: 400 !important;
9 
	background-color:#DDDDDD;
 31 
	font-size: 0.5rem;
- 
 
 32 
}
- 
 
 33 
 
- 
 
 34 
.cel-infos,
- 
 
 35 
.cel-infos a {
10 
	color:black;
 36 
	color: #606060;
11 
}
 37 
}
- 
 
 38 
 
12 
.cel-photo-contenu h1 {
 39 
.cel-photo-contenu h1 {
13 
	margin:5px !important;
 - 
 
14 
	padding:0 !important;
 - 
 
15 
	font-size:16px !important;
 - 
 
16 
	color:black !important;
 - 
 
17 
	background-color:transparent !important;
 - 
 
18 
	background-image:none !important;
 - 
 
19 
	text-transform:none !important;
 - 
 
20 
	text-align:left !important;
 40 
	text-align: center;
21 
}
 - 
 
22 
.cel-photo-contenu h1 a{
 - 
 
23 
	color: #AAAAAA !important
 - 
 
24 
}
 - 
 
25 
.cel-photo-contenu h1 a:hover {
 - 
 
26 
	color:#56B80E !important;
 - 
 
27 
	border-bottom:1px dotted #56B80E;
 - 
 
28 
}
 - 
 
29 
.cel-photo-contenu h1 .cel-photo-flux{
 - 
 
30 
	width:16px;
 - 
 
31 
	height:20px;
 - 
 
32 
}
 - 
 
33 
.cel-photo-contenu img {
 - 
 
34 
	border:0 !important;
 - 
 
35 
	padding:0 !important;
 41 
	padding: 15px;
36 
	margin:0 !important;
 - 
 
37 
}
 - 
 
38 
.cel-photo-contenu a, .cel-photo-contenu a:active, .cel-photo-contenu a:visited {
 - 
 
39 
	border-bottom:1px dotted #666;
 - 
 
40 
	color: black;
 - 
 
41 
	text-decoration:none;
 - 
 
42 
	background-image:none;
 - 
 
43 
}
 - 
 
44 
.cel-photo-contenu a:active {
 - 
 
45 
	outline:none;
 - 
 
46 
}
 - 
 
47 
.cel-photo-contenu a:focus {
 - 
 
48 
	outline:thin dotted;
 - 
 
49 
}
 - 
 
50 
.cel-photo-contenu a:hover {
 - 
 
51 
	color:#56B80E;
 - 
 
52 
	border-bottom:1px dotted #56B80E;
 - 
 
53 
}
 - 
 
54 
.cel-photo-date-generation{
 - 
 
55 
	float:right;
 - 
 
56 
	font-size:8px;
 - 
 
57 
}
 42 
}
- 
 
 43 
 
- 
 
 44 
.cel-photo a,
- 
 
 45 
.cel-photo a img {
- 
 
 46 
	height: 100%;
- 
 
 47 
	width: 100%;
- 
 
 48 
}
58 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
- 
 
 49 
 
- 
 
 50 
.cel-photo-contenu {
59 
/* Général */
 51 
    margin: 0 auto;
- 
 
 52 
	max-width: 100%;
- 
 
 53 
}
- 
 
 54 
 
60 
.cel-photo-contenu .discretion {
 55 
.cel-photo-contenu .discretion {
61 
	color:grey;
 56 
	color: grey;
62 
	font-family:arial;
 - 
 
63 
	font-size:11px;
 57 
	font-size: 0.8rem;
64 
	font-weight:bold;
 58 
	font-weight: 700;
65 
}
 59 
}
- 
 
 60 
 
66 
.cel-photo-contenu .nettoyage {
 61 
.cel-photo-contenu .nettoyage {
67 
	clear:both;
 62 
	clear: both;
- 
 
 63 
}
- 
 
 64 
 
- 
 
 65 
.cel-photo-pieds {
- 
 
 66 
	padding: 1rem;
- 
 
 67 
}
- 
 
 68 
 
- 
 
 69 
.cel-photo-contenu .cel-photo .cel-infos .close,
- 
 
 70 
.cel-photo .bouton-afficher-infos {
- 
 
 71 
	position: absolute;
- 
 
 72 
	top: 3px;
- 
 
 73 
	right: 3px;
- 
 
 74 
	height: initial;
- 
 
 75 
	width: initial;
- 
 
 76 
	padding: 0.1rem 0.2rem;
- 
 
 77 
}
- 
 
 78 
 
- 
 
 79 
.cel-photo-contenu .cel-photo .cel-infos .close,
- 
 
 80 
.cel-photo-contenu .cel-photo .cel-infos .close:hover {
- 
 
 81 
	font-size: 0.5rem;
- 
 
 82 
	text-decoration: none;
- 
 
 83 
	border: none;
- 
 
 84 
	color: #606060;
- 
 
 85 
}
- 
 
 86 
 
- 
 
 87 
.cel-photo .bouton-afficher-infos {
- 
 
 88 
	font-size: 1rem;
- 
 
 89 
}
- 
 
 90 
 
- 
 
 91 
.cel-photo .bouton-afficher-infos i {
- 
 
 92 
	color:#ffc107;
- 
 
 93 
}
- 
 
 94 
 
- 
 
 95 
.cel-photo .bouton-afficher-infos:hover i {
- 
 
 96 
	background-color: #ffc107;
- 
 
 97 
	color: #fff;
- 
 
 98 
}
- 
 
 99 
 
- 
 
 100 
/*---------------------------------------------*/
- 
 
 101 
 
- 
 
 102 
.form-recherche {
- 
 
 103 
	position: relative;
- 
 
 104 
}
- 
 
 105 
 
- 
 
 106 
.form-recherche .bloc-recherche .recherche {
- 
 
 107 
	width: auto;
- 
 
 108 
	display: inline-block;
- 
 
 109 
}
- 
 
 110 
 
- 
 
 111 
.form-recherche .bloc-recherche .bouton-rechercher,
- 
 
 112 
.form-recherche .bloc-recherche .bouton-plus-filtres {
- 
 
 113 
	border: 0 none;
- 
 
 114 
}
- 
 
 115 
 
- 
 
 116 
.form-recherche .bloc-recherche .bouton-rechercher,
- 
 
 117 
.form-recherche .bloc-recherche .bouton-rechercher:hover,
- 
 
 118 
.form-recherche .bloc-recherche .bouton-plus-filtres:hover {
- 
 
 119 
	color: #fff;
- 
 
 120 
}
- 
 
 121 
 
- 
 
 122 
.form-recherche .autres-filtres {
- 
 
 123 
	position: absolute;
- 
 
 124 
	padding: 0.5rem;
- 
 
 125 
	margin: 0.5rem 0;
- 
 
 126 
	background-color: rgba(0, 0, 0, 0.8);
- 
 
 127 
	border-radius: 0.25rem;
- 
 
 128 
	top: 80%;
- 
 
 129 
	z-index: 9;
- 
 
 130 
}
- 
 
 131 
 
- 
 
 132 
.form-recherche .autres-filtres .bloc-filtre {
- 
 
 133 
	padding: 0.5rem;
- 
 
 134 
	margin: 0.5rem;
- 
 
 135 
	color: #fff;
- 
 
 136 
}
- 
 
 137 
 
- 
 
 138 
.form-recherche .autres-filtres .btn.bouton-fermer-filtres {
- 
 
 139 
	position: absolute;
- 
 
 140 
	top: 0;
- 
 
 141 
	right: 0;
- 
 
 142 
	margin: 0;
- 
 
 143 
	color: #fff;
- 
 
 144 
	cursor: pointer;
- 
 
 145 
	z-index: 10;
- 
 
 146 
}
- 
 
 147 
 
- 
 
 148 
@media screen and ( max-width: 991px ) {
- 
 
 149 
	.form-recherche .autres-filtres {
- 
 
 150 
		position: fixed;
- 
 
 151 
		border-radius: 0;
- 
 
 152 
		margin: 0;
- 
 
 153 
		top: 0;
- 
 
 154 
		right: 0;
- 
 
 155 
		bottom: 0;
- 
 
 156 
		left: 0;
- 
 
 157 
		z-index: 9;
- 
 
 158 
		overflow: scroll;
- 
 
 159 
	}
- 
 
 160 
 
- 
 
 161 
	.form-recherche .bloc-recherche .recherche {
- 
 
 162 
		width: 100vw;
- 
 
 163 
	}
- 
 
 164 
 
- 
 
 165 
	.form-recherche .bouton-plus-filtres .moins {
- 
 
 166 
		display: none;
- 
 
 167 
	}
- 
 
 168 
}
- 
 
 169 
 
- 
 
 170 
@media screen and ( max-width: 768px ) {
- 
 
 171 
	.cel-photo .cel-infos {
- 
 
 172 
		display: none;
- 
 
 173 
	}
68 
}
 174 
}
69 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
70 
/* Galerie Photos CEL */
 - 
 
71 
.cel-photo-contenu .cel-photo a{
 - 
 
72 
	float:left;
 - 
 
73 
	padding:2px;
 - 
 
74 
	border:1px solid white;
 - 
 
75 
}
 - 
 
76 
.cel-photo-contenu .cel-photo a:hover{
 - 
 
77 
	border:1px dotted #FD8C13;
 - 
 
78 
}
 - 
 
79 
.cel-photo-contenu .cel-photo a img{
 - 
 
80 
	float:left;
 - 
 
81 
	width:63px;
 - 
 
82 
	height:63px;
 - 
 
83 
}
 - 
 
84 
.cel-photo-contenu .cel-photo-extra a img{
 - 
 
85 
	height:auto;
 - 
 
86 
}
 - 
 
87 
.cel-photo-contenu .cel-infos {
 - 
 
88 
	display:none;
 - 
 
89 
}
 - 
 
90 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
91 
/* Diaporama */
 - 
 
92 
.cel-legende{
 - 
 
93 
	text-align:left;
 - 
 
94 
}
 - 
 
95 
.cel-legende-vei{
 - 
 
96 
	float:right;
 - 
 
97 
}
 - 
 
98 
.cel-legende p{
 - 
 
99 
	color:black;
 - 
 
100 
	font-size:12px;
 - 
 
101 
	margin:5px 0;
 - 
 
102 
}
 - 
 
103 
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
 - 
 
104 
	border-bottom:1px dotted gainsboro;
 - 
 
105 
	color:#333;
 - 
 
106 
	text-decoration:none;
 - 
 
107 
	background-image:none;
 - 
 
108 
}
 - 
 
109 
.cel-legende a:hover {
 - 
 
110 
	color:#56B80E;
 - 
 
111 
	border-bottom:1px dotted #56B80E;
 - 
 
112 
}
 - 
 
113 

            175