Commit: 1fcffe32eefcc392495c66be617ee43444aa6750
Author: Levi Morrison <[email protected]> Sat, 6 Jul 2013 23:18:23 -0600
Parents: 8f7195dd217cc1a164c9d1f369ffc9d3403c1ec2
Branches: master
Link:
http://git.php.net/?p=web/php.git;a=commitdiff;h=1fcffe32eefcc392495c66be617ee43444aa6750
Log:
Crazy amounts of refactoring. Still in progress but really needed to commit so
I don't lose everything.
Changed paths:
M View/HomepageNewsView.php
M downloads.php
M get-involved.php
M include/footer.inc
M include/header.inc
M include/layout.inc
M include/shared-manual.inc
M index-beta.php
M js/common.js
A styles/bootstrap.css
M styles/doc.css
M styles/home.css
M styles/theme.css
M views/homepage/sidebar.php
diff --git a/View/HomepageNewsView.php b/View/HomepageNewsView.php
index f851ab9..0f1d564 100644
--- a/View/HomepageNewsView.php
+++ b/View/HomepageNewsView.php
@@ -51,9 +51,9 @@ class HomepageNewsView {
if ($article->hasCategory('conferences') ||
$article->hasCategory('cfp')) {
$event = " vevent";
}
- echo "<div class='newsItem hentry{$event}''>
+ echo "<div class='newsItem hentry{$event}'>
<div class='newsImage'>{$image}</div>
- <h2 class='summary entry-title'><a name='{$id}' id='{$id}'
href='{$permanentLink}' rel='bookmark' class='bookmark'>{$title}</a></h2>
+ <h2 class='summary entry-title' id='$id'><a name='{$id}'
href='{$permanentLink}' rel='bookmark' class='bookmark'>{$title}</a></h2>
<div class='entry-content description'>
<abbr class='published newsdate'
title='{$publishedDate}''>{$newsDate}</abbr>
{$content}
diff --git a/downloads.php b/downloads.php
index 4d3d91c..4b5b531 100644
--- a/downloads.php
+++ b/downloads.php
@@ -158,5 +158,5 @@ uid Johannes Schlüter
<[email protected]>
uid Johannes Schlüter <[email protected]>
</pre>
<?php
-site_footer();
+site_footer(array('sidebar' => $SIDEBAR_DATA));
diff --git a/get-involved.php b/get-involved.php
index 072e43b..1de2e43 100644
--- a/get-involved.php
+++ b/get-involved.php
@@ -3,19 +3,19 @@
$_SERVER['BASE_PAGE'] = 'get-involved.php';
include_once $_SERVER['DOCUMENT_ROOT'] . '/include/prepend.inc';
-site_header("Get Involved", array("current" => "community"));
-?>
+$SIDEBAR_DATA ='
+ <p>
+ Ever wondered how the PHP.net project actually works and what it has to
offer?
+ Who is in charge and how decisions are made? The PHP.net project has a
lot of
+ things in the works and is always looking for new talent to join the
project,
+ share new ideas, discuss improvements, fix broken features, look after
the
+ websites, documentation, and so on and on...
+ </p>
+';
-<aside class="tips">
-<p style="margin: 5px; padding: 5px;">
- Ever wondered how the PHP.net project actually works and what it has to
offer?
- Who is in charge and how decisions are made? The PHP.net project has a lot
of
- things in the works and is always looking for new talent to join the
project,
- share new ideas, discuss improvements, fix broken features, look after the
- websites, documentation, and so on and on...
-</p>
-</aside>
+site_header("Get Involved", array("current" => "community"));
+?>
<h2>Improving PHP</h2>
<p>
This particular article assumes you are running <i>Ubuntu Linux</i>.
@@ -153,7 +153,7 @@ directory if you want to learn more about the testing
mechanism.
<hr />
<h2>Contributing</h2>
-<p style="margin: 5px; padding: 5px;">
+<p>
The PHP project is so much more than just the scripting language on which
it is
focused. It is a vibrant community of developers scratching related
itches,
hoping their work will benefit others. PHP.net hosts a set of projects
@@ -163,7 +163,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
The PHP community is without a doubt, in my opinion, one of the greatest
communities in the world. It has a lot to offer besides good friends and a
fun
working environment. It is a community where things can happen very fast,
with
@@ -175,7 +175,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
There are a lot of ways in which you can contribute to and influence the
project;
participating on mailing lists, filing bug reports, and adding helpful
notes
to the manual are all examples of valuable contributions. You don't have to
@@ -187,14 +187,14 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
Before we go deeper into ways you can contribute and how to do so, let's
take
a step back and look at who actually leads the development and how things
are
done within PHP.net.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
One of things I love most about working with Open Source Software like PHP
is
the freedom. If I have an itch, I scratch it! If I want to work on new
features or document all the kinks and quirks of PHP, I can. We have the
@@ -210,7 +210,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
To gain karma you basically need to prove to the community that you aren't
just a nut-job and show that you can be trusted to think not only about
today,
but tomorrow as well. Being active on the developers' mailing lists,
@@ -220,7 +220,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
All of the PHP.net projects (from PEAR, to PECL, to websites and
documentation, to the PHP language itself) have
long-time members which could be considered the "leaders" of the respective
@@ -233,7 +233,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
The PHP.net project has mailing lists for most aspects of the project where
all important decisions are made. For example discussions and decisions
about
the language happen on the [email protected] mailing list
@@ -248,7 +248,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
Although most of the PHP internals contributors make their living writing
PHP
applications, feedback from other users is crucial to the development of
the
language; your voice does matter. Keep in mind, however, that flaming
@@ -259,7 +259,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
Even though most of the mailing lists are very active, not everything that
is
contributed to PHP needs to be approved there first. For example, minor
features are often simply committed directly to Git without asking or
telling
@@ -276,7 +276,7 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
To help streamline part of the decision process and keep track of ideas,
proposals, and TODO lists, PHP has a wiki located at
<a href="http://wiki.php.net">wiki.php.net</a>. This has proven to be a
valuable resource when
@@ -296,7 +296,7 @@ directory if you want to learn more about the testing
mechanism.
<h3>So, how to get involved?</h3>
-<p style="margin: 5px; padding: 5px;">
+<p>
There are a lot of ways you can contribute to the project, it simply
depends on what you fancy.
</p>
<ul>
@@ -322,8 +322,7 @@ directory if you want to learn more about the testing
mechanism.
</li>
</ul>
-
-<p style="margin: 5px; padding: 5px;">
+<p>
Getting involved is a lot easier than most people think - and chances are
that
you are already involved in one way or another. You don't need an Git
account
and commit access to get started - Git accounts need to be earned.
Registering
@@ -348,7 +347,7 @@ directory if you want to learn more about the testing
mechanism.
<ul>
<li>
<h4>Mailing Lists</h4>
- <p style="margin: 5px; padding: 5px;">
+ <p>
To register with any PHP mailing list, just send a blank email to
<listname>[email protected]. For example if you want
to register
for the PHP internals developers discussion list, send an email to
@@ -362,7 +361,7 @@ directory if you want to learn more about the testing
mechanism.
</li>
<li>
<h4>The Bug Tracker</h4>
- <p style="margin: 5px; padding: 5px;">
+ <p>
Filing a bug report is an art. It isn't very complicated, but you
do
have to think about what you are reporting. Quickly looking through
the existing reports to see if your issue has already been reported
@@ -384,7 +383,7 @@ directory if you want to learn more about the testing
mechanism.
</li>
<li>
<h4>Getting Started With Contributing</h4>
- <p style="margin: 5px; padding: 5px;">
+ <p>
Unsure which task to tackle first? Stuck on a problem? Need a
quick brainstorming session? IRC is a very convenient way to get
help quickly for smaller things, such as "where was the Git module
@@ -401,7 +400,7 @@ directory if you want to learn more about the testing
mechanism.
</li>
<li>
<h4>Less Is More</h4>
- <p style="margin: 5px; padding: 5px;">
+ <p>
When you are ready to contribute to the project please don't try
to tackle the biggest issues and expect to fix them right away.
Start with smaller tasks and learn the ways of the project and
@@ -430,7 +429,7 @@ directory if you want to learn more about the testing
mechanism.
<li>Etc., etc., (etc.)</li>
</ul>
-<p style="margin: 5px; padding: 5px;">
+<p>
If you can't find something on which to work within PHP.net, you will have
a
hard time finding it elsewhere. Introducing every project is beyond the
scope
of this article, but we'll cover some of the projects that don't have entry
@@ -440,7 +439,7 @@ directory if you want to learn more about the testing
mechanism.
<h3>The Documentation Project</h3>
-<p style="margin: 5px; padding: 5px;">
+<p>
The main focus of the documentation project (phpdoc) is to document the PHP
language (and PECL extensions) with usage examples, FAQs, and tracking
changes
in behaviour. The documentation is written in XML using the Docbook format
@@ -458,7 +457,7 @@ directory if you want to learn more about the testing
mechanism.
the French translation list.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
A web application, called "PhD Online Editor" (PhD O.E), which aims to help
documentation editors focus on the content itself, rather than Docbook and
XML
logistics, is under development at <a
href="https://edit.php.net">edit.php.net</a>. It is getting
@@ -476,7 +475,7 @@ directory if you want to learn more about the testing
mechanism.
functions, and check the translation status of an entry (among other
things).
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
The team is also developing a Docbook rendering engine, called "PHP-based
Docbook Rendering" (PhD), to transform the Docbook XML into various
different
formats, such as HTML, CHM, PDF, Unix manual pages, and the online format
you
@@ -489,13 +488,13 @@ directory if you want to learn more about the testing
mechanism.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
Last, but not least: the team also maintains a website on
<a href="http://doc.php.net">doc.php.net</a> which aggregates translation
statistics, tutorials, and the documentation HOWTO.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
The project offers much more than just documentation, and is probably the
project to which it is easiest to start contributing. If you enjoy working
with XML, PHP, JS, documentation, writing articles, or simply want to dig
@@ -504,7 +503,7 @@ directory if you want to learn more about the testing
mechanism.
<h3>The Websites</h3>
-<p style="margin: 5px; padding: 5px;">
+<p>
No surprise there, the webmaster team maintains several websites, and is
responsible for maintaining the mirroring infrastructure and related tasks.
The websites contain a lot of information; everything from user group
meet-ups
@@ -513,14 +512,14 @@ directory if you want to learn more about the testing
mechanism.
information, as well as the general entry point for people looking into
PHP.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
To get up and running is very simple: just follow the points on
<a href="http://wiki.php.net/web/mirror">wiki.php.net/web/mirror</a>
and you are all set. Once you have poked around a little you can look
into the other websites, like qa.php.net, master.php.net and pecl.php.net.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
Recently, work on redesigning the main website from the ground-up was
started.
Unfortunately, this effort has stalled a bit over the past several months
due to a lack of contributors interested in being actively involved.
@@ -528,7 +527,7 @@ directory if you want to learn more about the testing
mechanism.
content to make it more accessible.
</p>
-<p style="margin: 5px; padding: 5px;">
+<p>
Joining the redesign effort is a great entry point for those interested in
markup, CSS, and general website development. Check out
<a href="http://wiki.php.net/web/redesign">wiki.php.net/web/redesign</a>
@@ -539,7 +538,7 @@ directory if you want to learn more about the testing
mechanism.
<h3>Conclusion</h3>
-<p style="margin: 5px; padding: 5px;">
+<p>
PHP.net has a lot of areas to which you can contribute: everything from
hardcore development to managing user-contributed notes in the manual;
from debugging issues in bug reports to writing articles about new
features
@@ -555,7 +554,7 @@ directory if you want to learn more about the testing
mechanism.
<?php
-site_footer();
+site_footer(array('sidebar'=>$SIDEBAR_DATA));
/* vim: set et ts=4 sw=4 ft=php: : */
diff --git a/include/footer.inc b/include/footer.inc
index 0dded3f..a4890d8 100644
--- a/include/footer.inc
+++ b/include/footer.inc
@@ -7,20 +7,30 @@
}
?>
+<?php if (!empty($config['sidebar'])): ?>
+ <aside class="tips span3">
+ <div class="border first"></div>
+ <div class="border second"></div>
+ <div class="border third"></div>
+ <div class="inner"><?php echo $config['sidebar']; ?></div>
+ </aside>
+<?php endif; ?>
+
</div><!-- layout -->
+ </div>
<footer>
- <div class="footer-content">
- <ul class="footmenu copyright">
- <li><a href="/copyright.php">Copyright © 2001-<?php echo
date('Y'); ?> The PHP Group</a></li>
- </ul>
+ <div class="container footer-content">
+ <div class="row-fluid">
<ul class="footmenu">
+ <li><a href="/copyright.php">Copyright © 2001-<?php echo
date('Y'); ?> The PHP Group</a></li>
<li><a href="/my.php">My PHP.net</a></li>
<li><a href="/contact.php">Contact</a></li>
<li><a href="/sites.php">Other PHP.net sites</a></li>
<li><a href="/mirrors.php">Mirror sites</a></li>
<li><a href="/privacy.php">Privacy policy</a></li>
</ul>
+ </div>
</div>
</footer>
diff --git a/include/header.inc b/include/header.inc
index 4b9297b..022ef04 100644
--- a/include/header.inc
+++ b/include/header.inc
@@ -38,7 +38,8 @@ if (isset($shortname) && $shortname) {
<link rel="<?php echo $rel ?>" href="<?php echo $MYSITE ?><?php echo $page
?>" />
<?php endforeach ?>
- <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT
?>styles/reset.css<?php echo $v?>" media="all" />
+ <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT
?>styles/bootstrap.css<?php echo $v?>" media="all" />
+ <!--<link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT
?>styles/reset.css<?php echo $v?>" media="all" />-->
<link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT
?>styles/theme.css<?php echo $v?>" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT
?>styles/doc.css<?php echo $v?>" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT
?>styles/home.css<?php echo $v?>" media="screen" />
@@ -91,166 +92,20 @@ if (isset($shortname) && $shortname) {
</p>
</div>
-<nav id="headnav">
-
- <ul id="headmenu">
- <li id="headsearch">
- <form method="post" action="/search.php" id="topsearch">
- <fieldset>
- <input type="search" id="headsearch-keywords" name="pattern"
placeholder="Search..." size="30" accesskey="s" />
- <input type="submit"
- value="Go"
- id="headsearch-submit"
- class="submit" />
- </fieldset>
- </form>
- </li>
- <li id="headhome" class="parent <?php echo $curr == "home" ? "current" :
""?>">
- <a href="/" rel="home" class="menu-link">Home</a>
- <div class="children downloads"><div class="children-1"><div
class="children-2">
- <div class="download">
- <h2>Download PHP</h2>
-<?php if(!empty($RELEASES[5])): ?>
- <ul class="download-list">
-<?php
- foreach ($RELEASES[5] as $version => $release):
- $windowsVersionLink = substr($version, 0, strrpos($version, '.'));
-?>
- <li rel="/downloads.php#v<?php echo $version ?>">
- <a href="/downloads.php#v<?php echo $version ?>"
class="version" title="Download PHP">PHP <?php echo $version ?></a>
- <a href="/ChangeLog-5.php#<?php echo $version ?>"
title="Release Notes for <?php echo $version ?>">Release Notes</a>
- <!-- (size) should go here, but it's not in version.inc at
present -->
- </li>
- <?php endforeach; ?>
- </ul>
-<?php endif; ?>
- </div>
- <div class="children-left">
- <div class="what-is-php-container">
- <div class="what-is-php downloads-<?php count($RELEASES[5]);
?>">
- <p>
- PHP is a popular general-purpose scripting language
that is
- especially suited to web development.
- </p><p>
- Fast, flexible and pragmatic, PHP powers everything
from your blog to the largest social networking site in the world.
- </p>
- <p class="tutorial"><a href="/tut.php">Begin Tutorial
»</a></p>
- </div>
- </div>
- </div>
- <br style="clear: both;" />
- </div></div></div>
- </li>
- <li class="parent <?php echo $curr == "downloads" ? "current" : ""?>">
- <a href="#downloads" class="menu-link">Downloads</a>
- <div class="children" id="downloads">
- <div class="children-1">
- <div class="children-2">
-
- <dl>
- <dt><a href="/downloads.php" title="Current Releases">Current
Releases</a></dt>
- <dd><a href="http://php.net/downloads.php#5.5" title="PHP 5.5">PHP
5.5</a></dd>
- <dd><a href="http://php.net/downloads.php#5.4" title="PHP 5.4">PHP
5.4</a></dd>
- <dd><a href="http://php.net/downloads.php#5.3" title="PHP 5.3">PHP
5.3</a></dd>
- </dl>
-
- <dl>
- <dt>Development Releases</dt>
- <dd><a href="http://www.php.net/git.php" title="Git">Git</a></dd>
- <dd><a href="https://github.com/php/php-src/"
title="Github">Github</a></dd>
- <dd><a href="http://snaps.php.net/" title="Snaps">Snaps</a></dd>
- </dl>
-
- <dl>
- <dt>Other Downloads</dt>
- <dd><a href="http://www.php.net/releases/" title="Archived
Versions">Archived Versions</a></dd>
- <dd><a href="http://pecl.php.net/packages.php"
title="PECL">PECL</a></dd>
- <dd><a href="http://pear.php.net/packages.php"
title="PEAR">PEAR</a></dd>
- <dd><a href="http://php.net/downloads.php" title="Non-core
systems">Non-core systems</a></dd>
- </dl>
- <br style="clear: both;" />
-
- </div>
+<nav class="navbar navbar-inverse navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a href="/" class="brand">php.net</a>
+ <div clas="nav-collapse collapse">
+ <ul class="nav">
+ <li class="<?php echo $curr == "downloads" ? "active" : ""?>"><a
href="/downloads">Downloads</a></li>
+ <li class="<?php echo $curr == "docs" ? "active" : ""?>"><a
href="/manual/">Documentation</a></li>
+ <li class="<?php echo $curr == "community" ? "active" : ""?>"><a
href="/get-involved" >Get Involved</a></li>
+ <li class="<?php echo $curr == "help" ? "active" : ""?>"><a
href="/support">Help</a></li>
+ </ul>
</div>
</div>
- </li>
- <li class="parent <?php echo $curr == "docs" ? "current" : ""?>">
- <a href="#docs" class="menu-link">Documentation</a>
- <div class="children" id="docs"><div class="children-1"><div
class="children-2">
- <?php doc_toc($lang); ?>
- <br style="clear: both;" />
- </div></div></div>
- </li>
- <li class="parent <?php echo $curr == "community" ? "current" : ""?>">
- <a href="#community" class="menu-link">Community</a>
- <div class="children" id="community"><div class="children-1"><div
class="children-2">
- <dl>
- <?php news_toc(array('news')) ?>
- <dt><a href="/cal.php">Calendar of Events</a></dt>
- </dl>
- <dl>
- <?php news_toc(array('conferences', 'papers')) ?>
- </dl>
- <dl>
- <dt><a href="https://wiki.php.net/">PHP Wiki</a></dt>
- <dd><a href="https://wiki.php.net/rfc">Write an RFC</a></dd>
- <dt><a href="/get-involved.php">Get Involved</a></dt>
- <dd><a href="https://bugs.php.net/how-to-report.php">Report
bugs</a></dd>
- <dd><a
href="https://github.com/php/php-src/blob/master/README.SUBMITTING_PATCH"
target="_blank">Contribute code</a></dd>
-<!-- <dd><a href="#">Organize an event</a></dd>-->
- <dd><a href="https://wiki.php.net/doc/howto">Write
documentation</a></dd>
- <dd><a href="http://qa.php.net">Test PHP</a></dd>
- <dd></dd>
- </dl>
- <dl>
- <dt><a href="/mailing-lists.php">Mailing lists</a></dt>
- <dd><a href="/unsub.php">Unsubscribe from mailing list</a></dd>
- <dt><a href="#">About PHP.net</a></dt>
- <dd><a href="/sites.php">Other PHP.net sites</a></dd>
- <dd><a href="/my.php">My PHP.net</a></dd>
- <dd><a href="/credits.php">Who's behind this?</a></dd>
- <dd><a href="http://people.php.net/">Developers profiles</a></dd>
- <dd><a href="/contact.php">Contact us</a></dd>
- <dd><a href="/thanks.php">Thanks</a></dd>
- </dl>
- <br style="clear: both;" />
- </div></div></div>
- </li>
- <li class="parent <?php echo $curr == "help" ? "current" : ""?>">
- <a href="#support" class="menu-link">Help</a>
- <div class="children" id="support"><div class="children-1"><div
class="children-2">
- <dl>
- <dt><a href="#">Navigation tips</a></dt>
- <dd><a href="/sidebars.php">Search sidebars</a></dd>
- <dd><a href="/urlhowto.php">URL Howto</a></dd>
- <dd><a href="/tips.php">Quick Reference tips</a></dd>
- <dd><a href="/sites.php">Other PHP sites</a></dd>
- </dl>
- <dl>
- <dt><a href="#">Support</a></dt>
- <dd><a href="/mailing-lists.php">Mailing lists</a></dd>
- <dd><a href="/support.php">General resources</a></dd>
- <dd><a href="/ChangeLog-5.php">Changelog (PHP 5)</a></dd>
- <dd><a href="/git.php">Git (PHP Source)</a></dd>
- </dl>
- <dl>
- <dt><a href="https://bugs.php.net/">Bugs</a></dt>
- <dd><a href="https://bugs.php.net/report.php">Report a bug</a></dd>
- <dd><a href="https://bugs.php.net/how-to-report.php">How to file a bug
report</a></dd>
- <dd><a href="https://bugs.php.net/search.php">Search reported
bugs</a></dd>
- </dl>
- <dl>
- <dt><a href="/license/index.php">License information</a></dt>
- <dd><a href="/license/contrib-guidelines-code.php">Contributor
Guidelines</a></dd>
- <dd><a href="/license/distrib-guidelines-code.php">Distribution
Guidelines</a></dd>
- <dd><a href="/software.php">Software covered by the PHP
license</a></dd>
- </dl>
- <br style="clear: both;" />
- </div></div></div>
- </li>
-
- </ul>
-<br style="clear: both;" />
+ </div>
</nav>
<div id='mega-drop-down'>
@@ -258,18 +113,27 @@ if (isset($shortname) && $shortname) {
</div>
</div>
-<div id="layout">
-<?php if (!empty($SIDEBAR_DATA)): ?>
- <aside class="tips">
- <div class="border first"></div>
- <div class="border second"></div>
- <div class="border third"></div>
- <div class="inner"><?php echo $SIDEBAR_DATA; ?></div>
- </aside>
+<?php include 'uservoice.inc' ?>
+
+<div id="layout" class="container">
+<?php if (!empty($config['breadcrumbs'])): ?>
+ <div id="breadcrumbs" class="row-fluid">
+ <ul>
+ <?php
+ $breadcrumbs = $config['breadcrumbs'];
+ $last = array_pop($breadcrumbs);
+ foreach ($breadcrumbs as $crumb) {
+ echo " <li><a href='{$crumb['link']}'>{$crumb['title']}</a>
<span class='divider'>/</span></li>";
+ }
+ echo " <li><a href='{$last['link']}'>{$last['title']}</a></li>";
+ ?>
+ </ul>
+ </div>
<?php endif; ?>
-
+
+ <div class="row-fluid">
<?php if (!empty($config["leftmenu"])): ?>
- <aside class='layout-menu'>
+ <aside class='layout-menu span3'>
<ul class='parent-menu-list'>
<?php foreach($config['leftmenu'] as $section): ?>
@@ -297,8 +161,5 @@ if (isset($shortname) && $shortname) {
</aside>
<?php endif; ?>
-<?php include 'uservoice.inc' ?>
-
-
-<section class="layout-content <?php echo $curr ?>">
-
+<section id="layout-content" class="<?php echo $curr ?> span9">
+
diff --git a/include/layout.inc b/include/layout.inc
index d580c4c..e4a9f50 100644
--- a/include/layout.inc
+++ b/include/layout.inc
@@ -730,9 +730,7 @@ function print_view($templateName, array $params = array())
{
$path = $_SERVER['DOCUMENT_ROOT'] . '/views/' . $templateName;
if(file_exists($path)) {
if(!empty($params)) {
- foreach($params as $key => $param) {
- $$key = $param;
- }
+ extract($params);
}
include_once $path;
}
diff --git a/include/shared-manual.inc b/include/shared-manual.inc
index a564a1d..719c346 100644
--- a/include/shared-manual.inc
+++ b/include/shared-manual.inc
@@ -554,7 +554,7 @@ VOTEDIV;
echo <<<USER_NOTE_TEXT
- <a name="$id"></a><div class="note">{$votediv}{$name}{$admin}<div
class="date" title="$fdatestr"><strong>{$datestr}</strong></div>
+ <div class="note" id="$id">{$votediv}{$name}{$admin}<div class="date"
title="$fdatestr"><strong>{$datestr}</strong></div>
<div class="text" id="Hcom{$id}">
{$text}
</div>
@@ -592,24 +592,25 @@ function manual_setup_beta($setup) {
$menu[] = array(
"title" => $parent[1],
"link" => $parent[0],
- "children" => array(),
);
}
// The index manual page has no parent..
if ($setup["up"][0]) {
- $menu[] = array(
+ $last_item = array(
"title" => $setup["up"][1],
"link" => $setup["up"][0],
- "children" => $siblings,
);
+ $siblings = array(array_merge($last_item, array("children" =>
$siblings)));
+ $menu[] = $last_item;
}
$_SERVER["BASE_PAGE"] = "/manual/" . $setup["head"][1] . "/" .
$setup["this"][0];
$config = array(
"current" => "docs",
- "leftmenu" => $menu,
+ "leftmenu" => $siblings,
+ "breadcrumbs" => $menu,
"meta-navigation" => array(
"contents" => $setup["home"][0],
"index" => $setup["up"][0],
@@ -653,9 +654,9 @@ function manual_language_chooser($currentlang,
$currentpage) {
function manual_header_beta(){}
function manual_footer_beta() {
- echo "</section>";
manual_notes();
+ echo "</section>";
site_footer(array('elephpants' => true));
}
diff --git a/index-beta.php b/index-beta.php
index 5f05607..f865675 100644
--- a/index-beta.php
+++ b/index-beta.php
@@ -130,16 +130,20 @@ site_header("Hypertext Preprocessor",
);
// Print body of home page.
+print $content;
+
+ob_start();
print_view('homepage/sidebar.php', array(
'announcements' => $announcements
));
-print $content;
+$sidebar = ob_get_clean();
// Print the common footer.
site_footer(
array(
"atom" => "/feed.atom", // Add a link to the feed at the bottom
'elephpants' => true,
- 'spanning-content' => $thanksTo
+ 'spanning-content' => $thanksTo,
+ 'sidebar' => $sidebar
)
);
diff --git a/js/common.js b/js/common.js
index 0531cf8..e0eb836 100644
--- a/js/common.js
+++ b/js/common.js
@@ -206,6 +206,10 @@ $(document).ready(function() {
var $this = $(this);
$this.after("<a class='genanchor' href='#" + $this.attr('id') + "'>
¶</a>")
});
+ $('h1[id], h2[id], h3[id], h4[id]').each(function() {
+ var $this = $(this);
+ $this.append("<a class='genanchor' href='#" + $this.attr('id') + "'>
¶</a>");
+ });
var $elephpants = $(".elephpants");
var $elephpantsImages = $elephpants.find('.images');
diff --git a/styles/bootstrap.css b/styles/bootstrap.css
new file mode 100644
index 0000000..9833c8c
--- /dev/null
+++ b/styles/bootstrap.css
@@ -0,0 +1,2054 @@
+/*!
+ * Bootstrap v2.3.2
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+ *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.clearfix:after {
+ clear: both;
+}
+.hide-text {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+.input-block-level {
+ display: block;
+ width: 100%;
+ min-height: 30px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+ display: block;
+}
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+audio:not([controls]) {
+ display: none;
+}
+html {
+ font-size: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+a:focus {
+ outline: thin dotted #333;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+a:hover,
+a:active {
+ outline: 0;
+}
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+img {
+ /* Responsive images (ensure images don't scale beyond their parents) */
+
+ max-width: 100%;
+ /* Part 1: Set a maxium relative to the parent */
+
+ width: auto\9;
+ /* IE7-8 need help adjusting responsive images */
+
+ height: auto;
+ /* Part 2: Scale the height according to the width, otherwise you get
stretching */
+
+ vertical-align: middle;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+}
+#map_canvas img,
+.google-maps img {
+ max-width: none;
+}
+button,
+input,
+select,
+textarea {
+ margin: 0;
+ font-size: 100%;
+ vertical-align: middle;
+}
+button,
+input {
+ *overflow: visible;
+ line-height: normal;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+ cursor: pointer;
+}
+input[type="search"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+@media print {
+ * {
+ text-shadow: none !important;
+ color: #000 !important;
+ background: transparent !important;
+ box-shadow: none !important;
+ }
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: "";
+ }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ img {
+ max-width: 100% !important;
+ }
+ @page {
+ margin: 0.5cm;
+ }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+}
+.row {
+ margin-left: -20px;
+ *zoom: 1;
+}
+.row:before,
+.row:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.row:after {
+ clear: both;
+}
+[class*="span"] {
+ float: left;
+ min-height: 1px;
+ margin-left: 20px;
+}
+.container,
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+ width: 940px;
+}
+.span12 {
+ width: 940px;
+}
+.span11 {
+ width: 860px;
+}
+.span10 {
+ width: 780px;
+}
+.span9 {
+ width: 700px;
+}
+.span8 {
+ width: 620px;
+}
+.span7 {
+ width: 540px;
+}
+.span6 {
+ width: 460px;
+}
+.span5 {
+ width: 380px;
+}
+.span4 {
+ width: 300px;
+}
+.span3 {
+ width: 220px;
+}
+.span2 {
+ width: 140px;
+}
+.span1 {
+ width: 60px;
+}
+.offset12 {
+ margin-left: 980px;
+}
+.offset11 {
+ margin-left: 900px;
+}
+.offset10 {
+ margin-left: 820px;
+}
+.offset9 {
+ margin-left: 740px;
+}
+.offset8 {
+ margin-left: 660px;
+}
+.offset7 {
+ margin-left: 580px;
+}
+.offset6 {
+ margin-left: 500px;
+}
+.offset5 {
+ margin-left: 420px;
+}
+.offset4 {
+ margin-left: 340px;
+}
+.offset3 {
+ margin-left: 260px;
+}
+.offset2 {
+ margin-left: 180px;
+}
+.offset1 {
+ margin-left: 100px;
+}
+.row-fluid {
+ width: 100%;
+ *zoom: 1;
+}
+.row-fluid:before,
+.row-fluid:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.row-fluid:after {
+ clear: both;
+}
+.row-fluid [class*="span"] {
+ display: block;
+ width: 100%;
+ min-height: 30px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ float: left;
+ margin-left: 2.127659574468085%;
+ *margin-left: 2.074468085106383%;
+}
+.row-fluid [class*="span"]:first-child {
+ margin-left: 0;
+}
+.row-fluid .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 2.127659574468085%;
+}
+.row-fluid .span12 {
+ width: 100%;
+ *width: 99.94680851063829%;
+}
+.row-fluid .span11 {
+ width: 91.48936170212765%;
+ *width: 91.43617021276594%;
+}
+.row-fluid .span10 {
+ width: 82.97872340425532%;
+ *width: 82.92553191489361%;
+}
+.row-fluid .span9 {
+ width: 74.46808510638297%;
+ *width: 74.41489361702126%;
+}
+.row-fluid .span8 {
+ width: 65.95744680851064%;
+ *width: 65.90425531914893%;
+}
+.row-fluid .span7 {
+ width: 57.44680851063829%;
+ *width: 57.39361702127659%;
+}
+.row-fluid .span6 {
+ width: 48.93617021276595%;
+ *width: 48.88297872340425%;
+}
+.row-fluid .span5 {
+ width: 40.42553191489362%;
+ *width: 40.37234042553192%;
+}
+.row-fluid .span4 {
+ width: 31.914893617021278%;
+ *width: 31.861702127659576%;
+}
+.row-fluid .span3 {
+ width: 23.404255319148934%;
+ *width: 23.351063829787233%;
+}
+.row-fluid .span2 {
+ width: 14.893617021276595%;
+ *width: 14.840425531914894%;
+}
+.row-fluid .span1 {
+ width: 6.382978723404255%;
+ *width: 6.329787234042553%;
+}
+.row-fluid .offset12 {
+ margin-left: 104.25531914893617%;
+ *margin-left: 104.14893617021275%;
+}
+.row-fluid .offset12:first-child {
+ margin-left: 102.12765957446808%;
+ *margin-left: 102.02127659574467%;
+}
+.row-fluid .offset11 {
+ margin-left: 95.74468085106382%;
+ *margin-left: 95.6382978723404%;
+}
+.row-fluid .offset11:first-child {
+ margin-left: 93.61702127659574%;
+ *margin-left: 93.51063829787232%;
+}
+.row-fluid .offset10 {
+ margin-left: 87.23404255319149%;
+ *margin-left: 87.12765957446807%;
+}
+.row-fluid .offset10:first-child {
+ margin-left: 85.1063829787234%;
+ *margin-left: 84.99999999999999%;
+}
+.row-fluid .offset9 {
+ margin-left: 78.72340425531914%;
+ *margin-left: 78.61702127659572%;
+}
+.row-fluid .offset9:first-child {
+ margin-left: 76.59574468085106%;
+ *margin-left: 76.48936170212764%;
+}
+.row-fluid .offset8 {
+ margin-left: 70.2127659574468%;
+ *margin-left: 70.10638297872339%;
+}
+.row-fluid .offset8:first-child {
+ margin-left: 68.08510638297872%;
+ *margin-left: 67.9787234042553%;
+}
+.row-fluid .offset7 {
+ margin-left: 61.70212765957446%;
+ *margin-left: 61.59574468085106%;
+}
+.row-fluid .offset7:first-child {
+ margin-left: 59.574468085106375%;
+ *margin-left: 59.46808510638297%;
+}
+.row-fluid .offset6 {
+ margin-left: 53.191489361702125%;
+ *margin-left: 53.085106382978715%;
+}
+.row-fluid .offset6:first-child {
+ margin-left: 51.063829787234035%;
+ *margin-left: 50.95744680851063%;
+}
+.row-fluid .offset5 {
+ margin-left: 44.68085106382979%;
+ *margin-left: 44.57446808510638%;
+}
+.row-fluid .offset5:first-child {
+ margin-left: 42.5531914893617%;
+ *margin-left: 42.4468085106383%;
+}
+.row-fluid .offset4 {
+ margin-left: 36.170212765957444%;
+ *margin-left: 36.06382978723405%;
+}
+.row-fluid .offset4:first-child {
+ margin-left: 34.04255319148936%;
+ *margin-left: 33.93617021276596%;
+}
+.row-fluid .offset3 {
+ margin-left: 27.659574468085104%;
+ *margin-left: 27.5531914893617%;
+}
+.row-fluid .offset3:first-child {
+ margin-left: 25.53191489361702%;
+ *margin-left: 25.425531914893618%;
+}
+.row-fluid .offset2 {
+ margin-left: 19.148936170212764%;
+ *margin-left: 19.04255319148936%;
+}
+.row-fluid .offset2:first-child {
+ margin-left: 17.02127659574468%;
+ *margin-left: 16.914893617021278%;
+}
+.row-fluid .offset1 {
+ margin-left: 10.638297872340425%;
+ *margin-left: 10.53191489361702%;
+}
+.row-fluid .offset1:first-child {
+ margin-left: 8.51063829787234%;
+ *margin-left: 8.404255319148938%;
+}
+[class*="span"].hide,
+.row-fluid [class*="span"].hide {
+ display: none;
+}
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
+ float: right;
+}
+.container {
+ margin-right: auto;
+ margin-left: auto;
+ *zoom: 1;
+}
+.container:before,
+.container:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.container:after {
+ clear: both;
+}
+.container-fluid {
+ padding-right: 20px;
+ padding-left: 20px;
+ *zoom: 1;
+}
+.container-fluid:before,
+.container-fluid:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.container-fluid:after {
+ clear: both;
+}
+.navbar {
+ overflow: visible;
+ margin-bottom: 20px;
+ *position: relative;
+ *z-index: 2;
+}
+.navbar-inner {
+ min-height: 40px;
+ padding-left: 20px;
+ padding-right: 20px;
+ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+ -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+ *zoom: 1;
+}
+.navbar-inner:before,
+.navbar-inner:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.navbar-inner:after {
+ clear: both;
+}
+.navbar .container {
+ width: auto;
+}
+.nav-collapse.collapse {
+ height: auto;
+ overflow: visible;
+}
+.navbar .brand {
+ float: left;
+ display: block;
+ padding: .75em;
+ color: #fff;
+ text-shadow: 0 1px 0 #ffffff;
+}
+.navbar .brand:hover,
+.navbar .brand:focus {
+ text-decoration: none;
+}
+.navbar-text {
+ margin-bottom: 0;
+ line-height: 40px;
+ color: #777777;
+}
+.navbar-link {
+ color: #777777;
+}
+.navbar-link:hover,
+.navbar-link:focus {
+ color: #333333;
+}
+.navbar .divider-vertical {
+ height: 40px;
+ margin: 0 9px;
+ border-left: 1px solid #f2f2f2;
+ border-right: 1px solid #ffffff;
+}
+.navbar .btn,
+.navbar .btn-group {
+ margin-top: 5px;
+}
+.navbar .btn-group .btn,
+.navbar .input-prepend .btn,
+.navbar .input-append .btn,
+.navbar .input-prepend .btn-group,
+.navbar .input-append .btn-group {
+ margin-top: 0;
+}
+.navbar-form {
+ margin-bottom: 0;
+ *zoom: 1;
+}
+.navbar-form:before,
+.navbar-form:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.navbar-form:after {
+ clear: both;
+}
+.navbar-form input,
+.navbar-form select,
+.navbar-form .radio,
+.navbar-form .checkbox {
+ margin-top: 5px;
+}
+.navbar-form input,
+.navbar-form select,
+.navbar-form .btn {
+ display: inline-block;
+ margin-bottom: 0;
+}
+.navbar-form input[type="image"],
+.navbar-form input[type="checkbox"],
+.navbar-form input[type="radio"] {
+ margin-top: 3px;
+}
+.navbar-form .input-append,
+.navbar-form .input-prepend {
+ margin-top: 5px;
+ white-space: nowrap;
+}
+.navbar-form .input-append input,
+.navbar-form .input-prepend input {
+ margin-top: 0;
+}
+.navbar-search {
+ position: relative;
+ float: left;
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+.navbar-search .search-query {
+ margin-bottom: 0;
+ padding: 4px 14px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-border-radius: 15px;
+ -moz-border-radius: 15px;
+ border-radius: 15px;
+}
+.navbar-static-top {
+ position: static;
+ margin-bottom: 0;
+}
+.navbar-static-top .navbar-inner {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ position: fixed;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+ margin-bottom: 0;
+}
+.navbar-fixed-top .navbar-inner,
+.navbar-fixed-bottom .navbar-inner {
+ padding-left: 0;
+ padding-right: 0;
+}
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+ width: 940px;
+}
+.navbar-fixed-top {
+ top: 0;
+}
+.navbar-fixed-top .navbar-inner,
+.navbar-static-top .navbar-inner {
+ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
+ -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
+ box-shadow: 0 1px 10px rgba(0,0,0,.1);
+}
+.navbar-fixed-bottom {
+ bottom: 0;
+}
+.navbar-fixed-bottom .navbar-inner {
+ -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
+ -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
+ box-shadow: 0 -1px 10px rgba(0,0,0,.1);
+}
+.navbar .nav {
+ position: relative;
+ left: 0;
+ display: block;
+ float: left;
+ margin: 0 10px 0 0;
+}
+.navbar .nav.pull-right {
+ float: right;
+ margin-right: 0;
+}
+.navbar .nav > li {
+ float: left;
+}
+.navbar .nav > li > a {
+ float: none;
+ padding: .75em;
+ color: #777777;
+ text-decoration: none;
+ text-shadow: 0 1px 0 #ffffff;
+}
+.navbar .nav .dropdown-toggle .caret {
+ margin-top: 8px;
+}
+.navbar .nav > li > a:focus,
+.navbar .nav > li > a:hover {
+ background-color: transparent;
+ color: #333333;
+ text-decoration: none;
+}
+.navbar .nav > .active > a,
+.navbar .nav > .active > a:hover,
+.navbar .nav > .active > a:focus {
+ color: #555555;
+ text-decoration: none;
+ background-color: #e5e5e5;
+ -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+ -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+}
+.navbar .btn-navbar {
+ display: none;
+ float: right;
+ padding: 7px 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ background-color: #ededed;
+ background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2),
to(#e5e5e5));
+ background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
+ background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
+ background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
+ background-repeat: repeat-x;
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',
endColorstr='#ffe5e5e5', GradientType=0);
+ border-color: #e5e5e5 #e5e5e5 #bfbfbf;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ *background-color: #e5e5e5;
+ /* Darken IE7 buttons by default so they stand out more given they won't
have borders */
+
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0
rgba(255,255,255,.075);
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0
rgba(255,255,255,.075);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0
rgba(255,255,255,.075);
+}
+.navbar .btn-navbar:hover,
+.navbar .btn-navbar:focus,
+.navbar .btn-navbar:active,
+.navbar .btn-navbar.active,
+.navbar .btn-navbar.disabled,
+.navbar .btn-navbar[disabled] {
+ color: #ffffff;
+ background-color: #e5e5e5;
+ *background-color: #d9d9d9;
+}
+.navbar .btn-navbar:active,
+.navbar .btn-navbar.active {
+ background-color: #cccccc \9;
+}
+.navbar .btn-navbar .icon-bar {
+ display: block;
+ width: 18px;
+ height: 2px;
+ background-color: #f5f5f5;
+ -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+}
+.btn-navbar .icon-bar + .icon-bar {
+ margin-top: 3px;
+}
+.navbar .nav > li > .dropdown-menu:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid #ccc;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+ position: absolute;
+ top: -7px;
+ left: 9px;
+}
+.navbar .nav > li > .dropdown-menu:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid #ffffff;
+ position: absolute;
+ top: -6px;
+ left: 10px;
+}
+.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
+ border-top: 7px solid #ccc;
+ border-top-color: rgba(0, 0, 0, 0.2);
+ border-bottom: 0;
+ bottom: -7px;
+ top: auto;
+}
+.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
+ border-top: 6px solid #ffffff;
+ border-bottom: 0;
+ bottom: -6px;
+ top: auto;
+}
+.navbar .nav li.dropdown > a:hover .caret,
+.navbar .nav li.dropdown > a:focus .caret {
+ border-top-color: #333333;
+ border-bottom-color: #333333;
+}
+.navbar .nav li.dropdown.open > .dropdown-toggle,
+.navbar .nav li.dropdown.active > .dropdown-toggle,
+.navbar .nav li.dropdown.open.active > .dropdown-toggle {
+ background-color: #e5e5e5;
+ color: #555555;
+}
+.navbar .nav li.dropdown > .dropdown-toggle .caret {
+ border-top-color: #777777;
+ border-bottom-color: #777777;
+}
+.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
+.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
+.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
+ border-top-color: #555555;
+ border-bottom-color: #555555;
+}
+.navbar .pull-right > li > .dropdown-menu,
+.navbar .nav > li > .dropdown-menu.pull-right {
+ left: auto;
+ right: 0;
+}
+.navbar .pull-right > li > .dropdown-menu:before,
+.navbar .nav > li > .dropdown-menu.pull-right:before {
+ left: auto;
+ right: 12px;
+}
+.navbar .pull-right > li > .dropdown-menu:after,
+.navbar .nav > li > .dropdown-menu.pull-right:after {
+ left: auto;
+ right: 13px;
+}
+.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
+.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
+ left: auto;
+ right: 100%;
+ margin-left: 0;
+ margin-right: -1px;
+}
+.navbar-inverse .navbar-inner {
+ background-color: #333;
+ border-color: #333;
+}
+.navbar-inverse .brand,
+.navbar-inverse .nav > li > a {
+ color: #999999;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.navbar-inverse .brand:hover,
+.navbar-inverse .nav > li > a:hover,
+.navbar-inverse .brand:focus,
+.navbar-inverse .nav > li > a:focus {
+ color: #ffffff;
+}
+.navbar-inverse .brand {
+ color: #999999;
+}
+.navbar-inverse .navbar-text {
+ color: #999999;
+}
+.navbar-inverse .nav > li > a:focus,
+.navbar-inverse .nav > li > a:hover {
+ background-color: transparent;
+ color: #ffffff;
+}
+.navbar-inverse .nav .active > a,
+.navbar-inverse .nav .active > a:hover,
+.navbar-inverse .nav .active > a:focus {
+ color: #ffffff;
+ background-color: #111111;
+}
+.navbar-inverse .navbar-link {
+ color: #999999;
+}
+.navbar-inverse .navbar-link:hover,
+.navbar-inverse .navbar-link:focus {
+ color: #ffffff;
+}
+.navbar-inverse .divider-vertical {
+ border-left-color: #111111;
+ border-right-color: #222222;
+}
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
+.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
+.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
+ background-color: #111111;
+ color: #ffffff;
+}
+.navbar-inverse .nav li.dropdown > a:hover .caret,
+.navbar-inverse .nav li.dropdown > a:focus .caret {
+ border-top-color: #ffffff;
+ border-bottom-color: #ffffff;
+}
+.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
+ border-top-color: #999999;
+ border-bottom-color: #999999;
+}
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
+.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
+.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
+ border-top-color: #ffffff;
+ border-bottom-color: #ffffff;
+}
+.navbar-inverse .navbar-search .search-query {
+ color: #ffffff;
+ background-color: #515151;
+ border-color: #111111;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0
rgba(255,255,255,.15);
+ -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0
rgba(255,255,255,.15);
+ box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
+ -webkit-transition: none;
+ -moz-transition: none;
+ -o-transition: none;
+ transition: none;
+}
+.navbar-inverse .navbar-search .search-query:-moz-placeholder {
+ color: #cccccc;
+}
+.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
+ color: #cccccc;
+}
+.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
+ color: #cccccc;
+}
+.navbar-inverse .navbar-search .search-query:focus,
+.navbar-inverse .navbar-search .search-query.focused {
+ padding: 5px 15px;
+ color: #333333;
+ text-shadow: 0 1px 0 #ffffff;
+ background-color: #ffffff;
+ border: 0;
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+ outline: 0;
+}
+.navbar-inverse .btn-navbar {
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ background-color: #0e0e0e;
+ background-image: -moz-linear-gradient(top, #151515, #040404);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515),
to(#040404));
+ background-image: -webkit-linear-gradient(top, #151515, #040404);
+ background-image: -o-linear-gradient(top, #151515, #040404);
+ background-image: linear-gradient(to bottom, #151515, #040404);
+ background-repeat: repeat-x;
+ filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',
endColorstr='#ff040404', GradientType=0);
+ border-color: #040404 #040404 #000000;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ *background-color: #040404;
+ /* Darken IE7 buttons by default so they stand out more given they won't
have borders */
+
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.navbar-inverse .btn-navbar:hover,
+.navbar-inverse .btn-navbar:focus,
+.navbar-inverse .btn-navbar:active,
+.navbar-inverse .btn-navbar.active,
+.navbar-inverse .btn-navbar.disabled,
+.navbar-inverse .btn-navbar[disabled] {
+ color: #ffffff;
+ background-color: #040404;
+ *background-color: #000000;
+}
+.navbar-inverse .btn-navbar:active,
+.navbar-inverse .btn-navbar.active {
+ background-color: #000000 \9;
+}
+.hero-unit {
+ padding: 60px;
+ margin-bottom: 30px;
+ font-size: 18px;
+ font-weight: 200;
+ line-height: 30px;
+ color: inherit;
+ background-color: #eeeeee;
+}
+.hero-unit h1 {
+ margin-bottom: 0;
+ font-size: 60px;
+ line-height: 1;
+ color: inherit;
+ letter-spacing: -1px;
+}
+.hero-unit li {
+ line-height: 30px;
+}
+@-ms-viewport {
+ width: device-width;
+}
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+.visible-phone {
+ display: none !important;
+}
+.visible-tablet {
+ display: none !important;
+}
+.hidden-desktop {
+ display: none !important;
+}
+.visible-desktop {
+ display: inherit !important;
+}
+@media (min-width: 768px) and (max-width: 979px) {
+ .hidden-desktop {
+ display: inherit !important;
+ }
+ .visible-desktop {
+ display: none !important ;
+ }
+ .visible-tablet {
+ display: inherit !important;
+ }
+ .hidden-tablet {
+ display: none !important;
+ }
+}
+@media (max-width: 767px) {
+ .hidden-desktop {
+ display: inherit !important;
+ }
+ .visible-desktop {
+ display: none !important;
+ }
+ .visible-phone {
+ display: inherit !important;
+ }
+ .hidden-phone {
+ display: none !important;
+ }
+}
+.visible-print {
+ display: none !important;
+}
+@media print {
+ .visible-print {
+ display: inherit !important;
+ }
+ .hidden-print {
+ display: none !important;
+ }
+}
+@media (max-width: 767px) {
+ body {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+ .navbar-fixed-top,
+ .navbar-fixed-bottom,
+ .navbar-static-top {
+ margin-left: -20px;
+ margin-right: -20px;
+ }
+ .container-fluid {
+ padding: 0;
+ }
+ .dl-horizontal dt {
+ float: none;
+ clear: none;
+ width: auto;
+ text-align: left;
+ }
+ .dl-horizontal dd {
+ margin-left: 0;
+ }
+ .container {
+ width: auto;
+ }
+ .row-fluid {
+ width: 100%;
+ }
+ .row,
+ .thumbnails {
+ margin-left: 0;
+ }
+ .thumbnails > li {
+ float: none;
+ margin-left: 0;
+ }
+ [class*="span"],
+ .uneditable-input[class*="span"],
+ .row-fluid [class*="span"] {
+ float: none;
+ display: block;
+ width: 100%;
+ margin-left: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .span12,
+ .row-fluid .span12 {
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .row-fluid [class*="offset"]:first-child {
+ margin-left: 0;
+ }
+ .input-large,
+ .input-xlarge,
+ .input-xxlarge,
+ input[class*="span"],
+ select[class*="span"],
+ textarea[class*="span"],
+ .uneditable-input {
+ display: block;
+ width: 100%;
+ min-height: 30px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .input-prepend input,
+ .input-append input,
+ .input-prepend input[class*="span"],
+ .input-append input[class*="span"] {
+ display: inline-block;
+ width: auto;
+ }
+ .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 0;
+ }
+ .modal {
+ position: fixed;
+ top: 20px;
+ left: 20px;
+ right: 20px;
+ width: auto;
+ margin: 0;
+ }
+ .modal.fade {
+ top: -100px;
+ }
+ .modal.fade.in {
+ top: 20px;
+ }
+}
+@media (max-width: 480px) {
+ .nav-collapse {
+ -webkit-transform: translate3d(0, 0, 0);
+ }
+ .page-header h1 small {
+ display: block;
+ line-height: 20px;
+ }
+ input[type="checkbox"],
+ input[type="radio"] {
+ border: 1px solid #ccc;
+ }
+ .form-horizontal .control-label {
+ float: none;
+ width: auto;
+ padding-top: 0;
+ text-align: left;
+ }
+ .form-horizontal .controls {
+ margin-left: 0;
+ }
+ .form-horizontal .control-list {
+ padding-top: 0;
+ }
+ .form-horizontal .form-actions {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ .media .pull-left,
+ .media .pull-right {
+ float: none;
+ display: block;
+ margin-bottom: 10px;
+ }
+ .media-object {
+ margin-right: 0;
+ margin-left: 0;
+ }
+ .modal {
+ top: 10px;
+ left: 10px;
+ right: 10px;
+ }
+ .modal-header .close {
+ padding: 10px;
+ margin: -10px;
+ }
+ .carousel-caption {
+ position: static;
+ }
+}
+@media (min-width: 768px) and (max-width: 979px) {
+ .row {
+ margin-left: -20px;
+ *zoom: 1;
+ }
+ .row:before,
+ .row:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ }
+ .row:after {
+ clear: both;
+ }
+ [class*="span"] {
+ float: left;
+ min-height: 1px;
+ margin-left: 20px;
+ }
+ .container,
+ .navbar-static-top .container,
+ .navbar-fixed-top .container,
+ .navbar-fixed-bottom .container {
+ width: 724px;
+ }
+ .span12 {
+ width: 724px;
+ }
+ .span11 {
+ width: 662px;
+ }
+ .span10 {
+ width: 600px;
+ }
+ .span9 {
+ width: 538px;
+ }
+ .span8 {
+ width: 476px;
+ }
+ .span7 {
+ width: 414px;
+ }
+ .span6 {
+ width: 352px;
+ }
+ .span5 {
+ width: 290px;
+ }
+ .span4 {
+ width: 228px;
+ }
+ .span3 {
+ width: 166px;
+ }
+ .span2 {
+ width: 104px;
+ }
+ .span1 {
+ width: 42px;
+ }
+ .offset12 {
+ margin-left: 764px;
+ }
+ .offset11 {
+ margin-left: 702px;
+ }
+ .offset10 {
+ margin-left: 640px;
+ }
+ .offset9 {
+ margin-left: 578px;
+ }
+ .offset8 {
+ margin-left: 516px;
+ }
+ .offset7 {
+ margin-left: 454px;
+ }
+ .offset6 {
+ margin-left: 392px;
+ }
+ .offset5 {
+ margin-left: 330px;
+ }
+ .offset4 {
+ margin-left: 268px;
+ }
+ .offset3 {
+ margin-left: 206px;
+ }
+ .offset2 {
+ margin-left: 144px;
+ }
+ .offset1 {
+ margin-left: 82px;
+ }
+ .row-fluid {
+ width: 100%;
+ *zoom: 1;
+ }
+ .row-fluid:before,
+ .row-fluid:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ }
+ .row-fluid:after {
+ clear: both;
+ }
+ .row-fluid [class*="span"] {
+ display: block;
+ width: 100%;
+ min-height: 30px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ float: left;
+ margin-left: 2.7624309392265194%;
+ *margin-left: 2.709239449864817%;
+ }
+ .row-fluid [class*="span"]:first-child {
+ margin-left: 0;
+ }
+ .row-fluid .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 2.7624309392265194%;
+ }
+ .row-fluid .span12 {
+ width: 100%;
+ *width: 99.94680851063829%;
+ }
+ .row-fluid .span11 {
+ width: 91.43646408839778%;
+ *width: 91.38327259903608%;
+ }
+ .row-fluid .span10 {
+ width: 82.87292817679558%;
+ *width: 82.81973668743387%;
+ }
+ .row-fluid .span9 {
+ width: 74.30939226519337%;
+ *width: 74.25620077583166%;
+ }
+ .row-fluid .span8 {
+ width: 65.74585635359117%;
+ *width: 65.69266486422946%;
+ }
+ .row-fluid .span7 {
+ width: 57.18232044198895%;
+ *width: 57.12912895262725%;
+ }
+ .row-fluid .span6 {
+ width: 48.61878453038674%;
+ *width: 48.56559304102504%;
+ }
+ .row-fluid .span5 {
+ width: 40.05524861878453%;
+ *width: 40.00205712942283%;
+ }
+ .row-fluid .span4 {
+ width: 31.491712707182323%;
+ *width: 31.43852121782062%;
+ }
+ .row-fluid .span3 {
+ width: 22.92817679558011%;
+ *width: 22.87498530621841%;
+ }
+ .row-fluid .span2 {
+ width: 14.3646408839779%;
+ *width: 14.311449394616199%;
+ }
+ .row-fluid .span1 {
+ width: 5.801104972375691%;
+ *width: 5.747913483013988%;
+ }
+ .row-fluid .offset12 {
+ margin-left: 105.52486187845304%;
+ *margin-left: 105.41847889972962%;
+ }
+ .row-fluid .offset12:first-child {
+ margin-left: 102.76243093922652%;
+ *margin-left: 102.6560479605031%;
+ }
+ .row-fluid .offset11 {
+ margin-left: 96.96132596685082%;
+ *margin-left: 96.8549429881274%;
+ }
+ .row-fluid .offset11:first-child {
+ margin-left: 94.1988950276243%;
+ *margin-left: 94.09251204890089%;
+ }
+ .row-fluid .offset10 {
+ margin-left: 88.39779005524862%;
+ *margin-left: 88.2914070765252%;
+ }
+ .row-fluid .offset10:first-child {
+ margin-left: 85.6353591160221%;
+ *margin-left: 85.52897613729868%;
+ }
+ .row-fluid .offset9 {
+ margin-left: 79.8342541436464%;
+ *margin-left: 79.72787116492299%;
+ }
+ .row-fluid .offset9:first-child {
+ margin-left: 77.07182320441989%;
+ *margin-left: 76.96544022569647%;
+ }
+ .row-fluid .offset8 {
+ margin-left: 71.2707182320442%;
+ *margin-left: 71.16433525332079%;
+ }
+ .row-fluid .offset8:first-child {
+ margin-left: 68.50828729281768%;
+ *margin-left: 68.40190431409427%;
+ }
+ .row-fluid .offset7 {
+ margin-left: 62.70718232044199%;
+ *margin-left: 62.600799341718584%;
+ }
+ .row-fluid .offset7:first-child {
+ margin-left: 59.94475138121547%;
+ *margin-left: 59.838368402492065%;
+ }
+ .row-fluid .offset6 {
+ margin-left: 54.14364640883978%;
+ *margin-left: 54.037263430116376%;
+ }
+ .row-fluid .offset6:first-child {
+ margin-left: 51.38121546961326%;
+ *margin-left: 51.27483249088986%;
+ }
+ .row-fluid .offset5 {
+ margin-left: 45.58011049723757%;
+ *margin-left: 45.47372751851417%;
+ }
+ .row-fluid .offset5:first-child {
+ margin-left: 42.81767955801105%;
+ *margin-left: 42.71129657928765%;
+ }
+ .row-fluid .offset4 {
+ margin-left: 37.01657458563536%;
+ *margin-left: 36.91019160691196%;
+ }
+ .row-fluid .offset4:first-child {
+ margin-left: 34.25414364640884%;
+ *margin-left: 34.14776066768544%;
+ }
+ .row-fluid .offset3 {
+ margin-left: 28.45303867403315%;
+ *margin-left: 28.346655695309746%;
+ }
+ .row-fluid .offset3:first-child {
+ margin-left: 25.69060773480663%;
+ *margin-left: 25.584224756083227%;
+ }
+ .row-fluid .offset2 {
+ margin-left: 19.88950276243094%;
+ *margin-left: 19.783119783707537%;
+ }
+ .row-fluid .offset2:first-child {
+ margin-left: 17.12707182320442%;
+ *margin-left: 17.02068884448102%;
+ }
+ .row-fluid .offset1 {
+ margin-left: 11.32596685082873%;
+ *margin-left: 11.219583872105325%;
+ }
+ .row-fluid .offset1:first-child {
+ margin-left: 8.56353591160221%;
+ *margin-left: 8.457152932878806%;
+ }
+ input,
+ textarea,
+ .uneditable-input {
+ margin-left: 0;
+ }
+ .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 20px;
+ }
+ input.span12,
+ textarea.span12,
+ .uneditable-input.span12 {
+ width: 710px;
+ }
+ input.span11,
+ textarea.span11,
+ .uneditable-input.span11 {
+ width: 648px;
+ }
+ input.span10,
+ textarea.span10,
+ .uneditable-input.span10 {
+ width: 586px;
+ }
+ input.span9,
+ textarea.span9,
+ .uneditable-input.span9 {
+ width: 524px;
+ }
+ input.span8,
+ textarea.span8,
+ .uneditable-input.span8 {
+ width: 462px;
+ }
+ input.span7,
+ textarea.span7,
+ .uneditable-input.span7 {
+ width: 400px;
+ }
+ input.span6,
+ textarea.span6,
+ .uneditable-input.span6 {
+ width: 338px;
+ }
+ input.span5,
+ textarea.span5,
+ .uneditable-input.span5 {
+ width: 276px;
+ }
+ input.span4,
+ textarea.span4,
+ .uneditable-input.span4 {
+ width: 214px;
+ }
+ input.span3,
+ textarea.span3,
+ .uneditable-input.span3 {
+ width: 152px;
+ }
+ input.span2,
+ textarea.span2,
+ .uneditable-input.span2 {
+ width: 90px;
+ }
+ input.span1,
+ textarea.span1,
+ .uneditable-input.span1 {
+ width: 28px;
+ }
+}
+@media (min-width: 1200px) {
+ .row {
+ margin-left: -30px;
+ *zoom: 1;
+ }
+ .row:before,
+ .row:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ }
+ .row:after {
+ clear: both;
+ }
+ [class*="span"] {
+ float: left;
+ min-height: 1px;
+ margin-left: 30px;
+ }
+ .container,
+ .navbar-static-top .container,
+ .navbar-fixed-top .container,
+ .navbar-fixed-bottom .container {
+ width: 1170px;
+ }
+ .span12 {
+ width: 1170px;
+ }
+ .span11 {
+ width: 1070px;
+ }
+ .span10 {
+ width: 970px;
+ }
+ .span9 {
+ width: 870px;
+ }
+ .span8 {
+ width: 770px;
+ }
+ .span7 {
+ width: 670px;
+ }
+ .span6 {
+ width: 570px;
+ }
+ .span5 {
+ width: 470px;
+ }
+ .span4 {
+ width: 370px;
+ }
+ .span3 {
+ width: 270px;
+ }
+ .span2 {
+ width: 170px;
+ }
+ .span1 {
+ width: 70px;
+ }
+ .offset12 {
+ margin-left: 1230px;
+ }
+ .offset11 {
+ margin-left: 1130px;
+ }
+ .offset10 {
+ margin-left: 1030px;
+ }
+ .offset9 {
+ margin-left: 930px;
+ }
+ .offset8 {
+ margin-left: 830px;
+ }
+ .offset7 {
+ margin-left: 730px;
+ }
+ .offset6 {
+ margin-left: 630px;
+ }
+ .offset5 {
+ margin-left: 530px;
+ }
+ .offset4 {
+ margin-left: 430px;
+ }
+ .offset3 {
+ margin-left: 330px;
+ }
+ .offset2 {
+ margin-left: 230px;
+ }
+ .offset1 {
+ margin-left: 130px;
+ }
+ .row-fluid {
+ width: 100%;
+ *zoom: 1;
+ }
+ .row-fluid:before,
+ .row-fluid:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ }
+ .row-fluid:after {
+ clear: both;
+ }
+ .row-fluid [class*="span"] {
+ display: block;
+ width: 100%;
+ min-height: 30px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ float: left;
+ margin-left: 2.564102564102564%;
+ *margin-left: 2.5109110747408616%;
+ }
+ .row-fluid [class*="span"]:first-child {
+ margin-left: 0;
+ }
+ .row-fluid .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 2.564102564102564%;
+ }
+ .row-fluid .span12 {
+ width: 100%;
+ *width: 99.94680851063829%;
+ }
+ .row-fluid .span11 {
+ width: 91.45299145299145%;
+ *width: 91.39979996362975%;
+ }
+ .row-fluid .span10 {
+ width: 82.90598290598291%;
+ *width: 82.8527914166212%;
+ }
+ .row-fluid .span9 {
+ width: 74.35897435897436%;
+ *width: 74.30578286961266%;
+ }
+ .row-fluid .span8 {
+ width: 65.81196581196582%;
+ *width: 65.75877432260411%;
+ }
+ .row-fluid .span7 {
+ width: 57.26495726495726%;
+ *width: 57.21176577559556%;
+ }
+ .row-fluid .span6 {
+ width: 48.717948717948715%;
+ *width: 48.664757228587014%;
+ }
+ .row-fluid .span5 {
+ width: 40.17094017094017%;
+ *width: 40.11774868157847%;
+ }
+ .row-fluid .span4 {
+ width: 31.623931623931625%;
+ *width: 31.570740134569924%;
+ }
+ .row-fluid .span3 {
+ width: 23.076923076923077%;
+ *width: 23.023731587561375%;
+ }
+ .row-fluid .span2 {
+ width: 14.52991452991453%;
+ *width: 14.476723040552828%;
+ }
+ .row-fluid .span1 {
+ width: 5.982905982905983%;
+ *width: 5.929714493544281%;
+ }
+ .row-fluid .offset12 {
+ margin-left: 105.12820512820512%;
+ *margin-left: 105.02182214948171%;
+ }
+ .row-fluid .offset12:first-child {
+ margin-left: 102.56410256410257%;
+ *margin-left: 102.45771958537915%;
+ }
+ .row-fluid .offset11 {
+ margin-left: 96.58119658119658%;
+ *margin-left: 96.47481360247316%;
+ }
+ .row-fluid .offset11:first-child {
+ margin-left: 94.01709401709402%;
+ *margin-left: 93.91071103837061%;
+ }
+ .row-fluid .offset10 {
+ margin-left: 88.03418803418803%;
+ *margin-left: 87.92780505546462%;
+ }
+ .row-fluid .offset10:first-child {
+ margin-left: 85.47008547008548%;
+ *margin-left: 85.36370249136206%;
+ }
+ .row-fluid .offset9 {
+ margin-left: 79.48717948717949%;
+ *margin-left: 79.38079650845607%;
+ }
+ .row-fluid .offset9:first-child {
+ margin-left: 76.92307692307693%;
+ *margin-left: 76.81669394435352%;
+ }
+ .row-fluid .offset8 {
+ margin-left: 70.94017094017094%;
+ *margin-left: 70.83378796144753%;
+ }
+ .row-fluid .offset8:first-child {
+ margin-left: 68.37606837606839%;
+ *margin-left: 68.26968539734497%;
+ }
+ .row-fluid .offset7 {
+ margin-left: 62.393162393162385%;
+ *margin-left: 62.28677941443899%;
+ }
+ .row-fluid .offset7:first-child {
+ margin-left: 59.82905982905982%;
+ *margin-left: 59.72267685033642%;
+ }
+ .row-fluid .offset6 {
+ margin-left: 53.84615384615384%;
+ *margin-left: 53.739770867430444%;
+ }
+ .row-fluid .offset6:first-child {
+ margin-left: 51.28205128205128%;
+ *margin-left: 51.175668303327875%;
+ }
+ .row-fluid .offset5 {
+ margin-left: 45.299145299145295%;
+ *margin-left: 45.1927623204219%;
+ }
+ .row-fluid .offset5:first-child {
+ margin-left: 42.73504273504273%;
+ *margin-left: 42.62865975631933%;
+ }
+ .row-fluid .offset4 {
+ margin-left: 36.75213675213675%;
+ *margin-left: 36.645753773413354%;
+ }
+ .row-fluid .offset4:first-child {
+ margin-left: 34.18803418803419%;
+ *margin-left: 34.081651209310785%;
+ }
+ .row-fluid .offset3 {
+ margin-left: 28.205128205128204%;
+ *margin-left: 28.0987452264048%;
+ }
+ .row-fluid .offset3:first-child {
+ margin-left: 25.641025641025642%;
+ *margin-left: 25.53464266230224%;
+ }
+ .row-fluid .offset2 {
+ margin-left: 19.65811965811966%;
+ *margin-left: 19.551736679396257%;
+ }
+ .row-fluid .offset2:first-child {
+ margin-left: 17.094017094017094%;
+ *margin-left: 16.98763411529369%;
+ }
+ .row-fluid .offset1 {
+ margin-left: 11.11111111111111%;
+ *margin-left: 11.004728132387708%;
+ }
+ .row-fluid .offset1:first-child {
+ margin-left: 8.547008547008547%;
+ *margin-left: 8.440625568285142%;
+ }
+ input,
+ textarea,
+ .uneditable-input {
+ margin-left: 0;
+ }
+ .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 30px;
+ }
+ input.span12,
+ textarea.span12,
+ .uneditable-input.span12 {
+ width: 1156px;
+ }
+ input.span11,
+ textarea.span11,
+ .uneditable-input.span11 {
+ width: 1056px;
+ }
+ input.span10,
+ textarea.span10,
+ .uneditable-input.span10 {
+ width: 956px;
+ }
+ input.span9,
+ textarea.span9,
+ .uneditable-input.span9 {
+ width: 856px;
+ }
+ input.span8,
+ textarea.span8,
+ .uneditable-input.span8 {
+ width: 756px;
+ }
+ input.span7,
+ textarea.span7,
+ .uneditable-input.span7 {
+ width: 656px;
+ }
+ input.span6,
+ textarea.span6,
+ .uneditable-input.span6 {
+ width: 556px;
+ }
+ input.span5,
+ textarea.span5,
+ .uneditable-input.span5 {
+ width: 456px;
+ }
+ input.span4,
+ textarea.span4,
+ .uneditable-input.span4 {
+ width: 356px;
+ }
+ input.span3,
+ textarea.span3,
+ .uneditable-input.span3 {
+ width: 256px;
+ }
+ input.span2,
+ textarea.span2,
+ .uneditable-input.span2 {
+ width: 156px;
+ }
+ input.span1,
+ textarea.span1,
+ .uneditable-input.span1 {
+ width: 56px;
+ }
+ .thumbnails {
+ margin-left: -30px;
+ }
+ .thumbnails > li {
+ margin-left: 30px;
+ }
+ .row-fluid .thumbnails {
+ margin-left: 0;
+ }
+}
+@media (max-width: 979px) {
+ body {
+ padding-top: 0;
+ }
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ position: static;
+ }
+ .navbar-fixed-top {
+ margin-bottom: 20px;
+ }
+ .navbar-fixed-bottom {
+ margin-top: 20px;
+ }
+ .navbar-fixed-top .navbar-inner,
+ .navbar-fixed-bottom .navbar-inner {
+ padding: 5px;
+ }
+ .navbar .container {
+ width: auto;
+ padding: 0;
+ }
+ .navbar .brand {
+ padding-left: 10px;
+ padding-right: 10px;
+ margin: 0 0 0 -5px;
+ }
+ .nav-collapse {
+ clear: both;
+ }
+ .nav-collapse .nav {
+ float: none;
+ margin: 0 0 10px;
+ }
+ .nav-collapse .nav > li {
+ float: none;
+ }
+ .nav-collapse .nav > li > a {
+ margin-bottom: 2px;
+ }
+ .nav-collapse .nav > .divider-vertical {
+ display: none;
+ }
+ .nav-collapse .nav .nav-header {
+ color: #777777;
+ text-shadow: none;
+ }
+ .nav-collapse .nav > li > a,
+ .nav-collapse .dropdown-menu a {
+ padding: 9px 15px;
+ font-weight: bold;
+ color: #777777;
+ }
+ .nav-collapse .btn {
+ padding: 4px 10px 4px;
+ font-weight: normal;
+ }
+ .nav-collapse .dropdown-menu li + li a {
+ margin-bottom: 2px;
+ }
+ .nav-collapse .nav > li > a:hover,
+ .nav-collapse .nav > li > a:focus,
+ .nav-collapse .dropdown-menu a:hover,
+ .nav-collapse .dropdown-menu a:focus {
+ background-color: #f2f2f2;
+ }
+ .navbar-inverse .nav-collapse .nav > li > a,
+ .navbar-inverse .nav-collapse .dropdown-menu a {
+ color: #999999;
+ }
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
+ .navbar-inverse .nav-collapse .nav > li > a:focus,
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover,
+ .navbar-inverse .nav-collapse .dropdown-menu a:focus {
+ background-color: #111111;
+ }
+ .nav-collapse.in .btn-group {
+ margin-top: 5px;
+ padding: 0;
+ }
+ .nav-collapse .dropdown-menu {
+ position: static;
+ top: auto;
+ left: auto;
+ float: none;
+ display: none;
+ max-width: none;
+ margin: 0 15px;
+ padding: 0;
+ background-color: transparent;
+ border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ }
+ .nav-collapse .open > .dropdown-menu {
+ display: block;
+ }
+ .nav-collapse .dropdown-menu:before,
+ .nav-collapse .dropdown-menu:after {
+ display: none;
+ }
+ .nav-collapse .dropdown-menu .divider {
+ display: none;
+ }
+ .nav-collapse .nav > li > .dropdown-menu:before,
+ .nav-collapse .nav > li > .dropdown-menu:after {
+ display: none;
+ }
+ .nav-collapse .navbar-form,
+ .nav-collapse .navbar-search {
+ float: none;
+ padding: 10px 15px;
+ margin: 10px 0;
+ border-top: 1px solid #f2f2f2;
+ border-bottom: 1px solid #f2f2f2;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0
rgba(255,255,255,.1);
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0
rgba(255,255,255,.1);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0
rgba(255,255,255,.1);
+ }
+ .navbar-inverse .nav-collapse .navbar-form,
+ .navbar-inverse .nav-collapse .navbar-search {
+ border-top-color: #111111;
+ border-bottom-color: #111111;
+ }
+ .navbar .nav-collapse .nav.pull-right {
+ float: none;
+ margin-left: 0;
+ }
+ .nav-collapse,
+ .nav-collapse.collapse {
+ overflow: hidden;
+ height: 0;
+ }
+ .navbar .btn-navbar {
+ display: block;
+ }
+ .navbar-static .navbar-inner {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+}
+@media (min-width: 980px) {
+ .nav-collapse.collapse {
+ height: auto !important;
+ overflow: visible !important;
+ }
+ body {
+ padding-top:3.25em;
+ }
+}
+@media (min-width: 1500px) {
+ body.docs .container,
+ body.docs .navbar-static-top .container,
+ body.docs .navbar-fixed-top .container,
+ body.docs .navbar-fixed-bottom .container {
+ width: auto;
+ padding-left:.75em;
+ }
+}
diff --git a/styles/doc.css b/styles/doc.css
index 9968f37..47a9d16 100755
--- a/styles/doc.css
+++ b/styles/doc.css
@@ -1,6 +1,5 @@
/* vim: set et ts=4 sw=4 fdm=marker: : */
-
/* {{{ The Quick TOC reference top on man pages */
aside#quicktoc {
display: block;
@@ -89,7 +88,7 @@ aside#quicktoc {
.docs div.caution,
.docs blockquote.note {
padding: .75em 1em;
- margin: 1.5em 0;
+ margin: .75em 0;
}
.docs .refsect1 div.caution,
@@ -130,8 +129,8 @@ aside#quicktoc {
.docs div.tip {
background:#eeeef6;
border-top: 0.1875em solid #99c;
- margin:1.5em 0;
- padding:0.5625em 1.5em .75em;
+ margin:.75em 0;
+ padding:0.5625em .75em .75em;
}
.docs .refsect1.notes div.tip {
background:#e8e8e8;
@@ -144,8 +143,8 @@ aside#quicktoc {
.docs div.warning {
background: #f2e5f4;
- margin: 1.5em 0;
- padding: 1.5em;
+ margin: .75em 0;
+ padding: .75em;
}
/* }}} */
@@ -164,7 +163,7 @@ aside#quicktoc {
}
.docs dl dd + dt {
- margin-top:1.5em;
+ margin-top:.75em;
}
.docs .refentry .parameters dl dt code.parameter {
@@ -174,7 +173,7 @@ aside#quicktoc {
/* }}} */
.docs .example {
- margin: 1.5em 0;
+ margin: .75em 0;
}
/* {{{ Examples (highlighting is in theme.css) */
@@ -223,7 +222,7 @@ aside#quicktoc {
.docs .doctable {
border: 1px solid #ccc;
width: 100%;
- margin:1.5em 0;
+ margin:.75em 0;
}
.docs .doctable thead tr {
@@ -266,9 +265,10 @@ ul.chunklist_children {
position: relative;
}
-.docs p.verinfo {
- float:right;
- margin:0 0 0 1.5em;
+.docs .refnamediv p.verinfo {
+ margin:1em 0;
+ font-size: .75em;
+ line-height:2;
}
.docs h1.refname,
@@ -278,6 +278,7 @@ ul.chunklist_children {
.docs .refnamediv {
position:relative;
}
+
.docs div.refsect1 h3.title {
color: #444;
position: absolute;
@@ -342,7 +343,7 @@ ul.chunklist_children {
/* - Side Menu - */
.docs .layout-menu {
- width: 16.25em;
+ background-color:#eee;
}
.docs .layout-menu ul.parent-menu-list {
@@ -352,70 +353,53 @@ ul.chunklist_children {
}
.docs .layout-menu ul.parent-menu-list li {
- margin: 1.5em 0;
+ margin: .75em 0;
}
-.docs .layout-menu ul.parent-menu-list > li:first-child {
+.docs .layout-menu ul.parent-menu-list > li {
margin-top:0;
+ margin-bottom:0;
+
+}
+.docs .layout-menu ul.parent-menu-list > li > a {
+ color:#000;
+ border:0;
}
.docs .layout-menu ul.parent-menu-list a {
color: #444;
- margin: 0;
- padding:0 0 0 .5em;
- border: 0;
- border-left: .25em solid #7F7FB2;
}
-.docs .layout-menu ul.parent-menu-list a:hover,
-.docs .layout-menu ul.parent-menu-list li:last-child a {
+.docs .layout-menu ul.parent-menu-list a:hover {
color: #000;
- border-left: .25em solid #666699;
+ border-color: #669;
}
.docs .layout-menu ul.child-menu-list {
margin: 0;
- padding:0 0 1.5em .25em;
- border: 0;
+ padding:0 0 0 .25em;
}
.docs .layout-menu ul.child-menu-list li {
list-style-type: none;
- margin: 0 0 -1px .5em;
- padding:0;
- border: 0;
- border-bottom: 1px dotted #aaa;
+ margin: 0 0 -1px;
}
.docs .layout-menu ul.child-menu-list a {
font-size: .75em;
line-height: 2;
- color: black;
- overflow: visible;
-}
-
-.docs .layout-menu ul.child-menu-list .current a:before {
- content:"\bb \20";
-}
-
-body.docs #layout {
- min-width:45em;
- width:auto;
- padding:0 3em 0 0;
+ border-bottom: 1px dotted #aaa;
+ display:block;
+ padding-left:.5em;
}
-.docs .layout-menu ul.child-menu-list a:hover,
-.docs .layout-menu ul.parent-menu-list li:last-child ul.child-menu-list a {
- border-left: 0;
+.docs .layout-menu ul.child-menu-list .current {
+ font-weight:700;
}
-
-/* #layout needed, see http://news.php.net/php.webmaster/11884 */
-.docs #layout .layout-content,
-.docs #layout #usernotes {
- margin-left: 19em;
+.docs .layout-menu ul.child-menu-list .current a {
+ color:#000;
}
-
-.docs #usernotes {
- margin-top:1.5em;
+.docs .layout-menu ul.child-menu-list .current a:before {
+ content:"\bb \20";
}
#changelang-langs {
@@ -454,3 +438,26 @@ div.soft-deprecation-notice blockquote.sidebar {
border: 0px solid #666600;
color: #660000;
}
+
+
+#breadcrumbs {
+ background:#f3f3f3;
+ padding:.5em .75em;
+ margin:0 0 .75em;
+}
+#breadcrumbs ul {
+ padding:0;
+ margin:0;
+}
+#breadcrumbs li {
+ display:inline-block;
+}
+#breadcrumbs .divider {
+ padding:0 .25em;
+}
+#breadcrumbs a {
+ border:0;
+}
+#breadcrumbs li:last-child a {
+ color:#222;
+}
diff --git a/styles/home.css b/styles/home.css
index b246bd5..a757423 100644
--- a/styles/home.css
+++ b/styles/home.css
@@ -208,12 +208,20 @@ section.layout-content.home {
margin: 0 auto;
}
-div.home-content {
- width: 648px;
-}
-
/* Announcement Area */
+.home aside.tips {
+ background:transparent;
+ padding:0;
+ border:0;
+}
+.home aside.tips .border {
+ border:0;
+}
+.home aside.tips div.inner {
+ margin:0;
+ clear:none;
+}
.home .announcements {
display: block;
background-color: #cce;
@@ -232,107 +240,44 @@ div.home-content {
text-align: left;
}
-/* 2x2 Featured Content Grid */
-div.featured-content div.top-left,
-div.featured-content div.top-right {
- margin-top:-1.5em;
-}
-div.featured-content div.feature {
- float: left;
- width: 270px;
- padding:0 20px;
- text-align: center;
-}
-div.featured-content div.bottom-left,
-div.featured-content div.bottom-right {
- padding-top:1.5em;
-}
-
-div.featured-content span.graphic {
- display: block;
- width: 128px;
- height: 128px;
- margin:0 auto;
- padding:8px 0;
- background-image: url('../images/home-sprites.png');
-}
-
-div.featured-content div.top-left span.graphic {
- background-position: 0 8px;
-}
-
-div.featured-content div.top-right span.graphic {
- background-position: 0px -121px;
-}
-
-div.featured-content div.bottom-left span.graphic {
- background-position: 0px -258px;
-}
-
-div.featured-content div.bottom-right span.graphic {
- background-position: 0px -399px;
-}
-
-.featured-content .feature h3 {
- text-align: center;
- color:#000;
- font-weight:bold;
-}
-.featured-content .feature p {
- margin:1.5em 0 0;
- color:#333;
-}
/* Right-hand sidebar */
-div.home-sidebar {
- float: right;
- width: 264px;
- padding: 0 0 1.5em;
- margin: 0 0 0 20px;
-}
-
-div.home-sidebar h3 {
+.home aside h3 {
border-bottom: .25em solid #99c;
margin: 1.2em 0 .95em;
padding:0;
}
-div.home-sidebar h3.panel {
+.home aside.tips h3.panel {
line-height: 1.2em;
border:0;
margin:1.2em 0;
}
-div.home-sidebar h3:first-child {
+.home aside.tips h3:first-child {
margin-top: 0;
}
-div.home-sidebar h3.panel a {
+.home aside.tips h3.panel a {
background:#ddd;
color:#333;
border:0;
display: block;
padding:.6em 1em;
}
-div.home-sidebar h3.panel a::after {
+.home aside.tips h3.panel a::after {
float:right;
content:"»";
}
-div.home-sidebar h3.panel a:hover,
-div.home-sidebar h3.panel a:focus {
+.home aside.tips h3.panel a:hover,
+.home aside.tips h3.panel a:focus {
background:#eee;
}
-div.home-sidebar ul {
- margin: 0 0 0 0;
- list-style-type: none;
- padding: 0;
-}
-
-div.home-sidebar a:link,
-div.home-sidebar a:visited {
+.home aside.tips a:link,
+.home aside.tips a:visited {
border-bottom-color: transparent;
}
-div.home-sidebar a:hover,
-div.home-sidebar a:focus {
+.home aside.tips a:hover,
+.home aside.tips a:focus {
border-bottom-color: #3F438D;
}
@@ -429,6 +374,10 @@ div.home-sidebar a:focus {
.home .newsItem {
border-bottom: 0;
}
+.home .newsItem + .newsItem {
+ border-top: 1px dotted #999;
+ padding-top:.75em;
+}
.newsItem h2 a {
border-bottom-width:0;
}
diff --git a/styles/theme.css b/styles/theme.css
index 61dce66..86cb023 100755
--- a/styles/theme.css
+++ b/styles/theme.css
@@ -31,28 +31,33 @@ input {
body {
font-size: 1em;
line-height: 1.5;
- background: url('/images/sprites.png') repeat-x 0px -990px #fff;
+ background:#fff;
+ padding-left:0;
+ padding-right:0;
+ padding-bottom:0;
+ margin:0;
}
h1 {
font-size: 1.5em;
line-height: 1;
- margin:0 0 1em;
+ margin:0 0 .5em;
}
h2 {
font-size: 1.25em;
line-height: 1.2;
- margin:0 0 1.2em;
+ margin:0 0 0.6em;
}
h3 {
font-size: 1.125em;
line-height: 1.333333333;
- margin:0 0 1.333333333em;
+ margin:0 0 0.66666666666667em;
}
p {
- margin: 1.5em 0;
+ margin: .75em 0;
}
-ul {
- margin:1.5em 0;
+ul, ol {
+ margin:.75em 1.5em;
+ padding:0;
}
p:empty {
margin:0;
@@ -68,7 +73,9 @@ abbr {
border-bottom:1px dotted #999;
cursor: help;
}
-
+a {
+ text-decoration:none;
+}
h1, h1 a, h1 a:visited, h1 a:link {
color: #222;
border-color:#222;
@@ -97,6 +104,7 @@ h1, h2, h3, h4, h5, h6 {
h4, h5, h6 {
font-size:1.125em;
line-height: 1.333333333;
+ margin:0.666666667em 0;
}
a:link,
@@ -113,12 +121,10 @@ a:focus {
ul {
list-style-type: disc;
- margin: 1.5em;
}
ol {
list-style-type: decimal;
- margin: 1.5em;
}
hr {
@@ -128,102 +134,12 @@ hr {
border-top:.25em solid #99c;
}
-#headnav {
- height: 70px;
- line-height: 1;
- background: url('/images/sprites.png') repeat-x 0px -100px;
- min-width:960px;
-}
-
-#headnav .myphp {
- float: left;
- position: absolute;
- right: 20px;
- top: 30px;
-}
-
-#headmenu {
- width: 960px;
- margin: 0 auto;
-}
-
-#headnav h6,
-#headmenu li,
-#headsearch {
- display: block;
- float: left;
- margin: 0;
- list-style: none;
- padding: 18px 0 0 0;
-}
-
-#headnav #headhome a.menu-link {
- background: url(/images/sprites.png) 0 0;
- width: 120px;
- height: 16px;
- text-indent: -2000em;
-}
-
-#headnav li.parent a.menu-link {
- padding-right: 25px;
- background: url(/images/sprites.png) no-repeat 100% 11px;
-}
-
-#headnav li.parent .children {
- display: none;
-}
-
-#headnav li.parent.current a.menu-link {
- background-position: 100% -19px;
-}
-
-#headnav a.menu-link {
- display: block;
- padding: 12px 15px 16px 15px;
- margin: 0;
- border-bottom: .5em solid;
- color: #444;
- border-color: #7F7FB2;
- font-weight: bold;
-}
-#headsearch {
- width:258px;
-}
-#headnav li#headsearch {
- margin: 22px 0 0 20px;
- padding: 2px;
- float: right;
- border: 1px solid #7F7FB2;
-}
-
-#headsearch-keywords {
- border: 0;
- padding: 2px;
- width: 210px;
- height:26px;
- float: left;
- -webkit-appearance: none;
-}
-
-#headsearch-keywords,
-#headsearch-keywords:focus {
- color: #000;
+.navbar a {
+ border:0;
}
-#headsearch-submit {
- float:right;
-}
-#headsearch-submit
-{
- border: 0;
- margin: 1px;
- padding: 2px 5px;
- font-weight: bold;
- border-color: #7F7FB2;
- border: 1px solid #666699;
- background: #666699;
- color: #fff;
- cursor: pointer;
+.navbar {
+ border-bottom:.25em solid #99c;
}
.change-language {
@@ -255,7 +171,7 @@ hr {
}
#headnav li.current a.menu-link {
- color: #000;
+ color: #fff;
}
@@ -345,7 +261,6 @@ hr {
* User notes
*/
#usernotes {
- margin: 0 0 1.5em 216px;
position: relative;
}
@@ -370,7 +285,7 @@ hr {
/* Add a note buttons. */
#usernotes .action {
display: block;
- top: 1em;
+ top: 5em;
right: 0;
position: absolute;
text-align: right;
@@ -383,7 +298,7 @@ hr {
/* Notes themselves. */
#usernotes .note {
- margin: 1.5em 0;
+ margin: .75em 0;
position: relative;
}
@@ -430,7 +345,7 @@ hr {
#usernotes .note .text {
background-color: #eee;
border-top: 0.125em solid #ccc;
- padding: 1.375em .75em 1.5em;
+ padding: .375em .75em .75em;
}
/* Vote arrow styles. */
@@ -489,7 +404,7 @@ dl dd p {
margin:0;
}
dl dd p + p {
- margin-top: 1.5em;
+ margin-top: .75em;
}
@@ -512,7 +427,7 @@ div.phpcode span.comment {
}
div.classsynopsisinfo_comment {
font-weight: bold;
- margin-top:1.5em;
+ margin-top:.75em;
}
div.phpcode span.default {
color: #0000BB;
@@ -617,16 +532,13 @@ a.genanchor:focus {
aside.tips {
background-color: #f9f9f9;
- border-bottom: .5em solid #9999CC;
- float: right;
- margin:0 0 1em 1.5em;
- width: 288px;
+ border-bottom: .25em solid #9999CC;
}
aside.tips div.border {
float: left;
- width: 96px;
- border-top: .5em solid #9999CC;
+ width: 33.33333333%;
+ border-top: .25em solid #9999CC;
}
aside.tips div.border.second {
@@ -639,47 +551,28 @@ aside.tips div.border.third {
aside.tips div.inner {
clear: both;
- margin: 1.5em 1.5em;
+ margin: .75em;
}
#layout {
- width: 960px;
- margin: .75em auto 1.5em;
+ margin: .75em auto;
+ padding-right:3em;
clear:both;
}
.layout-menu {
float: left;
padding:.75em;
- margin-top:-.75em;
background-color:#eeeef6;
}
-.layout-menu li a {
- display: block;
- border-top-width: 3px;
- border-top-style: solid;
- padding: 4px 0;
- margin-top: 1em;
- font-weight: bold;
-}
-
-.layout-menu li li a {
- overflow: hidden;
- border: none;
- font-size: 11px;
- padding: 1px 0 1px 20px;
- margin: 0;
- font-weight: normal;
-}
-.layout-menu li.current a {
- font-weight: bold;
-}
-.layout-content {
- display: block;
- margin: 0 auto;
+#layout *[id]:before {
+ display:block;
+ content:" ";
+ margin-top:-4em;
+ height:4em;
}
#search-results {
@@ -716,26 +609,15 @@ footer {
clear: both;
overflow: auto;
background-color: #333;
- border-top: .5em solid #9999CC;
- padding: 1.5em 0;
- min-width:960px;
+ border-top: .25em solid #9999CC;
+ padding: .75em 0;
}
-footer .footer-content {
- width: 960px;
- margin: 0 auto;
+footer ul {
+ margin:0;
+ padding:0;
}
-footer .footmenu {
- float: right;
- margin: 0;
-}
-footer .footmenu.pagetools {
- clear: right;
-}
-footer .footmenu.copyright {
- float: left;
-}
footer .footmenu li {
display: inline;
}
@@ -763,7 +645,6 @@ footer a:focus {
div.elephpants {
margin: auto;
overflow: hidden;
- min-width:960px;
}
div.elephpants div.images {
@@ -803,6 +684,11 @@ div.elephpants img:focus {
/* Standard Tables */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
table.standard {
border-collapse: collapse;
border-style: hidden;
@@ -848,10 +734,10 @@ table.standard th.subr {
/* News styles. */
.newsImage img {
margin-left: 1.5em;
- margin-bottom: 1.5em;
+ margin-bottom: .75em;
}
.newsItem {
- margin:1.5em 0;
+ margin:.75em 0;
border-bottom: solid 0.25em #99c;
}
.newsItem:last-child {
@@ -1013,7 +899,7 @@ table.standard th.subr {
}
div.informalexample {
- margin-bottom: 1.5em;
+ margin-bottom: .75em;
}
.count strong {
@@ -1053,3 +939,23 @@ em, strong {
#toTop:active,#toTop:focus {
outline:none;
}
+fieldset {
+ margin:0;
+ padding:0;
+ border:0;
+}
+.navbar ul {
+ list-style:none;
+}
+.navbar a {
+ display:inline-block;
+}
+@media (min-width:1200px) {
+ body.docs .row-fluid .layout-menu.span3 {
+ width:18%;
+ }
+ body.docs .row-fluid #layout-content {
+ width:81%;
+ margin-left:1%;
+ }
+}
diff --git a/views/homepage/sidebar.php b/views/homepage/sidebar.php
index 3c0fdd8..12318f5 100644
--- a/views/homepage/sidebar.php
+++ b/views/homepage/sidebar.php
@@ -1,4 +1,3 @@
-<div class='home-sidebar'>
<?php if (!empty($announcements)):
echo $announcements;
@@ -10,4 +9,3 @@
<h3 class='panel events'><a href='/cal.php'>User Group Events</a></h3>
<h3 class='panel tips'><a href='/tips.php'>Tips and Tricks</a></h3>
-</div>--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php