indexiGor/css/style.css

112 lines
1.4 KiB
CSS
Raw Normal View History

/* La page id-libre.org : l'accueil */
html, body, article, ul, li {
margin: 0px;
padding: 0px;
}
body {
width: 100%;
}
#accueil {
width: 66%;
max-width: 900px;
margin: 1% auto;
font-size: 175%;
-moz-hyphens: auto;
}
#main {
list-style: none outside none;
margin: 0px auto;
padding: 1%;
}
.entree {
display: inline-block;
margin: .5%;
}
.wraptocenter {
display: table-cell;
vertical-align: middle;
text-align: center;
background-color: rgba(34, 34, 34, .8);
color: rgba(231, 231, 231, .7);
border-radius: 7px;
width: 7em;
height: 7em;
}
.wraptocenter a {
text-decoration: none;
vertical-align: middle;
padding: .5em;
color: rgba(231, 231, 231, .7);
}
.wraptocenter a:hover {
}
/* #accueil {
margin: 0px auto;
max-width: 80%;
}
a {
text-decoration: none;
padding-top: 40%;
}
ul {
list-style: none outside none;
margin: 0px;
padding: 1%;
}
.entree {
margin: 1%;
width: 24%;
height: 0px;
padding-bottom: 24%;
overflow: hidden;
text-align: center;
background-color: rgba(34, 34, 34, .8);
color: rgba(231, 231, 231, .7);
font-size: 200%;
float: left;
vertical-align: middle;
border-radius: 3px;
}
@media (max-width: 1000px) {
.entree {
width: 25%;
padding-bottom: 25%;
}
}
.entree:hover {
text-decoration: none;
color: rgba(231, 231, 231, 1);
background-color: rgba(34, 34, 34, .5);
}
.entree a {
display: block;
width: 100%;
height: 100%;
color: rgba(231, 231, 231, .7);
}
.entree:hover a {
text-decoration: none;
}
*/