Adding default sidebar, styling side menu

This commit is contained in:
Paul Craciunoiu 2010-02-19 16:11:14 -08:00
Родитель c54f70b94f
Коммит abd4b024b9
4 изменённых файлов: 91 добавлений и 29 удалений

69
media/css/sidebar.css Normal file
Просмотреть файл

@ -0,0 +1,69 @@
/* default sidebar, used on most SUMO pages */
#sidebar {
float: right;
width: 200px;
}
#side-menu {
margin: -3px 0 0 15px;
list-style-type: none;
font-family: verdana;
font-size: 0.8em;
}
#side-menu li {
list-style-type: none;
margin: 0;
padding: 5px;
background: url(../img/side-menu-divider.png) top left no-repeat;
}
#side-menu li.first {
font-family: georgia, freeserif, serif;
font-size: 20px;
padding: 4px 5px 2px;
background: none;
}
#side-menu li ul {
margin: 5px 0 0 0;
left: auto;
}
#side-menu li ul li {
padding-left: 8px;
}
#side-menu h3 {
margin: 0;
font-weight: normal;
}
#side-menu a:link,
#side-menu a:visited {
color: #1e4262;
text-decoration: none;
}
#side-menu a.on:link,
#side-menu a.on:visited {
color: #fff;
font-weight: bold;
}
.mini #side-menu a.on:link,
.mini #side-menu a.on:visited {
color: #0489B7;
}
#side-menu h3 a.on:link,
#side-menu h3 a.on:visited {
font-weight: normal;
}
#side-menu a:hover,
#side-menu a:active {
text-decoration: underline;
}

Двоичные данные
media/img/side-menu-divider.png Executable file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 176 B

Просмотреть файл

@ -1,15 +1,7 @@
{% include 'layout/header.html' %}
{% block breadcrumbs %}
<div id="breadcrumbs"><ul>
<li><a href="{{ locale }}/kb/">Firefox Support</a></li>
<li class="divider">/</li><li>{{ self.title() }}</li>
</ul></div>
{% endblock %}
</div>{# end .feature-contents #}
{% block sidebar %}
<div id="sidebar">
<ul id="side-menu">
<li class="first"><h3><a href="/kb/">Firefox Support</a></h3></li>
<li><a href="/kb/">Knowledge Base</a></li>
@ -18,30 +10,30 @@
<li><a href="/kb/Other+Firefox+support">Other Firefox Support</a></li>
<li><a href="/kb/How+to+contribute">How to Contribute</a></li>
{% if session %}
<li><a href="tiki-user_preferences.php">My Account</a></li>
<li><a href="tiki-logout.php">Log Out</a></li>
<li><a href="/tiki-user_preferences.php">My Account</a></li>
<li><a href="/tiki-logout.php">Log Out</a></li>
{% else %}
<li><a href="/tiki-login.php">Log In</a></li>
{% endif %}
</ul>
</div>
{% endblock %}
<div id="c1c2">
<div id="wrapper">
<div id="col1" class="marginright">
<div class="marginleft content">
<div class="clearfix cbb contentwrapper" role="main">
<div class="topbar"></div>
{% block content %}content{% endblock %}
<br class="clear" />
<div class="botbar"></div>
</div>
</div>
</div>
</div>
</div>{# end #c1c2 #}
{% block breadcrumbs %}
<div id="breadcrumbs"><ul>
<li><a href="{{ locale }}/kb/">Firefox Support</a></li>
<li class="divider">/</li><li>{{ self.title() }}</li>
</ul></div>
{% endblock %}
<div id="main" role="main">
{% block content %}
<div class="topbar"></div>
<br class="clear" />
<div class="botbar"></div>
{% endblock %}
</div>
<br class="clear" />
</div>{# end #doc #}
</div>{# end #wrap #}
{% include 'layout/footer.html' %}

Просмотреть файл

@ -7,6 +7,7 @@
<meta charset="utf-8">
<link rel="stylesheet" href="{{ MEDIA_URL}}css/main.css">
<link rel="stylesheet" href="{{ MEDIA_URL}}css/sidebar.css">
</head>
<body>