1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174
|
@font-face {
font-family: 'cacchampagne_regular_macroman';
src: url('polices/cacchampagne_regular_macroman/cac_champagne-webfont.eot');
src: url('polices/cacchampagne_regular_macroman/cac_champagne-webfont.eot?#iefix') format('embedded-opentype'), url('polices/cacchampagne_regular_macroman/cac_champagne-webfont.woff') format('woff'), url('polices/cacchampagne_regular_macroman/cac_champagne-webfont.ttf') format('truetype'), url('polices/cacchampagne_regular_macroman/cac_champagne-webfont.svg#cac_champagneregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontleroybrown_regular_macroman';
src: url('polices/fontleroybrown_regular_macroman/FontleroyBrown-webfont.eot');
src: url('polices/fontleroybrown_regular_macroman/FontleroyBrown-webfont.eot?#iefix') format('embedded-opentype'), url('polices/fontleroybrown_regular_macroman/FontleroyBrown-webfont.woff') format('woff'), url('polices/fontleroybrown_regular_macroman/FontleroyBrown-webfont.ttf') format('truetype'), url('polices/fontleroybrown_regular_macroman/FontleroyBrown-webfont.svg#fontleroybrownregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ptsanscaption_bold_macroman';
src: url('polices/ptsanscaption_bold_macroman/PTC75F-webfont.eot');
src: url('polices/ptsanscaption_bold_macroman/PTC75F-webfont.eot?#iefix') format ('embedded-opentype'), url('polices/ptsanscaption_bold_macroman/PTC75F-webfont.woff') format('woff'), url('polices/ptsanscaption_bold_macroman/PTC75F-webfont.ttf') format('truetype'), url('polices/ptsanscaption_bold_macroman/PTC75F-webfont.svg#pt_sans_captionbold') format('svg');
font-weight: normal;
font-style: normal;
}
/* Eléments principaux de la page */
body {
width: 95%;
height: 95%;
background-image: url("/home/yann/dev/me_s_art/Images/me10.png");
color: black;
}
aside nav a {
font-family: Dayrom, serif;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
/* Header */
header nav a {
display: inline-block;
}
header nav ul {
border: 2px solid black;
border-redius: 1px;
background-image: url('Images/effet_de_roche_a3.png');
list-style-type: none;
}
header nav li {
padding-right: 5px;
display: inline-block;
text-transform: uppercase;
}
header h1 {
font-size: 5em;
font-family: 'cacchampagne_regular_macroman', serif;
font-weight: normal;
}
#logo, header h1 {
display: inline-block;
margin-bottom: 0px;
}
section h1, header h2 {
font-family: 'fontleroybrown_regular_macroman', serif;
font-size: 3em;
margin-bottom: 10px;
margin-top: 0px;
font-weight: normal;
}
.petit {
font-size: 0.5em;
}
section h2, header h3 {
font-family: 'ptsanscaption_bold_macroman', serif;
font-weight: bold;
font-size: 1.3em;
margin-top: 0px;
}
/* Navigation */
aside nav a {
text-align: left;
}
aside nav li {
padding-bottom: 8px;
display: block;
text-align: left;
}
nav ul {
list-style-type: none;
}
nav a {
font-size: 1.3em;
padding-bottom: 5px;
}
a:hover {
color: black;
}
/* Corps */
section {
display: block;
padding-top: 5px;
padding-bottom: 5px;
margin-left : 0 auto;
margin-right : 0 auto;
width : 95%;
padding: 0px;
text-align: center;
border: 2px solid black;
}
article, aside {
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
vertical-align: top;
padding: 10px;
color: black;
background-color: #706b64;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
}
article {
width: 55%;
margin-right: 15px;
font-size: 1.2em;
border: 2px solid black;
}
article p {
font-size: 0.8em;
}
aside {
width: 35%;
font-size: 0.9em;
border: 2px solid black;
}
a:hoover {
color: black;
}
/* Footer */
footer {
margin-left : auto;
margin-right : auto;
width : 50%;
margin-top: 5px;
background-image: url('Images/effet_de_roche_a3.png');
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
display: inline-block;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
margin-bottom: 5px;
border: 2px solid black;
border-radius: 5px;
font-weight: bold;
}
a {
font-family: "Comic sans MS", "Trebuchet MS", Verdana, serif;
}
nav ul a {
font-weight: bold;
}
/* Correctifs pour les vieilles versions d'Internet Explorer */
/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */
.old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul {
display: inline;
zoom: 1;
}
/* Quelques ajustements pour les vieilles versions d'IE */
.old_ie section h1, .ie8 section h1 {
font-size: 1.1em;
}
.old_ie footer div, .ie8 footer div {
margin-top: 30px;
background: url('images/separateur.png') repeat-x top;
} |
Partager