diff -r 72b5c635d6df -r ba69edadfc4c dark.css --- a/dark.css Thu Jan 05 15:32:41 2012 +0100 +++ b/dark.css Thu Jan 05 17:03:06 2012 +0100 @@ -102,32 +102,6 @@ border: 4px solid #262626; } -#logo { - border-style: none; - position: relative; - margin: 0; - padding: 0; - color: #F8F8F8; - /* change the values of top and left to adjust the position of the logo*/ - top: 40px; - left: 25px; - height: 100px; - width: 670px; -} - -#sim { - border-style: none; - position: relative; - margin: 0; - padding: 0; - color: #F8F8F8; - /* change the values of top and left to adjust the position of the logo*/ - top: 37px; - left: 25px; - height: 30px; - width: 670px; -} - code { margin: 5px 0; padding: 15px; @@ -223,6 +197,32 @@ /* ------------------------------------------ LAYOUT ------------------------------------------- */ +#logo { + border-style: none; + position: relative; + margin: 0; + padding: 0; + color: #F8F8F8; + /* change the values of top and left to adjust the position of the logo*/ + top: 20px; + left: 25px; + height: 100px; + width: 670px; +} + +#sim { + border-style: none; + position: relative; + margin: 0; + padding: 0; + color: #F8F8F8; + /* change the values of top and left to adjust the position of the logo*/ + top: 20px; + left: 25px; + height: 50px; + width: 670px; +} + #wrap { position: relative; width: 1020px; @@ -239,9 +239,9 @@ #header { position: relative; width: 1020px; - height: 150px; + height: 170px; margin: 0; - padding: 0; + padding: 0; } #header h1#logo-text a { position: absolute; @@ -408,6 +408,19 @@ /*border: 4px solid #262626;*/ } +#sidebar a { + display: inline-block; + border: 4px solid #262626; + margin-right: 5px; + background-image: url(images/me2.png); + height: 64px; + width: 64px; +} + +#sidebar a:hover { + background-image: url(images/me.png); +} + #random_quote { color: #c95723; font-style: italic;