igor
/
igor.milhit
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

amélioration menu

web-fediverse-moi
iGor milhit 2016-09-06 09:14:39 +02:00
parent 34d0012bd4
commit 94c0e87ee8
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/rocssti.css
View File

@ -659,11 +659,13 @@ header {
color: rgb(238, 215, 244); color: rgb(238, 215, 244);
padding-top: 2em; padding-top: 2em;
} }
header h1 { header h1 {
display: inline; display: inline;
font-size: 3.125em; font-size: 3.125em;
} }
.header { .header {
} }
@ -685,12 +687,12 @@ header h1 {
} }
.navigation a, .navigation a:active, .navigation a:hover, .navigation a:visited { .navigation a, .navigation a:active, .navigation a:hover, .navigation a:visited {
color: rgb(238, 215, 244); color: rgb(103, 83, 108);
text-decoration: none; text-decoration: none;
} }
.navigation div { .navigation div {
margin-right: 1em; margin: 0 .5em 1em 0;
} }
@ -777,6 +779,7 @@ textarea {
} }
/* à adapter selon le design voulu */ /* à adapter selon le design voulu */
/* la couleur des liens est dans .navigation */
.button { .button {
color: rgb(103, 83, 108); color: rgb(103, 83, 108);
border-style: solid; border-style: solid;
@ -786,6 +789,7 @@ textarea {
-webkit-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd;
box-shadow: 1px 1px 1px #ddd; box-shadow: 1px 1px 1px #ddd;
background: rgb(238, 215, 244); background: rgb(238, 215, 244);
text-align: center;
} }
/* /*
@ -964,6 +968,10 @@ select:focus:required:valid {
* dans le contenu (contenus spécifiques aux pages) * dans le contenu (contenus spécifiques aux pages)
*/ */
header h1 {
font-size: 2.275em;
}
} }

6
index.html
View File

@ -19,9 +19,9 @@
<h1 itemprop="name">iGor milhit</h1> <h1 itemprop="name">iGor milhit</h1>
</section> </section>
<nav class="navigation main autotablet automobile center mod"> <nav class="navigation main autotablet automobile center mod">
<div class="left automobile autotablet"><a href="#qui">Qui suis-je ?</a></div> <div class="left automobile autotablet"><a href="#qui" class="button">Qui suis-je ?</a></div>
<div class="left automobile autotablet"><a href="#que">Que fais-je ?</a></div> <div class="left automobile autotablet"><a href="#que" class="button">Que fais-je ?</a></div>
<div class="left automobile autotablet"><a href="#online">Ailleurs, en ligne</a></div> <div class="left automobile autotablet"><a href="#online" class="button">Ailleurs, en ligne</a></div>
</nav> </nav>
</header> </header>