diff --git a/.vimrc b/.vimrc new file mode 100644 index 0000000..4621d11 --- /dev/null +++ b/.vimrc @@ -0,0 +1,5 @@ +let html_use_css=1 +let html_number_lines=1 +let html_no_pre=1 +syntax on + diff --git a/_img/back.png b/_img/back.png index 0f90a40..815c4c8 100644 Binary files a/_img/back.png and b/_img/back.png differ diff --git a/_img/back2.png b/_img/back2.png new file mode 100644 index 0000000..a52b912 Binary files /dev/null and b/_img/back2.png differ diff --git a/_img/back3.png b/_img/back3.png new file mode 100644 index 0000000..42d636d Binary files /dev/null and b/_img/back3.png differ diff --git a/_img/btn.png b/_img/btn.png new file mode 100644 index 0000000..6b6c623 Binary files /dev/null and b/_img/btn.png differ diff --git a/_img/tbg.png b/_img/tbg.png new file mode 100644 index 0000000..aa3f38d Binary files /dev/null and b/_img/tbg.png differ diff --git a/style.css b/style.css index e47d467..489df7d 100644 --- a/style.css +++ b/style.css @@ -18,7 +18,7 @@ h1 { padding:20px 0 0 15px; margin:0; color:#5598ca; - background-color:#eeeeee; + background-color:#dddddd; height:35px; background-image:url(_img/tbg.png); } @@ -28,7 +28,7 @@ h2 { padding:0 0 10px 40px; margin:0; color:#aa6735; - background-color:#eeeeee; + background-color:#dddddd; background-position:0 -55px; background-image:url(_img/tbg.png); height:15px; @@ -38,6 +38,7 @@ h2 { #menu { float:left; width:15%; + margin-left:1%; } #menu ul,li{ margin:0; @@ -45,17 +46,14 @@ h2 { list-style-type:none; } #menu ul{ - padding-left:10px; + padding-left:15px; border-collapse:collapse; - border-left:2px solid #ffffff; } #menu ul, #menu ul ul ul{ - background-color:#ffffff; } #menu ul ul, #menu ul ul ul ul{ - background-color:#eeeeee; } @@ -63,32 +61,47 @@ h2 { } a.menulink { - padding:5px 0 5px 0; + margin-top:-1px; + padding:2px 0 2px 5px; display:block; color:#5598ca; font-weight:bold; text-decoration:none; font-size:11pt; width:100%; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border: 1px solid #dddddd; + border-collapse:collapse; } a.menulink:hover{ - color:white; - background-color:#777777; + color:#444444; + background-color:#999999; + background-image:url(_img/btn.png); + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + box-shadow: 0px 1px 4px #444444; + -webkit-box-shadow: 0px 1px 4px #444444; + -moz-box-shadow: 0px 1px 4px #444444; + text-decoration:underline; } /* content */ body { margin:0; - background-color:#ffffff; + background-color:#eeeeee; + background-image:url(_img/back.png); padding:0; font-family:sans-serif; color:black; } h3 { font-size:14pt; + margin:15px 0 0 0; font-weight:bold; - margin:0 0 30px 20px; color:#5598ca; } .entryheader { @@ -103,11 +116,19 @@ h3 { #content { padding:5px; background-color:#f6f6f6; + background-image:url(_img/back3.png); margin-left:22%; width:70%; - box-shadow: 6px 6px 5px #444444; - border: #f6f6f6 solid 15px; - border-radius: 15px; + box-shadow: 0px 3px 12px #444444; + -webkit-box-shadow: 0px 3px 12px #444444; + -moz-box-shadow: 0px 3px 12px #444444; + + padding:15px; + padding-left:45px; + padding-right:45px; + border-radius: 7px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; margin-bottom:40px; color:black; }