root / tei / css / localscroll.css @ 2
Historique | Voir | Annoter | Télécharger (1,1 ko)
| 1 |
/* LOCALSCROLL */
|
|---|---|
| 2 |
|
| 3 |
/* PANNEAU OUEST */
|
| 4 |
#navigation {
|
| 5 |
overflow:auto; |
| 6 |
background-color:#EBA60B; |
| 7 |
width:12%; |
| 8 |
height:550px; |
| 9 |
float:left; |
| 10 |
text-align: left; |
| 11 |
font-size:0.9em; |
| 12 |
border-right:2px solid #888; |
| 13 |
} |
| 14 |
|
| 15 |
#navigation .sup{ |
| 16 |
margin:26px 10px; |
| 17 |
font-size:14px; |
| 18 |
} |
| 19 |
#navigation ul{ |
| 20 |
margin:5px 0; |
| 21 |
list-style:circle; |
| 22 |
padding-left:5px; |
| 23 |
} |
| 24 |
#navigation a{ |
| 25 |
color:maroon; |
| 26 |
} |
| 27 |
#navigation .sup li{ |
| 28 |
margin: 3px 0 !important; |
| 29 |
margin:-4px 0; |
| 30 |
font-size:10px; |
| 31 |
} |
| 32 |
#navigation a.scrolling{ |
| 33 |
color:#933; |
| 34 |
} |
| 35 |
/* PANNEAU CENTRE */
|
| 36 |
#content{
|
| 37 |
text-align:left; |
| 38 |
overflow:auto; |
| 39 |
width:63%; |
| 40 |
background-color:white; |
| 41 |
position:relative; |
| 42 |
height:550px; |
| 43 |
float:left; |
| 44 |
text-align:left; |
| 45 |
margin:15px; |
| 46 |
|
| 47 |
} |
| 48 |
|
| 49 |
|
| 50 |
|
| 51 |
#content h2{ |
| 52 |
color:#993333; |
| 53 |
margin:20px 0pt; |
| 54 |
} |
| 55 |
#content a{ |
| 56 |
color:#000; |
| 57 |
font-size:10px; |
| 58 |
text-decoration:none; |
| 59 |
} |
| 60 |
|
| 61 |
.section{
|
| 62 |
width:2500%; |
| 63 |
position:relative; |
| 64 |
} |
| 65 |
|
| 66 |
|
| 67 |
.section .sub{ |
| 68 |
position:relative; |
| 69 |
float:left; |
| 70 |
padding:10px 30px; |
| 71 |
width:3.8%; |
| 72 |
|
| 73 |
} |
| 74 |
|
| 75 |
.section .sub p{ |
| 76 |
|
| 77 |
} |
| 78 |
.section .next, .section .prev{ |
| 79 |
font-size:18px; |
| 80 |
position:absolute; |
| 81 |
bottom:15px; |
| 82 |
letter-spacing:-2px; |
| 83 |
} |
| 84 |
.section .next{ |
| 85 |
right:30px; |
| 86 |
} |
| 87 |
.section .prev{ |
| 88 |
left:30px; |
| 89 |
} |
| 90 |
|
| 91 |
|