diff --git a/media/css/style.less b/media/css/style.less index eea6dc1..e5efac8 100644 --- a/media/css/style.less +++ b/media/css/style.less @@ -59,7 +59,7 @@ // Page html, body { - background-color: #FFF; + background: #FFF url('/media/images/bg.gif') top left repeat; } body { color: #666; @@ -68,6 +68,41 @@ body { text-rendering: optimizeLegibility; } +// Global +header { + background: #12343D url('/media/images/header-bg.gif') top left repeat-x; + border-bottom: 1px solid #DDDDDD; + height: 66px; + + div.inner { + background: transparent url('/media/images/header-inner-bg.png') top left no-repeat; + border-left: 1px solid rgba(229, 229, 229, .25); + height: 65px; + margin: 0 auto; + width: 939px; + + h1 { + float: left; + + a { + background: transparent url('/media/images/logo.png') top left no-repeat; + display: block; + float: left; + height: 35px; + margin: 16px 0 0 16px; + text-indent: -1000em; + width: 87px; + } + } + } +} +section.main { + border-left: 1px solid #DDDDDD; + height: 100%; + margin: 0 auto; + width: 939px; +} + // Utils .group:after { content: "."; diff --git a/media/images/bg.gif b/media/images/bg.gif new file mode 100644 index 0000000..d90bd45 Binary files /dev/null and b/media/images/bg.gif differ diff --git a/media/images/header-bg.gif b/media/images/header-bg.gif new file mode 100644 index 0000000..4de81bb Binary files /dev/null and b/media/images/header-bg.gif differ diff --git a/media/images/header-inner-bg.png b/media/images/header-inner-bg.png new file mode 100644 index 0000000..40a9a59 Binary files /dev/null and b/media/images/header-inner-bg.png differ diff --git a/media/images/logo.png b/media/images/logo.png new file mode 100644 index 0000000..62ff0af Binary files /dev/null and b/media/images/logo.png differ diff --git a/templates/base.html b/templates/base.html index b160fe9..9b6a3cb 100644 --- a/templates/base.html +++ b/templates/base.html @@ -41,7 +41,15 @@ - {% block content %}{% endblock %} +
+
+

Snipt

+
+
+ +
+ {% block content %}{% endblock %} +
{% if not debug %}