Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 583 Rev 587
Line 1... Line 1...
1 
@charset "UTF-8";
 1 
@charset "UTF-8";
- 
 
 2 
/*+-----------------------------------------------------------------------------------------------------------------+*/
2 
html {
 3 
/* Widget */
3 
	overflow:hidden;
 4 
#cel-photo-contenu{
4 
}
 - 
 
5 
body{
 - 
 
6 
	overflow:hidden;
 5 
	position:relative;
7 
	padding:0;
 6 
	padding:0 5px;
8 
	margin:0;
 7 
	margin:5px auto;
9 
	width:100%;
 - 
 
10 
	height:100%;
 - 
 
11 
	font-family:Arial,verdana,sans-serif;
 8 
	font-family:Arial,verdana,sans-serif;
12 
	font-size:12px;
 9 
	font-size:12px;
13 
	background-color:#4A4B4C;
 10 
	background-color:#4A4B4C;
14 
	color:#CCC;
 11 
	color:#CCC;
15 
}
 12 
}
16 
img {
 - 
 
17 
	border:0;
 13 
#cel-photo-contenu h1 {
18 
}
 - 
 
19 
h1 {
 - 
 
20 
	margin:5px;
 14 
	margin:5px;
21 
	font-size:1.6em;
 15 
	font-size:1.6em;
- 
 
 16 
	background-color:transparent;
22 
}
 17 
}
- 
 
 18 
#cel-photo-contenu h1 #cel-photo-flux{
- 
 
 19 
	width:16px;
- 
 
 20 
	height:20px;
23 
h2 {
 21 
}
- 
 
 22 
#cel-photo-contenu img {
24 
	font-size:1.4em;
 23 
	border:0;
25 
}
 24 
}
26 
a, a:active, a:visited {
 25 
#cel-photo-contenu a, #cel-photo-contenu a:active, #cel-photo-contenu a:visited {
27 
	border-bottom:1px dotted #666;
 26 
	border-bottom:1px dotted #666;
28 
	color:#CCC;
 27 
	color:#CCC;
29 
	text-decoration:none;
 28 
	text-decoration:none;
30 
}
 29 
}
31 
a:active {
 30 
#cel-photo-contenu a:active {
32 
	outline:none;
 31 
	outline:none;
33 
}
 32 
}
34 
a:focus {
 33 
#cel-photo-contenu a:focus {
35 
	outline:thin dotted;
 34 
	outline:thin dotted;
36 
}
 35 
}
37 
a:hover {
 36 
#cel-photo-contenu a:hover {
38 
	color:#56B80E;
 37 
	color:#56B80E;
39 
	border-bottom:1px dotted #56B80E;
 38 
	border-bottom:1px dotted #56B80E;
40 
}
 39 
}
- 
 
 40 
#cel-photo-date-generation{
- 
 
 41 
	text-align:right;
- 
 
 42 
}
41 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 43 
/*+-----------------------------------------------------------------------------------------------------------------+*/
42 
/* Général */
 44 
/* Général */
43 
.discretion {
 45 
#cel-photo-contenu .discretion {
44 
	color:grey;
 46 
	color:grey;
45 
	font-family:arial;
 47 
	font-family:arial;
46 
	font-size:11px;
 48 
	font-size:11px;
47 
	font-weight:bold;
 49 
	font-weight:bold;
48 
}
 50 
}
49 
.nettoyage {
 51 
#cel-photo-contenu .nettoyage {
50 
	clear:both;
 52 
	clear:both;
51 
}
 53 
}
52 
hr.nettoyage {
 - 
 
53 
	visibility:hidden;
 - 
 
54 
}
 - 
 
55 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
56 
/* Widget */
 - 
 
57 
#contenu{
 - 
 
58 
	position:relative;
 - 
 
59 
	margin:5px auto;
 - 
 
60 
}
 - 
 
61 
#date-generation{
 - 
 
62 
	text-align:right;
 - 
 
63 
}
 - 
 
64 
#flux-suivre {
 - 
 
65 
	color:rgba(0,0,0,0);
 - 
 
66 
	background:url("http://www.tela-botanica.org/sites/commun/generique/images/rss.png") no-repeat scroll 0 2px transparent;
 - 
 
67 
	width:16px;
 - 
 
68 
	height:20px;
 - 
 
69 
	overflow:hidden;
 - 
 
70 
}
 - 
 
71 
#flux-suivre:hover {
 - 
 
72 
	color:rgba(0,0,0,0);
 - 
 
73 
}
 - 
 
74 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 54 
/*+-----------------------------------------------------------------------------------------------------------------+*/
75 
/* Galerie Photos CEL */
 55 
/* Galerie Photos CEL */
76 
#galerie-photo .photo a{
 56 
#cel-photo-contenu .cel-photo a{
77 
	float:left;
 57 
	float:left;
78 
	padding:2px;
 58 
	padding:2px;
79 
	border:1px solid white;
 59 
	border:1px solid white;
80 
}
 60 
}
81 
#galerie-photo .photo a:hover{
 61 
#cel-photo-contenu .cel-photo a:hover{
82 
	border:1px dotted #FD8C13;
 62 
	border:1px dotted #FD8C13;
83 
}
 63 
}
84 
#galerie-photo .photo a img{
 64 
#cel-photo-contenu .cel-photo a img{
85 
	float:left;
 65 
	float:left;
86 
	width:63px;
 66 
	width:63px;
87 
	height:63px;
 67 
	height:63px;
88 
}
 68 
}
89 
#galerie-photo #photo-extra img{
 69 
#cel-photo-contenu #cel-photo-extra img{
90 
	height:auto;
 70 
	height:auto;
91 
}
 71 
}
92 
.infos {
 72 
#cel-photo-contenu .cel-infos {
93 
	display:none;
 73 
	display:none;
94 
}
 74 
}
- 
 
 75 
/*+-----------------------------------------------------------------------------------------------------------------+*/
- 
 
 76 
/* Diaporama */
95 
#legende{
 77 
#cel-legende{
96 
	text-align:left;
 78 
	text-align:left;
97 
}
 79 
}
98 
#legende-vei{
 80 
#cel-legende-vei{
99 
	float:right;
 81 
	float:right;
100 
}
 82 
}
101 
#legende p{
 83 
#cel-legende p{
102 
	color:black;
 84 
	color:black;
103 
	font-size:12px;
 85 
	font-size:12px;
104 
	margin:5px 0;
 86 
	margin:5px 0;
105 
}
 87 
}
106 
#legende a {
 88 
#cel-legende a {
107 
	color:#333;
 89 
	color:#333;
108 
	border-bottom:1px dotted gainsboro;
 90 
	border-bottom:1px dotted gainsboro;
109 
}
 91 
}
110 
#legende a:hover {
 92 
#cel-legende a:hover {
111 
	color:#56B80E;
 93 
	color:#56B80E;
112 
	border-bottom:1px dotted #56B80E;
 94 
	border-bottom:1px dotted #56B80E;
113 
}
 95 
}
114 

            96