diff --git a/design/bouton_etoile_petit_droite.png b/design/bouton_etoile_petit_droite.png new file mode 100644 index 0000000..1d1c396 Binary files /dev/null and b/design/bouton_etoile_petit_droite.png differ diff --git a/design/bouton_etoile_petit_droite_over.png b/design/bouton_etoile_petit_droite_over.png new file mode 100644 index 0000000..36050f3 Binary files /dev/null and b/design/bouton_etoile_petit_droite_over.png differ diff --git a/design/bouton_etoile_petit_gauche.png b/design/bouton_etoile_petit_gauche.png new file mode 100644 index 0000000..6b4c8e3 Binary files /dev/null and b/design/bouton_etoile_petit_gauche.png differ diff --git a/design/bouton_etoile_petit_gauche_over.png b/design/bouton_etoile_petit_gauche_over.png new file mode 100644 index 0000000..e4a225d Binary files /dev/null and b/design/bouton_etoile_petit_gauche_over.png differ diff --git a/design/bouton_fleche_grand_droite.png b/design/bouton_fleche_grand_droite.png new file mode 100644 index 0000000..345e61e Binary files /dev/null and b/design/bouton_fleche_grand_droite.png differ diff --git a/design/bouton_fleche_grand_droite_over.png b/design/bouton_fleche_grand_droite_over.png new file mode 100644 index 0000000..11ea790 Binary files /dev/null and b/design/bouton_fleche_grand_droite_over.png differ diff --git a/design/bouton_fleche_grand_gauche.png b/design/bouton_fleche_grand_gauche.png new file mode 100644 index 0000000..450da31 Binary files /dev/null and b/design/bouton_fleche_grand_gauche.png differ diff --git a/design/bouton_fleche_grand_gauche_over.png b/design/bouton_fleche_grand_gauche_over.png new file mode 100644 index 0000000..adf8dee Binary files /dev/null and b/design/bouton_fleche_grand_gauche_over.png differ diff --git a/design/feed-icon-16x16.png b/design/feed-icon-16x16.png new file mode 100644 index 0000000..8631398 Binary files /dev/null and b/design/feed-icon-16x16.png differ diff --git a/design/gradient.png b/design/gradient.png new file mode 100644 index 0000000..5c15f5a Binary files /dev/null and b/design/gradient.png differ diff --git a/design/gradient2.png b/design/gradient2.png new file mode 100644 index 0000000..4ef036f Binary files /dev/null and b/design/gradient2.png differ diff --git a/design/gradient_blue.png b/design/gradient_blue.png new file mode 100644 index 0000000..961602d Binary files /dev/null and b/design/gradient_blue.png differ diff --git a/design/gradient_gray.png b/design/gradient_gray.png new file mode 100644 index 0000000..7ebe6c3 Binary files /dev/null and b/design/gradient_gray.png differ diff --git a/design/gradient_gray_small.png b/design/gradient_gray_small.png new file mode 100644 index 0000000..5e03055 Binary files /dev/null and b/design/gradient_gray_small.png differ diff --git a/design/gradient_gray_small_2.png b/design/gradient_gray_small_2.png new file mode 100644 index 0000000..6f1ab61 Binary files /dev/null and b/design/gradient_gray_small_2.png differ diff --git a/design/gradient_orange.png b/design/gradient_orange.png new file mode 100644 index 0000000..53513de Binary files /dev/null and b/design/gradient_orange.png differ diff --git a/design/gradient_purple.png b/design/gradient_purple.png new file mode 100644 index 0000000..52fc388 Binary files /dev/null and b/design/gradient_purple.png differ diff --git a/design/rss_big.png b/design/rss_big.png new file mode 100644 index 0000000..d76b51a Binary files /dev/null and b/design/rss_big.png differ diff --git a/style_default.css b/style_default.css index 1cd5596..d9a0f9a 100644 --- a/style_default.css +++ b/style_default.css @@ -21,7 +21,7 @@ a:hover { #navbar { text-align:center; background-color:#1f6cd0; - background-image:url("gradient.png"); + background-image:url("design/gradient.png"); background-repeat:repeat-x; background-position:top left; height:94px; @@ -34,7 +34,7 @@ a:hover { font-size:small; text-align:center; background-color:#1f6cd0; - background-image:url("gradient2.png"); + background-image:url("design/gradient2.png"); background-position:bottom left; background-repeat:repeat-x; border-top:thin solid black; @@ -66,7 +66,7 @@ a:hover { text-align:center; background-color:#1f6cd0; border:thin solid black; - background-image:url("gradient.png"); + background-image:url("design/gradient.png"); background-repeat:repeat-x; background-position:top left; /*height:70px;*/ @@ -85,50 +85,50 @@ a:hover { font-size:small; padding-bottom:35px; - background-image:url("bouton_etoile_petit_gauche.png"); + background-image:url("design/bouton_etoile_petit_gauche.png"); background-repeat:no-repeat; background-position:bottom center; } #navfirst:hover { - background-image:url("bouton_etoile_petit_gauche_over.png"); + background-image:url("design/bouton_etoile_petit_gauche_over.png"); } #navlast { font-size:small; padding-bottom:35px; - background-image:url("bouton_etoile_petit_droite.png"); + background-image:url("design/bouton_etoile_petit_droite.png"); background-repeat:no-repeat; background-position:bottom center; } #navlast:hover { - background-image:url("bouton_etoile_petit_droite_over.png"); + background-image:url("design/bouton_etoile_petit_droite_over.png"); } #navprev { font-size:small; padding-bottom:49px; - background-image:url("bouton_fleche_grand_gauche.png"); + background-image:url("design/bouton_fleche_grand_gauche.png"); background-repeat:no-repeat; background-position:bottom center; } #navprev:hover { - background-image:url("bouton_fleche_grand_gauche_over.png"); + background-image:url("design/bouton_fleche_grand_gauche_over.png"); } #navnext { font-size:small; padding-bottom:49px; - background-image:url("bouton_fleche_grand_droite.png"); + background-image:url("design/bouton_fleche_grand_droite.png"); background-repeat:no-repeat; background-position:bottom center; } #navnext:hover { - background-image:url("bouton_fleche_grand_droite_over.png"); + background-image:url("design/bouton_fleche_grand_droite_over.png"); } .shadow, .content { @@ -180,7 +180,7 @@ a:hover { #feed { padding-right:18px; - background-image:url("feed-icon-16x16.png"); + background-image:url("design/feed-icon-16x16.png"); background-repeat:no-repeat; background-position:center right; } diff --git a/style_lego.css b/style_lego.css index a173d6c..bffa82a 100644 --- a/style_lego.css +++ b/style_lego.css @@ -37,7 +37,7 @@ a:hover { #title_block { width:60%; - background-image:url("gradient_blue.png"); + background-image:url("design/gradient_blue.png"); background-color:#5276dd; } @@ -45,7 +45,7 @@ a:hover { text-align:center; width:15%; background-color:#9652dd; - background-image:url("gradient_purple.png"); + background-image:url("design/gradient_purple.png"); background-color:#9052dd; vertical-align:middle; } @@ -76,12 +76,12 @@ ul#site_map { #feed_block { text-align:center; width:15%; - background-image:url("gradient_orange.png"); + background-image:url("design/gradient_orange.png"); background-color:#ff8400; } #feed_list { - background-image:url("rss_big.png"); + background-image:url("design/rss_big.png"); background-repeat:no-repeat; background-position:right bottom; padding-right:95px; @@ -106,20 +106,31 @@ h1#site_title { /* NAV */ -ul#nav_bar { +ul.nav_bar { list-style:none; text-align:center; - padding-top:150px; + padding-top:170px; margin-bottom:10px; } -ul#nav_bar>li { +ul.nav_bar>li { display:inline; margin-left:5px; margin-bottom:0px; padding:10px; - background-image:url("gradient_gray.png"); + background-image:url("design/gradient_gray_small_2.png"); + background-position:bottom; +} + +#nav_bottom { + margin:0px; + margin-top:10px; + padding:0px; +} + +ul#nav_bottom>li { + background-image:url("design/gradient_gray_small.png"); background-position:top; } @@ -140,6 +151,8 @@ ul#nav_bar>li { img#strip { border:thin solid black; background-color:white; + margin-top:1em; + margin-bottom:1em; } .sub_block { @@ -173,7 +186,7 @@ img#strip { /* FOOT */ #foot { - background-image:url("gradient_gray.png"); + background-image:url("design/gradient_gray.png"); background-color:black; background-position:bottom; color:white; diff --git a/template_lego.html b/template_lego.html index baf6771..ab151cb 100644 --- a/template_lego.html +++ b/template_lego.html @@ -9,7 +9,9 @@ + + @@ -44,7 +46,7 @@ -