dépôts
/
lhc
/
web
/
clavettes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
[CSS] + footer 700px
[lhc/web/clavettes.git]
/
css
/
habillage.scss
diff --git
a/css/habillage.scss
b/css/habillage.scss
index
63a241b
..
cfed9c8
100644
(file)
--- a/
css/habillage.scss
+++ b/
css/habillage.scss
@@
-104,7
+104,7
@@
header .spip_logos{
margin:0 auto;
}
a{
margin:0 auto;
}
a{
- color:#0
5ffbc
;
+ color:#0
fe4ab
;
text-decoration:none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration:none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
@@
-216,7
+216,7
@@
p{
clear:both;
}
.fa{
clear:both;
}
.fa{
- color:#0
5ffbc
;
+ color:#0
fe4ab
;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
@@
-237,7
+237,6
@@
p{
#news{
#news{
- overflow: hidden;
margin:0 10px;
}
.article{
margin:0 10px;
}
.article{
@@
-247,6
+246,7
@@
p{
}
.article h1{
font-size: 1.4em;
}
.article h1{
font-size: 1.4em;
+ width:100%;
}
.article .fa{
width: 20px;
}
.article .fa{
width: 20px;
@@
-259,7
+259,8
@@
p{
display: none;
}
.article img{
display: none;
}
.article img{
- width:auto;
+ width:100%;
+ height:auto;
margin:0;
}
.article ul{
margin:0;
}
.article ul{
@@
-271,6
+272,40
@@
p{
.article div{
margin:0 15px;
}
.article div{
margin:0 15px;
}
+
+
+.articlefull{
+ background-color:#e8e3e1;
+ margin:0 0 15px 0;
+ line-height: 1.3;
+}
+.articlefull h1{
+ font-size: 1.4em;
+ width:100%;
+}
+.articlefull .fa{
+ width: 20px;
+ height: 20px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+}
+.articlefull .fa a{
+ display: none;
+}
+.articlefull img{
+ width:auto;
+ margin:0;
+}
+.articlefull ul{
+ margin:0 15px;
+}
+.articlefull li{
+ margin:0 15px;
+}
+.articlefull div{
+ margin:0 15px;
+}
address{
padding-bottom: 10px;
}
address{
padding-bottom: 10px;
}
@@
-298,7
+333,6
@@
address p{
padding:15px 0;
}
padding:15px 0;
}
-
/*3EME COLONNE*/
/*3EME COLONNE*/
@@
-308,18
+342,18
@@
address p{
margin:0 10px 15px 10px;
overflow: hidden;
}
margin:0 10px 15px 10px;
overflow: hidden;
}
-
.agenda{
background-color: #05ffbc;
.agenda{
background-color: #05ffbc;
- height:500px;
margin:0 10px 15px 10px;
padding-right: 10px;
margin:0 10px 15px 10px;
padding-right: 10px;
+ padding-bottom: 15px;
+}
+.agenda h1:hover{
+ text-decoration: none;
}
}
-
.agenda p{
padding: 0;
}
.agenda p{
padding: 0;
}
-
.agenda ul{
list-style-type:none;
padding:0;
.agenda ul{
list-style-type:none;
padding:0;
@@
-331,20
+365,17
@@
address p{
font-size: 1.7em;
clear: both;
}
font-size: 1.7em;
clear: both;
}
-
.event{
display: block;
.event{
display: block;
- margin-bottom:
10
px;
+ margin-bottom:
45
px;
padding-top: 5px;
padding-top: 5px;
+
}
.horaire{
font-size: 0.8em;
margin-bottom: 20px;
display: block;
}
}
.horaire{
font-size: 0.8em;
margin-bottom: 20px;
display: block;
}
-.nature{
-
-}
/*RESPONSIVE*/
/*RESPONSIVE*/
@@
-414,22
+445,19
@@
footer{
}
footer ul {
}
footer ul {
+ width:500px;
+ margin:0 auto;
padding:0;
padding:0;
- margin:0 auto;
list-style-type:none;
padding-top:30px;
}
list-style-type:none;
padding-top:30px;
}
-.textfooter{
- width:500px;
- margin:0 auto;
-}
+
footer li {
float:left; /*pour IE*/
text-align: center;
}
footer ul li a {
display:block;
footer li {
float:left; /*pour IE*/
text-align: center;
}
footer ul li a {
display:block;
- float:left;
text-decoration:none;
color: #0c0fb7;
}
text-decoration:none;
color: #0c0fb7;
}